
/* Original brand photography integration, October 13 2026. */
.brand-home .brand-image-host {position:relative;overflow:hidden;isolation:isolate}
body.brand-home .brand-image-host > img.brand-hero-img {position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:73% center!important;z-index:0!important;pointer-events:none!important;max-width:none!important;transform:none!important}
.brand-home .brand-image-host::after {content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(14,22,20,.56),rgba(14,22,20,.65));}
.brand-home .brand-image-host > :not(img) {position:relative;z-index:2}
/* Keep instructional content readable in photo-backed panels. */
.brand-home.doc .brand-image-host::after{background:linear-gradient(90deg,rgba(221,237,223,.12),rgba(20,54,41,.15))}
.brand-home.rxs .brand-image-host::after{background:rgba(237,245,255,.77)}
.brand-home.price .brand-image-host::after{background:rgba(255,255,255,.83)}
.brand-home.review .brand-image-host::after{background:rgba(248,243,234,.80)}
.brand-home.tele .brand-image-host::after{background:rgba(4,25,37,.69)}
.brand-home.match .brand-image-host::after{background:rgba(21,15,54,.48)}
.brand-home.pharm .brand-image-host::after{background:rgba(5,28,20,.69)}
.brand-home.men .brand-image-host::after{background:linear-gradient(180deg,rgba(8,16,14,.04) 30%,rgba(5,15,13,.75) 92%)}
.brand-home.rx .brand-image-host::after{background:rgba(255,255,255,.03)}
.brand-home.doc .panel .checkcard{background:rgba(255,255,255,.95);box-shadow:0 22px 42px rgba(15,33,23,.35)}
.brand-home.men .art .orbit,.brand-home.men .art .slash{display:none!important}
.brand-home.rx .graphic > b,.brand-home.rx .graphic > div{display:none!important}
.brand-home.men .brand-image-host .textblock{background:rgba(5,18,14,.85);padding:19px 22px;backdrop-filter:blur(4px);bottom:0;left:0;right:0;width:auto;max-width:none}
/* Story feature uses the second unique image per brand. */
.brand-editorial-visual {display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:stretch;background:var(--bh);color:var(--bp);min-height:385px;overflow:hidden}
.brand-editorial-visual-copy {padding:clamp(30px,5vw,65px);max-width:710px;align-self:center}
.brand-editorial-visual-copy .brand-visual-kicker{font:800 11px/1.5 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--ba);margin:0 0 16px}
.brand-editorial-visual-copy h2{font:700 clamp(34px,3.5vw,56px)/1.07 Georgia,serif;letter-spacing:-.045em;margin:0 0 19px;color:inherit}
.brand-editorial-visual-copy p:not(.brand-visual-kicker){font:16px/1.67 Arial,sans-serif;max-width:550px;opacity:.87}
.brand-editorial-visual-copy a{display:inline-flex;align-items:center;margin-top:10px;border-bottom:2px solid var(--ba);padding:8px 0;color:inherit;font:800 13px/1.5 Arial,sans-serif;text-decoration:none}
.brand-editorial-visual-figure {position:relative;margin:0;min-height:380px;overflow:hidden}
.brand-editorial-visual-figure img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:66% center}
.brand-editorial-visual-figure::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 10px 0 30px #0002}
.brand-home.men .brand-editorial-visual-copy h2,.brand-home.price .brand-editorial-visual-copy h2{font-family:Impact,'Arial Black',Arial,sans-serif;text-transform:uppercase}
.brand-home.rx .brand-editorial-visual-copy h2,.brand-home.match .brand-editorial-visual-copy h2{font-family:'Arial Black',Arial,sans-serif}
.brand-home.doc .brand-editorial-visual{background:#dce8de;color:#214938}
.brand-home.doc .brand-editorial-visual-copy .brand-visual-kicker{color:#426b4a}
.brand-home.review .brand-editorial-visual{background:#e6ddd0;color:#26221f}
.brand-home.review .brand-editorial-visual-copy .brand-visual-kicker{color:#9d3f2b}
.brand-home.rxs .brand-editorial-visual{background:#d8e6fb;color:#18334e}
.brand-home.rxs .brand-editorial-visual-copy .brand-visual-kicker{color:#2964b7}
.brand-home.price .brand-editorial-visual{background:#171c1b;color:#ffe660}
.brand-home.price .brand-editorial-visual-copy .brand-visual-kicker{color:#ffe660}
.brand-home.men .brand-editorial-visual{background:#111917;color:#f2efe9}
.brand-home.rx .brand-editorial-visual{background:#eee0fa;color:#382b60}
.brand-home.rx .brand-editorial-visual-copy .brand-visual-kicker{color:#ad3f44}
.brand-home.pharm .brand-editorial-visual{background:#263e35;color:#f5eee0}
.brand-home.tele .brand-editorial-visual{background:#0d2736;color:#e7f6f3}
.brand-home.match .brand-editorial-visual{background:#201452;color:#f0edff}
@media(max-width:900px){.brand-editorial-visual{grid-template-columns:1fr 1fr}.brand-editorial-visual-copy{padding:36px}}
@media(max-width:700px){.brand-editorial-visual{display:flex;flex-direction:column-reverse}.brand-editorial-visual-figure{min-height:245px;aspect-ratio:16/9}.brand-editorial-visual-copy{padding:29px 7% 40px}.brand-editorial-visual-copy h2{font-size:clamp(32px,9vw,48px)}.brand-home .brand-image-host>img.brand-hero-img{object-position:72% center!important}}

.brand-editorial-visual-figure .brand-image-caption{position:absolute;left:13px;bottom:12px;z-index:3;background:rgba(7,16,20,.77);color:white;padding:6px 10px;max-width:calc(100% - 26px);font:11px/1.4 Arial,sans-serif;letter-spacing:.01em;border-radius:2px}
body.brand-home.pharm .brand-image-host > img.brand-hero-img{object-position:100% center!important}
body.brand-home.pharm .brand-image-host::after{background:linear-gradient(90deg,rgba(6,31,22,.46),rgba(5,27,20,.32))}
