/* Shared customer-facing page rhythm.
   Keep page families visually consistent without changing product/media geometry. */
body.customer-light {
  --customer-page-top: clamp(38px, 4vw, 48px);
  --customer-page-bottom: clamp(58px, 6vw, 82px);
  --customer-section-space: clamp(52px, 5vw, 68px);
}

/* Legal, policy, checkout and order-information pages previously stacked
   container top padding + heading padding, creating an oversized blank band. */
body.customer-light .sf-checkout {
  padding-top: 0 !important;
  padding-bottom: var(--customer-page-bottom) !important;
}
body.customer-light .sf-checkout-heading {
  padding-top: var(--customer-page-top) !important;
  padding-bottom: 16px !important;
}
body.customer-light .sf-checkout-section {
  padding-top: 22px;
  padding-bottom: 24px;
}
body.customer-light .sf-checkout-section-head {
  margin-bottom: 16px;
}

/* Bring the other major customer-facing page families onto the same top rhythm. */
body.customer-light .page-hero {
  padding-top: var(--customer-page-top) !important;
  padding-bottom: clamp(42px, 4vw, 56px) !important;
}
body.customer-light .page-section {
  padding-top: var(--customer-section-space) !important;
  padding-bottom: var(--customer-section-space) !important;
}
body.customer-light .sf-collection-hero {
  padding-top: var(--customer-page-top) !important;
  padding-bottom: 34px !important;
}
body.customer-light .sf-product-page {
  padding-top: var(--customer-page-top) !important;
  padding-bottom: var(--customer-page-bottom) !important;
}
body.customer-light .product-detail-page {
  padding-top: var(--customer-page-top) !important;
}
body.customer-light .contact-page {
  padding-top: var(--customer-page-top) !important;
  padding-bottom: var(--customer-page-bottom) !important;
}

@media (max-width: 760px) {
  body.customer-light {
    --customer-page-top: 32px;
    --customer-page-bottom: 52px;
    --customer-section-space: 46px;
  }
  body.customer-light .sf-checkout-heading {
    padding-bottom: 12px !important;
  }
  body.customer-light .sf-checkout-section {
    padding-top: 20px;
    padding-bottom: 22px;
  }
}