/** Shopify CDN: Minification failed

Line 104:32 Unexpected "{"
Line 104:44 Expected ":"
Line 104:47 Unexpected ","

**/
/* ── Momeaze Gallery: Thumbnails LEFT, Main Image RIGHT ──────────────── */
@media screen and (min-width: 750px) {

  /* media-gallery wrapper: flex row — thumbnails | main image */
  media-gallery {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }

  /* Thumbnail strip: LEFT column, narrow, vertical */
  media-gallery .thumbnail-slider {
    order: -1 !important;          /* always first = left */
    flex: 0 0 80px !important;
    width: 80px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
  }

  /* Thumbnail list: vertical column */
  media-gallery .thumbnail-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Each thumbnail item */
  media-gallery .thumbnail-list__item {
    width: 72px !important;
    height: 72px !important;
    flex-shrink: 0 !important;
  }

  /* Thumbnail button */
  media-gallery .thumbnail {
    width: 100% !important;
    height: 100% !important;
    border: 2px solid transparent !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: #f9f9f9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  media-gallery .thumbnail[aria-current="true"],
  media-gallery .thumbnail:hover {
    border-color: #a3188c !important;
  }
  media-gallery .thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* ↑ ↓ slider buttons — vertical navigation */
  media-gallery .thumbnail-slider .slider-button {
    width: 72px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f5f5f5 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    margin: 4px 0 !important;
  }
  media-gallery .thumbnail-slider .slider-button:hover {
    background: #fce4f7 !important;
    border-color: #a3188c !important;
  }
  /* Rotate carets: prev = ↑, next = ↓ */
  media-gallery .thumbnail-slider .slider-button--prev .svg-wrapper svg,
  media-gallery .thumbnail-slider .slider-button--prev .svg-wrapper {
    transform: rotate(90deg) !important;
    display: flex !important;
  }
  media-gallery .thumbnail-slider .slider-button--next .svg-wrapper svg,
  media-gallery .thumbnail-slider .slider-button--next .svg-wrapper {
    transform: rotate(-90deg) !important;
    display: flex !important;
  }

  /* Main image viewer: takes remaining space */
  media-gallery #GalleryViewer-{{ section_id }},
  media-gallery > slider-component:first-of-type {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Main product image list */
  media-gallery .product__media-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  /* Hide bottom slider navigation on desktop (use thumbnail strip instead) */
  media-gallery > slider-component > .slider-buttons {
    display: none !important;
  }

  /* product__media-wrapper: enough room for gallery */
  .product__media-wrapper {
    min-width: 0 !important;
  }
}

/* ── Mobile: keep horizontal thumbnails at bottom ── */
@media screen and (max-width: 749px) {
  media-gallery {
    display: block !important;
  }
  media-gallery .thumbnail-slider {
    margin-top: 12px !important;
  }
  media-gallery .thumbnail-list {
    flex-direction: row !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }
  media-gallery .thumbnail-list__item {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
  }
}
/* ── End Momeaze Gallery ─────────────────────────────────────────────── */