/*
 * JETMECH Vietnamese page typography — 2026-07-26
 * Text fitting only. Existing widths, heights, spacing, grids, buttons,
 * cards, images, and interaction geometry remain unchanged.
 */

body.page-vi {
  font-family: var(--font-sans);
}

.page-vi :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  li,
  dt,
  dd,
  figcaption,
  label,
  .eyebrow,
  .product-label,
  .detail-summary span,
  .spec-highlight-grid span
) {
  letter-spacing: 0;
  overflow-wrap: break-word;
  hyphens: none;
}

.page-vi .company-brand-card p {
  white-space: normal;
}

.page-vi .product-card.is-selected::after {
  content: "Đã chọn";
}

@media (min-width: 901px) {
  .page-vi .hero-actions .button:first-child {
    flex: 0 0 158.75px;
    width: 158.75px;
    min-width: 158.75px;
    max-width: 158.75px;
    white-space: nowrap;
  }

  .page-vi .hero-actions .button:nth-child(2) {
    flex: 0 0 256.414px;
    width: 256.414px;
    min-width: 256.414px;
    max-width: 256.414px;
    white-space: nowrap;
  }
}