/* ZEFFIRO 4.14: compact single-row header, stable catalog filters, visible light logo. */
:root { scrollbar-gutter:stable; }
html body .site-header .nav-desktop{display:none!important}
html body .site-header .navigation-bar{padding-bottom:0!important;min-height:0!important;overflow:visible!important}
html body .site-header .navigation-bar .header-inner{max-width:none!important;min-height:67px!important;height:67px!important}
html body .site-header .navigation-bar .header-inner .brand-masthead{flex-basis:clamp(220px,22vw,310px)!important;width:clamp(220px,22vw,310px)!important;max-width:310px!important}
html body .site-header .brand-masthead .masthead-brand{position:relative!important;min-width:0!important;isolation:isolate}
/* Both assets are in the document: no mismatched logo flashes during theme change. */
html[data-theme="dark"] body .site-header .brand-masthead .zf414-logo-light,
html[data-theme="light"] body .site-header .brand-masthead .zf414-logo-dark{display:none!important}
html[data-theme="light"] body .site-header .brand-masthead .zf414-logo-light,
html[data-theme="dark"] body .site-header .brand-masthead .zf414-logo-dark{display:block!important;width:100%!important;height:auto!important;max-height:55px!important;object-fit:contain!important;object-position:left center!important}
html[data-theme="light"] body .site-header .brand-masthead .zf414-logo-light{filter:contrast(1.32) saturate(1.08) drop-shadow(0 1px .5px rgba(1,36,30,.22))!important}
/* Turquoise animated streak beneath the wordmark.  Does not distort the logo. */
html body .site-header .brand-masthead .masthead-brand::after{
 content:"";pointer-events:none;position:absolute;z-index:6;left:9%;right:6%;bottom:0;height:3px;
 border-radius:999px;background:linear-gradient(90deg,transparent 0%,#19b5a4 12%,#75ffe8 38%,#52cdb8 65%,transparent 100%);
 box-shadow:0 0 7px rgba(82,205,184,.7);transform-origin:left center;
 animation:zf414-streak 4.5s ease-in-out infinite;
}
html body .site-header .brand-masthead .masthead-brand::before{
 content:"";position:absolute;left:0;top:49%;width:17%;height:3px;border-radius:8px;z-index:7;
 background:linear-gradient(90deg,transparent,rgba(111,255,240,.9),transparent);
 filter:drop-shadow(0 0 4px #52cdb8);pointer-events:none;transform:skewX(-18deg);
 animation:zf414-logo-scan 5.2s linear infinite;
}
@keyframes zf414-logo-scan{0%,11%{left:0;opacity:0}16%{opacity:.7}40%{left:82%;opacity:.8}48%,100%{left:82%;opacity:0}}
@keyframes zf414-streak{0%{transform:translateX(-10%) scaleX(.32);opacity:.2}25%{opacity:.9}65%{transform:translateX(2%) scaleX(.96);opacity:1}100%{transform:translateX(9%) scaleX(.34);opacity:.23}}
@media(prefers-reduced-motion:reduce){html body .site-header .brand-masthead .masthead-brand::after{animation:none;opacity:.65;transform:scaleX(.8)}html body .site-header .brand-masthead .masthead-brand::before{animation:none;opacity:0}}
@media(max-width:950px){
 html body .site-header .navigation-bar{padding-bottom:0!important}
 html body .site-header .navigation-bar .header-inner{height:auto!important;min-height:71px!important}
 html body .site-header .navigation-bar .header-inner .brand-masthead{flex:1 1 200px!important;width:auto!important;max-width:270px!important}
 html body .site-header .brand-masthead .masthead-brand::after{bottom:0}
}
@media(max-width:600px){
 html body .site-header .navigation-bar .header-inner{height:auto!important;min-height:105px!important}
 html body .site-header .navigation-bar .header-inner .brand-masthead{flex:1 1 186px!important;max-width:min(70vw,250px)!important;min-width:165px!important}
 html body .site-header .brand-masthead .masthead-logo{min-height:26px!important;max-height:47px!important}
 html body .site-header .brand-masthead .masthead-brand::after{height:2px;bottom:0}
}
/* Catalog sidebar: the search and range inputs must fit inside their own columns. */
.zf49-catalog-layout{grid-template-columns:clamp(245px,22vw,295px) minmax(0,1fr)!important;align-items:start!important}
.zf49-catalog-sidebar{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;position:sticky;top:14px;overflow:visible}
.zf49-catalog-sidebar .catalog-refine{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
.zf49-catalog-sidebar .catalog-refine .catalog-search-label{width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;align-items:center;overflow:hidden!important;box-sizing:border-box!important}
.zf49-catalog-sidebar .catalog-search-label input{width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 auto!important;box-sizing:border-box!important;font-size:12px!important;text-overflow:ellipsis!important}
.zf49-catalog-sidebar .price-range-fields{display:grid!important;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)!important;gap:6px!important;align-items:end!important;width:100%!important;max-width:100%!important;min-width:0!important;flex-wrap:nowrap!important}
.zf49-catalog-sidebar .price-range-fields label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;white-space:normal!important;min-width:0!important;max-width:100%!important;font-size:11px!important}
.zf49-catalog-sidebar .price-range-fields>span{align-self:end!important;padding-bottom:10px!important;text-align:center!important}
.zf49-catalog-sidebar .price-range-fields input{width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;box-sizing:border-box!important;padding:0 9px!important}
.zf49-catalog-sidebar .promo-check{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.zf49-catalog-sidebar .promo-check input{width:19px!important;height:19px!important;flex:0 0 19px!important}
@media(max-width:980px){.zf49-catalog-layout{grid-template-columns:230px minmax(0,1fr)!important}}
@media(max-width:740px){.zf49-catalog-layout{display:block!important}.zf49-catalog-sidebar{position:static!important;width:100%!important}.zf49-catalog-sidebar .price-range-fields{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)!important}}
/* Keep viewport width stable when native product modal opens; do not shift filters on open/close. */
html:has(.zeffiro-quick-product[open]){scrollbar-gutter:stable!important}
body.quick-product-open{scrollbar-gutter:stable!important}