/* ==========================================
   LEK VPN — BOTTOM DOCK FIX
   iPhone / Safari
   ========================================== */

html,
body{
    min-height:100% !important;
    margin:0 !important;
}


/*
   Раньше на .app был большой искусственный
   padding-bottom. Оставляем только место,
   необходимое для фиксированного меню.
*/

.app{
    padding-bottom:
        calc(
            92px +
            env(safe-area-inset-bottom)
        )
        !important;

    min-height:100dvh !important;
}


/* ==========================================
   НИЖНЕЕ МЕНЮ
   ========================================== */

.dock{
    position:fixed !important;

    left:50% !important;
    right:auto !important;

    top:auto !important;

    bottom:
        calc(
            8px +
            env(safe-area-inset-bottom)
        )
        !important;

    transform:
        translateX(-50%)
        !important;

    margin:0 !important;

    width:
        min(
            calc(100% - 18px),
            680px
        )
        !important;

    height:71px !important;

    z-index:9999 !important;

    box-sizing:border-box !important;

    /* чтобы никакой старый стиль не поднял меню */
    inset-block-start:auto !important;
    inset-block-end:
        calc(
            8px +
            env(safe-area-inset-bottom)
        )
        !important;
}


/*
   Последний блок страницы не должен
   уходить под меню.
*/

.section:last-of-type,
.feature-list{
    margin-bottom:0 !important;
}


/* Убираем возможные старые огромные отступы */

main,
.main,
.content{
    padding-bottom:0 !important;
}


/* iPhone */

@media(max-width:600px){

    .app{
        padding-bottom:
            calc(
                88px +
                env(safe-area-inset-bottom)
            )
            !important;
    }

    .dock{
        width:
            calc(100% - 18px)
            !important;

        height:
            68px !important;

        bottom:
            calc(
                7px +
                env(safe-area-inset-bottom)
            )
            !important;

        inset-block-end:
            calc(
                7px +
                env(safe-area-inset-bottom)
            )
            !important;
    }

}


/* Небольшие iPhone */

@media(max-width:390px){

    .dock{
        width:
            calc(100% - 14px)
            !important;

        height:66px !important;
    }

    .app{
        padding-bottom:
            calc(
                84px +
                env(safe-area-inset-bottom)
            )
            !important;
    }

}