/* 360°-Panorama-Viewer für selbst-gehostete Rundgänge (/rundgang/).
   Breites Bild in einem Streifen-Viewport; horizontal schwenkbar via
   assets/js/global/panorama.js (Drag + sanftes Auto-Pan). Kein WebGL. */

.panorama {
  position: relative;
  width: 100%;
  height: clamp(14rem, 42vw, 26rem);
  overflow: hidden;
  border: 0.0625rem solid var(--color-panel-border);
  border-radius: var(--radius);
  background: var(--color-bg-alt);
  cursor: grab;
  touch-action: pan-y;   /* vertikales Seiten-Scrollen bleibt, horizontal = JS */
}

.panorama.grabbing {
  cursor: grabbing;
}

.panorama img {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  width: auto;
  max-width: none;
  user-select: none;
  pointer-events: none;
}