header[data-site-header] {
  height: 72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 clamp(18px,4vw,56px);
  border-bottom:1px solid var(--line);
  background:var(--bg);
  color:var(--text);
  position:sticky;
  top:0;
  z-index:40;
  font-family:var(--font-sans);
}
header[data-site-header] a{color:inherit;text-decoration:none}
header[data-site-header] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header[data-site-header] .brand{display:flex;gap:10px;align-items:center;flex:0 0 auto;font-size:1rem;font-weight:850;letter-spacing:-.03em}
header[data-site-header] .brand-mark{display:block;width:32px;height:32px}
header[data-site-header] .desktop-nav{display:flex;align-items:center;gap:24px;margin-left:auto;color:var(--text-subtle);font-size:.9rem;font-weight:700}
header[data-site-header] .desktop-nav a{transition:color .14s ease}
header[data-site-header] .desktop-nav a:hover,
header[data-site-header] .desktop-nav a[aria-current="page"]{color:var(--text)}
header[data-site-header] .desktop-nav .nav-product-cta{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);background:var(--surface)}
header[data-site-header] .desktop-nav .nav-product-cta:hover{border-color:var(--app-accent)}
header[data-site-header] .topbar-actions{display:flex;align-items:center;gap:8px;margin-left:12px}
header[data-site-header] .site-language-switcher{display:inline-flex;align-items:center;gap:.45rem;margin-left:.35rem}
header[data-site-header] .site-language-switcher select{min-height:2.25rem;padding:.35rem 1.9rem .35rem .65rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:inherit;font:inherit;font-weight:700;cursor:pointer}
header[data-site-header] .theme-toggle{min-width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;font:750 .76rem/1 var(--font-sans);transition:border-color .14s ease,background .14s ease}
header[data-site-header] .theme-toggle:hover{border-color:var(--line-strong);background:var(--surface2)}
html[data-theme="light"] header[data-site-header] .theme-toggle:hover{background:var(--brand-cream)}
header[data-site-header] .theme-toggle:focus-visible,
header[data-site-header] .mobile-nav-toggle:focus-visible,
header[data-site-header] .site-language-switcher select:focus-visible{outline:3px solid var(--brand-aqua);outline-offset:2px}
header[data-site-header] .theme-toggle-icon{font-size:1rem;line-height:1}
header[data-site-header] .theme-toggle-label{white-space:nowrap}
header[data-site-header] .mobile-nav-toggle,
header[data-site-header] .mobile-nav{display:none}

@media (max-width:850px){
  body.mobile-nav-open{overflow:hidden}
  header[data-site-header]{height:66px;padding:0 16px;gap:10px}
  header[data-site-header] .brand{min-width:0}
  header[data-site-header] .brand-mark{width:30px;height:30px}
  header[data-site-header] .brand > span:last-child{font-size:.96rem}
  header[data-site-header] .desktop-nav{display:none}
  header[data-site-header] .topbar-actions{margin-left:auto;gap:7px}
  header[data-site-header] .site-language-switcher{margin-left:0}
  header[data-site-header] .site-language-switcher select{min-height:2.5rem}
  header[data-site-header] .topbar-actions > .theme-toggle{width:42px;min-width:42px;height:42px;padding:0;margin:0}
  header[data-site-header] .topbar-actions > .theme-toggle .theme-toggle-label{display:none}
  header[data-site-header] .mobile-nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}
  header[data-site-header] .mobile-nav-toggle span{width:19px;height:2px;display:block;border-radius:var(--radius-pill);background:currentColor;transition:transform .18s ease,opacity .18s ease}
  header[data-site-header] .mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  header[data-site-header] .mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  header[data-site-header] .mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header[data-site-header] .mobile-nav{position:absolute;inset:calc(100% + 1px) 10px auto;display:block;padding:10px;border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg);box-shadow:var(--shadow-soft)}
  header[data-site-header] .mobile-nav[hidden]{display:none}
  header[data-site-header] .mobile-nav nav{display:grid;gap:4px;margin:0;font-size:inherit}
  header[data-site-header] .mobile-nav nav a{display:flex;flex-direction:column;gap:3px;min-height:56px;justify-content:center;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text)}
  header[data-site-header] .mobile-nav nav a:hover,
  header[data-site-header] .mobile-nav nav a:focus-visible,
  header[data-site-header] .mobile-nav nav a[aria-current="page"]{background:var(--surface);outline:none}
  header[data-site-header] .mobile-nav nav a.nav-product-cta{border:1px solid var(--line)}
  header[data-site-header] .mobile-nav nav a span{font-weight:800}
  header[data-site-header] .mobile-nav nav a small{color:var(--muted);font-size:.72rem}
}
@media (max-width:430px){
  header[data-site-header] .brand > span:last-child{font-size:.9rem}
  header[data-site-header] .topbar-actions,
  header[data-site-header] .site-language-switcher{min-width:0}
  header[data-site-header] .site-language-switcher select{width: min(96px, 24vw);max-width:96px;font-size:.75rem}
}
@media (max-width:390px){
  header[data-site-header]{padding-inline:12px}
  header[data-site-header] .brand > span:last-child{display:none}
  header[data-site-header] .topbar-actions{gap:6px}
}