@media screen and (min-width: 1200px) {
    .navigation--constructor {
        display: none;
        pointer-events: none;
    }
}
@media screen and (max-width: 1700px) {
    .navigation {
        left: calc(100vw - 92vw - 1.5rem);
    }
    .navigation--constructor {
        left: 0.2vw;
        padding: 0 0.4rem
    }
}
@media screen and (max-width: 1400px) {
    .navigation {
        left: calc(100vw - 97vw - 1.5rem);
    }
        .navigation-menu-section__products {
            max-width: 144px;
        }
}

@media screen and (max-width: 1200px) {

    .navigation{
        display: flex;
        position: fixed;
            top: 0;
            left: 0;
        box-shadow: none;
        background-color: var(--lightest);
        transition: all 0.1s ease;
        height: 100%;
        max-height: 100vh;
        width: max-content;
        padding: 0;
    }

        .navigation__menu {
            display: none;
        }

        .navigation__accordion {
            display: flex;
            padding: 3rem 1rem;
            flex-direction: column;
            justify-content: space-between;
            padding-bottom: 6rem;
            flex-grow: 1;
        }

}

@media screen and (max-width: 992px) {
    .navigation {
        width: 100vw;
        overflow: auto;
    }
}

@media print {
    .navigation {
        display: none;
    }
}