/* Simplified-Chinese landing page (/zh/) — page-scoped styles.

   Typography: NO CJK webfont is shipped (a CJK font is several MB); CJK text
   renders through the visitor's system font stack (PingFang SC on macOS/iOS,
   Microsoft YaHei on Windows, Hiragino Sans GB fallback). Latin fragments
   (prices, "LaTeX") keep Inter/Lora from the brand set, which the stacks
   below inherit first where appropriate.

   Everything else reuses the design tokens + .bpr-section taxonomy; only the
   page-specific pieces (font stack, disclaimer callout, price cards, steps)
   live here. */

.zh-page,
.zh-page h3, .zh-page h4,
.zh-page p, .zh-page li, .zh-page a.btn-pill {
  font-family: 'Inter', -apple-system, 'PingFang SC', 'Hiragino Sans GB',
               'Microsoft YaHei', '微软雅黑', sans-serif;
}

/* Display headings keep the brand's serif voice: Lora for latin fragments,
   then an explicit CJK *serif* fallback (Songti SC on macOS/iOS, Noto Serif
   CJK where installed, SimSun on Windows) so the serif-display / sans-body
   system carries over to Chinese rather than falling to a random default. */
.zh-page h1, .zh-page h2,
.zh-page .bpr-masthead-split__title,
.zh-page .bpr-section__header .bpr-section__title {
  font-family: 'Lora', Georgia, 'Songti SC', 'Noto Serif CJK SC', 'SimSun',
               '宋体', serif;
}

/* Slightly relaxed line-height — CJK glyphs read dense at latin defaults. */
.zh-page p, .zh-page li { line-height: 1.8; }

/* --- English-only disclaimer callout — prominent, not buried. --- */
.zh-disclaimer {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  max-width: 860px;
  margin: 0 auto;
  padding: 1.1rem 1.35rem;
  background: #FDF6E7;
  border: 1px solid var(--color-accent, #F5B82E);
  border-left: 4px solid var(--color-accent, #F5B82E);
  border-radius: 10px;
}
.zh-disclaimer i {
  color: var(--color-primary, #1F5236);
  font-size: 1.15rem;
  margin-top: 0.25rem;
}
.zh-disclaimer strong { color: var(--color-primary, #1F5236); }
.zh-disclaimer p { margin: 0; }
.zh-disclaimer .zh-disclaimer__en {
  font-size: 0.85rem;
  color: #6B6B60;
  margin-top: 0.25rem;
}

/* --- Service price cards --- */
.zh-svc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
@media (max-width: 991.98px) { .zh-svc-grid { grid-template-columns: 1fr; } }
.zh-svc-card {
  background: #fff;
  border: 1px solid #E4E1D7;
  border-radius: 12px;
  padding: 1.5rem 1.5rem 1.35rem;
  display: flex;
  flex-direction: column;
}
.zh-svc-card h3 { font-size: 1.15rem; margin: 0 0 0.2rem; }
.zh-svc-card .zh-svc-card__en {
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8A877B;
  margin: 0 0 0.75rem;
}
.zh-svc-card .zh-svc-card__price {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--color-primary, #1F5236);
  margin: 0;
}
.zh-svc-card .zh-svc-card__per { font-size: 0.85rem; color: #6B6B60; margin: 0 0 0.75rem; }
.zh-svc-card p:last-child { margin-bottom: 0; }

/* --- Trust tiles --- */
.zh-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
@media (max-width: 991.98px) { .zh-trust-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .zh-trust-grid { grid-template-columns: 1fr; } }
.zh-trust-tile { text-align: center; padding: 0.5rem 0.75rem; }
.zh-trust-tile i {
  font-size: 1.5rem;
  color: var(--color-primary, #1F5236);
  margin-bottom: 0.6rem;
}
.zh-trust-tile h3 { font-size: 1rem; margin: 0 0 0.35rem; }
.zh-trust-tile p { font-size: 0.9rem; color: #55534A; margin: 0; }

/* --- Numbered steps --- */
.zh-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; counter-reset: zh-step; }
@media (max-width: 767.98px) { .zh-steps { grid-template-columns: 1fr; } }
.zh-steps li { counter-increment: zh-step; background: #fff; border: 1px solid #E4E1D7; border-radius: 12px; padding: 1.35rem 1.5rem; }
.zh-steps li::before {
  content: counter(zh-step);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--color-primary, #1F5236);
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.zh-steps h3 { font-size: 1.05rem; margin: 0 0 0.35rem; }
.zh-steps p { margin: 0; font-size: 0.95rem; }

/* --- Payment method chips --- */
.zh-pay-row { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; }
.zh-pay-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #fff;
  border: 1px solid #E4E1D7;
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  font-weight: 600;
}
.zh-pay-chip i { color: var(--color-primary, #1F5236); }