/** Shopify CDN: Minification failed

Line 89:24 Unexpected "{"
Line 89:33 Expected ":"
Line 89:40 Unexpected "{"
Line 94:38 Unexpected "{"
Line 94:47 Expected ":"
Line 94:53 Unexpected ","
Line 95:40 Unexpected "{"
Line 95:49 Expected ":"
Line 95:56 Unexpected "{"
Line 101:24 Unexpected "{"
... and 11 more hidden warnings

**/
  /* Desktop: 2-column grid */
  @media screen and (min-width: 750px) {
    .product__media-list {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 0.8rem !important;
    }
    .product__media-item {
      width: 100% !important;
      max-width: 100% !important;
      grid-column: span 1 !important;
    }
  }

  /* Mobile: proper slider - centered */
  @media screen and (max-width: 749px) {
    .slider-mobile-gutter {
      padding: 0 !important;
    }
    .product__media-list {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: scroll !important;
      scroll-snap-type: x mandatory !important;
      -webkit-overflow-scrolling: touch !important;
      scrollbar-width: none !important;
      gap: 0 !important;
      grid-template-columns: unset !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
    }
    .product__media-list::-webkit-scrollbar {
      display: none !important;
    }
    .product__media-item {
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
      scroll-snap-align: center !important;
      padding: 0 !important;
      margin: 0 !important;
      grid-column: unset !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }
.product__media-item img,
.product__media-item video {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Iframe ke liye alag rule */
.product__media-item iframe {
  width: 100% !important;
  display: block !important;
}

/* Gumlet wrapper ko fix karo */
.product__media-item > div[style*="aspect-ratio"] {
  width: 100% !important;
  aspect-ratio: 1/1 !important;
}
    .product__media-wrapper {
      width: 100% !important;
      padding: 0 !important;
      overflow: hidden !important;
    }

    /* ── MOBILE THUMBNAILS FIX ── */
    #GalleryThumbnails-{{ section.id }} {
      display: block !important;
    }
    /* Dawn ke medium-hide / large-up-hide ko mobile pe override karo */
    @media screen and (max-width: 749px) {
      .medium-hide#GalleryThumbnails-{{ section.id }},
      .large-up-hide#GalleryThumbnails-{{ section.id }} {
        display: block !important;
      }
    }

    /* thumbnail list: horizontal scroll row */
    #GalleryThumbnails-{{ section.id }} .thumbnail-list {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      gap: 8px !important;
      padding: 8px 4px !important;
      scrollbar-width: none !important;
    }
    #GalleryThumbnails-{{ section.id }} .thumbnail-list::-webkit-scrollbar {
      display: none !important;
    }

    /* har thumbnail ka size */
    #GalleryThumbnails-{{ section.id }} .thumbnail-list__item {
      flex: 0 0 64px !important;
      width: 64px !important;
      height: 64px !important;
    }

    /* thumbnail button aur image */
    #GalleryThumbnails-{{ section.id }} .thumbnail {
      width: 64px !important;
      height: 64px !important;
      padding: 0 !important;
      overflow: hidden !important;
      border-radius: 4px !important;
    }
    #GalleryThumbnails-{{ section.id }} .thumbnail img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
    }

    /* thumbnail slider prev/next arrows mobile pe hide karo */
    #GalleryThumbnails-{{ section.id }} .slider-button {
      display: none !important;
    }
  }