/* ── Look step v3 · 3×3 grid + explore strip + modal ── */
#scrStyle.lgOn .guide{display:none!important}
#scrStyle.lgOn .hgroup .sub,#scrStyle.lgOn .hgroup::after{display:block}
#scrStyle.lgOn #lookRecHd{display:flex!important;margin:0 0 10px!important}
#scrStyle.lgOn #lookRecHd .k{display:none}
#scrStyle.lgOn #lookRecWhy{font-size:14px;color:var(--ts)}#scrStyle.lgOn #lookRecWhy b{color:var(--tp);font-weight:600}
#scrStyle.lgOn #lookRec{flex:1 1 0;min-height:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vh,14px) 14px!important}
#scrStyle.lgOn #lookRec .pcard{display:flex!important;flex-direction:column;min-height:0;padding:0!important;border-radius:8px!important;overflow:hidden;background:#1d1b18!important;border:1px solid rgba(245,244,240,.12)!important}
#scrStyle.lgOn #lookRec .pcard .ph{flex:1 1 0!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
#scrStyle.lgOn #lookRec .pcard .ph img{width:100%;height:100%;object-fit:cover}
#scrStyle.lgOn .pcard .pf{flex:0 0 auto;padding:10px 14px 12px!important;display:flex;flex-direction:column;gap:3px}
#scrStyle.lgOn .pcard .pt{font-size:16px!important;font-weight:600;color:var(--tp)}
#scrStyle.lgOn .pcard .pm,#scrStyle.lgOn .pcard .pd{display:none!important}
#scrStyle.lgOn .pcard .lkFacts{font-size:13px!important;gap:2px 8px;margin:0!important;color:var(--ts)}
#scrStyle.lgOn .pcard .lkFacts span::before{width:3px;height:3px;background:var(--ts)}
#scrStyle.lgOn .pcard .lkFacts span:first-child::before{display:none}
#scrStyle.lgOn .pcard:hover{border-color:rgba(245,244,240,.32)!important}
#scrStyle.lgOn .pcard.on{border-color:var(--gold)!important;box-shadow:0 0 0 1px rgba(229,168,46,.2),0 0 18px rgba(229,168,46,.14)!important}
#scrStyle.lgOn .pcard .tick{top:10px!important;right:10px!important;left:auto!important}
/* bottom row */
.lgRow{flex:0 0 auto;display:flex;align-items:stretch;gap:12px;margin-top:clamp(10px,1.6vh,16px)}
.lgExp{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:18px;padding:10px 20px 10px 12px;border-radius:8px;border:1px solid rgba(245,244,240,.14);background:#1d1b18;color:var(--tp);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s}
.lgExp:hover{border-color:var(--gold)}.lgExp:hover .lgArr{transform:translateX(3px)}
.lgTh{display:flex;gap:8px;flex:0 0 auto}
.lgTh i{display:block;width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid rgba(245,244,240,.1)}
.lgTh img{width:100%;height:100%;object-fit:cover;display:block}
.lgTx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.lgTx b{font-size:17px;font-weight:600}.lgTx small{font-size:13.5px;color:var(--ts)}
.lgArr{flex:0 0 auto;color:var(--gold);transition:transform .18s}
.lgRow #styleBack,.lgRow #styleNext{flex:0 0 auto;min-width:128px;height:auto!important;min-height:56px;margin:0!important;border-radius:8px;font-size:16px}
.lgRow #styleNext{min-width:160px;padding:0 30px!important}
#scrStyle.lgOn #lookActs{position:absolute!important;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}
@media (max-width:1250px){.lgTh i:nth-child(n+4){display:none}}
@media (max-width:900px){#scrStyle.lgOn #lookRec{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none}.lgTh{display:none}.lgRow{flex-wrap:wrap}.lgExp{flex-basis:100%}}
@media (max-height:760px){#scrStyle.lgOn .pcard .lkFacts{display:none!important}.lgTh i{width:44px;height:44px}}
/* modal */
.lgModal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:4vh 4vw}
.lgModal[hidden]{display:none}
.lgBack{position:absolute;inset:0;background:rgba(8,7,6,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lgWin{position:relative;width:min(1240px,100%);max-height:100%;display:flex;flex-direction:column;border-radius:8px;border:1px solid rgba(245,244,240,.14);background:#171513;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.lgHd{display:flex;align-items:center;gap:18px;padding:20px 22px 16px;border-bottom:1px solid rgba(245,244,240,.08)}
.lgHd>div{flex:1 1 auto;min-width:0}.lgHd h3{margin:0;font-size:22px;font-weight:700;color:var(--tp)}.lgHd p{margin:4px 0 0;font-size:14px;color:var(--ts)}
.lgFiltHost .lkFilt{display:flex!important;gap:6px;margin:0!important}
.lgFiltHost .lkFilt button{min-height:36px;padding:0 14px!important;font-size:13px!important;border-radius:8px}
.lgX{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(245,244,240,.16);background:none;color:var(--tp);cursor:pointer}.lgX:hover{border-color:var(--gold);color:var(--gold)}
.lgBody{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 22px 24px;scrollbar-width:thin;scrollbar-color:rgba(229,168,46,.35) transparent}
.lgBody .lkScroll{display:block!important}.lgBody .lkArr{display:none!important}
.lgBody #lookMore{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;grid-template-rows:none!important;grid-auto-columns:auto!important;grid-auto-rows:auto!important;gap:14px!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;height:auto!important}
.lgBody #lookMore .pcard{display:flex!important;flex-direction:column;padding:0!important;border-radius:8px!important;overflow:hidden;background:#1d1b18!important;border:1px solid rgba(245,244,240,.12)!important}
.lgBody #lookMore .pcard[hidden]{display:none!important}
.lgBody #lookMore .pcard .ph{aspect-ratio:16/10!important;flex:none!important;min-height:0!important;border-radius:0!important;margin:0!important}
.lgBody #lookMore .pcard .ph img{width:100%;height:100%;object-fit:cover}
.lgBody .pcard .pf{padding:10px 14px 12px!important;display:flex;flex-direction:column;gap:3px}
.lgBody .pcard .pt{font-size:15px!important;font-weight:600}
.lgBody .pcard .pm,.lgBody .pcard .pd{display:none!important}
.lgBody .pcard .lkFacts{font-size:12.5px!important;margin:0!important}
.lgBody .pcard:hover{border-color:var(--gold)!important}
html.lgLock,html.lgLock body{overflow:hidden}
#scrStyle.lgOn #lookAllHd{display:none!important}
#scrStyle.lgOn #lookRec .pcard .ph{min-height:64px!important}
#scrStyle.lgOn #lookRec .pcard .ph{min-height:110px!important}
@media (max-width:1100px){#scrStyle.lgOn #lookRec{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none}}
#scrStyle.lgOn .hgroup .sub{display:none!important}
#scrStyle.lgOn .pcard .lkSw,.lgBody .pcard .lkSw{display:flex!important;left:10px;bottom:10px;z-index:3}
#scrStyle.lgOn .pcard .lkSw i,.lgBody .pcard .lkSw i{width:12px;height:12px}
#scrStyle.lgOn .pcard .lkFacts,.lgBody .pcard .lkFacts{display:none!important}

/* Staging: same card system as Look (4 columns, image fills, caption below, solid cards) */
#scrSetup .pgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:clamp(8px,1.2vh,14px) 14px!important}
#scrSetup .pgrid .pcard{display:flex!important;flex-direction:column;min-height:0;padding:0!important;border-radius:8px!important;overflow:hidden;background:#1d1b18!important;border:1px solid rgba(245,244,240,.12)!important;backdrop-filter:none!important}
#scrSetup .pgrid .pcard .ph{flex:1 1 0!important;min-height:110px!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
#scrSetup .pgrid .pcard .pf{flex:0 0 auto;padding:10px 14px 12px!important;display:flex;flex-direction:column;gap:3px}
#scrSetup .pgrid .pcard .pt{font-size:16px!important;font-weight:600;color:var(--tp)}
#scrSetup .pgrid .pcard .pd{font-size:13px!important;color:var(--ts)}
#scrSetup .pgrid .pcard:hover{border-color:rgba(245,244,240,.32)!important}
#scrSetup .pgrid .pcard.on{border-color:var(--gold)!important;box-shadow:0 0 0 1px rgba(229,168,46,.2),0 0 18px rgba(229,168,46,.14)!important}
@media (max-width:1100px){#scrSetup .pgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){#scrSetup .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Shots: same card system as Look / Staging */
#scrDetails .shGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:clamp(8px,1.2vh,14px) 14px!important}
#scrDetails .setupBox.solo{display:flex;flex-direction:column;flex:1 1 0;min-height:0}
#scrDetails .setupBox.solo .shGrid{flex:1 1 0;min-height:0}
#scrDetails .shGrid .pcard{display:flex!important;flex-direction:column;min-height:0;padding:0!important;border-radius:8px!important;overflow:hidden;background:#1d1b18!important;border:1px solid rgba(245,244,240,.12)!important;backdrop-filter:none!important}
#scrDetails .shGrid .pcard .ph{flex:1 1 0!important;min-height:110px!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important}
#scrDetails .shGrid .pcard .ph img{width:100%;height:100%;object-fit:cover}
#scrDetails .shGrid .pcard .pf{flex:0 0 auto;padding:10px 14px 12px!important;display:flex;flex-direction:column;gap:3px}
#scrDetails .shGrid .pcard .pt{font-size:16px!important;font-weight:600;color:var(--tp)}
#scrDetails .shGrid .pcard .pd{font-size:13px!important;color:var(--ts)}
#scrDetails .shGrid .pcard:hover{border-color:rgba(245,244,240,.32)!important}
#scrDetails .shGrid .pcard.on{border-color:var(--gold)!important;box-shadow:0 0 0 1px rgba(229,168,46,.2),0 0 18px rgba(229,168,46,.14)!important}
@media (max-width:1100px){#scrDetails .shGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){#scrDetails .shGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Shots sizing: grow from content so the col fit-to-screen zoom sees the real height */
#scrDetails #dgrid{display:flex!important;flex-direction:column;gap:14px;flex:1 1 auto!important;min-height:auto!important}
#scrDetails .setupBox.solo{flex:1 1 auto!important;min-height:auto!important}
#scrDetails .setupBox.solo .shGrid{flex:1 1 auto!important;min-height:auto!important}
#scrDetails .shGrid{grid-auto-rows:minmax(0,1fr)!important}
#scrDetails .shGrid .pcard .ph{min-height:120px!important}

/* selected look: gold ring wherever the card lives (main grid or the "more looks" popup) */
.pcard[data-look].on{border:1px solid var(--gold)!important;box-shadow:0 0 0 1px var(--gold),0 0 18px rgba(229,168,46,.18)!important;outline:none!important}

/* ── Staging + Shots v2: 4:5 portrait cards, title on image, one scrolling row with arrows (v2-cardrail.js) ── */
#scrSetup .pgrid::-webkit-scrollbar,#scrDetails .shGrid::-webkit-scrollbar{display:none}
#scrSetup .pgrid .pcard,#scrDetails .shGrid .pcard{position:relative!important;display:block!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important;scroll-snap-align:start}
#scrSetup .pgrid .pcard .ph,#scrDetails .shGrid .pcard .ph{position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;width:100%!important}
#scrSetup .pgrid .pcard .ph img,#scrDetails .shGrid .pcard .ph img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
#scrSetup .pgrid .pcard .pf,#scrDetails .shGrid .pcard .pf{position:absolute!important;left:0;right:0;bottom:0;z-index:2;padding:48px 14px 13px!important;background:linear-gradient(180deg,rgba(14,12,10,0) 0%,rgba(14,12,10,.72) 45%,rgba(14,12,10,.92) 100%)!important;pointer-events:none}
#scrSetup .pgrid .pcard .pt,#scrDetails .shGrid .pcard .pt{color:#F5F4F0!important;font-size:16.5px!important}
#scrSetup .pgrid .pcard .pd,#scrDetails .shGrid .pcard .pd{color:rgba(245,244,240,.8)!important}
#scrSetup .pgrid .pcard .tick,#scrDetails .shGrid .pcard .tick{z-index:3}

/* "On a model" card: cast shown as a compact chip (top-left), the hero image keeps the card */
#scrSetup .pgrid .pcard .ph .castStrip,#scrDetails .shGrid .pcard .ph .castStrip{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;bottom:auto!important;z-index:3;display:flex!important;align-items:center;gap:8px;width:auto!important;height:auto!important;padding:4px 10px 4px 4px!important;border-radius:999px!important;background:rgba(14,12,10,.82)!important;border:1px solid rgba(245,244,240,.16)!important;box-shadow:0 4px 12px rgba(0,0,0,.35);transform:none!important}
#scrSetup .pgrid .pcard .ph .castStrip .fc,#scrDetails .shGrid .pcard .ph .castStrip .fc{display:flex!important;width:auto!important;height:auto!important}
#scrSetup .pgrid .pcard .ph .castStrip .fc img,#scrDetails .shGrid .pcard .ph .castStrip .fc img{position:static!important;width:24px!important;height:24px!important;min-width:24px;border-radius:50%!important;object-fit:cover;border:1.5px solid #1a1714!important;margin-left:-8px!important;inset:auto!important}
#scrSetup .pgrid .pcard .ph .castStrip .fc img:first-child,#scrDetails .shGrid .pcard .ph .castStrip .fc img:first-child{margin-left:0!important}
#scrSetup .pgrid .pcard .ph .castStrip .ct,#scrDetails .shGrid .pcard .ph .castStrip .ct{display:flex!important;flex-direction:row!important;gap:4px;align-items:baseline;white-space:nowrap}
#scrSetup .pgrid .pcard .ph .castStrip .ct b,#scrDetails .shGrid .pcard .ph .castStrip .ct b{display:none!important}
#scrSetup .pgrid .pcard .ph .castStrip .ct i,#scrDetails .shGrid .pcard .ph .castStrip .ct i{font-style:normal;font-size:12.5px;font-weight:600;color:#F5F4F0}
#scrSetup .pgrid .pcard .ph img.hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* one selected state everywhere (= Category card): thin gold border + soft warm glow, warm-tinted surface, no tick badge */
#scrStyle .pcard.on,.pcard[data-look].on,#scrSetup .pgrid .pcard.on,#scrDetails .shGrid .pcard.on{border:1px solid var(--gold)!important;outline:none!important;box-shadow:0 0 0 1px rgba(229,168,46,.18),0 0 18px rgba(229,168,46,.14)!important}
#scrStyle .pcard.on .pf,.pcard[data-look].on .pf{background:rgba(40,33,22,.92)!important}
#scrStyle .pcard.on .pt,.pcard[data-look].on .pt,#scrSetup .pgrid .pcard.on .pt,#scrDetails .shGrid .pcard.on .pt{color:#fff!important}
#scrStyle .pcard .tick,.pcard[data-look] .tick,#scrSetup .pgrid .pcard .tick,#scrDetails .shGrid .pcard .tick,#scrSetup .pgrid .pcard .pick{display:none!important}
#scrStyle.lgOn #lookRec .pcard.on,#scrStyle.lgOn #lookMore .pcard.on,html body #lookMore .pcard.on,html body [id^="lg"] .pcard.on{border:1px solid var(--gold)!important;box-shadow:0 0 0 1px rgba(229,168,46,.18),0 0 18px rgba(229,168,46,.14)!important}

/* Staging + Shots: one row of cards + "Explore N more" strip (v2-moremodal.js) */
#scrSetup .pgrid,#scrDetails .shGrid{grid-template-rows:none!important}
.moExp{margin-top:clamp(10px,1.6vh,14px);width:100%;min-height:76px;text-align:left;cursor:pointer}
.moExp .lgTh i{background:#24221e}
html body #scrSetup .moHold[hidden],html body #scrDetails .moHold[hidden]{display:none!important}
html body .moModal .moBody .moHold{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:14px!important;overflow:visible!important;margin:0!important;padding:0!important;flex:none!important;min-height:0!important}
html body .moModal .moBody .moHold .pcard{display:flex!important;flex-direction:column;min-height:0!important;height:auto!important}
html body .moModal .moBody .moHold .pcard .ph{flex:none!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important}
html body .moModal .moBody .moHold .pcard .ph img{width:100%;height:100%;object-fit:cover}
.moModal .lgWin{width:min(1100px,100%)}
@media (max-width:760px){html body .moModal .moBody .moHold{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html body .moModal .moBody .moHold .pcard .pf{flex:0 0 auto!important;display:flex!important;position:static!important}
html body .moModal .moBody .moHold .pcard .ph{aspect-ratio:auto!important;height:240px!important;flex:0 0 240px!important}
html body .moModal .moBody .moHold .pcard{overflow:hidden;max-height:none!important}
/* Staging + Shots bottom row — same as Look: explore strip + Back + Continue */
.moRow .moExp{margin-top:0!important;flex:1 1 auto;width:auto;min-width:0}
.moRow.noExp{justify-content:flex-end}
.moRow .backb,.moRow .cta{flex:0 0 auto;min-width:128px;height:auto!important;min-height:56px;margin:0!important;border-radius:8px;font-size:16px}
.moRow .cta{min-width:160px;padding:0 30px!important;width:auto!important}
@media (max-width:900px){.moRow{flex-wrap:wrap}.moRow .moExp{flex-basis:100%}.moRow .lgTh{display:none}}
.moRow{flex:0 0 auto!important;height:auto!important;min-height:0!important;align-items:stretch!important}
.moRow .moExp{min-height:64px!important;max-height:84px;height:auto!important}
.moRow .backb,.moRow .cta{min-height:56px!important;max-height:84px;height:auto!important;align-self:stretch}
/* shot card tags: off the caption (were stacked on top of "1 photo") */
#scrDetails .shGrid .pcard .frTag,.moModal .pcard .frTag{top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;padding:4px 8px;border-radius:8px;background:rgba(18,17,15,.72);color:var(--tp,#F5F4F0);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
#scrDetails .shGrid .pcard .shAdd,.moModal .pcard .shAdd{display:none!important}
#scrDetails .shGrid .pcard.on .frTag,.moModal .pcard.on .frTag{right:48px!important}
/* Wardrobe (v2-wardrobe.js) — inside the cast overlay */
.wdBox{margin-top:22px;padding-top:20px;border-top:1px solid var(--line,rgba(245,244,240,.12));display:flex;flex-direction:column;gap:14px}
.wdHd{display:flex;flex-direction:column;gap:4px}.wdHd b{font-size:18px;font-weight:600;color:var(--tp,#F5F4F0)}.wdHd span{font-size:14px;color:var(--ts,#B8B2A7)}
.wdGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.wdC{display:flex;flex-direction:column;gap:2px;padding:0 0 10px;border-radius:8px;overflow:hidden;border:1px solid rgba(245,244,240,.12);background:#1d1b18;color:var(--tp,#F5F4F0);text-align:left;cursor:pointer;font-family:Inter,sans-serif;min-height:44px}
.wdC:hover{border-color:rgba(245,244,240,.32)}
.wdC.on{border-color:var(--gold,#E5A82E);box-shadow:0 0 0 1px rgba(229,168,46,.25),0 0 18px rgba(229,168,46,.14)}
.wdPh{position:relative;display:block;aspect-ratio:4/5;background:#24221e;margin-bottom:8px}.wdPh img{width:100%;height:100%;object-fit:cover;display:block}
.wdC.plain .wdPh{aspect-ratio:auto;height:0;margin:0}.wdC.plain{justify-content:center;padding:14px 12px}
.wdPick{position:absolute;top:6px;left:6px;padding:3px 7px;border-radius:8px;background:var(--gold,#E5A82E);color:#1a1712;font:600 10px Inter,sans-serif;font-style:normal}
.wdT{padding:0 12px;font-size:14px;font-weight:600}.wdD{padding:0 12px;font-size:12px;line-height:1.35;color:var(--ts,#B8B2A7)}
.wdNote{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:1px solid rgba(245,244,240,.16);background:#1d1b18;color:var(--tp,#F5F4F0);font:15px Inter,sans-serif;resize:vertical}.wdNote:focus{outline:none;border-color:var(--gold,#E5A82E)}
.wdPal{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wdPal span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ts,#B8B2A7);margin-right:4px}
.wdPal button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid rgba(245,244,240,.16);background:none;color:var(--tp,#F5F4F0);font:500 14px Inter,sans-serif;cursor:pointer}.wdPal button.on{border-color:var(--gold,#E5A82E);color:var(--gold,#E5A82E)}
@media (max-width:1100px){.wdGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.wdGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mCard.cast:not(.wdStep) .wdBox{display:none}
.mCard.cast.wdStep>.mT,.mCard.cast.wdStep>.mS,.mCard.cast.wdStep>.castTop,.mCard.cast.wdStep>.castGrid{display:none}
.mCard.cast.wdStep .wdBox{margin-top:0;padding-top:0;border-top:0}
.mCard.cast.wdStep .wdHd b{font-size:28px;letter-spacing:-.01em}
.wdBack{align-self:flex-start;background:none;border:0;padding:6px 0;min-height:44px;color:var(--ts,#B8B2A7);font:500 14px Inter,sans-serif;cursor:pointer}.wdBack:hover{color:var(--tp,#F5F4F0)}
.mCard.cast.wdStep .castFoot{position:relative!important;margin-top:8px}
.wdPh img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.wdC .wdPh:has(img){height:auto!important;aspect-ratio:4/5!important;flex:0 0 auto}
/* wardrobe step v2 (Oct 2026 redesign) */
.mCard.cast.wdStep{max-width:1420px;width:min(1420px,calc(100vw - 64px))}
.mCard.cast.wdStep .wdBox{gap:0}
.wdBack{display:inline-flex;align-items:center;gap:8px;font-size:15px!important;color:var(--tp,#F5F4F0)!important;margin-bottom:14px}
.wdK{font-size:13px!important;font-weight:600;letter-spacing:.14em;color:var(--gold)!important;margin-bottom:6px}
.mCard.cast.wdStep .wdHd b{font-size:clamp(32px,3vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.mCard.cast.wdStep .wdHd>span:last-child{font-size:clamp(16px,1.3vw,20px)!important;margin-top:6px}
.mCard.cast.wdStep .wdGrid{margin-top:28px;gap:14px}
.mCard.cast.wdStep .wdC{position:relative;padding:0!important;border-radius:8px;background:#1d1b18;gap:0}
.mCard.cast.wdStep .wdC .wdPh{display:block!important;height:auto!important;aspect-ratio:3/4!important;margin:0!important;background:#24221e;overflow:hidden}
.mCard.cast.wdStep .wdC .wdPh img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.mCard.cast.wdStep .wdC .wdT{padding:14px 16px 0;font-size:17px;font-weight:600}
.mCard.cast.wdStep .wdC .wdD{padding:6px 16px 18px;font-size:14px;color:var(--ts,#B8B2A7);line-height:1.45}
.mCard.cast.wdStep .wdC.plain{justify-content:center}
.wdHg{display:flex;justify-content:center;color:var(--ts,#B8B2A7);margin:-40px 0 36px}
.mCard.cast.wdStep .wdC.on{border-color:var(--gold)!important;box-shadow:0 0 0 1px var(--gold),0 0 22px rgba(229,168,46,.18)}
.wdTk{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;background:var(--gold);display:flex;align-items:center;justify-content:center;z-index:3}
.mCard.cast.wdStep .wdPick{position:absolute;top:8px;left:8px;z-index:3}
.wdOpts{display:grid;grid-template-columns:auto 1px auto;justify-content:start;gap:0 56px;margin-top:32px;padding-top:32px;border-top:1px solid rgba(245,244,240,.1)}
.wdOpts::before{content:"";grid-column:2;grid-row:1;background:rgba(245,244,240,.1)}
.wdOpts .wdPal:first-child{grid-column:1;grid-row:1}.wdOpts .wdVibe{grid-column:3;grid-row:1}
.wdOpts .wdPal{flex-direction:column;align-items:flex-start;gap:16px}
.wdL{font-size:13px!important;letter-spacing:.1em;color:var(--ts,#B8B2A7);margin:0!important}.wdL em{font-style:normal;color:var(--gold)}
.wdRow{display:flex;flex-wrap:wrap;gap:12px}
.wdOpts .wdPal button{min-height:50px;padding:0 28px;font-size:16px}
.wdOpts .wdPal button.on{border-color:var(--gold);color:var(--gold)}
.wdInfo{display:none;align-items:center;gap:12px;font-size:15px;color:var(--ts,#B8B2A7);margin-right:auto}
.mCard.cast.wdStep .wdInfo{display:inline-flex}
.mCard.cast.wdStep .castFoot{justify-content:space-between!important;pointer-events:auto;margin-top:36px}
.mCard.cast.wdStep #castN,.mCard.cast.wdStep #castWarn{display:none}
.mCard.cast.wdStep #castDone{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 34px;font-size:18px;pointer-events:auto}
@media (max-width:1100px){.wdOpts{grid-template-columns:1fr;gap:28px}.wdOpts::before{display:none}.wdOpts .wdVibe{grid-column:1;grid-row:2}}
.mCard.cast.wdStep .castFoot{left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}

/* colours + vibe sit above the outfit grid (was easy to miss under it) */
.wdOpts{margin-top:26px!important;padding:0 0 26px!important;border-top:0!important;border-bottom:1px solid rgba(245,244,240,.1)}
.mCard.cast.wdStep .wdGrid{margin-top:26px}
.wdOpts .wdPal button{min-height:44px;padding:0 22px;font-size:15px}

/* selected look — unmistakable: gold ring + glow, gold label bar with "Selected", the rest step back */
#scrStyle .pcard.lk{transition:opacity .2s,filter .2s,box-shadow .2s,border-color .2s}
#lookRec:has(.pcard.lk.on) .pcard.lk:not(.on){opacity:.62;filter:saturate(.75)}
#lookRec:has(.pcard.lk.on) .pcard.lk:not(.on):hover{opacity:1;filter:none}
#scrStyle .pcard.lk.on,#scrStyle.lgOn #lookRec .pcard.lk.on,#scrStyle.lgOn #lookMore .pcard.lk.on,html body #lookMore .pcard.lk.on{border:2px solid var(--gold)!important;box-shadow:0 0 0 4px rgba(229,168,46,.18),0 14px 34px rgba(0,0,0,.45)!important;opacity:1}
#scrStyle .pcard.lk.on .ttl,#scrStyle .pcard.lk.on .lkN{color:#1a1408!important}
#scrStyle .pcard.lk.on>:last-child{background:linear-gradient(180deg,#F5C451,#E9AA2B)!important;color:#1a1408!important}
#scrStyle .pcard.lk.on>:last-child *{color:#1a1408!important}
#scrStyle .pcard.lk.on::after{content:'Selected';position:absolute;top:10px;right:10px;z-index:4;padding:5px 10px;border-radius:8px;background:#1a1408;color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.04em;box-shadow:0 2px 10px rgba(0,0,0,.4)}
html[lang="fr"] #scrStyle .pcard.lk.on::after{content:'Choisie'}

/* same "Selected" treatment as Look, across the create flow: Staging + Shots (+ their Explore-more modal) */
#scrSetup .pgrid .pcard,#scrDetails .shGrid .pcard{transition:opacity .2s,filter .2s,box-shadow .2s,border-color .2s}
#scrSetup .pgrid:has(.pcard.on) .pcard:not(.on){opacity:.62;filter:saturate(.75)}
#scrSetup .pgrid:has(.pcard.on) .pcard:not(.on):hover{opacity:1;filter:none}
html body #scrSetup .pgrid .pcard.on,html body #scrDetails .shGrid .pcard.on,html body .moModal .pcard.on{border:2px solid var(--gold)!important;box-shadow:0 0 0 4px rgba(229,168,46,.18),0 14px 34px rgba(0,0,0,.45)!important;opacity:1;filter:none}
html body #scrSetup .pgrid .pcard.on .pf,html body #scrDetails .shGrid .pcard.on .pf,html body .moModal .pcard.on .pf{background:linear-gradient(180deg,#F5C451,#E9AA2B)!important}
html body #scrSetup .pgrid .pcard.on .pf *,html body #scrDetails .shGrid .pcard.on .pf *,html body .moModal .pcard.on .pf *{color:#1a1408!important}
html body #scrSetup .pgrid .pcard.on::after,html body #scrDetails .shGrid .pcard.on::after,html body .moModal .pcard.on::after{content:'Selected';position:absolute;top:10px;right:10px;z-index:4;padding:5px 10px;border-radius:8px;background:#1a1408;color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:.04em;box-shadow:0 2px 10px rgba(0,0,0,.4);pointer-events:none}
html[lang="fr"] body #scrSetup .pgrid .pcard.on::after,html[lang="fr"] body #scrDetails .shGrid .pcard.on::after,html[lang="fr"] body .moModal .pcard.on::after{content:'Choisie'}
#scrDetails .shGrid .pcard.on .frTag,.moModal .pcard.on .frTag{right:auto!important;left:10px!important}
#scrSetup .pgrid .pcard.on .laneNo{display:none!important}
#scrDetails .shGrid .pcard.on .shNo,.moModal .pcard.on .shNo{display:none!important} /* caption already numbers the shot; badge slot = "Selected" */
#scrStyle.lgOn #lookRecHd:has(#lookRecWhy:empty){display:none!important} /* "Best for…" removed */
/* wardrobe: theme radius on colour/vibe chips; once an outfit is picked, Continue floats centred like the model pick */
.wdPal button,.wdOpts .wdPal button{border-radius:8px!important}
html body .mCard.cast.wdStep .castFoot.wdDock{position:sticky!important;bottom:0!important;justify-content:center!important;pointer-events:none;background:none!important;border:0!important;box-shadow:none!important;animation:paIn .28s ease-out}
html body .mCard.cast.wdStep .castFoot.wdDock>*:not(#castDone){display:none!important}
html body .mCard.cast.wdStep .castFoot.wdDock #castDone{margin:0 auto!important;padding:16px 40px!important;font-size:19px!important;min-height:0!important;border-radius:8px;pointer-events:auto;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.mCard.cast.wdStep .wdGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important} /* max 5 per row */
@media (max-width:1100px){.mCard.cast.wdStep .wdGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:640px){.mCard.cast.wdStep .wdGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* wardrobe footer: divider fades out before Continue; breathing room under the button */
html body .mCard.cast.wdStep .castFoot:not(.wdDock){position:relative!important;margin:40px 0 0!important;padding:22px 0 30px!important;border-top:0!important;background:none!important;box-shadow:none!important;align-items:center!important}
html body .mCard.cast.wdStep .castFoot:not(.wdDock)::before{content:''!important;display:block!important;position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(245,244,240,.14) 0%,rgba(245,244,240,.14) 55%,rgba(245,244,240,0) 78%)!important;pointer-events:none}
html body .mCard.cast.wdStep .castFoot:not(.wdDock)::after{display:none!important}
html body .mCard.cast.wdStep{padding-bottom:0!important}
/* Otto's pick badge — same design as the wardrobe step (.wdPick), on Staging · Look · Shots. Badge only, never a preselection. */
html body .ottoPick{position:absolute;top:8px;left:8px;z-index:4;padding:3px 7px;border-radius:8px;background:var(--gold,#E5A82E);color:#1a1712;font:600 10px Inter,sans-serif;font-style:normal;letter-spacing:0;text-transform:none;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html body .shPick{display:none!important}
#scrDetails .shGrid .pcard.on .frTag,.moModal .pcard.on .frTag{top:auto!important;bottom:10px!important;left:10px!important;right:auto!important}
/* wardrobe v3: title breathing room · colour + vibe as cards (swatches / mood thumbs), stacked */
html body .mCard.cast.wdStep .wdBox{padding-top:28px}
.wdOpts{display:none!important}
.wdOpts2{margin-top:28px;padding:24px 0;border-top:1px solid rgba(245,244,240,.1);border-bottom:1px solid rgba(245,244,240,.1);display:flex;flex-direction:column;gap:22px}
.wdSec{display:flex;flex-direction:column;gap:12px}
.wdSec+.wdSec{padding-top:22px;border-top:1px solid rgba(245,244,240,.08)}
.wdColG{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wdVibG{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wdCol,.wdVib{font:inherit;cursor:pointer;color:var(--tp,#F5F4F0);background:#1d1b18;border:1px solid rgba(245,244,240,.14);border-radius:8px;transition:border-color .2s,box-shadow .2s;min-width:0}
.wdCol:hover,.wdVib:hover{border-color:rgba(245,244,240,.32)}
.wdCol.on,.wdVib.on{border-color:var(--gold)!important;box-shadow:0 0 0 1px var(--gold),0 0 18px rgba(229,168,46,.16)}
.wdCol{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px 13px;text-align:left}
.wdCol .sw{display:flex;gap:6px}.wdCol .sw i{width:24px;height:24px;border-radius:8px;border:1px solid rgba(245,244,240,.14);display:block}
.wdCol b,.wdVib b{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wdVib{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;text-align:left}
.wdVib img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:0 0 auto;display:block}
@media (max-width:1100px){.wdColG{grid-template-columns:repeat(3,minmax(0,1fr))}.wdVibG{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.wdColG{grid-template-columns:repeat(2,minmax(0,1fr))}.wdVibG{grid-template-columns:1fr}}
/* Describe-it popup */
.wdNote{display:none!important}
.wdDlg{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(10,9,7,.66);backdrop-filter:blur(6px);animation:paIn .2s ease-out}
.wdDlgC{width:min(560px,100%);display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:8px;background:#1b1a17;border:1px solid rgba(245,244,240,.14);box-shadow:0 24px 60px rgba(0,0,0,.55);font-family:Inter,sans-serif;color:var(--tp,#F5F4F0)}
.wdDlgC>b{font-size:24px;font-weight:700;letter-spacing:-.01em}
.wdDlgS{font-size:14px;color:var(--ts,#B8B2A7);line-height:1.5;margin-bottom:10px}
.wdDlgC textarea{width:100%;box-sizing:border-box;min-height:120px;padding:14px 16px;border-radius:8px;border:1px solid rgba(245,244,240,.18);background:#12110f;color:var(--tp,#F5F4F0);font:15px/1.5 Inter,sans-serif;resize:vertical}
.wdDlgC textarea:focus{outline:none;border-color:var(--gold)}
.wdDlgN{align-self:flex-end;font-size:12px;color:var(--ts,#B8B2A7)}
.wdDlgF{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}
.wdDlgF .cta{width:auto;padding:12px 24px;margin:0}.wdDlgF .cta:disabled{opacity:.45;cursor:not-allowed}
.wdDlgF .backb{padding:12px 20px}
/* sticky filter bars inside the cast overlay (model + wardrobe steps) — stick to the top of the scrolling card */
html body .mCard.cast:not(.wdStep) .castTop,html body .mCard.cast.wdStep .wdOpts2{position:sticky!important;top:0;z-index:6;background:#1b1a17;box-shadow:0 0 0 100vmax #1b1a17;clip-path:inset(0 -100vmax);border-bottom:1px solid rgba(245,244,240,.1)}
html body .mCard.cast.wdStep .wdOpts2{margin-top:20px;padding:18px 0}
/* colour swatches: reset inherited toggle/knob styling on <i> */
html body .wdCol{flex-direction:column!important;align-items:flex-start!important}
html body .wdCol .sw{position:static!important;display:flex!important;gap:6px;margin:0!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important}
html body .wdCol .sw i{all:unset;display:block!important;width:24px!important;height:24px!important;border-radius:8px!important;border:1px solid rgba(245,244,240,.16)!important;box-sizing:border-box;position:static!important;flex:0 0 auto}
html body .wdCol .sw i::before,html body .wdCol .sw i::after,html body .wdCol .sw::before,html body .wdCol .sw::after{content:none!important;display:none!important}
/* pinned = compact: once the filter bar sticks, it shrinks (JS adds .stuck via IntersectionObserver sentinel) */
html body .mCard.cast .castTop,html body .mCard.cast .wdOpts2{transition:padding .2s,gap .2s}
html body .mCard.cast .castTop.stuck{padding-top:10px!important;padding-bottom:10px!important}
html body .mCard.cast .castTop.stuck .ctL{display:none!important}
html body .mCard.cast .castTop.stuck .seg button{min-height:32px!important;padding:0 12px!important;font-size:13px!important}
html body .mCard.cast .wdOpts2.stuck{padding:10px 0!important;gap:8px!important}
html body .mCard.cast .wdOpts2.stuck .wdSec{flex-direction:row!important;align-items:center;gap:12px}
html body .mCard.cast .wdOpts2.stuck .wdSec+.wdSec{padding-top:8px}
html body .mCard.cast .wdOpts2.stuck .wdL{min-width:56px;font-size:10.5px!important}
html body .mCard.cast .wdOpts2.stuck .wdColG,html body .mCard.cast .wdOpts2.stuck .wdVibG{display:flex!important;flex-wrap:wrap;gap:8px}
html body .mCard.cast .wdOpts2.stuck .wdCol{flex-direction:row!important;align-items:center!important;gap:8px;padding:6px 12px 6px 8px}
html body .mCard.cast .wdOpts2.stuck .wdCol .sw i{width:16px!important;height:16px!important;border-radius:8px!important}
html body .mCard.cast .wdOpts2.stuck .wdVib{gap:8px;padding:5px 12px 5px 5px}
html body .mCard.cast .wdOpts2.stuck .wdVib img{width:26px;height:26px;border-radius:8px}
html body .mCard.cast .wdOpts2.stuck .wdCol b,html body .mCard.cast .wdOpts2.stuck .wdVib b{font-size:13px}
/* sticky bars: pin flush to the card's top edge (offset = card's top padding) — no see-through gap above */
html body .mCard.cast:not(.wdStep) .castTop{top:-40px!important}
html body .mCard.cast.wdStep .wdOpts2{top:-32px!important}
html body .mCard.cast .castTop.stuck,html body .mCard.cast .wdOpts2.stuck{border-top-color:transparent!important}
/* product cards: text on top, visual below */
.pfC.pfE{display:flex!important;flex-direction:column!important}
.pfC.pfE>.pfBd{order:0;border-top:0!important;border-bottom:1px solid rgba(245,244,240,.08);padding-bottom:18px!important}
.pfC.pfE>.pfIm{order:1;flex:1 1 auto;padding-top:20px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.pfC.pfE>.pfBd{min-height:177px;box-sizing:border-box}
@media (max-width:760px){.pfC.pfE>.pfBd{min-height:0}}
.pfC.pfE>.pfLk{z-index:3}

/* Otto's pick badge never collides with the cast strip / shot tag */
html body .pgrid .pcard:has(.ottoPick) .ph .castStrip,html body .pcard:has(.ottoPick) .castStrip{margin-top:28px!important}
html body .pgrid .pcard:has(.ottoPick) .ph .frTag,html body .pcard:has(.ottoPick) .frTag{margin-top:28px!important}
/* selected staging/shot card: slimmer gold block */
html body #scrSetup .pgrid .pcard.on .pf,html body #scrDetails .shGrid .pcard.on .pf,html body .moModal .pcard.on .pf{padding-top:14px!important}
html body #scrSetup .pgrid .pcard.on,html body #scrDetails .shGrid .pcard.on,html body .moModal .pcard.on{border-width:1px!important;box-shadow:0 0 0 1px var(--gold),0 0 18px rgba(229,168,46,.16)!important}

/* desktop: Back/Continue row sits right under the cards (no dead gap) */
@media (min-width:761px){html body #scrSetup .pgrid,html body #scrDetails .shGrid{flex:0 1 auto!important;align-content:start!important}html body #scrSetup .col,html body #scrDetails .col{justify-content:flex-start!important}}

/* explore strip v4 (Oct 2026 mockup): [+N badge] [title/sub] [thumbs + …] [gold arrow] · glowing gold frame */
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp{position:relative;gap:20px;padding:12px 22px 12px 18px;border-color:rgba(229,168,46,.55);background:linear-gradient(180deg,rgba(229,168,46,.07),rgba(229,168,46,.02)),#1b1915;box-shadow:0 0 0 1px rgba(229,168,46,.18),0 0 22px rgba(229,168,46,.16),inset 0 0 18px rgba(229,168,46,.06);animation:lgGlow 3.2s ease-in-out infinite}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp:hover{border-color:var(--gold);box-shadow:0 0 0 1px rgba(229,168,46,.4),0 0 30px rgba(229,168,46,.3),inset 0 0 22px rgba(229,168,46,.09)}
@keyframes lgGlow{50%{box-shadow:0 0 0 1px rgba(229,168,46,.28),0 0 30px rgba(229,168,46,.26),inset 0 0 22px rgba(229,168,46,.09)}}
:is(#scrStyle,#scrSetup,#scrDetails) .lgBd{order:0;flex:0 0 auto;display:grid;place-items:center;min-width:64px;height:44px;padding:0 12px;border-radius:8px;background:linear-gradient(180deg,#F0BE4E,#D99A22);color:#1b1710;font:700 20px Inter,sans-serif;letter-spacing:-.01em;box-shadow:0 0 16px rgba(229,168,46,.35)}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTx{order:1;flex:1 1 auto}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTx b{font-size:20px;font-weight:700}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh{order:2}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh::after{content:'\2026';display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#151411;border:1px solid rgba(245,244,240,.1);color:var(--tp);font-size:18px;letter-spacing:1px}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgArr,:is(#scrStyle,#scrSetup,#scrDetails) .lgExp>svg{order:3;color:var(--gold);width:28px;height:28px;flex:0 0 auto}
@media (max-height:760px){:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh::after{width:44px;height:44px}}
@media (max-width:900px){:is(#scrStyle,#scrSetup,#scrDetails) .lgBd{min-width:52px;height:38px;font-size:17px}:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTx b{font-size:17px}}
@media (prefers-reduced-motion:reduce){:is(#scrStyle,#scrSetup,#scrDetails) .lgExp{animation:none}}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTx b,:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTx small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1250px){:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh i:nth-child(n+3){display:none}}
@media (max-width:1050px){:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh{display:none}:is(#scrStyle,#scrSetup,#scrDetails) .lgExp{gap:14px}}

/* setup/shots strip: order + sizes match the Look strip */
.moExp .lgBd{order:0}.moExp .lgTx{order:1}.moExp .lgTh{order:2}.moExp>svg,.moExp .lgArr{order:3}
/* strip end: no "…" tile — the last thumbnail is a half-width peek that fades out */
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh::after{content:none!important;display:none!important}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh i:last-child{width:30px!important;border-right:0;border-radius:8px 0 0 8px;-webkit-mask-image:linear-gradient(90deg,#000 15%,transparent);mask-image:linear-gradient(90deg,#000 15%,transparent)}
:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh i:last-child img{object-position:left center}
@media (max-width:1250px){:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh i:nth-child(3){display:block!important;width:30px!important;border-right:0;border-radius:8px 0 0 8px;-webkit-mask-image:linear-gradient(90deg,#000 15%,transparent);mask-image:linear-gradient(90deg,#000 15%,transparent)}:is(#scrStyle,#scrSetup,#scrDetails) .lgExp .lgTh i:nth-child(n+4){display:none!important}}
/* Show more v2: full-width divider with a centred pill — reads as "more of this grid", not as the strip below */
.smBtn{display:flex;align-items:center;gap:16px;width:100%;margin:clamp(12px,2vh,20px) 0 clamp(4px,1vh,8px);padding:0;border:0;background:none;cursor:pointer;color:var(--tp,#F5F4F0);font:600 14px Inter,sans-serif}
.smBtn::before,.smBtn::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(245,244,240,.18))}
.smBtn::after{background:linear-gradient(90deg,rgba(245,244,240,.18),transparent)}
.smPill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px 0 20px;border-radius:8px;border:1px solid rgba(245,244,240,.2);background:#1d1b18;transition:border-color .15s,color .15s,background .15s}
.smBtn:hover .smPill,.smBtn:focus-visible .smPill{border-color:var(--gold,#E5A82E);color:var(--gold,#E5A82E);background:rgba(229,168,46,.08)}
.smBtn:focus-visible{outline:none}
.smPill svg{transition:transform .2s}.smBtn:hover .smPill svg{transform:translateY(2px)}
.smBtn[hidden]{display:none!important}
@media (max-width:760px){.smPill{min-height:44px}}
/* card stages (Look · Staging · Shots): photographic background blurred + dimmed so the cards read first */
body:is([data-stage="style"],[data-stage="setup"],[data-stage="details"])::before{filter:blur(14px) brightness(.8);transform:scale(1.06)}