/* Каталог видео /blog/videos поверх main.min.css.
   Отдельным файлом по той же причине, что и article-list.css: main.min.css
   приходит от вёрстки одной строкой и переписывается целиком при выгрузке. */

/* Карусель повторяет слайдер видео с /blog (.slider-2), но там секция лежит
   в широком блоке с фоном, а тут — в колонке .mw-1150, поэтому стрелкам нужен
   свой запас по бокам, иначе они наезжают на крайние карточки. */
.b-vid__carousel {
    position: relative;
    padding: 0 2.5rem;
}

/* Слайды swiper выравниваются по высоте самой высокой карточки: у плеера
   aspect-ratio 9/16, а подписи под ним разной длины */
.b-vid__carousel .swiper-slide {
    height: auto;
}

.b-vid__carousel .b-news__s-card {
    height: 100%;
}

@media (max-width: 767px) {
    .b-vid__carousel {
        padding: 0 1.5rem;
    }
}

/* Плеер в карточке — flex-элемент с height:100% и aspect-ratio 9/16, поэтому
   в растянутой на высоту слайда карточке он сжимается тем сильнее, чем длиннее
   подпись под ним. Фиксируем высоту по соотношению сторон, а свободное место
   отдаём подписи — тогда все обложки в ряду одинаковой высоты. */
.b-vid .b-vid__carousel .video-wrapper {
    height: auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}