/* WHITEBOX shared header: Custom geometry + Shop navigation, 2026-09-20. */
.wb-header-page{padding-top:0!important;--header-height:64px}
.wb-site-header.wb-site-header{position:sticky;top:0;inset-inline:0;z-index:40;display:block;width:100%;padding:0;border:0;background:#101212;color:#fff;overflow:visible;font-family:Arial,Helvetica,sans-serif;line-height:1.4}
.wb-site-header .wb-header-row{box-sizing:border-box;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:24px;width:calc(100% - 2 * clamp(12px,2.5vw,40px));max-width:1440px;min-width:0;height:64px;min-height:64px;padding:0;margin:0 auto;flex-wrap:nowrap}
.wb-site-header .wb-header-brand{display:flex;align-items:center;justify-self:start;margin:0;padding:0;line-height:1;flex-shrink:0;text-decoration:none}
.wb-site-header .wb-header-brand--retail{width:144px}
.wb-site-header .wb-header-brand--retail>svg{display:block;width:144px;height:auto;filter:invert(1);mix-blend-mode:screen}
.wb-site-header .wb-header-nav{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;gap:21px;order:initial;width:auto;min-width:0;margin:0;padding:0}
.wb-site-header .wb-header-nav>a{display:flex;align-items:center;min-height:44px;padding:0;border:0;color:#c7c8c8;font:400 13px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap;text-decoration:none}
.wb-site-header .wb-header-nav>a:hover,.wb-site-header .wb-header-nav>a[aria-current="page"],.wb-site-header .wb-header-nav>a.active{color:#fff;font-weight:400;border:0}
.wb-site-header .wb-header-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:14px;width:160px;min-width:0;margin:0;padding:0}
.wb-site-header .wb-header-actions button{flex-shrink:0}
.wb-site-header.wb-site-header .wb-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;border:0;background:none;color:#fff;cursor:pointer}
.wb-site-header .wb-menu-toggle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.wb-site-header .wb-mobile-nav{position:absolute;top:64px;left:0;right:0;z-index:1;display:flex;flex-direction:column;gap:0;max-height:calc(100dvh - 64px);overflow-y:auto;margin:0;padding:8px clamp(12px,2.5vw,40px) 16px;border:0;border-top:1px solid #303232;background:#101212;box-shadow:0 12px 20px #0002}
.wb-site-header .wb-mobile-nav[hidden]{display:none!important}
.wb-site-header .wb-mobile-nav>a{display:flex;align-items:center;box-sizing:border-box;min-height:44px;width:100%;padding:10px 0;color:#c7c8c8;font:400 14px/1.4 Arial,Helvetica,sans-serif;text-decoration:none}
.wb-site-header .wb-mobile-nav>a:hover,.wb-site-header .wb-mobile-nav>a[aria-current="page"]{color:#fff}
.wb-site-header a:focus-visible,.wb-site-header button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:1200px) and (min-width:1001px){.wb-site-header .wb-header-row{gap:18px}.wb-site-header .wb-header-nav{gap:14px}.wb-site-header .wb-header-nav>a{font-size:12px}}
@media(max-width:1000px){.wb-site-header .wb-header-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.wb-site-header .wb-header-nav{display:none}.wb-site-header .wb-header-actions{width:auto;gap:10px}.wb-site-header.wb-site-header .wb-menu-toggle{display:inline-flex}.wb-site-header .wb-cart-label{display:none}}
@media(min-width:1001px){.wb-site-header .wb-mobile-nav{display:none!important}}

html:has(.wb-site-header){scroll-padding-top:84px}