/* Runtime CSS overrides. Edit this file for small visual fixes without rebuilding Next.js. */

/* Unified network typography and project-specific brand theme. */
:root { --accent:#366c60; --accent-dark:#285349; --network-accent:#366c60; --eks-f-brand:#366c60; --eks-f-outline:#366c60; }
html,body {background-color:#f7f8fa;}
body,button,input,select,textarea,.eksFigmaHeroSubmit,.eksFigmaHeroField,.eksFigmaHeroField select {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.eksFigmaHeroSubmit {background:#366c60;color:#fff;}
.eksFigmaHeroSubmit:hover {background:#285349;}
.eksFigmaHeroField:focus-within {box-shadow:0 0 0 2px #366c6033;}

/* Eliminate inherited violet accents in shared interactive components. */
.eksFooterPrimary,.eksIdeaChip.isActive,.primaryButton {background:#366c60!important;color:#fff!important;}
.eksFooterPrimary:hover,.eksIdeaChip.isActive:hover,.primaryButton:hover {background:#285349!important;}
.eksFormatsCompactLink,.pickerAllCities,.pickerBack,.eksFigmaFirstScreen a:not(.eksFormatCard) {color:#366c60!important;}
.eksFormatsCompactLink:hover,.pickerAllCities:hover,.pickerBack:hover {color:#285349!important;}

.eksFooterCol a,.eksFooterTags a,.eksMobileMenuGroupHead a,.pickerActions .pickerBack {color:#366c60!important;}
.pickerShell button:not(.primaryButton) {accent-color:#366c60;}

/* Self-hosted Inter variable font, Latin and Cyrillic. */
@font-face{font-family:Inter;src:url('/network-fonts/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+1C80-1C8F,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:Inter;src:url('/network-fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* 2026-10-11 brand completeness: controls, icons, surfaces, logo. */
:root{--eks-f-soft:#eaf2ef;--eks-f-brand:#366c60;--eks-f-outline:#366c60;--network-accent:#366c60;--accent:#366c60;}
.eksFigmaLogo{width:205px!important;max-width:52vw!important;height:auto!important;}
.eksFigmaLogo img{width:100%;height:auto;object-fit:contain;}
.eksFigmaHeroField,.eksFigmaDropdown>.eksFigmaHeroField,.pickerQuestionIcon,.pickerOption.active,.eksFooterCta{background-color:#eaf2ef!important;}
.eksFigmaHeroFieldIcon,.eksFigmaHeroFieldIcon .aristonIcon,.eksFigmaHeroFieldValue,.eksFigmaDropdownOption .aristonIcon,.eksFigmaHeroChevron,.eksHeroSheet .aristonIcon,.eksFormatsCompactLink,.eksIdeaChip:not(.isActive),.pickerBack,.pickerAllCities,.pickerShell .eyebrow,.eksFooterCta>span,.eksFooterCta svg,.eksFooterCol a{color:#366c60!important;}
.eksFigmaDropdown.isOpen>.eksFigmaHeroField,.eksFigmaHeroField:focus-within{box-shadow:0 0 0 2px #366c6033!important;}
.pickerRadio,.pickerOption.active .pickerRadio,.eksIdeaChip.isActive,.eksFooterPrimary,.primaryButton{background-color:#366c60!important;}
.eksFigmaHeaderActions button,.eksFigmaHeroSubmit,.eksFigmaBurger{border-color:#366c60;}
.catalogPageHero,.catalogHero,.catalogPromo,.catalogPageHeroInner{--accent:#366c60;}
@media(max-width:700px){.eksFigmaLogo{width:192px!important;max-width:51vw!important;}}

/* Brand the catalog intro and quick filters consistently with the hero. */
.spbCatalogHeroInner,.spbCatalogHeroContent,.spbCatalogHeroCopy{--accent:#366c60;}
.spbCatalogHeroInner{background:#eaf2ef!important;}
.spbQuickFilterForm button,.spbAllFiltersButton,.spbQuickFilterButton,.spbFilterChip{color:#366c60!important;background:#eaf2ef!important;}
.spbQuickFilterForm button svg,.spbAllFiltersButton svg,.spbCatalogHeroInner .aristonIcon,.spbCatalogHeroInner .eyebrow{color:#366c60!important;stroke:currentColor;}
.spbQuickFilterForm button:focus-visible,.spbAllFiltersButton:focus-visible{outline:2px solid #366c60;outline-offset:2px;}
.spbCatalogHeroInner a:not(.chip){accent-color:#366c60;}

/* High-specificity override for the old violet sticky filter bar. */
.spbFilterSticky .spbQuickFilter>summary,.spbFilterSticky .spbAllFiltersButton,.spbFilterSticky .catalogSortUnified .eksSharedDropdownTrigger{background:#eaf2ef!important;border-color:#366c6033!important;color:#366c60!important;}
.spbFilterSticky .spbQuickFilter>summary:hover,.spbFilterSticky .spbQuickFilter>summary:focus-visible,.spbFilterSticky .spbQuickFilter[open]>summary,.spbFilterSticky .spbAllFiltersButton:hover,.spbFilterSticky .spbAllFiltersButton:focus-visible,.spbFilterSticky .catalogSortUnified .eksSharedDropdownTrigger:hover,.spbFilterSticky .catalogSortUnified .eksSharedDropdownTrigger:focus-visible,.spbFilterSticky .catalogSortUnified .eksSharedDropdown.isOpen .eksSharedDropdownTrigger{background:#eaf2ef!important;border-color:#366c60!important;color:#366c60!important;box-shadow:0 0 0 2px #366c6018!important;}
.spbAllFiltersButton::before{background:#366c60!important;}

/* 2026-10-11 catalog card, rating and SEO tip theme fix. */
.eksSeoValueMore,.eksPopularGhost,.eksPopularRating,.eksPopularRating strong,.eksPopularRating b,.eksPopularRating>span,.eksPopularMeta .eksPopularRating,.eksPopularGhost b{color:#366c60!important;}
.eksPopularGhost:hover,.eksSeoValueMore:hover{color:#366c60!important;background:#eaf2ef!important;}
.eksSeoValueNote[open] .eksSeoValueMore,.eksSeoValueNote summary:hover .eksSeoValueMore{color:#366c60!important;}
.eksPopularStatus,.eksPopularStatusPopular{color:#366c60!important;}
.eksPopularRating img,.eksPopularMeta img{accent-color:#366c60;}
.eksFigmaMobileHead button,.eksFigmaMobilePanel button:not(.eksFigmaMobileCta),.eksFigmaMobilePanel svg{color:#366c60;}
.eksFooterCtaCopy>span,.eksFooterCol>a,.eksFooterCol svg{color:#366c60!important;}
.editorialBottom{max-width:1120px;margin:44px auto 70px;padding:28px 32px;background:#fff;border-radius:24px;color:#243043}
.editorialBottom h2{font-size:26px;line-height:1.25;margin:0 0 18px}
.editorialBottom p{font-size:16px;line-height:1.75;max-width:90ch;margin:0 0 15px;color:#4c5869}
.editorialBottom nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.editorialBottom nav a{color:var(--network-accent,#356f7c);font-size:14px;font-weight:650;text-decoration:underline}
@media(max-width:700px){.editorialBottom{margin:30px 16px 48px;padding:22px 20px}.editorialBottom p{font-size:15px}}