.menu_navigation {
    display: flex; /* Flexbox для выравнивания */
    justify-content: space-around; /* Пространство между пунктами */
    align-items: center; /* Центрируем элементы вертикально */
    flex-wrap: wrap; /* Автоматический перенос строк */
    gap: 15px; /* Расстояние между пунктами */
    padding: 20px; /* Внутренние отступы */
    box-sizing: border-box; /* Учитываем отступы */
    width: 100%; /* Заполняем доступное пространство */
}

.menu_navigation li {
    list-style: none; /* Убираем маркеры списка */
    margin: 5px; /* Пространство между пунктами */
}

.menu-item {
    display: block; /* Устанавливаем блочный формат для корректного отображения */
    text-decoration: none; /* Убираем подчёркивание ссылок */
    color: #ecf0f1; /* Цвет текста */
    font-size: 16px; /* Размер шрифта */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Шрифт */
    font-weight: bold; /* Полужирный текст */
    padding: 10px 20px; /* Внутренние отступы */
    border-radius: 5px; /* Скруглённые углы */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Плавные эффекты */
    white-space: nowrap; /* Предотвращаем перенос текста */
}

.menu-item:hover {
    background: linear-gradient(135deg, rgb(65, 199, 192), rgb(26, 88, 88));
    transform: scale(1.05); /* Лёгкое увеличение */
}

.menu-item:active {
    background-color: #1abc9c; /* Цвет при нажатии */
    transform: scale(0.95); /* Лёгкое уменьшение */
}

/* --- Адаптивность --- */
@media (max-width: 768px) {
    .menu_navigation {
        flex-direction: column; /* Вертикальное расположение пунктов */
        align-items: center; /* Центрируем элементы */
        padding: 10px; /* Уменьшаем отступы */
        gap: 10px; /* Уменьшаем расстояние между пунктами */
    }

    .menu-item {
        width: 100%; /* Заполняет всю ширину */
        text-align: center; /* Центрируем текст */
    }
}

/* --- Доступность для маленьких экранов --- */
@media (max-width: 480px) {
    .menu-item {
        font-size: 14px; /* Уменьшаем текст для мобильных */
        padding: 8px 15px; /* Корректируем внутренние отступы */
    }
}