/* applies only to touch devices (hover:none = finger screens)  */
@media (hover:none) and (pointer:coarse) {
  html, body {
    /* allow vertical & horizontal scroll, block pinch‑zoom */
    touch-action: pan-x pan-y;
  }
}

/* the map container or the <iframe> that holds it */
iframe,                 /* if the map lives in an <iframe>  */
.ol-viewport {          /* OL’s own internal container      */
  touch-action: none;
}


[x-cloak] {
  display: none !important;
}