/** Shopify CDN: Minification failed

Line 174:0 Expected "}" to go with "{"

**/
/* Luxury gallery skin (editorial / minimal) */
:root{
  --lux-accent: #142C4B;
}

/* Main image: calm, “premium product shot” feel */
media-gallery .product__media-list {
  gap: 10px;
}

media-gallery .product__media {
  border-radius: 16px;
  overflow: hidden;
  background: rgb(var(--color-background));
}

/* Micro-zoom hover (only images) */
@media (hover:hover) {
  media-gallery .product__media[data-media-type="image"] img {
    transition: transform 420ms cubic-bezier(.2,.8,.2,1), filter 420ms cubic-bezier(.2,.8,.2,1);
    transform: scale(1);
    will-change: transform;
  }

  media-gallery .product__media[data-media-type="image"]:hover img {
    transform: scale(1.045);
    filter: saturate(1.02) contrast(1.02);
  }
}

/* Thumbnails: luxury row (quiet, precise) */
media-gallery .product__thumbnails {
  margin-top: 10px;
}

media-gallery .product__thumbnails-list {
  display: flex !important;
  gap: 10px !important;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
}

media-gallery .product__thumbnails-list > * {
  scroll-snap-align: start;
}

/* Make thumbs look like “chips”, not dots */
media-gallery .product__thumbnails-list .product__thumbnail,
media-gallery .product__thumbnails-list button,
media-gallery .product__thumbnails-list a {
  border-radius: 12px;
}

/* If your thumbnail snippet uses a wrapper element, this usually hits it: */
media-gallery .product__thumbnails-list .media,
media-gallery .product__thumbnails-list .media img {
  border-radius: 12px;
}

/* Subtle inactive thumb */
media-gallery .product__thumbnails-list [aria-current="true"],
media-gallery .product__thumbnails-list .is-active {
  outline: 2px solid var(--lux-accent);
  outline-offset: 2px;
}

/* Quiet scrollbar */
media-gallery .product__thumbnails-list::-webkit-scrollbar { height: 6px; }
media-gallery .product__thumbnails-list::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12); border-radius: 999px; }
media-gallery .product__thumbnails-list::-webkit-scrollbar-track { background: transparent; }

/* Hide “big arrows overlay” unless user hovers (premium restraint) */
media-gallery .indicators {
  transition: opacity 180ms ease;
}
@media (hover:hover) {
  media-gallery:hover .indicators { opacity: 1 !important; }
}

/* PhotoSwipe: keep it cinematic */
.pswp {
  --pswp-bg: #000;
}
.pswp__button { opacity: .78; }
.pswp__button:hover { opacity: 1; }


/* ============================================================
   HERO-ONLY MODE (tag: variant-only-gallery + theme.myheroimage)
   - Fit within visible screen
   - Smaller, centered
   - No magnifier/zoom overlay
   ============================================================ */

media-gallery[data-variant-only="true"] .product__media-container{
  align-items: center;
}

media-gallery[data-variant-only="true"] .product__hero-only{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Override any inline width:100% and cap by viewport */
media-gallery[data-variant-only="true"] img[data-hero-image]{
  width: auto !important;
  height: min(72vh, 520px) !important;

  max-width: min(92vw, 720px) !important;
  max-height: min(72vh, 520px) !important;

  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

/* Kill zoom/magnifier overlays/buttons in hero-only mode */
media-gallery[data-variant-only="true"] button[is^="media-"]{
  display: none !important;
}

/* Also disable the hover micro-zoom for hero-only mode (optional, but “quiet luxury”) */
@media (hover:hover) {
  media-gallery[data-variant-only="true"] .product__media[data-media-type="image"]:hover img{
    transform: none !important;
    filter: none !important;
  }

/* ------------------------------------------------------------
   CAP MAIN PRODUCT IMAGE HEIGHT + KEEP CENTERED
------------------------------------------------------------ */

media-gallery .product__media[data-media-type="image"] {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 75vh;
}

media-gallery .product__media[data-media-type="image"] img {
  max-height: 75vh;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* ============================================================
   Disable sticky gallery (prevent repeated image on scroll)
   ============================================================ */

@media (min-width: 1024px) {
  .product__gallery-container.lg\:sticky {
    position: static !important;
  }
}
/* Hide the image inside the sticky add-to-cart bar */
.product-sticky-form [data-sticky-product-media] {
  display: none !important;
}
.product-sticky-form {
  display: none !important;
}