@media (max-width:992px){

    .header__toggle{

        display:block;

        cursor:pointer;

        z-index:1001;

    }

    .header__nav{

        display:none;

        position:absolute;

        top:91px;

        left:0;

        width:100%;

        background:var(--white);

        border-top:1px solid var(--border);

        box-shadow:var(--shadow-sm);

        flex-direction:column;

        gap:0;

    }

    .header__nav.active{

        display:flex;

    }

    .header__nav a{

        display:block;

        width:100%;

        padding:18px 20px;

        border-bottom:1px solid var(--border);

    }

    .header__nav a::after{

        display:none;

    }

}