/* Верхнее меню для европейской версии.

   Исходная вёрстка рассчитана на русские слова: пункты расставлены по краям
   фиксированными отступами, в центре круглый логотип шириной 200px. На других
   языках слова длиннее (литовское «Didmeninė prekyba» вместо «Опт»), списки
   разрастаются и наползают на логотип.

   Здесь списки становятся гибкими и получают предел ширины с запасом под
   логотип, а размер шрифта подбирается сценарием eu-menu.js, если даже так
   не умещается. Правила действуют только на широких экранах: на телефонах
   у меню своя раскладка, её не трогаем. */

@media (min-width: 940px) {
  .page-menu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 18px;
  }

  .page-menu > ul {
    float: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    /* половина ширины минус логотип (200px) и зазор по 20px с каждой стороны */
    max-width: calc(50% - 120px);
  }

  .page-menu > ul > li {
    float: none;
    flex: 0 0 auto;
    padding-left: 22px;
    background-position: 0 4px;
  }

  .page-menu > ul > li > a {
    margin-right: 10px;
    white-space: nowrap;
  }

  /* выпадающие списки не должны уезжать за край страницы */
  .page-menu > ul:last-child > li:last-child > div {
    left: auto;
    right: -10px;
  }
}