/* Chinese site headers share one breakpoint, including legacy and design pages.
   Keep primary navigation visible on desktop; compact the secondary CTA row. */
@media (min-width:1024px) {
  html[lang^="zh"] header .nav { gap:20px; padding-inline:24px; }
  html[lang^="zh"] header .nav-links { display:flex!important; flex-shrink:0; gap:20px; }
  html[lang^="zh"] header .nav-links > li > a { white-space:nowrap; }
  html[lang^="zh"] header .nav-cta { display:flex!important; flex-shrink:0; }
  html[lang^="zh"] header .mobile-nav-toggle { display:none!important; }
  html[lang^="zh"] .site-header .site-nav {
    display:flex; position:static; flex-direction:row; align-items:center;
    gap:4px; padding:0; border:0; background:transparent;
  }
  html[lang^="zh"] .site-header .site-nav a { padding:10px 9px; }
  html[lang^="zh"] .site-header .menu-button { display:none; }
}
@media (min-width:1024px) and (max-width:1599px) {
  html[lang^="zh"] header .nav-cta > a { display:none!important; }
}
@media (max-width:1023px) {
  html[lang^="zh"] header .nav-links,
  html[lang^="zh"] header .nav-cta { display:none!important; }
  html[lang^="zh"] header .mobile-nav-toggle { display:flex!important; }
}

/* One alignment rule for every canonical page: navigation left, utility controls right. */
@media(min-width:1024px) {
  html[lang^="zh"] header .nav {justify-content:flex-start;gap:12px;}
  html[lang^="zh"] header .nav-links {margin-left:24px;margin-right:auto;gap:24px;align-items:center;}
  html[lang^="zh"] header .nav-cta {gap:12px;align-items:center;}
  html[lang^="zh"] header .locvin-language-picker {width:120px;min-width:120px;}
  html[lang^="zh"] header .locvin-language-button {min-height:44px;height:44px;}
  html[lang^="zh"] header .locvin-language-mark {width:28px;height:28px;}
  html[lang^="zh"] .site-header {justify-content:flex-start;gap:24px;}
  html[lang^="zh"] .site-header .site-nav {margin-right:auto;gap:4px;}
  html[lang^="zh"] .site-header .header-actions {gap:12px;margin-left:0;}
}
@media(min-width:1024px) and (max-width:1199px) {
  html[lang^="zh"] header .nav-links {gap:18px;margin-left:12px;}
  html[lang^="zh"] .site-header {gap:12px;padding-inline:20px;}
  html[lang^="zh"] .site-header .site-nav a {padding-inline:6px;font-size:13px;}
}
@media(max-width:480px) {
  html[lang^="zh"] .site-header {padding-inline:12px;gap:12px;}
  html[lang^="zh"] .site-header .brand {width:72px;min-width:0;flex:none;}
  html[lang^="zh"] .site-header .brand img {width:72px;height:auto;}
  html[lang^="zh"] .site-header .header-actions {gap:8px;}
  html[lang^="zh"] .site-header .locvin-language-picker {width:112px;min-width:112px;}
}
html[lang^="zh"] header .locvin-language-button {
  grid-template-columns:28px minmax(0,1fr) 10px;gap:6px;padding-inline:10px;
}
html[lang^="zh"] header .locvin-language-mark {width:28px;}

@media(min-width:1024px) {
 html[lang^="zh"] header .nav-links {margin-inline:auto;}
 html[lang^="zh"] .site-header .site-nav {margin-inline:auto;}
}