
.wardrobe{margin:34px 0 42px;background:#fff;border:1px solid var(--cloud);border-radius:14px;overflow:hidden}.wardrobe-intro{padding:25px 28px 10px}.wardrobe-kicker{font-size:14px;color:var(--gold-text);font-weight:700}.wardrobe h3{margin:8px 0;font-size:27px}.wardrobe-intro p{margin:8px 0;font-size:17px}.wardrobe-stage{display:grid;grid-template-columns:280px 1fr;gap:26px;padding:16px 28px 25px;align-items:center}.wardrobe-model svg{width:100%;display:block}.wardrobe-caption{display:block;text-align:center;font-size:12px;margin-top:8px;color:#626a70}.wardrobe-count{font-size:14px;letter-spacing:.14em;color:var(--gold-text);font-weight:700}.wardrobe-copy h4{font-size:23px;margin:8px 0;color:var(--navy);line-height:1.5}.wardrobe-copy>p{font-size:17px;min-height:125px}.wardrobe-observe{border-top:2px solid var(--gold);padding-top:14px;font-size:16px}.wardrobe-observe b{color:var(--navy)}.wardrobe-observe p{margin:6px 0 0;min-height:90px}.wardrobe-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 28px}.wardrobe button{font:600 16px/1.5 var(--sans);cursor:pointer;border-radius:7px;padding:11px 8px;border:1px solid var(--cloud);color:var(--navy);background:var(--coat);min-height:46px}.wardrobe-steps button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.wardrobe-controls{display:flex;align-items:center;gap:16px;padding:20px 28px 24px}.wardrobe-controls button{background:var(--gold);border-color:var(--gold);color:var(--ink);white-space:nowrap;min-width:112px}.wardrobe-controls span{font-size:14px;color:#59626a}.wardrobe-trousers{transform-box:fill-box;transform-origin:center;transform:scaleX(1);transition:transform 850ms cubic-bezier(.2,.7,.2,1)}.wardrobe-shirt{transition:fill 850ms ease}.wardrobe-print{opacity:0;transition:opacity 850ms ease}.wardrobe[data-step="1"] .wardrobe-trousers,.wardrobe[data-step="2"] .wardrobe-trousers,.wardrobe[data-step="3"] .wardrobe-trousers{transform:scaleX(1.2)}.wardrobe[data-step="2"] .wardrobe-print,.wardrobe[data-step="3"] .wardrobe-print{opacity:1}.wardrobe[data-step="3"] .wardrobe-shirt{fill:#7396B4}@media(max-width:650px){.wardrobe-intro{padding:22px 18px 6px}.wardrobe h3{font-size:24px}.wardrobe-stage{grid-template-columns:1fr;gap:18px;padding:14px 18px 22px}.wardrobe-model{max-width:240px;width:100%;margin:auto}.wardrobe-copy>p,.wardrobe-observe p{min-height:0}.wardrobe-copy h4{font-size:22px}.wardrobe-copy>p{min-height:96px}.wardrobe-observe p{min-height:62px}.wardrobe-steps{padding:0 14px;gap:5px}.wardrobe-steps button{font-size:15px;padding:10px 3px}.wardrobe-controls{padding:18px 16px;gap:12px}.wardrobe-controls span{font-size:13px}}@media(prefers-reduced-motion:reduce){.wardrobe-trousers,.wardrobe-shirt,.wardrobe-print{transition:none}}

/* Keep choices and the garment together on small screens. */
.wardrobe-model .wardrobe-steps{padding:0;margin:0 0 14px;gap:6px}.wardrobe-model .wardrobe-steps button{font-size:15px;padding:11px 2px;min-height:48px;touch-action:manipulation}
@media(max-width:650px){.wardrobe-model{max-width:300px}.wardrobe-model svg{max-width:240px;margin-inline:auto}.wardrobe-model .wardrobe-steps{gap:5px}}
