/* ZEFFIRO 4.10: compact functional header; approved product showcase and catalogue.
   App data & permissions are untouched. This stylesheet only affects the public storefront. */
:root{--zf-410-mint:#52cdb8}
.site-header{position:relative!important;z-index:40!important;padding:0!important;min-height:0!important;background:#040c0e!important;border-bottom:1px solid #153e38!important}
.navigation-bar{position:relative!important;padding-bottom:45px!important;background:#061214!important;border:0!important}
.site-header .brand-masthead{position:absolute!important;left:clamp(20px,3.2vw,55px);top:5px;width:clamp(215px,19vw,265px);height:58px;z-index:5!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;background:transparent!important;isolation:auto!important}
.site-header .brand-masthead::before{display:none!important}
.site-header .masthead-brand{display:block!important;position:relative!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;animation:none!important;background:transparent!important;filter:none!important;box-shadow:none!important}
.site-header .masthead-brand .masthead-logo{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;max-width:none!important;max-height:58px!important;animation:none!important;filter:none!important}
.navigation-bar .header-inner{height:68px!important;min-height:68px!important;padding-left:clamp(290px,23vw,365px)!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:clamp(9px,1.1vw,19px)!important;justify-content:flex-end!important;row-gap:0!important}
.navigation-bar .nav-desktop{position:absolute!important;left:clamp(20px,3.2vw,55px);top:70px;width:calc(100% - 80px);height:38px;z-index:4;display:flex!important;align-items:center!important;gap:clamp(18px,2.6vw,46px)!important;margin:0!important;white-space:nowrap!important}
.navigation-bar .nav-desktop a{color:#ddf4ef!important;font-size:12px!important;font-weight:800!important;line-height:1.2;text-shadow:none!important}
.navigation-bar .nav-desktop a:is(:hover,[aria-current="page"],.is-active){color:#52cdb8!important}
.navigation-bar .search-box{flex:1 1 auto!important;min-width:155px!important;max-width:600px!important;min-height:41px!important;margin:0!important;padding:0 13px!important;border:1px solid rgba(82,205,184,.85)!important;border-radius:100px!important;background:#0b1b1d!important;color:#abcbc3!important}
.navigation-bar .search-box input{min-width:0!important;width:100%!important;font-size:12px!important;color:#effaf7!important}
.navigation-bar .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;margin:0!important;flex:none!important;gap:clamp(3px,.55vw,9px)!important}
.navigation-bar .header-actions .icon-button{width:38px!important;height:38px!important;flex:none!important}
.navigation-bar .header-actions .icon-button svg{max-width:23px!important;max-height:23px!important}
.navigation-bar .header-actions .language-switch{flex:none!important}
.navigation-bar .header-actions #cartBtn{border:1px solid rgba(82,205,184,.6)!important;background:#52cdb8!important;color:#042722!important;border-radius:12px!important}
html[data-theme="light"] .site-header{background:#fff!important;border-bottom-color:#dbebe7!important}
html[data-theme="light"] .navigation-bar{background:#fff!important}
html[data-theme="light"] .navigation-bar .nav-desktop a{color:#203c37!important}
html[data-theme="light"] .navigation-bar .nav-desktop a:is(:hover,[aria-current="page"],.is-active){color:#078c7b!important}
html[data-theme="light"] .navigation-bar .search-box{background:#f8fffd!important;border-color:#8ed9cc!important;color:#607a72!important}
html[data-theme="light"] .navigation-bar .search-box input{color:#0e312b!important}
html[data-theme="light"] .navigation-bar .header-actions .icon-button:not(#cartBtn){color:#176c5f!important}
html[data-theme="light"] .navigation-bar .header-actions .language-switch{background:#ebf9f6!important;border-color:#bfe9df!important}
/* Banner remains full bleed exactly to each viewport edge. */
main[data-page="home"]>.zf-showcase{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
main[data-page="home"]>.zf-showcase>.zf-showcase-stage{width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important}
/* The featured merchandise section in the approved mockup is visible immediately below the hero benefit strip. */
main[data-page="home"] .featured-section{position:relative!important;max-width:1650px!important;margin:0 auto!important;padding:48px clamp(20px,4.5vw,74px) 55px!important;display:block!important;opacity:1!important;visibility:visible!important}
main[data-page="home"] .featured-section .section-heading{display:flex!important;align-items:end!important;gap:20px!important;justify-content:space-between!important;margin-bottom:24px!important}
main[data-page="home"] .featured-section .section-kicker{font-size:11px!important;color:#52cdb8!important;letter-spacing:1.8px!important}
main[data-page="home"] .featured-section #featuredHeading{color:#eefbf7!important;font-size:clamp(28px,3.5vw,48px)!important;letter-spacing:-1.5px!important;margin:8px 0 0!important}
main[data-page="home"] .featured-section .section-text-link{color:#52cdb8!important;font-weight:800!important;font-size:14px!important}
main[data-page="home"] #homeProductGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(10px,1.25vw,20px)!important;align-items:stretch!important;min-height:130px!important;opacity:1!important;visibility:visible!important}
main[data-page="home"] #homeProductGrid .product-card{opacity:1!important;visibility:visible!important;content-visibility:visible!important;transform:none;min-width:0!important;background:#081b1b!important;border:1px solid #266b60!important;border-radius:18px!important;padding:11px!important;box-shadow:0 9px 35px rgba(0,0,0,.14)!important}
main[data-page="home"] #homeProductGrid .product-card .product-image{aspect-ratio:1.05/1!important;background:#fff!important}
main[data-page="home"] #homeProductGrid .product-card .product-photo-main{opacity:1!important;visibility:visible!important;object-fit:contain!important;background:white!important;display:block!important}
main[data-page="home"] #homeProductGrid .product-card .product-name{min-height:2.9em!important;max-height:2.9em!important;color:#f0fffb!important;font-size:clamp(12px,.95vw,15px)!important;font-weight:900!important}
main[data-page="home"] #homeProductGrid .product-card .product-desc{color:#b2d3cb!important;min-height:3em!important;font-size:11px!important}
main[data-page="home"] #homeProductGrid .product-card .product-price{color:#52d8c5!important;font-size:clamp(19px,1.55vw,25px)!important}
main[data-page="home"] #homeProductGrid .product-card .add-button{background:#52cdb8!important;color:#06241c!important;border-radius:10px!important}
main[data-page="home"] #homeProductGrid .product-card .product-label{font-weight:900!important;font-size:clamp(10px,.9vw,13px)!important;line-height:1.1!important;padding:9px 11px!important}
main[data-page="home"] #homeProductGrid .product-card .product-gallery-dots{z-index:8!important}
main[data-page="home"] #homeProductGrid .product-card:hover{border-color:#52cdb8!important;transform:translateY(-3px)!important}
html[data-theme="light"] main[data-page="home"] .featured-section #featuredHeading{color:#112b25!important}
html[data-theme="light"] main[data-page="home"] #homeProductGrid .product-card{background:#fff!important;color:#152a26!important;border:1px solid #cce8e0!important;box-shadow:0 9px 26px rgba(13,70,60,.08)!important}
html[data-theme="light"] main[data-page="home"] #homeProductGrid .product-card .product-name{color:#132e29!important}
html[data-theme="light"] main[data-page="home"] #homeProductGrid .product-card .product-desc{color:#52665f!important}
html[data-theme="light"] main[data-page="home"] #homeProductGrid .product-card .product-price{color:#078775!important}
.zf410-loading{grid-column:1/-1;padding:38px;border-radius:16px;border:1px dashed #47877c;background:rgba(82,205,184,.07);color:#b0e2d9;font-size:15px}
.zf410-loading button{margin-left:12px;border:0;border-radius:9px;background:#52cdb8;color:#072b25;font-weight:800;padding:10px 16px;cursor:pointer}
html[data-theme="light"] .zf410-loading{color:#27554d;background:#f0fffa;border-color:#acdacf}
/* Winter is a layer, not another header. Decorations must stay inside the compact logo row. */
html[data-zf-theme-id="winter"] .site-header .brand-masthead{overflow:visible!important;background:transparent!important}
html[data-zf-theme-id="winter"] .site-header .zf-header-christmas{pointer-events:none!important;position:absolute!important;inset:0!important;overflow:visible!important;z-index:8!important}
html[data-zf-theme-id="winter"] .site-header .zf-real-hat{left:0!important;top:-11px!important;width:55px!important;transform:rotate(-10deg)!important}
html[data-zf-theme-id="winter"] .site-header .zf-real-tree-snowman{left:auto!important;right:-72px!important;bottom:-4px!important;top:auto!important;width:76px!important;max-width:none!important}
@media(max-width:1190px) and (min-width:951px){
 .navigation-bar .header-inner{padding-left:280px!important;gap:7px!important}
 .site-header .brand-masthead{left:16px;width:245px}
 .navigation-bar .header-actions{gap:2px!important}
 .navigation-bar .header-actions .icon-button{width:33px!important;height:34px!important}
 .navigation-bar .search-box{min-width:115px!important}
 .navigation-bar .header-actions .language-switch .lang-choice{padding:6px!important}
}
@media(max-width:950px){
 .site-header{min-height:0!important}
 .navigation-bar{padding-bottom:0!important;position:relative!important}
 .site-header .brand-masthead{left:51px!important;top:7px!important;width:clamp(144px,34vw,205px)!important;height:45px!important}
 .site-header .masthead-brand .masthead-logo{max-height:43px!important}
 .navigation-bar .header-inner{display:flex!important;justify-content:center!important;align-items:flex-end!important;height:auto!important;min-height:113px!important;padding:60px 12px 10px!important;flex-wrap:wrap!important;row-gap:0!important}
 .navigation-bar .nav-desktop{display:none!important}
 .navigation-bar .header-actions{width:100%!important;justify-content:center!important;margin:0!important;gap:clamp(4px,1.7vw,10px)!important}
 .navigation-bar .header-actions #menuBtn{display:grid!important;position:absolute!important;top:8px!important;left:9px!important;right:auto!important;z-index:12!important;width:38px!important;height:38px!important}
 .navigation-bar .header-actions .icon-button{width:35px!important;height:36px!important}
 .navigation-bar .search-box{display:none!important}
 .navigation-bar.mobile-search-open{padding-bottom:54px!important}
 .navigation-bar.mobile-search-open .search-box{display:flex!important;position:absolute!important;left:12px;right:12px;bottom:7px;width:auto!important;max-width:none!important;min-width:0!important;z-index:12!important}
 .navigation-bar .mobile-nav:not([hidden]){display:flex!important;position:relative!important;z-index:12!important}
 html[data-zf-theme-id="winter"] .site-header .zf-real-hat{width:41px!important;top:-9px!important;left:-3px!important}
 html[data-zf-theme-id="winter"] .site-header .zf-real-tree-snowman{right:-57px!important;width:55px!important}
 main[data-page="home"] #homeProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .navigation-bar .header-inner{min-height:109px!important;padding-top:56px!important}
 .site-header .brand-masthead{top:7px!important;width:145px!important}
 .navigation-bar .header-actions .language-switch{padding:1px!important}
 .navigation-bar .header-actions .lang-choice{padding:4px 6px!important;font-size:10px!important}
 .navigation-bar .header-actions .icon-button{width:32px!important;height:34px!important}
 .navigation-bar .header-actions .manager-viber,.navigation-bar .header-actions .manager-telegram{width:33px!important;height:34px!important}
 main[data-page="home"] .featured-section{padding:32px 14px 48px!important}
 main[data-page="home"] .featured-section .section-heading{align-items:start!important;gap:9px!important}
 main[data-page="home"] .featured-section #featuredHeading{font-size:clamp(25px,7vw,34px)!important}
 main[data-page="home"] .featured-section .section-text-link{font-size:11px!important;white-space:nowrap!important;margin-top:26px!important}
 main[data-page="home"] #homeProductGrid{gap:9px!important}
 main[data-page="home"] #homeProductGrid .product-card{padding:8px!important}
 main[data-page="home"] #homeProductGrid .product-card .product-desc{font-size:10px!important}
 main[data-page="home"] #homeProductGrid .product-card .product-name{font-size:12px!important}
 main[data-page="home"] #homeProductGrid .product-card .product-price{font-size:17px!important}
 main[data-page="home"] #homeProductGrid .product-card .product-label{font-size:9px!important;padding:7px!important}
 .zf410-loading{padding:22px;font-size:13px}
 .zf410-loading button{display:block;margin:12px 0 0}
}