.field--name-images .f-carousel {
  height: 400px;
  margin-bottom: 1.5rem;
}
.field--name-images .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.field--name-images .f-carousel__slide img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.field--name-images .f-carousel__slide a[data-fancybox] {
  display: block;
  height: 100%;
}

.f-carousel.product-carousel.product-carousel--multi:not(.is-ltr):not(.is-rtl) {
  overflow: hidden;
}
.f-carousel.product-carousel.product-carousel--multi:not(.is-ltr):not(.is-rtl) > .f-carousel__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.f-carousel.product-carousel.product-carousel--multi:not(.is-ltr):not(.is-rtl) > .f-carousel__slide:not(:first-child) {
  visibility: hidden;
  pointer-events: none;
}

.js .f-carousel.product-carousel.is-loading {
  opacity: 0;
}

.js .f-carousel.product-carousel.is-ready {
  opacity: 1;
  transition: opacity 0.2s ease;
}

@media (max-width: 767.98px) {
  .field--name-images .f-carousel {
    height: 300px;
  }
}

/*# sourceMappingURL=product-images-carousel.css.map */