/* Inner pages: compact hero under global site-header (common.css .hero base) */

.ot-hero-default .hero,
.page-shell .hero {
  min-height: clamp(14rem, 28vw, 17.5rem);
  padding-bottom: 48px;
}

.ot-hero-default .hero__content--compact,
.page-shell .hero__content--compact {
  padding-top: 24px;
  text-align: center;
}

.ot-hero-default .hero__content--compact .hero__title,
.page-shell .hero__content--compact .hero__title {
  margin: 0 auto;
  max-width: 920px;
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  line-height: 1.2;
}

/* Checkout + order received: same compact hero height as inner pages */
.ot-hero-checkout .hero,
.ot-hero-order-received .hero {
  min-height: clamp(14rem, 28vw, 17.5rem);
  padding-bottom: 48px;
}

.ot-hero-checkout .hero__content--compact,
.ot-hero-order-received .hero__content--compact {
  padding-top: 24px;
  text-align: center;
}

.ot-hero-checkout .hero__content--compact .hero__title,
.ot-hero-order-received .hero__content--compact .hero__title {
  margin: 0 auto;
  max-width: 920px;
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  line-height: 1.2;
}