/** Shopify CDN: Minification failed

Line 16:18 Unexpected "{"
Line 16:27 Expected ":"

**/
/* ====================================================
   Prime Collectibles – Mobile Gallery Swipe Enhancement
   Auteur : Agent IA
   Cible  : Page produit – galerie d'images sur mobile
==================================================== */

@media screen and (max-width: 749px) {

  /* --- Conteneur slider horizontal --- */
  #GalleryViewer-{{ section.id }} .product__media-list.slider--mobile,
  [id^='GalleryViewer-'] .product__media-list.slider--mobile {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    cursor: grab;
  }

  [id^='GalleryViewer-'] .product__media-list.slider--mobile:active {
    cursor: grabbing;
  }

  /* --- Chaque slide = 1 image plein écran --- */
  [id^='GalleryViewer-'] .product__media-list.slider--mobile .product__media-item.slider__slide {
    flex: 0 0 calc(100% - 3rem);
    min-width: calc(100% - 3rem);
    scroll-snap-align: center;
  }

  /* --- Boutons précédent / suivant toujours visibles sur mobile --- */
  .product__media-wrapper .slider-buttons.quick-add-hidden {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }

  /* Retire la classe small-hide si elle est présente sur les boutons de galerie */
  .product__media-wrapper .slider-buttons.small-hide {
    display: flex !important;
  }

  /* --- Compteur de slides bien visible --- */
  .product__media-wrapper .slider-buttons .slider-counter {
    font-size: 1.3rem;
    min-width: 4rem;
    text-align: center;
    opacity: 0.8;
  }

  /* --- Flèches précédent / suivant --- */
  .product__media-wrapper .slider-button {
    background: rgba(255,255,255,0.85);
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.08);
  }

  .product__media-wrapper .slider-button:active {
    background: rgba(240,240,240,0.95);
  }

  /* --- Indicateur swipe la première fois (hint visuel) --- */
  [id^='GalleryViewer-'] .product__media-list.slider--mobile::after {
    content: '';
    flex: 0 0 1.5rem;
    min-width: 1.5rem;
  }

}