/* Targeted product-page fixes loaded after the main stylesheet. */
.product-page .product-hero-copy h1 {
  font-size: clamp(2.35rem, 4.6vw, 4.4rem);
}

.product-page .process-copy h2 {
  font-size: clamp(2.1rem, 3.6vw, 3.35rem);
}

@media (max-width: 860px) {
  .product-page .product-hero {
    row-gap: 2rem;
  }

  .product-page .product-hero-media {
    margin-bottom: 1rem;
  }

  .product-page .product-hero-media::before {
    display: none !important;
  }

  .product-page .product-hero-copy {
    position: relative;
    z-index: 2;
    padding-top: 0.5rem;
  }

  .product-page .product-hero-copy h1 {
    font-size: clamp(2.25rem, 9.5vw, 3.35rem);
  }
}