/* Give product names more room and make the price a primary visual element. */
@media (min-width: 1101px) {
  body:not(.esp-legacy) .product-stage {
    grid-template-columns: minmax(0, 0.9fr) minmax(560px, 1.1fr);
  }

  body:not(.esp-legacy) .product-summary {
    padding-left: clamp(52px, 4.4vw, 70px);
    padding-right: clamp(48px, 4.4vw, 70px);
  }
}

body:not(.esp-legacy) .product-summary h1 {
  max-width: none;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 1.04;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

body:not(.esp-legacy) .product-facts .product-price strong {
  font-size: clamp(48px, 4.5vw, 66px);
  line-height: 0.94;
  white-space: nowrap;
}

@media (max-width: 760px) {
  body:not(.esp-legacy) .product-summary h1 {
    font-size: clamp(42px, 12vw, 56px);
  }

  body:not(.esp-legacy) .product-facts .product-price strong {
    font-size: clamp(44px, 13vw, 56px);
  }
}