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

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

.page-id :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-id .company-brand-card p {
  white-space: normal;
}

.page-id .product-card.is-selected::after {
  content: "Dipilih";
}

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

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

@media (max-width: 640px) {
  .page-id .shedding-spec-table tbody tr:nth-child(3) > :first-child {
    font-size: 10.5px !important;
  }
}