/* Стили для content-block */

/* Стили для video-section - точная копия из старой версии */
.video-section video {
    transition: all 0.3s ease;
}

.video-section video:hover {
    transform: scale(1.02);
}

@media (max-width: 1024px) {
    .video-section > div > div {
        grid-template-columns: 1fr !important;
        gap: 50px !important;
    text-align: center;
    }
    
    .video-section h2 {
        font-size: 84px !important;
    }
    .video-section h2 span {
        font-size: 72px !important;
    }
    
    .video-section > div > div > div:last-child > div:last-child {
        margin-top: 20px;
}
}

@media (max-width: 768px) {
    .video-section {
        padding: 60px 0 !important;
    }
    
    .video-section > div {
        padding: 0 20px !important;
    }
    
    .video-section h2 {
        font-size: 10vw !important;
    }
    .video-section h2 span {
        font-size: 48px !important;
    }
    
    /* Стили для container внутри content-block только на мобильных */
    .content-block .container {
        background: #10283d;
        text-align: center;
        display: flex;
        align-items: center;
        z-index: 100;
        position: sticky;
        flex-wrap: wrap;
        padding: 0 !important;
    }
}