/* Consistent vertical rhythm across desktop, tablet, and mobile storefronts. */
.page-hero,
.listing-intro {
  padding-block: 48px !important;
}

.section {
  padding-block: 56px !important;
}

.page-hero + .section,
.listing-intro + .section {
  padding-top: 36px !important;
}

.commerce-home > .section,
.commerce-home > .home-brands.section,
.commerce-home > .home-reviews.section {
  padding-block: 64px !important;
}

.auth-wrap {
  min-height: 0;
  padding-block: 48px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .page-hero,
  .listing-intro { padding-block: 40px !important; }
  .section { padding-block: 44px !important; }
  .page-hero + .section,
  .listing-intro + .section { padding-top: 30px !important; }
  .commerce-home > .section,
  .commerce-home > .home-brands.section,
  .commerce-home > .home-reviews.section { padding-block: 50px !important; }
}

@media (max-width: 767px) {
  .page-hero,
  .listing-intro {
    padding-block: 30px !important;
  }

  .section {
    padding-block: 34px !important;
  }

  .page-hero + .section,
  .listing-intro + .section {
    padding-top: 22px !important;
  }

  .commerce-home > .section,
  .commerce-home > .home-brands.section,
  .commerce-home > .home-reviews.section {
    padding-block: 40px !important;
  }

  .checkout-layout,
  .checkout-form {
    gap: 16px;
  }

  .auth-wrap {
    min-height: 0;
    padding-block: 34px;
  }
}

@media (max-width: 390px) {
  .page-hero,
  .listing-intro {
    padding-block: 24px !important;
  }

  .section {
    padding-block: 28px !important;
  }

  .page-hero + .section,
  .listing-intro + .section {
    padding-top: 18px !important;
  }
}