@media only screen and (max-width: 1024px) {
    .header.active {
        z-index: 1001;
    }

    .header__burger-nav {
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        z-index: 1001;
        padding-bottom: calc(3rem + env(safe-area-inset-bottom));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .header__burger-nav > .container {
        display: flex;
        min-height: 100%;
    }

    .header__burger-nav-wrapper {
        width: 100%;
        min-height: 100%;
        height: auto;
    }

    .header__burger-logo {
        margin-bottom: 2.4rem;
    }

    .header__burger-menu {
        flex: 0 0 auto;
    }
}

@media only screen and (max-width: 640px) {
    .header__burger-nav {
        padding-bottom: calc(2rem + env(safe-area-inset-bottom));
    }

    .header__burger-logo {
        margin-bottom: 2rem;
    }
}