/* Start:/local/templates/symmetron_2026/components/bitrix/news.list/main_slider/style.css?17858375191733*/
/* Контейнер слайда должен иметь высоту, чтобы не схлопываться при загрузке картинки */
.swiper-slide {
  height: 100%;
  /* Если слайдер ломается, можно задать фиксированную высоту, например: */
  /* height: 600px; */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Картинка должна заполнять доступное пространство, но не обрезать текст */
.slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Оставляем cover, чтобы не было пустых полей */
  object-position: top center; /* КЛЮЧЕВОЙ СТИЛЬ: при обрезке жертвуем низом, верх сохраняем */
  display: block;
}

@media (max-width: 768px) {
  .swiper-slide {
    /* Не растягиваем слайд на 100% высоты экрана, если экран слишком высокий */
    height: auto;
    max-height: 85vh; /* Слайд занимает максимум 85% высоты экрана */

    /* Центрируем слайд по вертикали, если он стал меньше экрана */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    /* Если слайд ограничен по высоте, картинка заполнит его целиком,
       и текст гарантированно влезет */
  }
}
/* End */
/* /local/templates/symmetron_2026/components/bitrix/news.list/main_slider/style.css?17858375191733 */