/* Контейнер блока видео внутри модалки */
.video-block {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
}

/* Внутренняя “карточка” для видео */
.video-block__inner {
    position: relative;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: radial-gradient(circle at top, #1f2933 0, #05060a 55%, #020308 100%);
    box-shadow:
            0 18px 45px rgba(0, 0, 0, 0.85),
            0 0 0 1px rgba(255, 255, 255, 0.06);
    /* лёгкая анимация появления */
    transform: translateY(8px) scale(0.98);
    opacity: 0;
    animation: videoBlockIn 0.3s ease forwards;
}

/* Соотношение сторон 16:9 */
.video-block__inner::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 */
}

/* Сам <video> */
.video-block__player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
    outline: none;
    background: #000;
}

/* Hover-эффект — чуть подсветить рамку */
.video-block__inner:hover {
    box-shadow:
            0 20px 55px rgba(0, 0, 0, 0.9),
            0 0 0 1px rgba(255, 255, 255, 0.12);
}

/* Анимация появления */
@keyframes videoBlockIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Адаптив под мобильные */
@media (max-width: 768px) {
    .video-block {
        padding: 5px 0;
    }

    .video-block__inner {
        border-radius: 14px;
    }
}