/* Native scrolling gives touch devices direct control of each service gallery. */
.bart-service-gallery.bart-native-gallery {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 12px;
  background: #e7e9e2;
  isolation: isolate;
  touch-action: pan-x pan-y pinch-zoom;
}
.bart-service-track {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y pinch-zoom;
  cursor: grab;
}
.bart-service-track::-webkit-scrollbar { display: none; }
.bart-service-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.bart-service-track.bart-dragging { cursor: grabbing; scroll-snap-type: none; }
.bart-service-track img { user-select: none; -webkit-user-drag: none; }
.bart-service-track:focus-visible { outline: 2px solid #51c568; outline-offset: -3px; }
@media (max-width: 991px) {
  .bart-service-gallery.bart-native-gallery { max-width: 680px; }
}