@media (max-width: 991px) {
    /* Ukrywa starą ikonę menu */
    #menu-icon {
        display: none !important;
    }
    
    /* Dodaje odstęp z lewej strony logo */
    #_mobile_logo {
        margin-left: 15px !important; 
    }
}



@media (min-width: 992px) {
    /* Wymuszamy układ flexbox dla prawej części nagłówka */
    .header-top .header-top-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }
    
    /* Wyszukiwarka - ustawi się po lewej i zepchnie resztę na prawo */
    #_desktop_search_widget {
        float: none !important;
        margin-right: auto !important; 
        margin-left: 20px !important;
        width: 100% !important;
        max-width: 450px !important; /* Ogranicza szerokość szukajki */
    }

    /* Logowanie i koszyk - układają się obok siebie */
    #_desktop_user_info, 
    #_desktop_cart {
        float: none !important;
        margin-left: 30px !important; /* Odstęp między elementami */
        display: flex !important;
        align-items: center !important;
    }
    
    /* Ukrywamy szary, pusty pasek na samej górze, skoro nic na nim już nie ma */
    .header-nav {
        display: none !important;
    }
}

@media (min-width: 992px) {
    /* Łapiemy CAŁĄ zawartość rozwijaną (zarówno kolumny, jak i bloki z produktami) */
    .ets_mm_megamenu .mm_menus_ul > li > ul,
    .ets_mm_megamenu .mm_menus_ul > li > div {
        display: block !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: visibility 0s linear 0.2s, opacity 0.2s ease 0s !important;
    }

    /* Ustawienie po najechaniu kursorem z opóźnieniem 200ms (0.2s) */
    .ets_mm_megamenu .mm_menus_ul > li:hover > ul,
    .ets_mm_megamenu .mm_menus_ul > li:hover > div {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition: visibility 0s linear 0s, opacity 0.2s ease 0.2s !important; 
    }
    
    /* Dodatkowe zabezpieczenie: wymuszamy, aby obrazki też grzecznie czekały w kolejce */
    .ets_mm_megamenu .mm_menus_ul > li img {
        transition-delay: 0s !important;
    }
    .ets_mm_megamenu .mm_menus_ul > li:hover img {
        transition-delay: 0.2s !important;
        animation-delay: 0.2s !important;
    }
}