/* Product page settings. Original shared product components live in theme.css. */

.breadcrumbs {
  --header-menu-height: var(--header-height);
}

#product-main .lazyimage {
  --image-position: center center;
  --image-aspect-ratio: 1;
}

#product-main .sizeGuide__image .lazyimage {
  --image-aspect-ratio: 2.490272373540856;
}

.product-model-note {
  color: #767676;
}

#product-info > .tab[hidden] {
  display: none;
}

.productGallery__slider {
  touch-action: pan-y;
}

.productGallery__modal {
  touch-action: none;
}

.productGallery__modal > .swiper-wrapper {
  transition: transform 0.3s ease;
}

.productGallery__modal > .swiper-wrapper > .swiper-slide {
  flex: 0 0 100%;
  width: 100%;
}

.productGallery__modal .productGallery__image img {
  transition: transform 0.3s ease;
}

.productGallery__modal .swiper-slide-zoomed img {
  touch-action: none;
}

@media (max-width: 768px) {
  .productGallery__slider > .swiper-wrapper {
    display: flex;
    gap: 0;
    transition: transform 0.3s ease;
  }

  .productGallery__slider > .swiper-wrapper > .swiper-slide {
    flex: 0 0 100%;
    width: 100%;
  }

  .productGallery__thumbnail {
    flex: 0 0 25%;
    width: 25%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .productGallery__slider > .swiper-wrapper,
  .productGallery__modal > .swiper-wrapper,
  .productGallery__modal .productGallery__image img {
    transition: none;
  }
}