/* ZEFFIRO Studio 4.12: visible compact header and permanent Hits row. */
/* Keep old editor, product, cart and mobile menu IDs and handlers. */
html body .site-header{position:relative!important;min-height:0!important;overflow:visible!important}
html body .site-header .navigation-bar{position:relative!important;padding-bottom:41px!important;overflow:visible!important;min-height:0!important}
html body .site-header .navigation-bar .header-inner{
 display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;
 box-sizing:border-box!important;max-width:none!important;width:100%!important;
 height:69px!important;min-height:69px!important;gap:clamp(8px,1vw,20px)!important;
 padding:5px clamp(12px,2.2vw,34px)!important;
}
html body .site-header .brand-masthead{
 position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;
 flex:0 0 clamp(224px,21vw,302px)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:9px!important;width:clamp(224px,21vw,302px)!important;min-width:0!important;height:55px!important;min-height:55px!important;
 overflow:visible!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;
 box-shadow:none!important;z-index:12!important;isolation:auto!important;
}
html body .site-header .brand-masthead .masthead-brand{
 display:block!important;flex:1 1 auto!important;position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;
 height:auto!important;min-width:0!important;padding:0!important;margin:0!important;overflow:visible!important;filter:none!important;
}
html body .site-header .brand-masthead .masthead-logo{
 display:block!important;width:100%!important;height:auto!important;min-height:24px!important;max-height:52px!important;max-width:100%!important;
 object-fit:contain!important;object-position:left center!important;opacity:1!important;visibility:visible!important;
}
html body .site-header .brand-masthead #menuBtn{
 display:grid!important;place-items:center!important;flex:0 0 39px!important;
 width:39px!important;height:39px!important;position:static!important;inset:auto!important;z-index:14!important;
 border:1px solid rgba(82,205,184,.3)!important;background:transparent!important;color:#d8faf3!important;
 border-radius:10px!important;padding:0!important;margin:0!important;cursor:pointer!important;
}
html[data-theme="light"] body .site-header .brand-masthead #menuBtn{color:#0a4740!important;border-color:#c1e3dc!important}
html body .site-header .brand-masthead #menuBtn:hover,
html body .site-header .brand-masthead #menuBtn[aria-expanded="true"]{background:rgba(82,205,184,.19)!important}
html body .site-header .brand-masthead #menuBtn .icon{width:24px!important;height:24px!important;display:block!important}
html body .site-header .navigation-bar .header-inner .nav-desktop{
 position:absolute!important;left:clamp(17px,2.5vw,41px)!important;top:71px!important;right:auto!important;width:auto!important;
 height:33px!important;display:flex!important;align-items:center!important;gap:clamp(18px,2vw,36px)!important;
}
html body .site-header .navigation-bar .header-inner .search-box{
 display:flex!important;flex:1 1 230px!important;min-width:125px!important;max-width:620px!important;margin:0!important;
 height:41px!important;min-height:41px!important;
}
html body .site-header .navigation-bar .header-inner .header-actions{
 display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;align-items:center!important;
 justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(3px,.45vw,8px)!important;margin:0!important;
}
html body .site-header .navigation-bar .mobile-nav:not([hidden]){
 display:grid!important;position:absolute!important;top:61px!important;left:clamp(12px,2.2vw,34px)!important;
 z-index:100!important;width:min(290px,calc(100vw - 24px))!important;max-height:min(70vh,500px)!important;overflow:auto!important;
 padding:9px!important;border-radius:15px!important;border:1px solid rgba(82,205,184,.55)!important;
 background:#092021!important;box-shadow:0 18px 40px rgba(0,0,0,.43)!important;gap:1px!important;
}
html body .site-header .navigation-bar .mobile-nav:not([hidden]) a{display:block!important;padding:12px 14px!important;font-size:14px!important;color:#e4fff9!important}
html[data-theme="light"] body .site-header .navigation-bar .mobile-nav:not([hidden]){background:#fff!important;box-shadow:0 16px 35px rgba(19,70,60,.14)!important}
html[data-theme="light"] body .site-header .navigation-bar .mobile-nav:not([hidden]) a{color:#0d4139!important}
html body .site-header .navigation-bar .mobile-nav:not([hidden]) a:hover{background:rgba(82,205,184,.13)!important;border-radius:8px!important}
/* Always show the Hits rail, even for only one or two tagged products. */
main[data-page="home"] .zf412-hits-section{display:block!important;visibility:visible!important;opacity:1!important;
 width:100%!important;max-width:none!important;margin:0!important;padding:27px clamp(18px,3vw,54px) 30px!important;
 background:#031718;color:#f1fffb;border-bottom:1px solid rgba(82,205,184,.35)}
html[data-theme="light"] main[data-page="home"] .zf412-hits-section{background:#fff!important;color:#102d26!important;border-bottom-color:#c8e6e0}
.zf412-hits-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:16px}
.zf412-hits-kicker{font-size:10px;letter-spacing:.14em;color:#52cdb8;text-transform:uppercase;font-weight:800}
.zf412-hits-heading h2{color:inherit;font-family:'Space Grotesk','Manrope',Arial,sans-serif;font-size:clamp(25px,2.5vw,39px);letter-spacing:-.04em;margin:5px 0 0;font-weight:900;line-height:1.15}
.zf412-hits-heading h2 span{color:#52cdb8}
.zf412-hits-heading a{color:#52cdb8;font-size:13px;font-weight:800;white-space:nowrap}
.zf412-hits-rail{position:relative;min-width:0}
.zf412-hits-track{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:none!important;align-items:stretch!important;
 gap:12px;scrollbar-width:none;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;
 padding:4px 2px 12px!important;touch-action:pan-x;-webkit-overflow-scrolling:touch}
.zf412-hits-track::-webkit-scrollbar{display:none}
.zf412-hits-track .product-card{display:flex!important;flex-direction:column!important;flex:0 0 clamp(186px,16vw,238px)!important;
 width:clamp(186px,16vw,238px)!important;min-width:0!important;height:auto!important;
 padding:8px!important;border-radius:15px!important;scroll-snap-align:start;background:#091d1d!important;
 color:#edfdf9!important;border:1px solid #28655c!important;box-shadow:0 10px 25px rgba(0,0,0,.12)!important}
.zf412-hits-track .product-card .product-image{position:relative!important;display:block!important;flex:none!important;width:100%!important;
 height:145px!important;min-height:145px!important;aspect-ratio:auto!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
.zf412-hits-track .product-card .product-photo-main{display:block!important;position:absolute!important;inset:0!important;width:100%!important;
 height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;background:#fff!important}
.zf412-hits-track .product-card .product-label-stack{z-index:6!important;top:8px!important;left:8px!important}
.zf412-hits-track .product-card .product-label{font-size:9px!important;padding:6px 9px!important;min-height:0!important}
.zf412-hits-track .product-card .product-meta{font-size:8px!important;display:flex!important;justify-content:space-between!important;gap:7px!important;
 color:#9bc6bc!important;margin-top:10px!important;min-height:13px!important}
.zf412-hits-track .product-card .product-name{color:inherit!important;font-size:12px!important;line-height:1.3!important;font-weight:850!important;
 margin:7px 0 3px!important;max-height:2.7em!important;min-height:2.7em!important;overflow:hidden!important}
.zf412-hits-track .product-card .product-title-action{color:inherit!important;font-weight:850!important}
.zf412-hits-track .product-card .product-desc{color:#a6c5bd!important;font-size:10px!important;line-height:1.35!important;max-height:2.75em!important;min-height:2.75em!important;overflow:hidden!important}
.zf412-hits-track .product-card .product-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;
 margin-top:auto!important;padding:9px 0 0!important}
.zf412-hits-track .product-card .product-price{color:#52dac6!important;font-size:18px!important;font-weight:900!important}
.zf412-hits-track .product-card .add-button{background:#52cdb8!important;color:#05231d!important;min-width:34px!important;min-height:32px!important;
 padding:7px!important;font-size:0!important;gap:0!important;border-radius:10px!important}
.zf412-hits-track .product-card .add-button span{display:none!important}
.zf412-hits-track .product-card .add-button .icon{width:18px!important;height:18px!important}
.zf412-hits-track .product-card .favorite-toggle{z-index:8!important}
html[data-theme="light"] .zf412-hits-track .product-card{background:#fff!important;color:#15352e!important;border-color:#bce3d9!important;box-shadow:0 6px 18px #116e5016!important}
html[data-theme="light"] .zf412-hits-track .product-card .product-title-action{color:#102d26!important}
html[data-theme="light"] .zf412-hits-track .product-card .product-desc{color:#657c74!important}
html[data-theme="light"] .zf412-hits-track .product-card .product-meta{color:#647e74!important}
html[data-theme="light"] .zf412-hits-track .product-card .product-price{color:#129a87!important}
.zf412-hits-message{flex:1 0 100%;width:100%;border:1px dashed rgba(82,205,184,.6);border-radius:13px;
 padding:20px;color:#9dd4ca;font-size:14px;background:rgba(82,205,184,.04)}
html[data-theme="light"] .zf412-hits-message{color:#2c6c5e}
.zf412-hits-arrow{position:absolute;top:42%;z-index:12;display:grid;place-items:center;transform:translateY(-50%);
 border:1px solid #a6e5d8;background:#e2fff7;color:#176d60;box-shadow:0 4px 15px rgba(0,0,0,.16);
 border-radius:50%;width:38px;height:38px;padding:0;font-size:31px;line-height:1;cursor:pointer}
.zf412-hits-prev{left:-15px}.zf412-hits-next{right:-15px}
.zf412-hits-arrow[hidden]{display:none!important}
/* Chronological order: hero -> Hits ZEFFIRO -> Featured -> remaining categories & sections. */
main[data-page="home"] .featured-section{padding-top:32px!important;padding-bottom:34px!important}
@media(max-width:1199px){
 html body .site-header .navigation-bar .header-inner{gap:7px!important}
 html body .site-header .brand-masthead{flex-basis:clamp(190px,21vw,240px)!important;width:clamp(190px,21vw,240px)!important}
}
@media(max-width:950px){
 html body .site-header .navigation-bar{padding-bottom:0!important}
 html body .site-header .navigation-bar .header-inner{display:flex!important;min-height:71px!important;height:auto!important;
  padding:7px 11px!important;flex-wrap:wrap!important;row-gap:6px!important;justify-content:space-between!important;}
 html body .site-header .brand-masthead{height:44px!important;min-height:44px!important;flex:1 1 172px!important;width:auto!important;max-width:240px!important;gap:5px!important}
 html body .site-header .brand-masthead #menuBtn{flex-basis:33px!important;width:33px!important;height:35px!important}
 html body .site-header .brand-masthead .masthead-logo{max-height:44px!important}
 html body .site-header .navigation-bar .header-inner .nav-desktop{display:none!important}
 html body .site-header .navigation-bar .header-inner .header-actions{flex:0 1 auto!important;width:auto!important;max-width:100%!important;gap:3px!important}
 html body .site-header .navigation-bar .header-inner .search-box{display:none!important}
 html body .site-header .navigation-bar.mobile-search-open .header-inner .search-box{display:flex!important;position:relative!important;order:3!important;flex:0 0 100%!important;max-width:none!important;width:100%!important;margin-top:7px!important}
 html body .site-header .navigation-bar .header-actions .icon-button{width:34px!important;height:34px!important}
 html body .site-header .navigation-bar .mobile-nav:not([hidden]){top:57px!important}
}
@media(max-width:600px){
 html body .site-header .navigation-bar .header-inner{padding:7px 9px!important;min-height:104px!important}
 html body .site-header .brand-masthead{max-width:180px!important;flex:1 1 125px!important;min-width:105px!important}
 html body .site-header .brand-masthead #menuBtn{width:31px!important;height:32px!important;flex-basis:31px!important}
 html body .site-header .brand-masthead .masthead-logo{max-height:36px!important;min-height:18px!important}
 html body .site-header .navigation-bar .header-inner .header-actions{flex:0 0 100%!important;order:2!important;justify-content:flex-end!important}
 html body .site-header .navigation-bar .header-inner .search-box{display:none!important}
 html body .site-header .navigation-bar.mobile-search-open .header-inner .search-box{order:3!important}
 html body .site-header .navigation-bar .mobile-nav:not([hidden]){top:47px!important}
 main[data-page="home"] .zf412-hits-section{padding:22px 13px 26px!important}
 .zf412-hits-track .product-card{flex-basis:min(55vw,210px)!important;width:min(55vw,210px)!important}
 .zf412-hits-heading h2{font-size:25px}
 .zf412-hits-kicker{font-size:9px}
 .zf412-hits-arrow{width:32px;height:32px;font-size:25px}
 .zf412-hits-prev{left:-10px}.zf412-hits-next{right:-10px}
}
@media(prefers-reduced-motion:reduce){.zf412-hits-track{scroll-behavior:auto!important}}
