/* Account and Pro remain visible outside the collapsible site navigation. */
.site-header .header-inner{flex-wrap:wrap;gap:12px 24px;padding-block:14px}
.site-header .account-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:3px;margin-left:auto;padding:3px;border:1px solid #d4d6c9;border-radius:12px;background:#eeeee3}
.site-header .account-header-actions>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:9px 12px;border:0;border-radius:8px;color:#243d30;background:transparent;font:600 13px/1.4 system-ui,-apple-system,sans-serif;text-decoration:none;overflow-wrap:anywhere}
.site-header .account-header-actions>.account-header-pro{background:#dce6d4;color:#244b36}
.site-header .account-header-actions>a:hover{background:#e0e5d7}
.site-header .account-header-actions>.account-header-pro:hover{background:#cfddc6}
.site-header .account-header-actions>a:active{background:#c6d5bf}
.site-header .account-header-actions>a:focus-visible{outline:2px solid #285d48;outline-offset:3px}
/* One row when the complete localized header fits, rather than an empty second tier. */
@media(min-width:1280px){
 .site-header .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px}
 .site-header .brand{grid-column:1;grid-row:1}
 .site-header #navigation{grid-column:2;grid-row:1;justify-content:flex-end;gap:17px;min-width:0}
 .site-header .account-header-actions{grid-column:3;grid-row:1;flex-wrap:nowrap}
}
/* Collapse before the French/Ukrainian labels or account actions become crowded. */
@media(max-width:1279px){
 .site-header .menu-toggle{display:block;margin-left:auto;order:1;min-width:64px}
 .site-header .account-header-actions{order:2;flex-basis:100%;margin-left:0;justify-content:flex-start}
 .site-header #navigation{order:3;flex-basis:100%;width:100%;min-width:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:12px 0}
 .js-menu .site-header #navigation{display:none}
 .js-menu .site-header #navigation.is-open{display:flex}
 .site-header #navigation>a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:12px 0;font-size:15px;white-space:normal;border-bottom:1px solid var(--laowai-line,#c9c4b6)}
 .site-header #navigation .language-links{align-self:flex-start;margin:0;gap:8px;padding:14px 0 0}
 .site-header #navigation .language-links a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
 .site-header .brand-note{display:none}
}
@media(min-width:600px) and (max-width:1279px){
 .site-header .account-header-actions{order:1;flex-basis:auto;margin-left:auto}
 .site-header .menu-toggle{order:2;margin-left:0}
}
@media(max-width:599px){
 .site-header .account-header-actions{box-sizing:border-box;flex-wrap:nowrap}
 .site-header .account-header-actions>a{flex:1 1 0;min-width:0}
}
@media(prefers-reduced-motion:reduce){.site-header .account-header-actions>a{transition:none}}