/* Shared type scale and small-screen refinements for every storefront page. */
.section-heading h1,
.listing-header h1 {
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  line-height: 1.08;
}

.auth-card h1,
.profile-card h1,
.cart-header h1 {
  font-size: clamp(2.2rem, 5vw, 4rem);
  line-height: 1.12;
}

.product-info h1 {
  font-size: clamp(1.9rem, 3vw, 3.1rem);
  overflow-wrap: anywhere;
}

.reviews-section h2 {
  font-size: clamp(1.65rem, 3vw, 2.1rem);
  line-height: 1.3;
}

.tile-copy h2,
.product-card-copy h2,
.cart-copy h2,
.orders-card h2 {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

@media (max-width: 650px) {
  nav,
  main {
    padding-right: 18px;
    padding-left: 18px;
  }

  .section-heading h1,
  .listing-header h1,
  .auth-card h1,
  .profile-card h1,
  .cart-header h1 {
    font-size: clamp(2rem, 10vw, 2.8rem);
  }

  .product-info h1 {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
  }

  .product-price {
    font-size: 1.55rem;
  }

  .thumbnails {
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-behavior: auto;
  }
}