.header-actions { align-items: center; }
.hero { background-image: url('assets/hero-apparel.png'); background-position: center; }
.standards-image { background-image: url('assets/linen-shirt.png'); }
.lang-btn { border-bottom: 1px solid var(--ink) !important; padding: 4px 0 !important; min-width: 25px; }
.mobile-lang { width: max-content; margin-top: 28px; padding: 10px 0; border: 0; border-bottom: 1px solid var(--ink); background: none; font: 600 9px var(--sans); letter-spacing: .12em; cursor: pointer; }
.nav-order, .mobile-order, .footer-order { border: 0; background: none; color: inherit; cursor: pointer; padding: 0; font: inherit; text-align: left; }
.desktop-nav .nav-order { font: 500 10px var(--sans); letter-spacing: .12em; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: var(--ink); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.desktop-nav a.active::after { transform: scaleX(1); }
.mobile-menu a.active { color: var(--sage); }
.mobile-order { font-family: var(--serif); font-size: clamp(28px, 8vw, 42px); }
.footer-order { font: 400 11px var(--sans); opacity: .72; }
.company-details { margin-top: 10px; max-width: 320px; }
.company-details strong { display: block; margin-bottom: 6px; color: var(--ink); font-size: 10px; letter-spacing: .08em; }
.company-details span { display: block; line-height: 1.65; }
html[lang="zh-CN"] .company-details strong { letter-spacing: .06em; }
.filter-row { overflow-x: auto; scrollbar-width: none; }
.filter-row::-webkit-scrollbar { display: none; }
.quantity-row { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding: 18px 0; margin-top: 8px; font: 600 9px var(--sans); letter-spacing: .12em; }
.quantity-control { display: grid; grid-template-columns: 38px 34px 38px; align-items: center; border: 1px solid var(--ink); height: 36px; }
.quantity-control button { height: 100%; border: 0; background: transparent; cursor: pointer; font-size: 17px; }
.quantity-control strong { text-align: center; font: 600 11px var(--sans); }
html[lang="zh-CN"] .hero h1,
html[lang="zh-CN"] .manifesto h2,
html[lang="zh-CN"] .section-heading h2,
html[lang="zh-CN"] .process h2,
html[lang="zh-CN"] .standards h2,
html[lang="zh-CN"] .final-cta h2,
html[lang="zh-CN"] .quote-copy h2 { font-family: "Songti SC", "STSong", serif; letter-spacing: -.03em; }
html[lang="zh-CN"] .hero h1 { line-height: .95; }
html[lang="zh-CN"] .hero h1 {
  width: 100%;
  font-size: clamp(44px, 4.2vw, 64px);
  line-height: 1;
  letter-spacing: .04em;
  text-align: center;
  white-space: nowrap;
}
html[lang="zh-CN"] .hero h1 span { display: block; }
html[lang="zh-CN"] .hero h1 em { display: none; }
html[lang="zh-CN"] .manifesto h2 { max-width: 760px; font-size: clamp(30px, 2.8vw, 44px); line-height: 1.28; letter-spacing: -.02em; }
html[lang="zh-CN"] .manifesto .questions { font-size: clamp(16px, 1.25vw, 19px); line-height: 1.9; }
html[lang="zh-CN"] .section-heading h2 { font-size: clamp(46px, 5vw, 70px); line-height: 1; }
html[lang="zh-CN"] .process h2,
html[lang="zh-CN"] .standards h2 { font-size: clamp(44px, 5vw, 68px); line-height: 1.05; }
html[lang="zh-CN"] .final-cta { padding-block: 115px; }
html[lang="zh-CN"] .final-cta h2 { max-width: 920px; margin: 34px auto 48px; font-size: clamp(48px, 5.8vw, 82px); line-height: 1.04; letter-spacing: -.025em; }
html[lang="zh-CN"] .quote-copy h2 { font-size: clamp(38px, 4vw, 50px); line-height: 1.08; }
html[lang="zh-CN"] .product-meta h3,
html[lang="zh-CN"] .dialog-content h2,
html[lang="zh-CN"] .bag-item h4 { font-family: "Songti SC", "STSong", serif; }
@media (max-width: 600px) {
  .header-actions { gap: 10px; }
  .header-actions .lang-btn { font-size: 9px; }
  .filter-row { justify-content: flex-start; }
  html[lang="zh-CN"] .hero h1 { font-size: clamp(36px, 10vw, 44px); }
  html[lang="zh-CN"] .manifesto h2 { font-size: 30px; line-height: 1.3; }
  html[lang="zh-CN"] .section-heading h2 { font-size: 44px; }
  html[lang="zh-CN"] .process h2,
  html[lang="zh-CN"] .standards h2 { font-size: 43px; }
  html[lang="zh-CN"] .final-cta { padding-block: 88px; }
  html[lang="zh-CN"] .final-cta h2 { font-size: 47px; line-height: 1.08; }
}
