/* Product names remain readable in the existing hero layouts. */
html body main h1[data-arag-heading] {
  max-width: 100%;
  overflow-wrap: break-word;
  hyphens: auto;
  text-wrap: balance;
}

@media (max-width: 640px) {
  html body main h1[data-arag-heading] {
    font-size: clamp(2rem, 8.2vw, 3rem);
    line-height: 1.06;
  }
}