/*
file created 18.03.2024
 for catalog element's images to carousel
*/

.block-wrapper {
  display: grid;
  grid-template-columns: calc(100% - 400px) 400px;
}

.mySwiper {
  margin-top: 10px;
}

.mySwiper .swiper-slide {
  transition: 0.3s;
  opacity: 0.4;
}

.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  cursor: pointer;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.mySwiper2 .swiper-slide a {
  display: flex;
  flex-direction: column;
}

.mySwiper2 .swiper-slide img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  max-height: 560px;
  object-fit: contain;
}

@media screen and (max-width: 1208px) {
  .block-wrapper {
    grid-template-columns: calc(100% - 350px) 350px;
  }
}

@media screen and (max-width: 999px) {
  .block-wrapper {
    display: flex;
    flex-direction: column;
  }
}