@media (min-width: 1024px) {
  .gallery { width: 100%; max-width: 370px; }
}
@media (min-width: 1440px) {
  .gallery { max-width: 440px; }
}
.gallery__link { cursor: pointer; }
.gallery__main { overflow: hidden; border-radius: 4px; }
.gallery__main ul,
.gallery__thumbs ul { padding: 0; margin: 0; list-style-type: none; }
.gallery__main ul.swiper-wrapper { padding-bottom: 36px; }
@media (min-width: 1024px) {
  .gallery__main ul.swiper-wrapper { padding-bottom: 16px; }
}
.gallery__main .swiper-slide {
  display: flex; align-items: center; justify-content: center;
}
.gallery__main .swiper-slide img {
  display: block; width: 100%; height: auto; aspect-ratio: 1/1;
  object-fit: contain; border: 1px solid #e6edf8;
}
.gallery__thumbs {
  display: none; width: 250px; padding: 0; overflow: hidden;
  border-radius: 4px;
}
.gallery__thumbs .swiper-slide {
  display: flex; align-items: center; justify-content: center; height: auto;
  overflow: hidden; cursor: pointer; opacity: .5;
  border: 1px solid #e6edf8; border-radius: 4px;
  transition: opacity .25s ease;
}
.gallery__thumbs .swiper-slide-thumb-active { opacity: 1; }
@media (min-width: 768px) {
  .gallery__thumbs { display: block; }
}
.gallery__button-next.swiper-button-next,
.gallery__button-prev.swiper-button-prev {
  width: 36px; height: 36px; color: #1a2940; background: #f7faff;
  border: 0; border-radius: 4px;
}
.gallery__button-next.swiper-button-next::after,
.gallery__button-prev.swiper-button-prev::after {
  color: #1a2940; font-size: 12px; font-weight: 700;
}
.gallery__button-prev.swiper-button-next { right: 10px; }
.gallery__button-prev.swiper-button-prev { left: 10px; }
@media (min-width: 768px) {
  .gallery__main .swiper-pagination { display: none; }
}