/** Shopify CDN: Minification failed

Line 12:18 Unexpected "{"
Line 12:27 Expected ":"
Line 12:33 Unexpected ","

**/
/* Product Image Slider - Enable Native Touch Swipe */

@media (max-width: 749px) {
  /* Force the slider to use native scroll */
  #GalleryViewer-{{ section.id }},
  .slider-mobile-gutter,
  [id^="GalleryViewer-"] {
    overflow: visible !important;
  }
  
  /* Make the media list scrollable with touch */
  .product__media-list,
  .product__media-list.grid,
  .product__media-list.slider,
  .product__media-list.slider--mobile,
  ul.product__media-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth !important;
    touch-action: pan-x !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .product__media-list::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  
  /* Each slide takes full width and snaps */
  .product__media-list > li,
  .product__media-list > .product__media-item,
  .product__media-list > .slider__slide,
  .product__media-list > .grid__item {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }
  
  /* Remove grid display */
  .product__media-list.grid {
    grid-template-columns: unset !important;
  }
  
  /* Ensure images are visible and not cut off */
  .product__media-item .product__media {
    width: 100% !important;
  }
  
  /* Hide thumbnails */
  .thumbnail-list,
  .thumbnail-slider {
    display: none !important;
  }
  
  /* Style the navigation */
  .slider-buttons {
    justify-content: center !important;
    gap: 16px !important;
    padding: 16px 0 !important;
  }
  
  .slider-counter {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
  }
  
  .slider-button {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    color: #fff !important;
  }
}

/* Clean image styling */
.product__media-item {
  background: #111 !important;
  border-radius: 0 !important;
}

.product__media-wrapper {
  background: transparent !important;
}

/* Make sure the image container doesn't block scroll */
.product__media-item,
.product__media {
  pointer-events: auto !important;
  touch-action: pan-x pan-y !important;
}