/* Исправление выравнивания навигации - под логотипом и над категориями */

/* Убираем отступы у контейнера навигации */
#navigation .container {
    padding-left: 0 !important;
    margin-left: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* Выравниваем навигацию с левым краем логотипа */
#navigation .main-nav {
    margin-left: 0 !important;
    padding-left: 30px !important; /* Соответствует отступу логотипа */
    width: 100% !important;
}

/* Убираем отступы у основного контейнера для навигации */
#navigation {
    margin: 0 !important;
    padding: 0 !important;
}

/* Выравниваем навигацию точно под логотипом */
#navigation .main-nav li:first-child {
    margin-left: 0 !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    #navigation .main-nav {
        padding-left: 10px !important;
    }
}

@media (max-width: 480px) {
    #navigation .main-nav {
        padding-left: 5px !important;
    }
}

/* Убираем возможные конфликты с Bootstrap */
#navigation .container-fluid {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Дополнительные исправления для точного выравнивания */

/* Убеждаемся, что навигация начинается точно под логотипом */
#navigation {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Выравниваем первый элемент навигации с логотипом */
#navigation .main-nav {
    justify-content: flex-start !important;
    align-items: center !important;
}

/* Убираем все возможные отступы */
#navigation * {
    box-sizing: border-box !important;
}

/* Принудительно убираем отступы Bootstrap */
#navigation .container,
#navigation .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}