/* Product gallery (theme's slider JS isn't loaded in the headless clone):
   show only the active media slide; thumbnails switch it via gallery JS. */
.product__media-list {
  display: block !important;
  overflow: visible !important;
  transform: none !important;
}
.product__media-list .product__media-item {
  display: none !important;
  width: 100% !important;
  margin: 0 !important;
  scroll-snap-align: none !important;
}
.product__media-list .product__media-item.is-active {
  display: block !important;
}
/* main image responds to clicks (advance to next) */
.product__media-list .product__media-item.is-active .product__media,
.product__media-list .product__media-item.is-active img {
  cursor: pointer;
}
/* clear active thumbnail outline */
.thumbnail[aria-current="true"] { border-color: rgb(var(--color-foreground)); }

/* Thumbnail bar: swipeable / draggable */
.thumbnail-list {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.thumbnail-list.plg-dragging { cursor: grabbing; user-select: none; scroll-behavior: auto; }

/* never show native video control bars (custom overlay buttons handle it) */
video[data-pl-video]::-webkit-media-controls,
video[data-pl-video]::-webkit-media-controls-enclosure,
video[data-pl-video]::-webkit-media-controls-panel { display: none !important; }
/* keep the prev/next arrows visible & clickable */
.thumbnail-list + .slider-buttons,
slider-component .slider-buttons { display: flex; }
.slider-button { cursor: pointer; }