/* Делаем меню всегда горизонтальным и прижатым к правому краю */
.container-header .mod-menu {
    display: flex !important;           /* Всегда flex, а не скрытый блок */
    flex-direction: row !important;     /* Горизонтальное направление */
    justify-content: flex-end !important; /* Прижимаем пункты к правому краю */
    max-width: 510px;
    width: 100%;
    flex-wrap: wrap;                    /* Если не влезают — переносим на новую строку */
    gap: 0px 10px;                      /* ← НОВОЕ: промежутки между пунктами (верт 8px, гориз 12px) */
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;  /* Разрешить меню занимать всю доступную ширину */
}
/* Убираем лишние отступы у контейнера навигации */
.container-header .container-nav {
    justify-content: flex-end;
    padding-top: 0 !important;
    padding-bottom: 0 !important;;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Подключаем Font Awesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');