/* Section 2 only: authentic stills, no crop, zoom, filters, or garment effects. */
#try.shopper-try .editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
#try.shopper-try .copy{max-width:540px}
#try.shopper-try .copy p{max-width:510px}
#try.shopper-try h2{max-width:520px}
#try .outfit-selector{width:min(100%,420px);margin:0;justify-self:center;min-width:0}
#try .outfit-stage{position:relative;width:100%;aspect-ratio:1120/1720}
#try .outfit-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transition:opacity 200ms ease;pointer-events:none}
#try .outfit-image.is-active{opacity:1}
#try .outfit-controls{display:flex;justify-content:center;gap:12px;margin-top:18px}
#try .outfit-controls button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;width:100px;min-height:108px;padding:6px 5px 9px;border:0;border-bottom:3px solid transparent;background:transparent;color:#24484D;font:500 11px/1.5 Poppins,sans-serif;cursor:pointer}
#try .outfit-controls button img{display:block;width:48px;height:70px;object-fit:contain;object-position:center bottom}
#try .outfit-controls button[aria-pressed=true]{border-bottom-color:#209DA7;color:#10272B}
#try .outfit-controls button[aria-pressed=true] span{box-shadow:0 1px 0 #209DA7}
#try .outfit-controls button:focus-visible{outline:3px solid #209DA7;outline-offset:4px}
#try .outfit-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html[data-section2=B] #try.shopper-try{background:#10272B;color:#F2F0EA;border-top-color:#24484D}
html[data-section2=B] #try .outfit-controls button{color:#A7CCD4}
html[data-section2=B] #try .outfit-controls button[aria-pressed=true]{color:#F2F0EA}
@media(max-width:1100px){
 #try.shopper-try .editorial{gap:48px}
 #try .outfit-selector{width:min(100%,360px)}
}
@media(max-width:800px){
 #try.shopper-try .editorial{grid-template-columns:1fr;gap:32px}
 #try.shopper-try .copy,#try.shopper-try .copy p{max-width:560px}
 #try .outfit-selector{width:min(100%,340px)}
}
@media(max-width:480px){
 #try .outfit-selector{width:min(100%,310px)}
 #try .outfit-controls{gap:8px;margin-top:14px}
 #try .outfit-controls button{width:94px}
}
@media(prefers-reduced-motion:reduce){#try .outfit-image{transition:none}}