/* Preserve the editorial header while keeping essential actions within reach. */
.site-header{min-height:76px;gap:1.5rem;flex-wrap:nowrap;padding-block:.75rem}
.site-header .brand{flex-shrink:0}
.site-header nav{width:auto;flex:1;align-items:center;justify-content:flex-end;gap:1.25rem;flex-wrap:nowrap}
.site-header nav>a{display:inline-flex!important;align-items:center;min-height:44px;font-size:.875rem}
.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.site-header #bag-open{min-height:44px;font-size:.875rem;white-space:nowrap}
.site-header .language-picker{margin:0}
.site-header .language-picker-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.menu-toggle{display:none;align-items:center;gap:.6rem;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:999px;padding:.5rem .8rem;font-size:.875rem}
.menu-lines{width:14px;height:8px;border-block:1.5px solid currentColor}
.menu-open .menu-lines{height:1px;border-bottom:0}
.after-hours .menu-toggle{border-color:#ffffff36}
@media(max-width:1100px){
  .site-header{position:sticky;top:0;min-height:68px;padding:.6rem 5%;gap:.75rem;flex-wrap:wrap}
  .site-header .brand{font-size:20px;flex:1}
  .header-actions{gap:.8rem}
  .site-header.nav-enhanced .menu-toggle{display:inline-flex}
  .site-header nav{order:3;width:100%;flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}
  .site-header.nav-enhanced nav{display:none}
  .site-header.nav-enhanced.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:.3rem 1rem;padding:.7rem 0 .5rem;border-top:1px solid var(--line);max-height:calc(100dvh - 90px);overflow:auto}
  .site-header nav>a,.site-header nav>button{min-height:48px;font-size:1rem;text-align:left;justify-content:flex-start;padding:.3rem 0}
  .site-header .language-picker{grid-column:1/-1;justify-self:start;margin-top:.5rem;padding:.4rem .8rem;gap:.8rem}
  .site-header .language-picker-label{position:static;width:auto;height:auto;clip-path:none;font-size:.875rem}
  .site-header .language-picker select{min-height:36px;font-size:1rem}
  .product-view .site-header{position:sticky}
}
@media(max-width:420px){
  .site-header{padding-inline:4%;gap:.5rem}
  .site-header .brand{font-size:17px;letter-spacing:-.6px}
  .header-actions{gap:.6rem}
  .menu-toggle{padding:.5rem .65rem}
  .menu-lines{display:none}
}
