/* Layout-only mobile reflow; preserve the existing type scale and tablet/desktop rules. */
@media (max-width: 420px) {
  .fitment-intro {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .shop .section-head,
  .ride-styles .section-head,
  .featured .section-head,
  .editorial .section-head,
  .moto-faq .section-head {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .shop .section-head > div:first-child,
  .ride-styles .section-head > div:first-child,
  .featured .section-head > div:first-child,
  .editorial .section-head > div:first-child,
  .moto-faq .section-head > div:first-child,
  .shop .section-head > .text-link,
  .ride-styles .section-head > .text-link,
  .featured .section-head > .text-link,
  .editorial .section-head > .text-link,
  .moto-faq .section-head > .text-link {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .shop .section-head > .text-link,
  .ride-styles .section-head > .text-link,
  .featured .section-head > .text-link,
  .editorial .section-head > .text-link,
  .moto-faq .section-head > .text-link {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}