/* Three garment views, with controls outside the image/zoom button. */
.gallery-stage{position:relative;isolation:isolate}
.gallery-stage .product-photo{touch-action:pan-y pinch-zoom}
.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9d9d4;border-radius:50%;padding:0;background:rgba(255,255,255,.94);color:#111;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:background-color 160ms ease,color 160ms ease}
.gallery-arrow-prev{left:12px}.gallery-arrow-next{right:12px}
.gallery-arrow svg{display:block;width:20px;height:20px;pointer-events:none}
.gallery-arrow:hover{background:#111;color:#fff;border-color:#111}
.gallery-arrow:focus-visible,.gallery-stage .product-photo:focus-visible{outline:2px solid var(--oyne-text);outline-offset:4px}
.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 0;color:var(--oyne-muted);font-size:.65rem;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.gallery-logo-detail{position:absolute;display:block;inset:0;overflow:hidden;background:#fff}
.gallery-logo-detail[hidden]{display:none}
.garment-detail-photo{display:block;width:100%;height:100%;transform-origin:center;transition:transform 250ms ease}
.product-photo[aria-pressed="true"] .garment-detail-photo{transform:scale(1.35)}
.gallery-stage [data-view-panel]:not([hidden]){animation:oyne-gallery-view-in 160ms ease-out}
@keyframes oyne-gallery-view-in{from{opacity:.3}to{opacity:1}}
@media(max-width:560px){.gallery-arrow-prev{left:8px}.gallery-arrow-next{right:8px}.gallery-caption{margin-top:12px;font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.gallery-arrow,.garment-detail-photo{transition:none}.gallery-stage [data-view-panel]:not([hidden]){animation:none}}