/* Нижний слайдер главной: копия GlobalSlider со своими селекторами (на странице два слайдера) */
.Swiper-content-bottom{
    max-height: none; /* у верхнего слайдера тут 850px: баннеры 16:9 на широком экране выше и вылезают за контейнер */
}

.bottomSwiper .swiper-slide {
    height: auto;
}

.bottomSwiper .global-slider-link {
    display: block;
}

.bottomSwiper .global-slider-preview-picture,
.bottomSwiper .global-slider-detail-picture {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 800px) {
    .bottomSwiper .global-slider-link--preview {
        display: none;
    }

    .bottomSwiper .global-slider-link--detail {
        display: block;
    }

    .bottomSwiper .global-slider-detail-picture {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 800px) {
    .bottomSwiper .global-slider-link--preview {
        display: block;
    }

    .bottomSwiper .global-slider-link--detail {
        display: none;
    }
}


/* Копия общих правил из .default/css/mainstylepage.css для верхнего слайдера (.mySwiper / .Swiper-content), со своими селекторами. Без них слайды выходят за контейнер (нет overflow:hidden). */
.Swiper-content-bottom{
  position: relative;
  display: flex;
}
.bottomSwiper{
  overflow: hidden;
}
@media screen and (max-width: 800px){
  .bottomSwiper{
    width: 100%;
  }
}
@media screen and (max-width: 800px){
  .bottomSwiper .global-slider-preview-picture{
    display: none;
  }
}
@media screen and (min-width: 800px){
  .bottomSwiper .global-slider-preview-picture{
    display: block;
  }
}
@media screen and (max-width: 800px){
  .bottomSwiper .global-slider-detail-picture{
    display: block;
  }
}
@media screen and (min-width: 800px){
  .bottomSwiper .global-slider-detail-picture{
    display: none;
  }
}
.bottomSwiper .swiper-pagination-bullet{
  width: 20px;
  height: 20px;
  background: #C9ACAB;
}
.bottomSwiper .swiper-pagination-bullet .swiper-pagination-bullet-active{
  background: #F8EDEC !important;
}
.bottomSwiper .swiper-slide img{
  width: 100%;
}
@media screen and (max-width: 800px){
  .bottomSwiper .swiper-button-next{
    display: none;
  }
}
@media screen and (min-width: 800px){
  .bottomSwiper .swiper-button-next{
    display: block;
  }
}
@media screen and (max-width: 800px){
  .bottomSwiper .swiper-button-prev{
    display: none;
  }
}
@media screen and (min-width: 800px){
  .bottomSwiper .swiper-button-prev{
    display: block;
  }
}
.bottomSwiper .swiper-button-next::after{
  background: none;
}
.bottomSwiper .swiper-button-prev::after{
  background: none;
}
.bottomSwiper .swiper-button-prev:hover::after{
  background: #C9ACAB;
}
.bottomSwiper .swiper-button-next::after{
  color: black;
  font-size: 24px;
  background: #F8EDEC;
  padding: 13px 21px 14px 14px;
  border-radius: 10px;
  position: absolute;
}
.bottomSwiper .swiper-button-prev::after{
  color: black;
  font-size: 24px;
  background: #F8EDEC;
  padding: 13px 21px 14px 14px;
  border-radius: 10px;
  position: absolute;
}
.bottomSwiper .swiper-horizontal > .swiper-pagination-bullets, .bottomSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .bottomSwiper .swiper-pagination-custom, .bottomSwiper .swiper-pagination-fraction{
  bottom: 40px !important;
}
.bottomSwiper .swiper-button-next, .bottomSwiper .swiper-rtl .swiper-button-prev{
  right: 41px !important;
  left: auto;
}
.bottomSwiper .swiper-button-prev, .bottomSwiper .swiper-rtl .swiper-button-next{
  left: 41px !important;
  right: auto;
}
.bottomSwiper .bottomSwiper .swiper-button-prev:hover:after, .bottomSwiper .swiper-button-next:hover:after{
  background: #C9ACAB;
}
.bottomSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .bottomSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 35px) !important;
}
@media screen and (max-width: 800px){
  .bottomSwiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .bottomSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    display: none;
  }
}

/* Нижний слайдер должен занимать ширину контейнера: без явной ширины flex-контейнер .Swiper-content-bottom
   сжимает слайдер по размеру содержимого, и Swiper при инициализации считает слайд узким. */
.Swiper-content-bottom {
  display: block;
  width: 100%;
}
.Swiper-content-bottom .bottomSwiper {
  width: 100%;
  max-width: 100%;
}