/* AdeptDEV Product Gallery — extracted from product.twig without cascade changes.
   Internal signature: AdeptDEV — https://t.me/adeptdevs */

/* AdeptDEV × NANU Market — product gallery refinement v8.48
   One image: no duplicate thumbnail rail.
   Two or more images: thumbnails stay BELOW the main image and are centered;
   no legacy vertical/left rail may override this layout.
   Internal signature: AdeptDEV — https://t.me/adeptdevs */

/* ---------- ONE IMAGE ---------- */
#product-product.adeptdev-product-premium .product-image.gallery-single-image{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-single-image .dno{
  display:none!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-single-image .main-image{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  margin:0!important;
}

/* ---------- TWO OR MORE IMAGES ---------- */
#product-product.adeptdev-product-premium .product-image.gallery-multi-image{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:14px!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .main-image{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .dno{
  grid-column:1!important;
  grid-row:2!important;
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,auto) 40px!important;
  grid-template-rows:64px!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:10px!important;
  width:max-content!important;
  max-width:100%!important;
  height:64px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  z-index:25!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:auto!important;
  max-width:min(420px,calc(100vw - 210px))!important;
  min-width:0!important;
  height:64px!important;
  margin:0!important;
  padding:2px 4px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list::-webkit-scrollbar{display:none!important}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 60px!important;
  width:60px!important;
  min-width:60px!important;
  height:60px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .swiper-btn-prev,
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .swiper-btn-next{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  margin:0!important;
  align-self:center!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .swiper-btn-prev{grid-column:1!important;grid-row:1!important}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .swiper-btn-next{grid-column:3!important;grid-row:1!important}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .swiper-pagination{display:none!important}

/* Do not show navigation buttons when there are only two visual items.
   The thumbnails themselves are direct selectors and remain centered. */
#product-product.adeptdev-product-premium .product-image.gallery-two-images .dno{
  grid-template-columns:auto!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-two-images .swiper-btn-prev,
#product-product.adeptdev-product-premium .product-image.gallery-two-images .swiper-btn-next{
  display:none!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-two-images .adeptdev-thumb-list{
  grid-column:1!important;
  justify-content:center!important;
}


/* v8.48 — premium thumbnail dock refinement.
   Keep the rail visually compact and perfectly centered; prevent active-ring clipping. */
#product-product.adeptdev-product-premium .product-image.gallery-multi-image{
  gap:10px!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .dno{
  min-height:72px!important;
  height:72px!important;
  padding:4px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list{
  height:68px!important;
  padding:6px!important;
  gap:8px!important;
  border:1px solid rgba(55,54,54,.08)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 30px rgba(55,54,54,.055)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  padding:7px!important;
  border:1px solid rgba(55,54,54,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item:hover{
  border-color:rgba(236,102,8,.42)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(55,54,54,.06)!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item.active,
#product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item.swiper-slide-thumb-active{
  border:2px solid #ec6608!important;
  padding:6px!important;
  box-shadow:0 0 0 3px rgba(236,102,8,.08)!important;
  transform:none!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-two-images .adeptdev-thumb-list{
  overflow:visible!important;
  width:max-content!important;
  max-width:none!important;
}
#product-product.adeptdev-product-premium .product-image.gallery-two-images .dno{
  overflow:visible!important;
}
body.nx-dark #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list{
  background:rgba(55,54,54,.90)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18)!important;
}
body.nx-dark #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item{
  background:#373636!important;
  border-color:rgba(255,255,255,.12)!important;
}

@media (max-width:767px){
  #product-product.adeptdev-product-premium .product-image.gallery-single-image{
    padding-bottom:12px!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-single-image .dno{
    display:none!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(315px,1fr) auto!important;
    padding-bottom:14px!important;
    gap:10px!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .dno{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:max-content!important;
    max-width:100%!important;
    height:58px!important;
    margin:0 auto!important;
    grid-template-columns:36px minmax(0,auto) 36px!important;
    grid-template-rows:58px!important;
    gap:7px!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list{
    height:58px!important;
    max-width:calc(100vw - 150px)!important;
    gap:7px!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item{
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-two-images .dno{
    grid-template-columns:auto!important;
  }
  #product-product.adeptdev-product-premium .product-image.gallery-two-images .adeptdev-thumb-list{
    max-width:100%!important;
  }
}

@media (max-width:767px){
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .dno{height:66px!important;min-height:66px!important;padding:3px 0!important;}
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-list{height:62px!important;padding:5px!important;border-radius:18px!important;}
  #product-product.adeptdev-product-premium .product-image.gallery-multi-image .adeptdev-thumb-item{flex-basis:50px!important;width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:13px!important;}
}