/* Fonts & Base Styles */
body {
  font-family: "Noto Sans Thai", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Below sm the price tables squeeze Thai descriptions into 2-3 characters per
   line, so each row stacks into a card: name+description, then the price. */
@media (max-width: 639px) {
  .pricing-table thead {
    display: none;
  }

  .pricing-table tbody tr {
    display: block;
  }

  .pricing-table tbody td {
    display: block;
    width: auto;
    border-left-width: 0;
    padding: 0.5rem 1rem;
  }

  .pricing-table tbody td + td {
    padding-top: 0.25rem;
  }

  /* Group header rows (M-TECH / VERSUS) stack: badge, blurb, ECU chip */
  .pricing-table tbody td[colspan] > div,
  .pricing-table tbody td[colspan] > div > div:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
  }
}