/* Saved Same look concept, scoped to the All Moods page. */
body.surface-page:has(#bemi-same-look){--sle-surface:rgb(22,18,32);--sle-accent:#e4c8ed;background:var(--sle-surface);color:#faf5ef}
body:has(#bemi-same-look) :is(main,.shopify-section,.moods-intro,.editorial-grid){background:transparent}
body:has(#bemi-same-look) #bemi-colour-ending{--ending-color:var(--sle-surface)!important;background:var(--sle-surface);color:#faf5ef}
body:has(#bemi-same-look) #bemi-colour-ending .wordmark img{filter:invert(1)}
body:has(#bemi-same-look) .footer-bottom{border-color:#faf5ef40}
body:has(#bemi-same-look) ::selection{background:var(--sle-accent);color:#161220}
body:has(#bemi-same-look) :focus-visible{outline:2px solid var(--sle-accent);outline-offset:5px}
#bemi-same-look{max-width:1600px;margin:auto;padding:clamp(132px,12vw,172px) var(--gutter) 96px;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:center;color:inherit}
.sle-copy{padding-right:48px;grid-column:1;grid-row:1}
#sle-title{font:400 clamp(56px,5.8vw,88px)/1.02 var(--display);letter-spacing:-.03em;margin:0 0 28px}
#sle-title em{font-weight:400;color:var(--sle-accent)}
.sle-intro{font-size:19px;line-height:1.5;margin:0}
.sle-selectors{display:flex;gap:18px;margin-top:52px}
.sle-choice{appearance:none;flex:0 1 112px;min-width:0;padding:0 0 12px;background:none;border:0;border-bottom:2px solid transparent;color:inherit;cursor:pointer;font:inherit;font-size:15px;text-align:left;opacity:.72;transition:opacity .3s,border-color .3s}
.sle-choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:12px}
.sle-choice[aria-pressed=true]{border-color:var(--sle-accent);opacity:1}.sle-choice:hover{opacity:1}
.sle-photo{grid-column:2;grid-row:1/3;margin:0;padding-left:14px;min-width:0}
.sle-stage{position:relative;aspect-ratio:1;isolation:isolate;touch-action:pan-y;cursor:grab;user-select:none}
.sle-stage:active{cursor:grabbing}
.sle-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 850ms ease;pointer-events:none;-webkit-user-drag:none}
.sle-stage img.active{opacity:1}
.sle-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}
#sle-caption{font:400 clamp(24px,2.1vw,29px)/1.15 var(--display);margin:0}
.sle-link{color:inherit;font-size:13px;text-decoration:none;border-bottom:1px solid #ffffff88;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
body:has(#bemi-same-look) .moods-intro{padding-top:40px;padding-bottom:48px}
.moods-intro h2{font:400 clamp(42px,5vw,72px)/1.06 var(--display);margin:0 0 24px}
.moods-intro p{font-size:18px}
@media(max-width:1000px){
#bemi-same-look{padding:128px var(--gutter) 72px;grid-template-columns:minmax(0,1fr);gap:28px}
.sle-copy{display:contents}
#sle-title{grid-row:1;font-size:clamp(44px,10vw,64px);margin:0}
.sle-intro{grid-row:2;font-size:17px;margin-top:-12px}
.sle-photo{grid-column:1;grid-row:3;padding:0}
.sle-selectors{grid-row:4;margin:0;gap:16px}
.sle-choice{flex:1 1 0}
.sle-photo figcaption{align-items:start;flex-wrap:wrap;gap:12px;margin-top:20px}
@media(max-width:410px){#bemi-same-look[data-look=nude] #sle-caption{font-size:clamp(21px,5.9vw,24px)}}
body:has(#bemi-same-look) .moods-intro{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){.sle-stage img,.sle-choice{transition:none}}