

/* Start:/local/templates/youcaptain/components/bitrix/news.list/video_slider/style.css?17912834423407*/
/* Отступ между заголовком и слайдером внутри offer */
.offer--videos .offer-specific {
    margin-bottom: 24px;
}

.video-slider-container {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

/* Обертка для стрелок и слайдера */
.video-slider-viewport {
    position: relative;
    display: flex;
    align-items: center;
}

.video-slider-viewport .video-swiper {
    width: 100%;
    overflow: hidden;
}

/* Контейнер видео в формате 9:16 */
.video-slide__player {
    position: relative;
    width: 100%;
    /* Пропорция 9:16 (16 / 9 * 100% = ~177.78%) */
    padding-top: 177.77%; 
    background-color: #000;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.video-slide__player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Заполняет всю область вертикального блока */
    border-radius: 18px;
}

/* Название под роликом */
.video-slide__caption {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #222;
    text-align: center;
}

/* Кастомные стрелки навигации по бокам */
.video-nav-btn {
    position: absolute;
    top: calc(50% - 21px);
    z-index: 10;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #174288;
    transition: all 0.2s ease;
    padding: 0;
}

.video-nav-btn:hover {
    background: #174288;
    color: #ffffff;
    border-color: #174288;
}

.video-nav-prev {
    left: -20px;
}

.video-nav-next {
    right: -20px;
}

/* Блокировка/скрытие кнопок при отсутствии прокрутки */
.video-nav-btn.swiper-button-disabled,
.video-nav-btn.swiper-button-lock {
    opacity: 0;
    pointer-events: none;
}

/* Пагинация (точки) под слайдером */
.video-swiper-pagination {
    position: static !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
}

.video-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #c5d3e0;
    opacity: 1;
    margin: 0 !important;
    transition: all 0.2s ease;
}

.video-swiper-pagination .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 4px;
    background: #174288;
}

/* Скрытие стрелок и пагинации, если слайдов мало */
.swiper-button-lock,
.swiper-pagination-lock {
    display: none;
}

/* Сохранение пропорций видео при полноэкранном режиме на ПК */
.video-slide__player video:fullscreen {
    object-fit: contain !important;
    background-color: #000;
}

.video-slide__player video:-webkit-full-screen {
    object-fit: contain !important;
    background-color: #000;
}

@media (max-width: 768px) {
    /* На мобильных устройствах скрываем стрелки (листание свайпом) */
    .video-nav-btn {
        display: none;
    }
}
/* End */


/* Start:/local/templates/youcaptain/components/bitrix/news.list/answers/style.css?1764091353150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/youcaptain/components/bitrix/news.list/video_slider/style.css?17912834423407 */
/* /local/templates/youcaptain/components/bitrix/news.list/answers/style.css?1764091353150 */
