/**
 * Custom Product Gallery
 * 作者: d_p_lin
 * 说明:
 *   - 主图箭头 20px
 *   - Pagination dot: 未激活 8px，激活 10px
 *   - 缩略图箭头 12px
 *   - 桌面端缩略图可滑动
 *   - 移动端隐藏缩略图，仅显示 dots
 */

.custom-product-gallery {
  --swiper-navigation-size: 20px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}

/* 主图箭头 */
.custom-product-gallery .swiper-button-prev,
.custom-product-gallery .swiper-button-next {
  width: 20px !important;
  height: 20px !important;
}

/* Pagination 激活状态 */
.custom-product-gallery .swiper-pagination-bullet-active {
  width: 10px !important;
  height: 10px !important;
}

/* 主图 */
.custom-product-gallery .main-swiper {
  width: 100%;
  aspect-ratio: 1/1;
}
.custom-product-gallery .main-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 缩略图 */
.custom-product-gallery .thumb-swiper {
  margin-top: 12px;
}
.custom-product-gallery .thumb-swiper .swiper-slide {
  opacity: 0.4;
  cursor: pointer;
}
.custom-product-gallery .thumb-swiper .swiper-slide-thumb-active {
  opacity: 1;
}
.custom-product-gallery .thumb-swiper img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 6px;
}

/* 桌面端缩略图箭头 */
.custom-product-gallery .thumb-swiper .swiper-button-prev,
.custom-product-gallery .thumb-swiper .swiper-button-next {
  width: 12px !important;
  height: 12px !important;
}

/* 桌面端显示缩略图，隐藏 dots */
@media (min-width: 768px) {
  .custom-product-gallery .thumb-swiper {
    display: block;
  }
  .custom-product-gallery .main-swiper .swiper-pagination {
    display: block;
  }
}

/* 移动端隐藏缩略图，只显示 dots */
@media (max-width: 767px) {
  .custom-product-gallery .thumb-swiper {
    display: none;
  }
  .custom-product-gallery .main-swiper .swiper-pagination {
    display: block;
  }
}