/* V11.15 — targeted touch gesture containment for mobile Safari and Chrome.
   The V11.14 root overflow clipping prevents document-width overflow, but
   rubber-band panning can still feel like a few pixels of sideways wiggle.

   Constrain gestures on the normal page SURFACES, not the body or html:
   setting touch-action on the root would also block intentional horizontal
   swipes in the standalone photo-dialog (a sibling of main).
   Vertical scrolling and pinch-to-zoom remain available. */
@media (max-width: 900px) and (pointer: coarse) {
  .site-header,
  .mobile-menu,
  .footer,
  body:not(.ptw-v11-services) main,
  .ptw-v11-services main > :not(.ptw-service-experience) {
    touch-action: pan-y pinch-zoom;
  }
}

/* On phone-sized screens the service chooser uses a visible two-column grid,
   so no horizontal tab scrolling is needed here. At tablet widths the old
   sideways-scrollable tab strip remains touch-scrollable. */
@media (max-width: 640px) and (pointer: coarse) {
  .ptw-v11-services main {
    touch-action: pan-y pinch-zoom;
  }
}

/* The photo lightbox is outside main in the DOM and intentionally retains its
   own touch gestures for next/previous photos. This rule documents that
   exception and guards against later, broader stylesheet changes. */
@media (max-width: 900px) and (pointer: coarse) {
  .photo-dialog { touch-action: auto; }
}