/* Shared navigation, 2026-10-01: fixed header and a complete mobile menu. */
html{--zf-header-height:64px;scroll-padding-top:calc(var(--zf-header-height) + 12px)}
/* :root outranks the legacy body spacing reset, including late CMS CSS links. */
html:root body.zf-home,html:root body.jn-page,html:root body.zf-product-quickbuy,html:root body.zf-catalog{margin-top:0!important;padding-top:var(--zf-header-height)!important}
html body .zf-site-header{position:fixed!important;inset:0 0 auto!important;z-index:3001!important;width:100%!important;height:var(--zf-header-height)!important;margin:0!important;border:0!important;box-sizing:border-box;background:#fff;box-shadow:0 1px 0 rgba(56,38,24,.1)}
html body .zf-site-header__inner{height:var(--zf-header-height)!important;padding-top:0!important;padding-bottom:0!important}
html body .zf-site-header__logo{width:112px!important}
html body .zf-site-nav{gap:34px}
/* The six performance pages keep their existing header size and flow spacing. */
html body .pt-header{position:sticky;top:0;z-index:3001}
@media(max-width:820px){
 html{--zf-header-height:52px}
 html body .zf-site-header__inner{width:calc(100% - 28px)!important}
 html body .zf-site-header__logo{width:88px!important}
 html body .zf-mobile-toggle{width:44px!important;height:44px!important;padding:11px!important}
 html body .zf-mobile-toggle span{width:22px!important}
 html body .zf-mobile-drawer,html body .zf-mobile-drawer *{box-sizing:border-box}
 html body .zf-mobile-drawer{position:fixed!important;inset:var(--zf-header-height) 0 0!important;height:calc(100vh - var(--zf-header-height));height:calc(100dvh - var(--zf-header-height));z-index:3000!important;overflow:hidden;pointer-events:none}
 html body .zf-mobile-drawer.is-open{pointer-events:auto}
 html body .zf-mobile-drawer__panel{width:min(82vw,300px)!important;height:100%!important;max-height:100%;padding:14px 20px calc(20px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 html body .zf-mobile-drawer__eyebrow{margin:4px 0 9px!important;font-size:10px!important;letter-spacing:1.6px!important}
 html body .zf-mobile-drawer__links a{min-height:46px!important;padding:6px 0;font-size:15px!important;line-height:1.5!important}
 html body .zf-mobile-drawer__stores{gap:8px!important;margin-top:16px!important}
 html body .zf-mobile-drawer__stores a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 6px!important;font-size:12px!important;line-height:1.5!important}
 /* Remove the home video rendering layer while the open menu covers it. */
 html body.zf-menu-open .zf-hero-video{visibility:hidden!important}
 html body.zf-menu-open .zf-hero-video video{display:none!important}
 html body.zf-menu-open .zf-product-dock{visibility:hidden!important}
}
@media print{html:root body.zf-home,html:root body.jn-page,html:root body.zf-product-quickbuy,html:root body.zf-catalog{padding-top:0!important}html body .zf-site-header,html body .pt-header{position:static!important}html body .zf-mobile-drawer{display:none!important}}
