/* Component: product-gallery */

.pf-riojano-product-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--pf-riojano-space-3);
}

.pf-riojano-product-gallery__main {
  background: var(--pf-riojano-neutral-cream);
  border-radius: var(--pf-riojano-radius-lg);
  overflow: hidden;
}
.pf-riojano-product-gallery__main .swiper-slide {
  aspect-ratio: 1 / 1;
}
.pf-riojano-product-gallery__main .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pf-riojano-product-gallery__thumbs {
  --swiper-navigation-size: 24px;
}
.pf-riojano-product-gallery__thumbs .swiper-slide {
  width: 88px;
  height: 88px;
  border-radius: var(--pf-riojano-radius-md);
  overflow: hidden;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity var(--pf-riojano-transition-fast);
}
.pf-riojano-product-gallery__thumbs .swiper-slide-thumb-active {
  opacity: 1;
  outline: 2px solid var(--pf-riojano-brand-accent-strong);
}
.pf-riojano-product-gallery__thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pf-riojano-product-gallery .swiper-button-prev,
.pf-riojano-product-gallery .swiper-button-next {
  --swiper-navigation-color: var(--pf-riojano-brand-primary);
}