/* Виправлення відображення відео на мобільних пристроях */

/* Показуємо відео на мобільних пристроях */
@media screen and (max-width: 991px) {
    .main .bgvideo {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
}

/* Додаткові налаштування для iOS */
@media screen and (max-width: 991px) {
    .main .bgvideo {
        -webkit-playsinline: true;
        -moz-playsinline: true;
        -ms-playsinline: true;
        playsinline: true;
    }
}

/* Переконаємося, що відео завжди видиме на мобільних */
@media screen and (max-width: 991px) {
    #main {
        position: relative;
        overflow: hidden;
    }
    
    .main .bgvideo {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
    }
}