/* Stila brand accent: #FFCD00. Existing opacity and responsive conditions are preserved. */
:root{--stila-accent:#FFCD00;}
:root{--primary: #FFCD00;--secondary: #FFCD00;--sun-500: #FFCD00;--saffron-400: #FFCD00;--lightning-yellow-400: #FFCD00;}
.border-primary\/50{border-color: rgba(255, 205, 0, 0.5);}
.border-saffron-400\/75{border-color: rgba(255, 205, 0, 0.75);}
.border-sun-500{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.bg-lightning-yellow-400{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.bg-primary{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.bg-saffron-400, .bg-secondary{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.bg-sun-500{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.from-\[\#FDC631\]{--tw-gradient-from: #FFCD00 var(--tw-gradient-from-position);--tw-gradient-to: rgba(255, 205, 0,0) var(--tw-gradient-to-position);}
.from-sun-500\/5{--tw-gradient-from: rgba(255, 205, 0,.05) var(--tw-gradient-from-position);--tw-gradient-to: rgba(255, 205, 0,0) var(--tw-gradient-to-position);}
.fill-\[\#fdb917\]{fill: rgb(255, 205, 0);}
.text-saffron-400{color: rgb(255 205 0/var(--tw-text-opacity));}
.text-sun-500{color: rgb(255 205 0/var(--tw-text-opacity));}
.shadow-\[0_0_120px_0_rgba\(252\,186\,3\,0\.5\)\]{--tw-shadow: 0 0 120px 0 rgba(255, 205, 0,.5);}
.shadow-\[0_10px_120px_-15px_rgba\(252\,186\,3\,0\.25\)\]{--tw-shadow: 0 10px 120px -15px rgba(255, 205, 0,.25);}
.shadow-\[0_10px_60px_-15px_rgba\(252\,186\,3\,0\.15\)\]{--tw-shadow: 0 10px 60px -15px rgba(255, 205, 0,.15);}
.scrollbar-track-secondary{--scrollbar-track: #FFCD00 !important;}
.scrollbar-thumb-primary{--scrollbar-thumb: #FFCD00 !important;}
.text-editor :is(:where(hr):not(:where([class~="not-editor"] *))){background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.\[background-image\:linear-gradient\(90deg\,rgba\(250\,178\,9\,1\)\,rgba\(250\,178\,9\,0\)\)\]{background-image: linear-gradient(90deg, rgb(255, 205, 0), rgba(255, 205, 0, 0));}
.\[background\:linear-gradient\(90deg\,rgba\(250\,191\,55\,0\.5\)\,rgba\(250\,191\,55\,1\)\,rgba\(250\,191\,55\,0\.5\)\)\]{background: linear-gradient(90deg, rgba(255, 205, 0, 0.5), rgb(255, 205, 0), rgba(255, 205, 0, 0.5));}
.before\:border-sun-500\/38::before{border-color: rgba(255, 205, 0, 0.38);}
.before\:bg-primary::before{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.before\:bg-saffron-400::before{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.before\:bg-sun-500::before{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.before\:bg-sun-500\/50::before{background-color: rgba(255, 205, 0, 0.5);}
.before\:from-\[\#FFCB05\]\/12::before{--tw-gradient-from: rgba(255, 205, 0,.12) var(--tw-gradient-from-position);--tw-gradient-to: rgba(255, 205, 0,0) var(--tw-gradient-to-position);}
.after\:border-sun-500::after{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.after\:bg-sun-500::after{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.after\:bg-sun-500\/50::after{background-color: rgba(255, 205, 0, 0.5);}
.after\:from-lightning-yellow-400\/1::after{--tw-gradient-from: rgba(255, 205, 0,.01) var(--tw-gradient-from-position);--tw-gradient-to: rgba(255, 205, 0,0) var(--tw-gradient-to-position);}
.after\:from-sun-500::after{--tw-gradient-from: #FFCD00 var(--tw-gradient-from-position);--tw-gradient-to: rgba(255, 205, 0,0) var(--tw-gradient-to-position);}
.group:hover .group-hover\:border-sun-500{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.group\/close:hover .group-hover\/close\:text-primary{color: rgb(255 205 0/var(--tw-text-opacity));}
.group:hover .group-hover\:text-sun-500{color: rgb(255 205 0/var(--tw-text-opacity));}
.group\/option:hover .group-hover\/option\:before\:border-sun-500::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.group\/subli:hover .group-hover\/subli\:before\:border-sun-500::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.group.is-active .group-\[\&\.is-active\]\:\!border-sun-500{border-color: rgb(255 205 0/var(--tw-border-opacity)) !important;}
.group.is-active .group-\[\&\.is-active\]\:\!bg-sun-500\/12{background-color: rgba(255, 205, 0, 0.12) !important;}
.group.is-active .group-\[\&\.is-active\]\:bg-sun-500{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.group.is-active .group-\[\&\.is-active\]\:text-sun-500{color: rgb(255 205 0/var(--tw-text-opacity));}
.group.swiper-slide-active .group-\[\&\.swiper-slide-active\]\:\!text-saffron-400{color: rgb(255 205 0/var(--tw-text-opacity)) !important;}
.group\/option.is-active .group-\[\&\.is-active\]\/option\:before\:border-sun-500::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.group\/subli.is-active .group-\[\&\.is-active\]\/subli\:before\:border-sun-500::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.peer:checked ~ .peer-checked\:\!border-primary{border-color: rgb(255 205 0/var(--tw-border-opacity)) !important;}
.hover\:border-primary:hover{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.hover\:border-saffron-400:hover{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.hover\:border-sun-500:hover{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.hover\:bg-sun-500:hover{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.hover\:text-primary:hover{color: rgb(255 205 0/var(--tw-text-opacity));}
.hover\:text-saffron-400:hover{color: rgb(255 205 0/var(--tw-text-opacity));}
.hover\:text-sun-500:hover{color: rgb(255 205 0/var(--tw-text-opacity));}
.hover\:shadow-\[0_15px_75px_-15px_rgba\(252\,186\,3\,0\.15\)\]:hover{--tw-shadow: 0 15px 75px -15px rgba(255, 205, 0,.15);}
.hover\:before\:border-sun-500:hover::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.hover\:after\:border-sun-500:hover::after{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.focus\:\!border-primary:focus, .focus\:\!border-sun-500:focus{border-color: rgb(255 205 0/var(--tw-border-opacity)) !important;}
@media (max-width: 1280px){
.lg\:bg-sun-500{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
}
.\[\&\.is-active\]\:bg-saffron-400.is-active{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.\[\&\.is-active\]\:bg-sun-500.is-active{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.\[\&\.is-active\]\:text-primary.is-active, .\[\&\.is-active\]\:text-sun-500.is-active{color: rgb(255 205 0/var(--tw-text-opacity));}
.\[\&\.is-active\]\:shadow-\[0_15px_75px_-15px_rgba\(252\,186\,3\,0\.15\)\].is-active{--tw-shadow: 0 15px 75px -15px rgba(255, 205, 0,.15);}
.\[\&\.is-active\]\:shadow-\[0_30px_90px_-15px_rgba\(252\,186\,3\,0\.1\)\].is-active{--tw-shadow: 0 30px 90px -15px rgba(255, 205, 0,.1);}
.\[\&\.is-active\]\:before\:border-sun-500.is-active::before{border-color: rgb(255 205 0/var(--tw-border-opacity));}
.\[\&\.is-active\]\:before\:bg-sun-500.is-active::before{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.\[\&\>\.swiper-pagination-progressbar-fill\]\:\!bg-sun-500 > .swiper-pagination-progressbar-fill{background-color: rgb(255 205 0/var(--tw-bg-opacity)) !important;}
.\[\&_th\]\:bg-saffron-400 th{background-color: rgb(255 205 0/var(--tw-bg-opacity));}
.fancybox__content > .f-button.is-close-btn{--f-button-color: #FFCD00;--f-button-hover-color: #FFCD00;}



/* Keep the news-card outline above its isolated image layer. */
main .news::before{z-index:3;pointer-events:none;}
main .news::after{content:"";position:absolute;inset:0;z-index:5;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .35s;}
main .news:hover::before,main .news:focus-within::before,main .news:hover::after,main .news:focus-within::after{border-color:#FFCD00;}
/* The cookie component and contact widget load their styles after the page head. */
.cookie-box.stila-cookie-compact{border-top-color:#FFCD00!important;}
.stila-cookie-intro svg{color:#FFCD00!important;}
.stila-cookie-ok,.b24-widget-button-inner-block,.b24-widget-button-inner-mask{background-color:#FFCD00!important;}
.b24-form{--b24-primary-color:#FFCD00!important;--b24-primary-hover-color:rgba(255,205,0,.7)!important;}

/* Black labels on yellow controls, including nested text and icons. */
[class~="hover:bg-sun-500"]:hover,
[class~="hover:bg-sun-500"]:hover *,
[class~="hover:bg-primary"]:hover,
[class~="hover:bg-primary"]:hover *,
[class~="hover:bg-secondary"]:hover,
[class~="hover:bg-secondary"]:hover *,
[class~="hover:bg-saffron-400"]:hover,
[class~="hover:bg-saffron-400"]:hover *,
[class~="hover:bg-lightning-yellow-400"]:hover,
[class~="hover:bg-lightning-yellow-400"]:hover *,
.button[class~="bg-sun-500"],
.button[class~="bg-sun-500"] *,
.button[class~="bg-primary"],
.button[class~="bg-primary"] *,
.button[class~="bg-secondary"],
.button[class~="bg-secondary"] *,
.button[class~="bg-saffron-400"],
.button[class~="bg-saffron-400"] *,
.button[class~="bg-lightning-yellow-400"],
.button[class~="bg-lightning-yellow-400"] *{color:#000!important;}
.product-categories-field .heading-banner .text-editor,
.product-categories-field .heading-banner .text-editor *{color:#000!important;}
.statistics-box .title,.statistics-box .title *,.statistics-box .value{color:#000!important;}
/* Keep the value's original gradient mask. Color icons through their original alpha shapes. */
.services-box .service .image:has(img.icon){position:relative;}
.services-box .service .image:has(img.icon)::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:35px;height:35px;background-color:#FFCD00;pointer-events:none;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;}
.services-box .service .image img.icon{opacity:0;}
/* Normalize legacy editor text colors without changing content or images. */
main [style^="color:#fab209" i],
main [style*=";color:#fab209" i],
main [style^=" color:#fab209" i],
main [style*="; color:#fab209" i],
main [style^="color: #fab209" i],
main [style*=";color: #fab209" i],
main [style^=" color: #fab209" i],
main [style*="; color: #fab209" i],
main font[color="#fab209" i],
main [style^="color:#fabf37" i],
main [style*=";color:#fabf37" i],
main [style^=" color:#fabf37" i],
main [style*="; color:#fabf37" i],
main [style^="color: #fabf37" i],
main [style*=";color: #fabf37" i],
main [style^=" color: #fabf37" i],
main [style*="; color: #fabf37" i],
main font[color="#fabf37" i],
main [style^="color:#ffbc13" i],
main [style*=";color:#ffbc13" i],
main [style^=" color:#ffbc13" i],
main [style*="; color:#ffbc13" i],
main [style^="color: #ffbc13" i],
main [style*=";color: #ffbc13" i],
main [style^=" color: #ffbc13" i],
main [style*="; color: #ffbc13" i],
main font[color="#ffbc13" i],
main [style^="color:#fdb917" i],
main [style*=";color:#fdb917" i],
main [style^=" color:#fdb917" i],
main [style*="; color:#fdb917" i],
main [style^="color: #fdb917" i],
main [style*=";color: #fdb917" i],
main [style^=" color: #fdb917" i],
main [style*="; color: #fdb917" i],
main font[color="#fdb917" i],
main [style^="color:#fdc631" i],
main [style*=";color:#fdc631" i],
main [style^=" color:#fdc631" i],
main [style*="; color:#fdc631" i],
main [style^="color: #fdc631" i],
main [style*=";color: #fdc631" i],
main [style^=" color: #fdc631" i],
main [style*="; color: #fdc631" i],
main font[color="#fdc631" i],
main [style^="color:#ffbf00" i],
main [style*=";color:#ffbf00" i],
main [style^=" color:#ffbf00" i],
main [style*="; color:#ffbf00" i],
main [style^="color: #ffbf00" i],
main [style*=";color: #ffbf00" i],
main [style^=" color: #ffbf00" i],
main [style*="; color: #ffbf00" i],
main font[color="#ffbf00" i],
main [style^="color:#ffcb05" i],
main [style*=";color:#ffcb05" i],
main [style^=" color:#ffcb05" i],
main [style*="; color:#ffcb05" i],
main [style^="color: #ffcb05" i],
main [style*=";color: #ffcb05" i],
main [style^=" color: #ffcb05" i],
main [style*="; color: #ffcb05" i],
main font[color="#ffcb05" i],
main [style^="color:#ffb700" i],
main [style*=";color:#ffb700" i],
main [style^=" color:#ffb700" i],
main [style*="; color:#ffb700" i],
main [style^="color: #ffb700" i],
main [style*=";color: #ffb700" i],
main [style^=" color: #ffb700" i],
main [style*="; color: #ffb700" i],
main font[color="#ffb700" i],
main [style^="color:#fcba03" i],
main [style*=";color:#fcba03" i],
main [style^=" color:#fcba03" i],
main [style*="; color:#fcba03" i],
main [style^="color: #fcba03" i],
main [style*=";color: #fcba03" i],
main [style^=" color: #fcba03" i],
main [style*="; color: #fcba03" i],
main font[color="#fcba03" i]{color:#FFCD00!important;}
.services-box .service .image:has(img.icon[src$="/consultation.webp"])::before{-webkit-mask-image:url("/assets/image/brand-icons/service-0.webp");mask-image:url("/assets/image/brand-icons/service-0.webp");}
.services-box .service .image:has(img.icon[src$="/2078718339.webp"])::before{-webkit-mask-image:url("/assets/image/brand-icons/service-1.webp");mask-image:url("/assets/image/brand-icons/service-1.webp");}
.services-box .service .image:has(img.icon[src$="/production.webp"])::before{-webkit-mask-image:url("/assets/image/brand-icons/service-2.webp");mask-image:url("/assets/image/brand-icons/service-2.webp");}
.services-box .service .image:has(img.icon[src$="/communication.webp"])::before{-webkit-mask-image:url("/assets/image/brand-icons/service-3.webp");mask-image:url("/assets/image/brand-icons/service-3.webp");}

/* Readable labels on white and yellow surfaces across all locales. */
main .category-widget .title,
main .category-widget .title *,
main .product .title,
main .product .title *,
main .news .title,
main .news .title *{color:#000!important;}
main .product .category:hover{color:#000!important;}
main .statistics-box .title,
main .statistics-box .title *{color:#333!important;}
/* Preserve the existing faded numeric values and breadcrumb decoration. */
main .breadcrumb-field .inner.bg-saffron-400,
main .breadcrumb-field .inner.bg-sun-500{background-color:#FFCD00!important;}