/* Clean photographs with responsive HTML copy. Packaging copy stays photographic. */
.mr-gallery{position:sticky;top:24px;min-width:0}
.mr-gallery-stage{position:relative;aspect-ratio:1;background:#e4e0d7;border-radius:12px;overflow:hidden;touch-action:pan-y;isolation:isolate}
.mr-gallery-stage:focus-visible{outline:2px solid #5f6856;outline-offset:4px}
.mr-slide{position:absolute;inset:0;container-type:inline-size;margin:0;overflow:hidden}
.mr-slide[hidden]{display:none}
.mr-slide>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;user-select:none;-webkit-user-drag:none}
.mr-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#171b1540,transparent 37%);pointer-events:none;z-index:1}
.mr-slide-copy,.mr-ingredient-label,.mr-mechanism-label{position:absolute;z-index:2;color:#fff;text-shadow:0 1px 3px #10160ec4,0 2px 11px #10160e66}
.mr-slide-copy{top:5%;left:5%;right:5%;pointer-events:none}
.mr-slide-copy h2{font-family:Georgia,serif;font-weight:700;font-size:7.6cqw;line-height:1.08;letter-spacing:-.025em;color:inherit;margin:0;text-wrap:pretty}
.mr-slide-copy h2 em{font-weight:600;color:inherit}
.mr-slide-copy p{font:500 clamp(12px,3.7cqw,21px)/1.28 Arial,sans-serif;color:inherit;margin:2.2cqw 0 0}
.mr-slide-hero .mr-slide-copy{right:12%}
.mr-slide-hero .mr-slide-copy h2{font-size:7.7cqw}
.mr-slide-hero .mr-slide-copy h2 em{font-size:6.5cqw;white-space:nowrap}
.mr-slide-mechanism .mr-slide-copy h2{font-size:7.5cqw}
.mr-mechanism-label{right:2.4%;width:22%;margin:0;font:600 clamp(12px,2.65cqw,16px)/1.2 Arial,sans-serif}
.mr-softens{top:64.7%}.mr-moisture{top:82%}
.mr-mechanism-label span{position:absolute;right:calc(100% + 1cqw);top:1.9cqw;width:10cqw;height:1px;background:#fff;transform-origin:right;transform:rotate(-33deg);filter:drop-shadow(0 1px 1px #2225)}
.mr-mechanism-label span::after{content:'';position:absolute;left:0;top:-.35cqw;width:.8cqw;height:.8cqw;background:#fff;border-radius:50%}
.mr-moisture span{transform:rotate(16deg);width:8cqw}
.mr-slide-review::after{background:linear-gradient(180deg,#171b1559,transparent 45%)}
.mr-slide-review .mr-slide-copy{top:4.7%;left:6%;right:6%}
.mr-slide-copy blockquote{font:700 5.9cqw/1.14 Georgia,serif;letter-spacing:-.018em;color:inherit;margin:0;text-wrap:pretty}
.mr-slide-copy blockquote em{font-weight:700;color:inherit}
.mr-slide-copy .mr-review-name{font-size:clamp(12px,3.5cqw,20px);margin-top:2.6cqw}
.mr-review-name small{display:block;font-size:clamp(11px,2.9cqw,16px);line-height:1.3;margin-top:.6cqw}
.mr-slide-ingredients::after{background:linear-gradient(180deg,#171b1533,transparent 45%,transparent 72%,#171b152b)}
.mr-slide-ingredients .mr-slide-copy{left:3.5%;right:3.5%;top:4%}
.mr-slide-ingredients .mr-slide-copy h2{font-size:6.8cqw;white-space:nowrap}
.mr-ingredient-label{margin:0;font:500 clamp(11px,2.7cqw,16px)/1.3 Arial,sans-serif}
.mr-ingredient-label strong,.mr-ingredient-label span{display:block}
.mr-ingredient-label strong{font-weight:700;margin-bottom:.4cqw}
.mr-ingredient-balm{left:3.5%;top:18.5%;width:33%}
.mr-ingredient-hair{left:40.5%;top:23.3%;width:53%}
.mr-ingredient-body{right:3%;bottom:8.5%;width:48%}
.mr-slide-routine .mr-slide-copy{text-align:center;left:4%;right:4%;top:4.7%}
.mr-slide-routine .mr-slide-copy h2{font-size:7.2cqw}
.mr-slide-routine .mr-slide-copy p{font-size:clamp(11px,3.3cqw,19px);margin-top:2cqw}
.mr-slide-origin .mr-slide-copy{top:5%;right:12%}
.mr-slide-origin .mr-slide-copy h2{font-size:7.5cqw;line-height:1.06}
.mr-slide-origin .mr-slide-copy h2 em{font-size:7cqw}
.mr-gallery-thumbs{display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;padding:10px 2px 5px;scroll-snap-type:none;scrollbar-width:thin}
.mr-gallery-thumbs button{flex:0 0 60px;width:60px;height:60px;border:2px solid transparent;border-radius:7px;padding:0;background:#e4e0d7;overflow:hidden;scroll-snap-align:none;cursor:pointer}
.mr-gallery-thumbs button[aria-pressed=true]{border-color:#41463e;box-shadow:0 0 0 1px #41463e}
.mr-gallery-thumbs button:focus-visible,.mr-gallery-controls button:focus-visible{outline:2px solid #858c7b;outline-offset:3px}
.mr-gallery-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
.mr-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 0;font:12px/1.3 'DM Sans',sans-serif;color:#686b64}
.mr-gallery-controls p{margin:0}.mr-gallery-controls>div{display:flex;gap:7px}
.mr-gallery-controls button{width:42px;height:38px;border:1px solid #d6d8cf;border-radius:7px;background:#fff;color:#333532;font:500 20px/1 'DM Sans',sans-serif;cursor:pointer}
.mr-gallery-controls button:hover{background:#eeeee6}
@media(max-width:991px){.mr-gallery-thumbs button{flex-basis:50px;width:50px;height:50px}.mr-gallery-thumbs{gap:6px}}
@media(max-width:767px){.mr-gallery{position:static}.mr-gallery-stage{border-radius:10px}.mr-gallery-thumbs button{flex-basis:48px;width:48px;height:48px}.mr-gallery-thumbs{justify-content:flex-start}.mr-gallery-controls{font-size:11px}.mr-gallery-controls button{width:40px;height:36px}.mr-slide-copy h2{line-height:1.1}.mr-slide-copy blockquote{font-size:5.85cqw}.mr-ingredient-label{font-size:clamp(12px,2.9cqw,16px)}}
@media(max-width:359px){.mr-gallery-thumbs button{flex-basis:43px;width:43px;height:43px}.mr-gallery-thumbs{gap:5px}.mr-mechanism-label{font-size:11px}.mr-ingredient-label{font-size:11px}.mr-swipe-hint{display:none}}
@media(prefers-reduced-motion:reduce){.mr-gallery *{scroll-behavior:auto!important}}

/* Active cleanser V2: Georgia overlay, Arial support, no banner, 5% inset. */
.mr-slide-copy h2{font:700 7.3cqw/1.06 Georgia,serif;letter-spacing:-.025em;text-wrap:initial}
.mr-slide-copy p{font:600 3.4cqw/1.3 Arial,sans-serif;margin-top:2cqw}
.mr-slide-hero .mr-slide-copy{top:5%;left:5%;right:36%}
.mr-slide-hero .mr-slide-copy h2{font-size:6.7cqw;line-height:1.06}
.mr-slide-hero .mr-slide-copy p{font-size:3.3cqw}
.mr-slide-review .mr-slide-copy{top:4.5%;left:5%;right:5%}
.mr-slide-copy blockquote{font:700 5.75cqw/1.1 Georgia,serif;letter-spacing:-.02em}
.mr-slide-copy .mr-review-name{font:600 3cqw/1.3 Arial,sans-serif;margin-top:1.6cqw}
.mr-review-name small{font:500 2.6cqw/1.3 Arial,sans-serif}
.mr-gallery-thumbs{gap:7px}.mr-gallery-thumbs button{flex-basis:52px;width:52px;height:52px}
@media(max-width:991px){.mr-gallery-thumbs button{flex-basis:44px;width:44px;height:44px}}

/* Updated full-set photograph includes the sunscreen offer; keep copy clear of products. */
.mr-slide-hero .mr-slide-copy{top:5%;left:5%;right:35%}
.mr-slide-hero .mr-slide-copy h2{font-size:5.3cqw;line-height:1.06}

/* Full-set system: real product groupings with responsive, accessible copy. */
.mr-slide-system::after{display:none}
.mr-system-title,.mr-system-steps,.mr-system-bonus{position:absolute;z-index:2;color:#fff4e2;text-shadow:0 1px 3px #0007}
.mr-system-title{top:4.5%;left:5%;right:5%}
.mr-system-title p{margin:0 0 1.7cqw;font:700 3cqw/1.2 Arial,sans-serif;letter-spacing:.1em}
.mr-system-title h2{margin:0;font:700 6.6cqw/1.04 Georgia,serif;letter-spacing:-.02em}
.mr-system-title h2 em{font-weight:600}
.mr-system-steps{top:71%;left:4%;right:4%;margin:0;padding:0;display:grid;grid-template-columns:40% 28% 32%;list-style:none;text-align:center}
.mr-system-steps li{padding:0 .6cqw}
.mr-system-steps strong,.mr-system-steps span,.mr-system-steps small{display:block}
.mr-system-steps strong{font:700 3.4cqw/1.2 Arial,sans-serif;margin-bottom:1cqw}
.mr-system-steps span{font:500 2.9cqw/1.2 Arial,sans-serif}
.mr-system-steps small{font:500 2.7cqw/1.25 Arial,sans-serif;margin-top:.5cqw}
.mr-system-bonus{left:6%;bottom:5.5%;right:24%;margin:0}
.mr-system-bonus small{display:block;font:700 2.5cqw/1.3 Arial,sans-serif;letter-spacing:.08em;margin-bottom:1cqw}
.mr-system-bonus strong{font:700 4cqw/1.15 Georgia,serif}

/* Cinematic product images remain unobscured by gallery gradients or copy. */
.mr-slide-cinematic::after{display:none}

/* Benefit photographs reserve clear space for accessible copy. */
.mr-slide-benefit::after{display:none}
.mr-slide-benefit .mr-slide-copy{top:4%;left:5%;right:5%;color:#fff4e2}
.mr-slide-benefit .mr-slide-copy p{font:700 2.8cqw/1.3 Arial,sans-serif;margin:0 0 1.6cqw}
.mr-slide-benefit .mr-slide-copy h2{font-size:6.4cqw;line-height:1.08}

/* First slide: editable page copy above the clean product photograph. */
.mr-slide-formulated::after{display:none}
.mr-slide-formulated .mr-slide-copy{top:5%;left:5%;right:5%;color:#fff4e2}
.mr-slide-formulated .mr-slide-copy h2{font-size:7cqw;line-height:1.08}
.mr-slide-formulated .mr-slide-copy p{font-size:3.6cqw;line-height:1.3;margin-top:2cqw}