/* v2 (Sales) — page-level overrides. Loaded only by "BOGO 13-in-1 Angle v2 (Sales).html", after b-complex.css. */

/* Colour direction A — Charcoal bands, red kept as the accent (headline, key words, price) */
:root{--ph-red:#2b3036;--ph-red-dark:#15181b;--ph-blush:#f3f2ef;--ph-accent:#cc0000;--ph-accent-light:#ff5a5a;--bs-link-color-rgb:43,48,54;--bs-link-hover-color-rgb:21,24,27}
.ph-red{color:var(--ph-accent)!important}
.ph-red-light{color:var(--ph-accent-light)}
.ph-hero-title,.ph-offer-product{color:var(--ph-accent)}
.ph-offer-regular s.ph-red{color:#cc0000!important}
.ph-sub-toggle .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(43,48,54,.25)}
.ph-faq{--bs-accordion-btn-focus-box-shadow:0 0 0 .2rem rgba(43,48,54,.2)}

/* One light tint for every tinted band (was a mix of warm beige and cool grey) */
.ph-team,.ph-tint{background:var(--ph-blush)}

/* Tinted content band: needs its own top/bottom padding even when it follows a white section */
.ph-sec.ph-tint,.ph-sec + .ph-sec.ph-tint{padding-top:clamp(48px,5.5vw,80px);padding-bottom:clamp(48px,5.5vw,80px)}
/* Offer after a tinted band gets its normal top gap back */
.ph-tint + .ph-offer-sec{padding-top:clamp(40px,5vw,72px)}
/* Tinted bands that sit right under an offer/guarantee get a touch more air */
.ph-offer-sec + .ph-team,.ph-offer-sec + .ph-tint{padding-top:clamp(48px,5.5vw,80px)!important}
.ph-team{padding-bottom:clamp(48px,5.5vw,80px)!important}

/* Video reviews now sit on white directly under the written reviews — trim the doubled gap */
.ph-video-sec{padding-top:0;padding-bottom:clamp(48px,5.5vw,80px)}

/* Offer eyebrows: balanced lines, no single dangling word */
.ph-offer-eyebrow{text-wrap:balance}