/* Логотип Erolate «Фолио» в шапке (layouts/v3.php). Подключать ПОСЛЕ mobile-nav.css:
   там правило .logo img делает картинку 34×34 — для длинного логотипа нужна ширина auto.
   ID header-logo-img не менять: по нему js/dark-theme.js меняет светлый/тёмный вариант. */
#header-logo-img.erolate-wordmark {
  display: block;
  width: auto !important;
  height: 36px !important;
  max-width: none !important;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  #header-logo-img.erolate-wordmark {
    height: 34px !important;
  }
}
/* Экраны уже 360px (320px): логотип шире старого квадратного на ~60px, и строка
   «логотип + Каталог/Топ/Сообщество» вылезала за край на 8px. Сужаем боковые отступы пунктов меню. */
@media (max-width: 359px) {
  header.main-header .main-header-menu_nav-container .header-item_dropbtn,
  header.main-header .main-header-menu_nav-container > a {
    padding-left: 5px;
    padding-right: 5px;
  }
}