/* Контейнер превью */
.preview {
    width: 100%;
    max-width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000; /* фон пока видео не загрузилось */
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
}

/* Соотношение сторон 21:9 */
.ratio.ratio-21x9 {
    position: relative;
    width: 100%;
    max-width: 1920px;       /* максимум для больших экранов */
    aspect-ratio: 21 / 9;    /* сохраняем пропорции */
}

/* JWPlayer */
#player_code.player,
#flvplayer {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
}

/* Видео внутри плеера */
#flvplayer video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;       /* красиво масштабируем видео */
}

/* Мобильные устройства */
@media (max-width: 768px) {
    .ratio.ratio-21x9 {
        width: 100%;
        height: auto;
        aspect-ratio: 21 / 9;  /* сохраняем 21:9 */
        max-height: calc(100vw * 9 / 21); /* высота пропорциональна ширине */
    }

    #player_code.player,
    #flvplayer video {
        width: 100% !important;
        height: 100% !important;
    }
}