/*
 * tarjousui/static/laajennukset/kuvazoomi.css — zoom in the photo viewer (kuvazoomi.js).
 * The zoomed photo stays inside the stage; a drag pans it, so the browser must not
 * scroll or pinch the page under it.
 */
.hero-stage { overflow: hidden; }
#hero-img { transform-origin: 50% 50%; will-change: transform; }
.hero-stage.kuvazoomi-suurennettu { touch-action: none; cursor: grab; }
.hero-stage.kuvazoomi-suurennettu:active { cursor: grabbing; }

.kuvazoomi-palkki {
  position: absolute; z-index: 2; right: 8px; bottom: 8px;
  display: flex; gap: 4px;
}
.kuvazoomi-nappi {
  min-width: var(--tap); min-height: var(--tap); padding: 0 8px;
  border: 0; border-radius: 8px;
  background: #000a; color: #fff; font-size: 18px; line-height: 1;
}
.kuvazoomi-nappi[data-avain="kuvazoomi.palauta"] { font-size: 13px; min-width: 56px; }
.kuvazoomi-nappi:disabled { opacity: .45; }