/* Мобильное меню – общие стили */
#mobile-menu {
  /* ... ваши существующие стили ... */
}

/* Стили для пунктов списка в мобильном меню */
#mobile-menu .nav__item {
  margin-bottom: 10px;
  position: relative;
}

#mobile-menu .nav__item a {
  display: inline-block;
  font-size: 1.2rem;
  color: #333;
  text-decoration: none;
  padding: 8px 0;
}

/* Кнопка-стрелка – чтобы не разрывала строку */
#mobile-menu .submenu__btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0 10px;
  color: #666;
  transition: transform 0.3s;
  vertical-align: middle;
}

/* Поворот стрелки при открытом подменю */
#mobile-menu .submenu__btn.active i {
  transform: rotate(180deg);
}

/* Само подменю – скрыто по умолчанию */
#mobile-menu .submenu {
  display: none;
  list-style: none;
  padding-left: 20px;
  margin: 5px 0 0;
}

/* Подменю открыто – показываем */
#mobile-menu .submenu.open {
  display: block;
}

/* Элементы подменю */
#mobile-menu .submenu__item a {
  font-size: 1rem;
  padding: 5px 0;
  color: #555;
  border-bottom: 1px solid #eee;
  display: block;
}