/**
 * Genius Sounds — верхний ряд меню в две строки, когда не помещается.
 *
 * Пунктов в шапке стало больше, чем влезает: ряду нужно 1145 px, а в
 * контейнере шапки на него отведено 933. Раньше он просто вылезал за
 * пределы контейнера — на широких экранах это тонуло в полях, а на
 * ноутбуках «Каталог звуков» обрезался краем, и до «О сайте», «Блога»,
 * «API» и «Контактов» было не добраться вовсе.
 *
 * Разрешаем перенос. Ширину и сетку темы не трогаем: меняется только
 * поведение самого списка. Строка одна, пока всё влезает, и две — когда
 * нет; отдельные точки перелома не нужны.
 *
 * Высоту пункта тема задаёт равной высоте шапки (140 px) вместе с
 * line-height. Для двух строк это дало бы шапку в 280 px, поэтому при
 * переносе высота считается по тексту с отступами.
 */

.l-header .w-nav.type_desktop .w-nav-list.level_1 {
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    height: auto;
    row-gap: 2px;
}

.l-header .w-nav.type_desktop .w-nav-list.level_1 > .menu-item {
    height: auto;
}

.l-header .w-nav.type_desktop .w-nav-anchor.level_1 {
    height: auto;
    line-height: 1.35;
    padding-top: 11px;
    padding-bottom: 11px;
}

/* Выпадающий список тема прибивала к 140 px — высоте прежнего пункта.
   Теперь пункт ниже, и меню должно открываться сразу под ним. */
.l-header .w-nav.type_desktop .w-nav-list.level_2 {
    top: 100%;
}

/* У последних пунктов ряда выпадающий список уходил за правый край
   экрана. Разворачиваем его влево — содержимое остаётся читаемым. */
.l-header .w-nav.type_desktop .w-nav-list.level_1 > .menu-item:nth-last-child(-n+3) > .w-nav-list.level_2 {
    left: auto;
    right: 0;
}