/* 1660 AutoCare V3.2.20 — Sitewide Vertical Rhythm
   Tightens only vertical page/section spacing. No geometry, typography,
   imagery, color, motion, interaction, form, or integration changes. */

/* Shared public-page sections: reduce oversized transition dead space while
   preserving deliberate editorial breathing room. */
.production-site .section {
  padding-top: clamp(64px, 6vw, 96px);
  padding-bottom: clamp(64px, 6vw, 96px);
}

/* Keep section headings connected to the content they introduce. */
.production-site .section-heading {
  margin-bottom: clamp(38px, 4vw, 58px);
}

.production-site .section-heading--compact {
  margin-bottom: clamp(34px, 3.5vw, 48px);
}

/* The Services directory has its own first-row offset in addition to the
   shared heading rhythm. Keep that transition equally concise. */
.production-site .service-index {
  margin-top: clamp(30px, 3vw, 44px);
}

/* Standalone page panels that do not use .section get the same tighter
   vertical language so the public site and all service sub-pages agree. */
.production-site .page-hero__copy,
.production-site .service-hero__copy {
  padding-top: clamp(54px, 5.25vw, 78px);
  padding-bottom: clamp(54px, 5.25vw, 78px);
}

.production-site .specials-simple-hero {
  padding-top: clamp(56px, 5.75vw, 88px);
  padding-bottom: clamp(56px, 5.75vw, 88px);
}

.production-site .request-layout {
  padding-top: clamp(58px, 6vw, 92px);
  padding-bottom: clamp(58px, 6vw, 92px);
}

.production-site .legal-hero {
  padding-top: clamp(64px, 7vw, 104px);
  padding-bottom: clamp(52px, 5.5vw, 76px);
}

@media (max-width: 760px) {
  .production-site .section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .production-site .section-heading {
    margin-bottom: 36px;
  }

  .production-site .section-heading--compact {
    margin-bottom: 32px;
  }

  .production-site .service-index {
    margin-top: 28px;
  }

  .production-site .page-hero__copy,
  .production-site .service-hero__copy {
    padding-top: 50px;
    padding-bottom: 58px;
  }

  .production-site .specials-simple-hero {
    padding-top: 52px;
    padding-bottom: 58px;
  }

  .production-site .request-layout {
    padding-top: 52px;
    padding-bottom: 64px;
  }

  .production-site .legal-hero {
    padding-top: 64px;
    padding-bottom: 54px;
  }
}