/* Zammy Zaif - Google Reviews Missing V22 patch */
/* Flip the LIVE DIAGNOSTIC section: light outer section, dark board. */
.review-v18 .rv18-diagnostic {
  background:#f5f5f3;
  color:#151719;
}
.review-v18 .rv18-diagnostic .rv18-centered-dark > .section-kicker {
  color:#666c72;
}
.review-v18 .rv18-diagnostic .rv18-centered-dark > h4 {
  color:#151719;
}
.review-v18 .rv18-diagnostic .rv18-centered-dark > p:last-child {
  color:#555b61;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks label {
  border-color:#d4d7d9;
  background:#fff;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks label:hover {
  border-color:#a9adb1;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks label:has(input:checked) {
  border-color:#151719;
  background:#fff;
  box-shadow:inset 3px 0 0 #151719;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks label span {
  color:#262a2e;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks input {
  border-color:#9da2a7;
  background:#fff;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-checks input:checked {
  background:#151719;
  border-color:#151719;
}
.review-v18 .rv18-diagnostic .rf-diagnostic-board {
  background:#151719;
  color:#fff;
  border-color:#151719;
}


/* V24 - centered hero title using the site's global typography scale. */
.review-v18 .rv18-hero {
  min-height:auto;
  padding:66px 0 88px;
  display:block;
  background:#f7f7f5;
}
.review-v18 .rv24-hero-title {
  max-width:1200px;
  margin:0 auto 54px;
  text-align:center;
}
.review-v18 .rv24-hero-title .eyebrow {
  margin:0 0 24px;
  text-align:center;
}
.review-v18 .rv24-hero-title h1 {
  margin:0;
  font-family:inherit;
  font-size:clamp(3.6rem,6.25vw,7.1rem);
  line-height:.89;
  letter-spacing:-.065em;
  font-weight:760;
  white-space:nowrap;
  color:#151719;
}
.review-v18 .rv18-hero-grid {
  grid-template-columns:minmax(0,7fr) minmax(360px,5fr);
  gap:76px;
  align-items:center;
}
.review-v18 .rv18-hero-copy .rv18-hero-subtitle {
  margin:0;
}
.review-v18 .rv18-hero-copy .hero-lead {
  max-width:690px;
}
.review-v18 .rv18-hero-visual {
  justify-content:flex-end;
}
@media (max-width:1100px) {
  .review-v18 .rv24-hero-title h1 {
    font-size:clamp(3.6rem,6.25vw,6.2rem);
  }
  .review-v18 .rv18-hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(330px,.58fr);
    gap:42px;
  }
}
@media (max-width:900px) {
  .review-v18 .rv18-hero {
    padding:58px 0 76px;
  }
  .review-v18 .rv24-hero-title {
    margin-bottom:42px;
  }
  .review-v18 .rv24-hero-title h1 {
    white-space:normal;
    font-size:clamp(3.4rem,10vw,5.5rem);
  }
  .review-v18 .rv18-hero-grid {
    grid-template-columns:1fr;
    gap:42px;
  }
  .review-v18 .rv18-hero-visual {
    justify-content:center;
  }
}
@media (max-width:560px) {
  .review-v18 .rv24-hero-title h1 {
    font-size:clamp(3rem,12vw,4.5rem);
  }
}


/* V26 - Section colour flip for Google Reviews Missing.
   Rule: every section differs from its neighbour.
   Hero soft > Reasons white > Diagnostic soft > H3 white/soft alternating,
   H2 branch headings always dark, supports white/soft/white, final dark. */
.review-v18 .rv18-soft {
  background:#f5f5f3;
}
/* Reasons section is now white, so its cause cards need a soft surface. */
.review-v18 .rv18-reasons .rv18-cause-grid article {
  background:#f5f5f3;
}
/* Light panels sitting on a soft section flip to white so they stay visible. */
.review-v18 .rv18-soft .rv18-panel {
  background:#fff;
}

/* V26 - Hero fills the first screen like the homepage hero.
   V24 removed the 100svh rule; restore it and clear the fixed header. */
.review-v18 .rv18-hero {
  margin-top:var(--header);
  min-height:calc(100svh - var(--header));
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 0 56px;
}
.review-v18 .rv18-hero > .container {
  width:min(1200px,calc(100% - 48px));
}
.review-v18 .rv24-hero-title {
  margin-bottom:44px;
}
@media (max-width:900px) {
  .review-v18 .rv18-hero {
    min-height:auto;
    padding:56px 0 72px;
  }
}