/* The original Figma layout stays in design.css and design-refinements.css. */
body.bh-appearance .bh-protected-reviews{--teal:#145247;--gold:#FAA805;--teal-light:#CDE0E4;--sand:#E8D9C9;--line:#E3E9E7;--fg-ink:#172522;--fg-muted:#65716D}
/* Homepage review colours follow the supplied UI kit; carousel geometry and Google artwork stay intact. */
body.bh-appearance.home .nmc #reviews.bh-protected-reviews{--teal:#14284B;--teal-dark:#0B1A33;--teal-light:#DCE4F1;--deep:#0B1A33;--ink:#0F1B2E;--muted:#6B7690;--line:#DDE4EE;--fg-ink:#0F1B2E;--fg-muted:#6B7690;background:#F7F9FC;color:#4A5672}
body.bh-appearance.home .nmc #reviews .eyebrow,body.bh-appearance.home .nmc #reviews h2{color:#14284B!important}
body.bh-appearance.home .nmc #reviews .lead{color:#4A5672}
body.bh-appearance.home .nmc #reviews .revcard{background:#fff;border-color:#DDE4EE}
body.bh-appearance .nmc .fg-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.bh-appearance .nmc .fg-trust-grid .bh-insurer-logo{width:auto;max-width:180px;height:46px;object-fit:contain;margin:0 auto}
body.bh-appearance .nmc .fg-hero-picture>img,body.bh-appearance .nmc .fg-hero-picture>picture,body.bh-appearance .nmc .fg-hero-picture>picture>img,body.bh-appearance .nmc .fg-service-background{object-position:var(--bh-photo-x,50%) var(--bh-photo-y,50%);transform:none}
body.bh-appearance .nmc .fg-hero-picture>picture,body.bh-appearance .nmc .hero-img>picture{display:block;width:100%;height:100%}
body.bh-appearance .nmc .fg-hero-picture>picture>img,body.bh-appearance .nmc .hero-img>picture>img{width:100%;height:100%;object-fit:cover}
body.bh-appearance .nmc .fg-hero-picture:before,body.bh-appearance .nmc .hero-img:after{content:'';position:absolute;inset:0;z-index:1;background:var(--bh-photo-overlay,#14284B);opacity:var(--bh-photo-opacity,0);pointer-events:none}
body.bh-appearance .nmc .bh-photo-hidden .fg-hero-picture,body.bh-appearance .nmc .bh-photo-hidden .hero-media{visibility:hidden}
body.bh-appearance .nmc section.fg-service-hero .hero-media{right:calc((min(1280px,100vw - 40px) - 100vw)/2)}
@media(min-width:769px) and (max-width:1100px){
body.bh-appearance .nmc section.fg-service-hero .svchero-grid{padding:0;min-height:0}
body.bh-appearance .nmc section.fg-service-hero .svchero-copy{width:100%;max-width:none;padding-top:294px!important}
body.bh-appearance .nmc section.fg-service-hero .hero-media{left:0;right:0;top:0;height:250px;width:100%;min-height:250px;margin:0}
body.bh-appearance .nmc section.fg-service-hero .hero-media:before{inset:auto 0 0;width:auto;height:50px;background:linear-gradient(0deg,#EEF3F9,transparent)}
body.bh-appearance .nmc section.fg-service-hero .hbadge{display:none}
}
@media(max-width:768px){body.bh-appearance .nmc section.fg-service-hero .hero-media{right:0}body.bh-appearance .nmc .fg-trust-grid .bh-insurer-logo{max-width:100%;height:30px}}

/* Keep recognisable social marks centred in the existing circular links. */
body.bh-appearance .nmc .fg-socials .fg-icon{display:block;width:18px;height:18px;max-width:18px;max-height:18px;object-fit:contain}

/* Inset boxed-list checks and align them with the first text line, including wrapped rows. */
body.bh-appearance .nmc .ticklist:where(:not(.bh-protected-reviews,.bh-protected-reviews *)) li{padding-left:44px}
body.bh-appearance .nmc .ticklist:where(:not(.bh-protected-reviews,.bh-protected-reviews *)) .bh-tick{left:16px;top:calc(12px + (1lh - 16px)/2)}
/* A dark callout keeps its intended white heading over general page heading colours. */
body.bh-appearance .nmc .final:where(:not(.bh-protected-reviews,.bh-protected-reviews *)) h2{color:#fff!important}
