/* === SERVICE PAGE CLEANUP ===
   Loaded only on cluster pages (body.service-page-clean).
   Hides clutter sections via display:none — content stays in the DOM
   for SEO crawlers + internal link equity.
   Per brief: KEEP visible = hero (with form), .lp-trust badges, .sec--faq, footer, nav.
   HIDDEN = everything else between .lp-trust and footer that isn't .sec--faq.
*/

body.service-page-clean .lp-trust ~ section:not(.sec--faq) {
  display: none !important;
}

/* Belt-and-braces: explicit kill list for known filler sections.
   These selectors guarantee the relevant sections are hidden even if
   the section ordering changes. */
body.service-page-clean .cta-band,
body.service-page-clean .trust-bar,
body.service-page-clean .quote-form-wrap,
body.service-page-clean #quote {
  display: none !important;
}

/* === HERO IN FORM-EMBEDDED MODE === */
body.service-page-clean .lp-hero--with-form {
  /* Tighter padding so the form sits comfortably above the fold on mobile */
  padding-top: 100px;
  padding-bottom: 40px;
  min-height: 0;            /* override any 100vh hero from base seo.css */
}
body.service-page-clean .lp-hero--with-form .lp-hero-inner {
  text-align: left;
  max-width: 1080px;
}
body.service-page-clean .lp-hero--with-form .lp-h1 {
  font-size: clamp(28px, 4vw, 44px);
  margin-bottom: 12px;
}
body.service-page-clean .lp-hero--with-form .lp-sub {
  font-size: 15px;
  margin-bottom: 28px;
  max-width: 640px;
}
/* Make sure the embedded form-panel has white card glow regardless of
   whatever the lp-hero photo overlay is doing. */
body.service-page-clean .lp-hero--with-form .form-panel {
  margin-top: 24px;
  position: relative;
  z-index: 5;
}

/* === 5-BADGE TRUST STRIP under the hero === */
.lp-trust {
  background: var(--bg-sub);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 18px var(--edge);
}
.lp-trust-inner {
  max-width: var(--max);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: clamp(16px, 3vw, 36px);
  flex-wrap: wrap;
}
.lp-trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ink-3);
  white-space: nowrap;
}
.lp-trust-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--gold);
}
.lp-trust-ico svg {
  width: 18px;
  height: 18px;
}

/* === MOBILE — form fully usable above the fold @ 375px === */
@media (max-width: 760px) {
  body.service-page-clean .lp-hero--with-form {
    padding-top: 88px;
    padding-bottom: 28px;
  }
  body.service-page-clean .lp-hero--with-form .lp-hero-inner {
    padding: 0 16px;
  }
  body.service-page-clean .lp-hero--with-form .lp-h1 {
    font-size: clamp(24px, 6vw, 30px);
  }
  body.service-page-clean .lp-hero--with-form .lp-sub {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .lp-trust {
    padding: 14px 16px;
  }
  .lp-trust-inner {
    gap: 10px 16px;
    justify-content: flex-start;
  }
  .lp-trust-item {
    font-size: 10px;
    letter-spacing: 0.08em;
  }
}