/* Page-specific CSS, extracted without changing rules. */
/* Scoped hero layout correction: keep copy and image in their own grid columns. */
.page-hero .row > .col-lg-6 {min-width:0; position:relative;}
.page-hero h1, body.bsl-inner-headings .page-hero h1 {white-space:normal !important; overflow-wrap:break-word !important; word-break:normal !important; text-wrap:pretty; max-width:100% !important; font-size:clamp(1.65rem,2.45vw,2.3rem) !important; line-height:1.2 !important;}
.page-hero .bioskin-verified-treatment-image {display:block !important; max-width:100% !important; width:100% !important; height:auto !important; object-fit:contain !important; position:static !important; margin-inline:auto;}
@media (max-width:991.98px) {.page-hero .row {row-gap:1.5rem !important;} .page-hero h1, body.bsl-inner-headings .page-hero h1 {font-size:clamp(1.55rem,5vw,2.15rem) !important;}}
