/* Header disclosure navigation. Panels are anchored to the header's lower edge. */
.site-head{gap:20px;isolation:isolate;overflow:visible}
.site-head .brand{flex:0 1 auto;min-width:0}
.site-head .brand img{display:block;width:176px;height:40px;max-width:100%;object-fit:contain}
.site-head .nav{position:static;align-self:stretch;gap:20px;min-width:0;padding:0;border:0}
.site-head .nav>a,.site-head .nav-shop-trigger>a{white-space:nowrap;min-height:44px;line-height:1.2}
.site-head .nav-shop{position:static;display:flex;align-items:center}
.nav-shop-trigger{display:flex;align-items:center;gap:2px}
.site-head .shop-toggle{display:none;align-items:center;justify-content:center;min-width:32px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}
.site-head.nav-enhanced .shop-toggle{display:inline-flex}
.shop-toggle svg{transition:transform .15s ease}
.shop-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.site-head .shop-menu[hidden]{display:none!important}
.site-head .shop-menu{position:absolute;top:100%;left:var(--pad);right:var(--pad);max-width:1080px;max-height:var(--header-menu-space,calc(100dvh - 64px));margin:0 auto;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:0 10px 20px rgb(17 20 23 / 10%);padding:18px 22px 20px;z-index:1;text-transform:none;letter-spacing:0}
.shop-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--rule)}
.shop-menu-top>span{font:11px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.site-head .shop-menu .shop-all{display:inline-flex;align-items:center;gap:20px;min-height:32px;padding:0;font:12px/1.3 var(--f-mono);white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.shop-menu-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.shop-menu-group{min-width:0}
.site-head .shop-menu-group h2{margin:0 0 8px;font:11px/1.4 var(--f-mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.shop-menu-group ul{list-style:none;margin:0;padding:0}
.shop-menu-group li{margin:0;padding:0}
.site-head .shop-menu-group a{display:flex;align-items:center;min-height:32px;margin:0;padding:5px 0;font:13px/1.3 var(--f-mono);overflow-wrap:anywhere;text-decoration:none}
.site-head .shop-menu-group a:hover{color:var(--signal-ink);text-decoration:underline;text-underline-offset:3px}
.site-head a:focus-visible,.site-head button:focus-visible{outline:2px solid var(--signal);outline-offset:3px;box-shadow:none}
.site-head .cart-wrap{flex:none}
@media(min-width:1101px){.site-head .nav-toggle{display:none}.site-head .nav{display:flex}}
@media(max-width:1100px){
  .site-head{height:64px;min-height:64px;gap:12px}
  .site-head .nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-left:auto}
  .site-head .nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:var(--header-menu-space,calc(100dvh - 64px));overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px var(--pad) 18px;background:var(--paper);border-bottom:1px solid var(--ink)}
  .site-head .nav.open{display:flex}
  .site-head .nav>a{padding:0 2px;min-height:44px}
  .site-head .nav-shop{display:block;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .site-head .nav-shop-trigger{justify-content:space-between}
  .site-head .nav-shop-trigger>a{flex:1;padding:0 2px}
  .site-head .shop-toggle{min-width:44px}
  .site-head .shop-menu{position:static;max-width:none;max-height:none;margin:0;padding:6px 2px 16px;border:0;box-shadow:none;overflow:visible}
  .shop-menu-top{padding-bottom:10px;margin-bottom:12px}
  .shop-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
  .site-head .shop-menu-group h2{margin-bottom:4px}
  .site-head .shop-menu-group a{min-height:44px;padding:7px 0;font-size:12px}
  .site-head:not(.nav-enhanced){height:auto;flex-wrap:wrap;padding-top:6px}
  .site-head:not(.nav-enhanced) .nav-toggle{display:none}
  .site-head:not(.nav-enhanced) .nav{display:flex;position:static;flex:1 0 100%;order:4;max-height:none;border:0;padding:4px 0}
  .site-head:not(.nav-enhanced) .cart-wrap{margin-left:auto}
}
@media(max-width:480px){
  .site-head{height:56px;min-height:56px;padding:0 12px;gap:8px}
  .site-head .brand img{width:158.4px;height:36px}
  .site-head .nav{padding:8px 16px 16px}
  .site-head .nav-toggle{padding:0 8px;font-size:11px}
  .site-head .cart-link{padding:0 8px;font-size:11px}
  .shop-menu-groups{gap:14px 16px}
  .site-head .shop-menu-group a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.shop-toggle svg{transition:none}}
/* Translated desktop labels can wrap while the header keeps its spacing. */
@media(min-width:1101px){
 .site-head .nav>a{white-space:normal;max-width:18ch;line-height:1.35;text-align:center;justify-content:center;overflow-wrap:anywhere}
}