.language-switch{display:block;flex:0 0 auto;margin:0;min-width:106px}
.language-switch select{width:auto;min-width:106px;margin:0;padding:9px 24px 9px 10px;font-size:12px;cursor:pointer;background-color:#fffdf8}
.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{gap:15px}
header nav{gap:15px}
body>.language-switch{margin:20px 5%;width:max-content}
html[lang="zh-CN"] body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}
html[lang="ar"] body{font-family:Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] .brand,html[lang="ar"] .eyebrow,html[lang="ar"] .hero-note,html[lang="ar"] .strip{letter-spacing:0}
html[lang="ar"] h1{line-height:1.35}
html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.5}
html[lang="ar"] .brand small{letter-spacing:0;font-size:11px}
html[dir="rtl"] .notice{border-left:0;border-right:3px solid var(--rust)}
html[dir="rtl"] dd{text-align:left}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:right}
html[dir="rtl"] .mark{direction:ltr}
html[dir="rtl"] .art-label,html[dir="rtl"] .swatches{direction:ltr}
@media(max-width:1150px){header{flex-wrap:wrap}header .brand{margin-inline-end:auto}header nav{order:3;width:100%;justify-content:center}}
@media(max-width:800px){
  header{flex-wrap:nowrap;gap:10px}
  header .brand{font-size:10px;gap:7px}
  header .mark{width:34px;height:34px;font-size:23px;flex-shrink:0}
  header .brand small{font-size:8px;letter-spacing:.04em}
  header .language-switch{order:1}
  header .menu{order:2;font-size:11px;padding:8px;white-space:nowrap}
  header nav{order:3;justify-content:initial}
  .language-switch,.language-switch select{min-width:95px}
  .language-switch select{font-size:12px;padding-inline:7px}
  html[lang="ar"] header .brand small{font-size:9px}
  html[lang="ar"] .hero h1{font-size:48px}
  html[lang="ar"] .intro h1{font-size:36px}
  html[lang="ar"] .card-body h3{font-size:15px}
}
@media(max-width:370px){header{flex-wrap:wrap}header .brand{flex-basis:100%}header .language-switch{margin-inline-end:auto}}

html[lang="fr"] header nav,html[lang="ru"] header nav{gap:12px}html[lang="fr"] header nav a,html[lang="ru"] header nav a{font-size:11px}html[lang="fr"] .hero h1,html[lang="ru"] .hero h1{font-size:clamp(38px,4.6vw,66px);overflow-wrap:break-word}@media(max-width:800px){html[lang="fr"] header nav a,html[lang="ru"] header nav a{font-size:14px}}