/* A compact type scale for customer-facing pages. */
body {
  font-size: 0.9375rem;
}

body.storefront .authority-hero h1 {
  font-size: clamp(1.875rem, 3.3vw, 3rem);
}

body.storefront .catalog-title :is(h1, h2),
.service-main h1 {
  font-size: clamp(1.375rem, 2.5vw, 1.875rem);
}

body.storefront .results-toolbar h3 {
  font-size: 1.0625rem;
}

body.storefront .product-card .name-btn,
body.storefront .product-card .add-btn,
body.storefront .authority-hero-copy > p,
body.storefront .promotion-name,
body.storefront .store-promotion .bf-copy p,
body.storefront .store-promotion .bf-copy > small,
body.storefront .store-promotion .bf-copy > .primary,
body.storefront .announcement,
body.storefront .announcement > a,
body.storefront .hero-overline,
body.storefront .hero-evidence,
body.storefront .equipment-label > span,
body.storefront .hero-equipment-card small,
body.storefront .catalog-title .eyebrow,
body.storefront .catalog-discovery .search-help,
body.storefront #cart-dialog .checkout-footnote,
body .store-nav .store-primary-links > a {
  font-size: 0.875rem;
}

body.combo-landing h1 {
  font-size: clamp(2rem, 4.2vw, 3.5rem);
}

body.combo-landing .section-heading h2 {
  font-size: clamp(1.375rem, 3vw, 2rem);
}

.checkout-intro h1,
.return-card h1 {
  font-size: clamp(1.375rem, 2.6vw, 1.75rem);
}

.checkout-intro .eyebrow,
.hero-intro .eyebrow,
.kits-public :is(p, span, small, h3).text-base {
  font-size: 0.9375rem;
}

@media (max-width: 700px) {
  body.storefront .authority-hero h1 {
    font-size: clamp(1.625rem, 7vw, 2.25rem);
  }

  body.combo-landing h1 {
    font-size: clamp(1.875rem, 8.5vw, 2.75rem);
  }
}

.kits-public h1 {
  font-size: clamp(1.625rem, 3.6vw, 2.25rem);
}

.kits-public #catalog-title {
  font-size: 1.375rem;
}

body.storefront .campaign-heading h2,
body.storefront .store-promotion h2,
body.storefront .promo-blackfriday .bf-copy h2 {
  font-size: clamp(1.5rem, 3.2vw, 2.625rem);
}

body.storefront .bf-discount > strong {
  font-size: clamp(3rem, 8vw, 6rem);
  letter-spacing: -0.06em;
}

body.storefront .bf-discount > b {
  font-size: clamp(1.125rem, 2.5vw, 1.875rem);
}

body.storefront .product-card .price,
body.storefront .promotion-product-info > strong {
  font-size: clamp(1.125rem, 1.8vw, 1.3125rem);
}