/*
  Theme overrides
  Loaded after assets/css/style.css to keep changes small and maintainable.
*/

/*
  Swiper: keep `.swiper-slide` and `.swiper-slide-active` consistent.
  The theme applies active-only scaling in a few components which makes the active slide
  look like it has different width/height.
*/

/* 1) Hero slider: disable zoom-in/out on the slide image */
.hero__slider--activation .swiper-slide {
  overflow: hidden;
}

.hero__slider--activation .slider__layer--img,
.hero__slider--activation .swiper-slide-active .slider__layer--img {
  transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
}

/* 2) Testimonials: disable active-only thumbnail scaling */
.testimonial__swiper--activation .testimonial__items--thumbnail,
.testimonial__swiper--activation .swiper-slide-active .testimonial__items--thumbnail {
  transform: scale(1) !important;
  opacity: 1;
}

/* 3) Product carousels: keep slide heights consistent within a row */
.product__swiper--activation .swiper-wrapper {
  align-items: stretch;
}

.product__swiper--activation .swiper-slide {
  height: auto;
  display: flex;
}

.product__swiper--activation .swiper-slide > * {
  flex: 1 1 auto;
}