/* الوضع العادي (شاشات كبيرة) */
    .video-section {
        width: 100%;
        height: 300px;
    }

    /* على الموبايل أو الشاشات الصغيرة */
    @media (max-width: 992px) {
        .video-section {
            height: auto !important;
        }

        .video-section video {
            height: auto !important;
        }

        /* جعل الترتيب عمودي: الفيديو أولاً ثم النص */
        .video-section .row {
            flex-direction: column;
        }

        .video-section .col-lg-4 {
            order: 2;
            margin-top: 15px;
        }

        .video-section .col-lg-8 {
            order: 1;
        }
    }