/* --- МОБИЛЬНАЯ ВЕРСИЯ МЕНЮ (БУРГЕР) --- */
@media (max-width: 768px) {
    .main-navbar .nav-links {
        display: none; /* Прячем меню по умолчанию на телефонах */
        flex-direction: column;
        width: 100%;
        background-color: #ffffff;
        position: absolute;
        top: 100px; /* Расстояние от верха шапки, подберите под себя */
        left: 0;
        padding: 20px 0;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    /* Когда скрипт добавляет класс active, меню появляется */
    .main-navbar .nav-links.active {
        display: flex; 
    }
}

.top-fixed-section {
    position: sticky; /* Делаем всю секцию липкой */
    top: 0;           /* Прижимаем к самому верху окна */
    z-index: 10000;   /* Очень высокий индекс, чтобы быть над всем контентом */
    width: 100%;
    background-color: #ffffff; /* Белый фон, чтобы контент под ней не просвечивал */
    box-shadow: 0 2px 15px rgba(0,0,0,0.1); /* Легкая тень для красоты при скролле */
}

/* Убедимся, что внутри обертки блоки не накладываются */
.main-header, .aisha-menu-container {
    position: relative !important; 
    top: auto !important;
    margin: 0 !important;
    padding: 0 0 !important;
}

.aisha-menu-container {
padding: 5px 0 !important;
}

