/** Shopify CDN: Minification failed

Line 105:0 Unexpected "}"

**/
/**
 * Product Media Swiper Styles
 * Styles for the new Swiper-based product media slider
 */

/* Swiper container */
product-media-swiper {
  position: relative;
  display: block;
}

/* Desktop Grid Gallery - Only visible on desktop (>=768px) */
.product__media-list--desktop-grid {
  display: none !important;
}

@media screen and (min-width: 768px) {
  /* Show desktop grid on desktop - use higher specificity to override any conflicting styles */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.16666667rem !important;
    margin-top: -0.1666666666666667rem !important;
    margin-bottom: -0.1666666666666667rem !important;
    overflow: visible !important;
    position: relative !important;
  }
}

/* Force show desktop grid on desktop with maximum specificity */
@media screen and (min-width: 768px) {
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-gallery-container .product__media-list--desktop-grid {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Override the main CSS rule that hides deferred media */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .deferred-media {
    display: block !important;
  }
  
  /* Ensure all media items in desktop grid are visible */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .product__media-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Ensure images and media content are visible in desktop grid */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid img,
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid video,
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .product__media {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
  }
}

  /* Desktop grid items */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .product__media-item {
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: static !important;
  }

  /* First item spans full width */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .product__media-item:first-child {
    grid-column: 1 / span 6 !important;
  }

  /* Other items span 3 columns by default */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid .product__media-item:not(:first-child) {
    grid-column: auto / span 3 !important;
  }

  /* Apply mosaic layout patterns for different media counts */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-3 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-4 .product__media-item:nth-child(n+3),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-6 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-7 .product__media-item:nth-child(n+3),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-8 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-9 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-10 .product__media-item:nth-child(n+3),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-11 .product__media-item:nth-child(n+3),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-12 .product__media-item:nth-child(n+3),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-13 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-14 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-15 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-16 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-17 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-18 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-20 .product__media-item:nth-child(n+2),
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--desktop-grid.product__media-items-21 .product__media-item:nth-child(n+2) {
    grid-column: auto / span 3 !important;
  }
}

/* Mobile-only Swiper - Only visible on mobile (<768px) */
product-media-swiper.product-media-swiper--mobile-only {
  display: block;
}

@media screen and (min-width: 768px) {
  product-media-swiper.product-media-swiper--mobile-only {
    display: none !important;
  }
}
.product__modal-opener {
    height: 100%;
    width: 100%;
}
/* Product media list becomes the swiper container */
product-media-swiper .product__media-list.swiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  /* Override original slider styles */
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  scroll-snap-type: none;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: auto;
}

product-media-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

product-media-swiper .swiper-slide,
product-media-swiper .slider__slide {
  flex-shrink: 0 !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  scroll-snap-align: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

product-media-swiper .product__media-item {
  width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}

/* Override deferred-media display none within slider */
product-media-swiper .product__media-list .deferred-media {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  position: relative !important;
}

/* Hide modal opener when media item has deferred media */
product-media-swiper .product__media-item.has-deferred-media .product__modal-opener {
  display: none !important;
}

/* Also hide modal opener when deferred media is present (fallback) */
product-media-swiper .product__media-item .deferred-media ~ .product__modal-opener,
product-media-swiper .product__media-item .product__modal-opener:has(~ .deferred-media) {
  display: none !important;
}

/* Hide any sibling modal opener when deferred media exists */
product-media-swiper .product__media-item:has(.deferred-media) .product__modal-opener {
  display: none !important;
}

/* Force hide modal opener in any media item with deferred media */
product-media-swiper .product__media-item .product__modal-opener {
  display: none !important;
}

/* But show modal opener for media items without deferred media */
product-media-swiper .product__media-item:not(:has(.deferred-media)) .product__modal-opener {
  display: block !important;
}


/* Ensure video takes full width when loaded but maintains aspect ratio */
product-media-swiper .deferred-media video {
  width: 100% !important;
  height: auto !important;
  max-height: 100vh !important;
  object-fit: contain !important;
  display: block !important;
}

/* Hide play buttons on deferred media within slider */
product-media-swiper .deferred-media::before,
product-media-swiper .deferred-media::after,
product-media-swiper .deferred-media .play-button,
product-media-swiper .deferred-media [class*="play"],
product-media-swiper .deferred-media [class*="button"],
product-media-swiper .deferred-media button {
  display: none !important;
}

/* Override original slider styles completely */
product-media-swiper .product__media-list.swiper,
product-media-swiper .slider,
product-media-swiper .slider--mobile,
product-media-swiper .slider--tablet,
product-media-swiper .slider--desktop {
  /* Reset all original slider properties */
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: auto !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
}

product-media-swiper .product__media-list.swiper .swiper-wrapper,
product-media-swiper .swiper-wrapper {
  /* Let Swiper handle all scrolling */
  overflow: visible !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: auto !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Mobile styles */
@media screen and (max-width: 767px) {
  product-media-swiper .product__media-list.swiper {
    overflow: hidden !important;
  }
  
  product-media-swiper .product__media-list.swiper .swiper-wrapper {
    overflow: visible !important;
  }
  
  product-media-swiper .swiper-slide {
    scroll-snap-align: none !important;
  }
}

/* Tablet styles */
@media screen and (max-width: 989px) {
  product-media-swiper .product__media-list.swiper {
    overflow: hidden !important;
  }
  
  product-media-swiper .product__media-list.swiper .swiper-wrapper {
    overflow: visible !important;
  }
}

/* Desktop styles */
@media screen and (min-width: 768px) {
  /* Override original CSS that's interfering - but exclude our desktop grid */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list:not(.swiper):not(.product__media-list--standalone):not(.product__media-list--desktop-grid) {
    display: none !important;
  }
  
  /* Standalone grid styles */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--standalone {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.16666667rem !important;
    margin-top: -0.1666666666666667rem !important;
    margin-bottom: -0.1666666666666667rem !important;
    overflow: visible !important;
    list-style: none !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--standalone .product__media-item {
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--standalone .product__media-item:first-child {
    grid-column: 1 / span 6 !important;
  }
  
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--standalone .product__media-item:not(:first-child) {
    grid-column: auto / span 3 !important;
  }
  
  /* Video styling in standalone grid */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list--standalone video {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }
  
  /* Override original media item rules that force all items to span 6 columns */
  .rm-main-product .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-item {
    grid-column: unset !important;
  }
  
  /* Grid mode - restore original grid layout */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid,
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid {
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.16666667rem !important;
    margin-top: -0.1666666666666667rem !important;
    margin-bottom: -0.1666666666666667rem !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .swiper-wrapper,
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .swiper-wrapper {
    display: contents !important;
    overflow: visible !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .swiper-slide,
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .swiper-slide {
    width: auto !important;
    height: auto !important;
    display: block !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-item,
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-item {
    width: auto !important;
  }
  
  /* First item always spans full width */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-item:first-child,
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-item:first-child {
    grid-column: 1 / span 6 !important;
  }
  
  /* Hide navigation buttons in grid mode */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .slider-buttons {
    display: none !important;
  }
  
  /* ULTRA AGGRESSIVE OVERRIDE - Force grid layout with maximum specificity */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 0.16666667rem !important;
    margin-top: -0.1666666666666667rem !important;
    margin-bottom: -0.1666666666666667rem !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .swiper-wrapper {
    display: contents !important;
    overflow: visible !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .swiper-slide {
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: static !important;
    flex-shrink: 0 !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-item {
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: static !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-item:first-child {
    grid-column: 1 / span 6 !important;
  }
  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-item:not(:first-child) {
    grid-column: auto / span 3 !important;
  }
  
  /* Complete original grid column rules for mosaic layout - 3 column spans */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-3 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-3 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-4 .product__media-item:nth-child(n+3),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-4 .product__media-item:nth-child(n+3),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-6 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-6 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-7 .product__media-item:nth-child(n+3),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-7 .product__media-item:nth-child(n+3),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-8 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-8 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-9 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-9 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-10 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-10 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-11 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-11 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-12 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-12 .product__media-item:nth-child(n+3), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-13 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-13 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-14 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-14 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-15 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-15 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-16 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-16 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-17 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-17 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-18 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-18 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-20 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-20 .product__media-item:nth-child(n+2), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-21 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.grid .product__media-items-21 .product__media-item:nth-child(n+2) {
    grid-column: auto / span 3 !important;
  }
  
  /* Complete original grid column rules for mosaic layout - 2 column spans */
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-5 .product__media-item:nth-child(n+3),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-6 .product__media-item:nth-child(n+4),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-7 .product__media-item:nth-child(n+5), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-8 .product__media-item:nth-child(n+6), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-9 .product__media-item:nth-child(n+4), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-10 .product__media-item:nth-child(n+5), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-11 .product__media-item:nth-child(n+9), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-12 .product__media-item:nth-child(n+7), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-13 .product__media-item:nth-child(n+8), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-14 .product__media-item:nth-child(n+6), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-15 .product__media-item:nth-child(n+4), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-16 .product__media-item:nth-child(n+8), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-17 .product__media-item:nth-child(n+6), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-18 .product__media-item:nth-child(n+4),  
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-19 .product__media-item:nth-child(n+2),
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-20 .product__media-item:nth-child(n+6), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-21 .product__media-item:nth-child(n+4), 
  .rm-main-product product-media-swiper .product__media-wrapper:not(.product__media-wrapper--carousel) .product__media-list.swiper.grid .product__media-items-22 .product__media-item:nth-child(n+2) {
    grid-column: auto / span 2 !important;
  }
}

/* Carousel mode on desktop */
.rm-main-product .product__media-wrapper--carousel product-media-swiper .product__media-list.swiper {
  overflow: hidden;
}

.rm-main-product .product__media-wrapper--carousel product-media-swiper .swiper-wrapper {
  display: flex;
  grid-template-columns: none;
}

.rm-main-product .product__media-wrapper--carousel product-media-swiper .swiper-slide {
  width: 100%;
  flex-shrink: 0;
}

.rm-main-product .product__media-wrapper--carousel product-media-swiper .product__media-item {
  width: 100%;
  flex-shrink: 0;
  scroll-snap-align: center;
}

/* Show navigation buttons in carousel mode */
.rm-main-product .product__media-wrapper--carousel product-media-swiper .slider-buttons {
  display: flex !important;
}

/* Navigation buttons */
product-media-swiper .slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

product-media-swiper .slider-button {
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

product-media-swiper .slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

product-media-swiper .slider-button .icon {
  height: 0.6rem;
  transition: transform 0.2s ease;
}

product-media-swiper .slider-button[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}

product-media-swiper .slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
}

product-media-swiper .slider-button--next .icon {
  margin-right: -0.2rem;
  transform: rotate(-90deg) translateX(0.15rem);
}

product-media-swiper .slider-button--prev .icon {
  margin-left: -0.2rem;
  transform: rotate(90deg) translateX(-0.15rem);
}

product-media-swiper .slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) translateX(0.15rem) scale(1.07);
}

product-media-swiper .slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) translateX(-0.15rem) scale(1.07);
}

/* Counter */
product-media-swiper .slider-counter {
  margin: 0 1.2rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: rgba(var(--color-foreground), 0.75);
}

/* Swiper disabled state for desktop grid mode */
product-media-swiper .swiper.swiper-disabled {
  overflow: visible;
}

product-media-swiper .swiper.swiper-disabled .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

product-media-swiper .swiper.swiper-disabled .swiper-slide {
  width: auto;
  height: auto;
}

/* Accessibility */
product-media-swiper:focus {
  outline: 2px solid rgb(var(--color-foreground));
  outline-offset: 2px;
}

/* Smooth transitions */
product-media-swiper .swiper-slide {
  transition: opacity 0.3s ease;
}

/* Hide scrollbars in carousel mode */
.rm-main-product .product__media-wrapper--carousel product-media-swiper .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.rm-main-product .product__media-wrapper--carousel product-media-swiper .swiper-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Responsive adjustments */
@media screen and (max-width: 767px) {
  product-media-swiper .slider-buttons {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 989px) {
  product-media-swiper .slider-buttons {
    display: none;
  }
}

/* Ensure proper spacing */
product-media-swiper .product__media-item {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Integration with existing product media styles */
.rm-main-product product-media-swiper .product__media-list {
  margin-bottom: 0;
}

.rm-main-product product-media-swiper .product__media-item {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Additional overrides to prevent slider conflicts */
.rm-main-product product-media-swiper .product__media-list.swiper {
  /* Override any remaining original slider styles */
  scroll-padding-left: 0 !important;
  scroll-padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure smooth scrolling is disabled on the container */
.rm-main-product product-media-swiper .product__media-list.swiper.smooth-scroll {
  scroll-behavior: auto !important;
}