.atlas-frame{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#d3c8b9;isolation:isolate}
.atlas-frame .atlas-image{position:absolute;display:block;left:var(--image-left);top:var(--image-top);width:var(--image-width);height:var(--image-height);max-width:none;object-fit:fill;transform:none;transition:none;user-select:none;-webkit-user-drag:none}
.product-photo{position:relative;aspect-ratio:3/4}
.product-photo>.atlas-frame{width:100%;height:100%}
.view-badge{position:absolute;right:12px;bottom:12px;padding:7px 10px;background:#f5f2ebeb;color:#231e18;font:10px var(--sans);letter-spacing:.04em;pointer-events:none}
.product-card .card-gender{font:10px var(--sans);color:var(--muted);display:block;margin-top:5px}
@media(hover:hover){.product-photo:hover .atlas-image{left:var(--back-left);top:var(--back-top);width:var(--back-width);height:var(--back-height);transform:none}}
.collection-tools{display:flex;align-items:end;gap:25px;justify-content:flex-end;margin:24px 0 8px;padding-top:20px;border-top:1px solid var(--line)}
.collection-tools p{font-size:19px;margin-right:auto;line-height:1.6}
.collection-tools p span{font:11px var(--sans);color:var(--muted)}
.collection-tools label{display:flex;flex-direction:column;gap:7px;font:10px var(--sans);color:var(--muted)}
.collection-tools select{font:12px var(--sans);background:transparent;color:var(--ink);padding:10px 28px 10px 10px;border:1px solid var(--line);min-width:150px}
.look-turn{position:absolute;bottom:20px;left:20px;right:20px;background:#f5f2ebed;color:var(--ink);padding:13px 15px;font:11px var(--sans);letter-spacing:.02em}
#product-dialog{width:1100px}
.product-detail{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr)}
.garment-viewer{min-width:0;background:#e8e1d6;padding:16px}
.turn-stage{position:relative;aspect-ratio:3/4;width:min(100%,540px,calc((94dvh - 190px)*.75));margin-inline:auto;overflow:hidden;cursor:grab;touch-action:pan-y pinch-zoom;background:#c3b8a9;user-select:none}
.modal-closebar{position:sticky;top:0;height:0;z-index:9}
.modal-closebar>.close{position:absolute;right:12px;top:12px}
.turn-stage.is-dragging{cursor:grabbing}
.turn-stage>.atlas-frame{width:100%;height:100%;transform-origin:50% 44%;transition:transform .25s ease}
.turn-stage.is-zoomed>.atlas-frame{transform:scale(1.65)}
.turn-stage .zoom{left:auto;right:12px;top:auto;bottom:12px;width:36px;height:36px;padding:0;font:20px var(--sans);border:0}
.view-counter{position:absolute;top:16px;left:16px;color:#fff;background:#191714a6;padding:6px 8px;font:10px var(--sans);letter-spacing:.05em;pointer-events:none}
.turn-arrow{position:absolute;top:48%;height:38px;width:38px;display:grid;place-items:center;background:#f5f2ebe8;font:21px var(--sans);cursor:pointer}
.turn-arrow.previous{left:12px}.turn-arrow.next{right:12px}
.turn-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#191714b0;color:white;padding:7px 12px;font:11px var(--sans);white-space:nowrap;pointer-events:none}
.turn-help{text-align:center;padding:14px 5px 12px;font:11px var(--sans);color:#51483e}
.angle-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.angle-tabs>button{padding:3px;border:1px solid transparent;min-width:0}
.angle-tabs>button[aria-pressed=true]{border-color:#30261e;background:#f5f2eb}
.angle-tabs .atlas-frame{max-height:105px;aspect-ratio:3/4;width:auto;margin:auto}
.angle-tabs>button>span:last-child{display:block;font:9px var(--sans);padding:7px 0 2px;white-space:normal}
.view-disclaimer{text-align:center;font:9px var(--sans);color:#746b5e;margin-top:11px}
.image-failed .atlas-frame{opacity:.1}.image-failed .turn-status{white-space:normal;width:90%;text-align:center}
.detail-copy{padding:65px 34px 30px;align-self:start;position:sticky;top:0}
.bag-row>.atlas-frame{width:88px;height:118px}
.bag-row>.atlas-frame>.atlas-image{width:var(--image-width);height:var(--image-height);object-fit:fill}
@media(max-width:1000px){.collection-tools{flex-wrap:wrap;gap:18px}.collection-tools p{flex:1 1 100%}.collection-tools label{flex:1}.collection-tools select{width:100%}}
@media(max-width:650px){.product-detail{grid-template-columns:1fr}.garment-viewer{padding:10px}.turn-stage{aspect-ratio:3/4;max-height:66dvh;width:auto;margin:auto}.angle-tabs{gap:6px}.angle-tabs .atlas-frame{max-height:75px}.angle-tabs>button>span:last-child{font-size:8px}.turn-help{font-size:10px;padding:11px 0}.detail-copy{position:static;padding:25px}.collection-tools{gap:14px;margin-top:18px}.collection-tools p{font-size:17px}.collection-tools select{min-width:0;font-size:11px;padding-right:20px}.collection-tools label{min-width:0}.view-badge{font-size:8px;right:7px;bottom:7px;padding:6px 7px}.look-turn{font-size:10px;left:12px;right:12px;bottom:12px}.bag-row>.atlas-frame{width:76px;height:103px}.turn-arrow{width:35px;height:35px}.product-card h3{min-height:36px}}
@media(prefers-reduced-motion:reduce){.turn-stage>.atlas-frame{transition:none}}