/* Only the opt-in photo owns pinch gestures. The surrounding page keeps browser zoom. */
.um-pdp-stage[data-inline-zoom-active]{touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.um-pdp-stage[data-inline-zoom-active] .um-pdp-original{cursor:default}
.um-pdp-stage[data-inline-zoom-active] img{transform-origin:center;pointer-events:none;will-change:transform}
.um-pdp-stage[data-inline-zoom-active].is-zoomed{touch-action:none;cursor:grab}
.um-pdp-stage[data-inline-zoom-active].is-zoomed .um-pdp-original{cursor:inherit}
.um-pdp-stage[data-inline-zoom-active].is-dragging{cursor:grabbing}
.um-inline-zoom-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:4px 0;border-bottom:1px solid var(--um-line);color:var(--um-ink)}
.um-inline-zoom-hint{font-size:11px;line-height:1.4}
.um-inline-zoom-buttons{display:flex;align-items:center;flex-shrink:0;gap:2px}
.um-inline-zoom-controls button{font:inherit;font-size:13px;color:inherit;background:transparent;border:0;min-width:44px;min-height:44px;padding:8px;cursor:pointer}
.um-inline-zoom-controls button:disabled{opacity:.3;cursor:default}
.um-inline-zoom-controls [data-zoom-reset]{padding-left:0;text-decoration:underline;text-underline-offset:4px;font-size:11px}
.um-inline-zoom-controls output{font-size:11px;min-width:30px;text-align:center;font-variant-numeric:tabular-nums}
.um-inline-zoom-controls [hidden]{display:none}
.um-inline-zoom-controls button:focus-visible,.um-pdp-stage[data-inline-zoom-active]:focus-visible{outline:2px solid #16472c;outline-offset:2px}