/* Five decisions, one continuous view. Static layout remains the default. */
.shop-scroll{margin-top:36px;overflow-anchor:none}.shop-scroll .outfit-studio{margin-top:0;gap:5%;grid-template-columns:46% minmax(0,1fr)}
.shop-step-nav{display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--line)}
.shop-step-nav button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;border-bottom:2px solid transparent}
.shop-step-nav button[aria-current=step]{border-color:var(--flame);color:var(--flame)}.shop-step-nav button span{font-size:10px}
.shop-panel{margin:0 0 32px!important;width:100%;max-width:none}.shop-panel[hidden]{display:none!important}
.shop-panel legend{font-size:19px;margin-bottom:12px;font-family:var(--font-serif,Georgia,serif);font-weight:400}
.shop-choice-note{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:24px}
.shop-detail-photo{width:100%;height:100%;object-fit:contain;background:var(--stone)}.shop-detail-photo[hidden]{display:none}
.shop-scroll .outfit-preview{overflow:hidden}.shop-scroll .outfit-preview .selection-options{display:none}
.shop-scroll .outfit-preview .look-photo{height:100%;width:100%;object-fit:contain;object-position:center top;background:transparent}
.shop-scroll .outfit-status:empty{display:none}
.shop-scroll .outfit-preview .look-photo[hidden]{display:none}
.shop-scroll .outfit-preview{aspect-ratio:2/3}.shop-scroll .outfit-status{position:absolute;bottom:44px;left:12px;right:12px;background:var(--paper)}
.shop-purchase{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}
.shop-purchase .selection-total{padding:0;margin:0;display:block;border:0}.shop-purchase .selection-total>span{display:block;font-size:10px;margin-bottom:3px}.shop-purchase .selection-total strong{font-size:19px}.shop-purchase .selection-promo{grid-row:2;justify-self:start;margin:0;font-size:11px}
.shop-purchase>.button{grid-column:2;grid-row:1/3;margin:0;font-size:12px;padding:14px 20px;min-height:48px}
.shop-scroll .colour-options{flex-direction:column;gap:26px}.shop-scroll .colour-choice{min-height:44px;font-size:14px;gap:15px}
.shop-scroll .selected-story{margin-top:32px}.shop-scroll .selected-story h3{font-size:32px}.shop-scroll .detail-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.shop-scroll.is-scroll-shop{height:500svh}.is-scroll-shop .shop-sticky{position:sticky;top:0;height:100svh;padding:24px 0}
.is-scroll-shop .outfit-studio{height:100%;align-items:stretch}.is-scroll-shop .outfit-preview{position:relative;top:0;width:100%;height:100%;aspect-ratio:auto;max-width:none}
.is-scroll-shop .outfit-controls{display:flex;flex-direction:column;min-height:0}.is-scroll-shop .shop-panels{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px 6px 6px 2px}
.is-scroll-shop .shop-panel{margin-bottom:0!important;animation:shop-panel-in .45s ease both}
.is-scroll-shop .style-field .unlock-note{font-size:11px;margin:0 0 12px}.is-scroll-shop .style-row .style-choice{min-height:80px;padding:12px 130px 12px 12px!important;gap:12px}
.is-scroll-shop .style-row .style-description{font-size:11px;line-height:1.5}.is-scroll-shop .style-title{font-size:13px}
.is-scroll-shop .occasion-details>summary{min-height:49px;padding-block:10px}.is-scroll-shop .occasion-body{font-size:12px}.is-scroll-shop .later-occasions{gap:5px;margin-top:6px}
.is-scroll-shop .shop-step-nav{margin-bottom:18px}.is-scroll-shop .shop-purchase{flex-shrink:0}
@keyframes shop-panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .wardrobe.section-shell{padding-inline:12px}.wardrobe .section-heading{padding-inline:12px}.shop-scroll .outfit-studio{grid-template-columns:42% minmax(0,1fr);gap:12px}.shop-scroll .outfit-preview{position:sticky;top:16px;margin:0}
 .shop-scroll .shop-step-nav{gap:0;flex-wrap:wrap;margin-bottom:12px}.shop-step-nav button{font-size:10px;gap:3px;padding:0 4px}.shop-step-nav button span{font-size:9px}
 .shop-panel legend{font-size:17px}.shop-scroll .shop-choice-note{font-size:11px;margin-bottom:14px}.shop-scroll .colour-choice{font-size:11px;gap:10px}.shop-scroll .colour-options{gap:18px}
 .shop-scroll .selected-story h3{font-size:25px}.shop-scroll .selected-story p{font-size:11px}.shop-scroll .selection-details{font-size:10px!important}.shop-scroll .selected-story{margin-top:24px}
 .shop-scroll .detail-options{grid-template-columns:1fr;gap:14px}.shop-scroll .detail-zoom{max-height:100px}.shop-scroll .detail-choice>span{font-size:11px}
 .is-scroll-shop .shop-sticky{padding:12px 0}.is-scroll-shop .shop-step-nav{margin-bottom:12px}.is-scroll-shop .style-field .unlock-note{font-size:10px;line-height:1.5}
 .is-scroll-shop .style-row .style-choice{padding:10px!important;min-height:42px;gap:7px;border-bottom:0}.is-scroll-shop .style-row .style-description{display:none}.is-scroll-shop .style-title{font-size:11px;line-height:1.4}
 .is-scroll-shop .style-row:has(input:checked){background:var(--charcoal)}.is-scroll-shop .base-price-tools{position:static;transform:none;align-items:start;padding:0 12px 12px 27px}.is-scroll-shop .base-price-tools .style-cost{font-size:11px}.is-scroll-shop .base-price-tools .promo-open{font-size:10px}
 .is-scroll-shop .occasion-details>summary{padding:10px 30px 10px 8px;gap:6px;min-height:52px;grid-template-columns:10px minmax(0,1fr) 12px}.is-scroll-shop .occasion-chevron{width:12px}.is-scroll-shop .lock-help{right:0;top:26px}.is-scroll-shop .lock-trigger{width:30px;min-width:30px}
 .shop-scroll .shop-purchase{grid-template-columns:1fr;gap:6px;padding-top:10px}.shop-scroll .shop-purchase>.button{grid-column:1;grid-row:3;padding:10px 7px;min-height:44px;font-size:11px;gap:7px;width:100%}.shop-scroll .shop-purchase>.button svg{width:15px}.shop-scroll .shop-purchase .selection-total strong{font-size:15px}.shop-scroll .shop-purchase .selection-total>span{font-size:9px}.shop-scroll .shop-purchase .selection-promo{font-size:10px}
 .shop-scroll .outfit-preview .selection-options{font-size:9px!important;bottom:10px}.is-scroll-shop .outfit-preview .look-photo{object-fit:cover;object-position:50% center;height:auto;aspect-ratio:540/1536}.is-scroll-shop .outfit-preview{display:flex;align-items:center}
}
.couple-field input{width:100%;min-height:48px;border:1px solid var(--line);padding:12px;background:var(--paper);color:var(--ink)}.couple-field input:disabled{opacity:.55;cursor:not-allowed}.couple-examples{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.couple-lock{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:var(--muted);margin-top:24px}.couple-lock[hidden]{display:none}.couple-lock svg{width:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.3;margin-top:3px}.couple-name-preview{font:italic 36px Georgia,serif;margin-top:30px;overflow-wrap:anywhere}
@media(max-width:760px){.shop-scroll .shop-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.shop-scroll .shop-step-nav button{flex-direction:column;justify-content:center;gap:2px;font-size:9px;padding:0}.couple-examples,.couple-lock{font-size:10px}.couple-field input{font-size:12px;padding:9px}.couple-field .form-label{font-size:11px}.couple-name-preview{font-size:25px}}
@media(prefers-reduced-motion:reduce){.shop-panel{animation:none!important}}