/* Mobile nav panel. Loaded after the webpack bundle.
   Desktop (768px and up) is unchanged. */
@media screen and (max-width: 767.98px) {
    .nav_main {
        width: min(280px, calc(100vw - 24px));
        max-height: calc(100vh - 140px);
        max-height: calc(100dvh - 140px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav_main__link {
        height: auto;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.08em;
        border-bottom-color: rgba(255, 255, 255, 0.28);
    }

    .nav_main_sublevel__item {
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    .nav_main_sublevel__link,
    .nav_main__item.nav_main__item--active .nav_main_sublevel__link {
        white-space: normal;
        color: rgba(255, 255, 255, 0.72);
        font-size: 0.8125rem;
        font-weight: 400;
        letter-spacing: 0.03em;
        padding-left: 32px;
    }
}