.product-viewer{position:relative;width:100%;min-width:0}
.viewer-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 0 8px}
.viewer-context-note{font-size:11px;line-height:1.6;color:var(--muted);margin:0;padding:6px 0 12px;text-wrap:balance}
.collection-explorer>.viewer-context-note{position:absolute;left:32px;top:74px;max-width:48%;z-index:2;pointer-events:none}
@media(max-width:740px){.collection-explorer>.viewer-context-note{left:20px;top:52px;max-width:85%}}
.viewer-modes{display:flex;border-bottom:1px solid var(--line);gap:24px}
.viewer-modes button{font-size:12px;color:var(--muted);min-height:44px;padding:8px 0;border-bottom:1px solid transparent;margin-bottom:-1px}
.viewer-modes button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
.viewer-reset{display:flex;gap:8px;align-items:center;min-height:44px;font-size:11px;padding:8px 0;color:var(--muted)}
.viewer-reset svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
[data-viewer-flex]:disabled{opacity:.45;cursor:default}
.viewer-toolbar:has([data-viewer-flex]:not([hidden])){flex-wrap:wrap}
.collection-view-controls:has([data-viewer-flex]:not([hidden])){flex-wrap:wrap;gap:12px}
.viewer-stage{position:relative;isolation:isolate;width:100%;height:clamp(340px,calc(100svh - 310px),640px);min-height:320px;max-height:640px}
.viewer-stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:pan-y}
.viewer-stage canvas.is-dragging{cursor:grabbing}
.viewer-stage[data-mode=front] canvas{cursor:default}
.viewer-stage>[data-viewer-fallback]{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}
.viewer-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px;padding:4px 0 16px;font-size:11px;color:var(--muted)}
.viewer-footer button,.gallery-return button{min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:8px 0;white-space:nowrap}
.gallery-return{display:flex;justify-content:flex-end;min-height:44px}
[hidden]{display:none!important}
.product-viewer [data-product-loading]{display:none;position:absolute;inset:0;z-index:1;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#fff;pointer-events:none}
.product-viewer [data-product-loading] img{width:min(220px,55vw);height:auto;animation:product-loading-pulse 1.8s ease-in-out infinite}
.product-viewer [data-product-loading] span{font-size:13px;color:var(--muted)}
.product-viewer[data-viewer-state=loading] [data-product-loading]{display:flex}
.product-viewer[data-viewer-state=loading] [data-viewer-fallback]{visibility:hidden}
@keyframes product-loading-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.product-viewer [data-product-loading] img{animation:none}}
.product-viewer[data-viewer-state=loading] canvas{visibility:hidden}
.product-viewer[data-viewer-state=fallback] .viewer-stage{opacity:1}
@media(min-width:1100px){.pdp-layout{grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);column-gap:64px}.viewer-stage{aspect-ratio:1.12}}
@media(max-width:740px){.viewer-stage{height:auto;aspect-ratio:1.04;min-height:270px}.viewer-toolbar{gap:8px}.viewer-modes{gap:20px}.viewer-footer{font-size:10px;gap:8px}.viewer-reset{font-size:10px}.viewer-footer button{font-size:10px}.product-viewer{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.product-viewer{scroll-behavior:auto}}