@media (max-width: 1024px) {
    /* 1. RESET STRUKTURY - Wszystko w pionie */
    .topPane-menu-block *, .menu, .menu *, .dropDown-menu, .dropDown-menu * {
        display: block !important;
        position: static !important;
        width: 100% !important;
        float: none !important;
        background: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        text-align: left !important;
    }

    /* 2. PRZYCISK MENU - CZERWONY */
    .menuButton {
        display: block !important;
        background: #111 !important;
        padding: 15px 20px !important;
        text-align: center !important;
        font-weight: bold !important;
        border-bottom: 2px solid #8b0000 !important;
        color: #ff0000 !important;
        cursor: pointer !important;
        position: sticky !important; 
        top: 0;
        z-index: 99999;
    }
    .menuButton::after { content: " ☰ MENU"; }
    .menuButton span { display: none !important; }

    /* 3. PANEL MENU - TŁO + SCROLL */
    .topPane-menu-block {
        display: none !important;
        background: #0d0d0d !important;
        border-bottom: 5px solid #8b0000 !important;
        position: fixed !important;
        top: 52px !important;
        left: 0 !important;
        width: 100% !important;
        height: calc(100vh - 52px) !important;
        overflow-y: auto !important;
        z-index: 99998 !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 40px !important;
    }

    .topPane-menu-block.menu-otwarte {
        display: block !important;
    }

    /* 4. NAGŁÓWKI - CZERWONE I NIEKLIKALNE */
    .menu > li > a {
        pointer-events: none !important;
        color: #ff0000 !important;
        padding: 15px 20px 5px 25px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
    }

    /* 5. LINKI WŁAŚCIWE - BIAŁE */
    .dropDown-menu li a {
        padding: 12px 20px 12px 45px !important;
        color: #ffffff !important;
        font-size: 14px !important;
        border-bottom: 1px solid rgba(255,255,255,0.05) !important;
        pointer-events: auto !important;
    }

    /* 6. POPRAWKA FLAG - Muszą być małe! */
    .menu img, .dropDown-menu img {
        display: inline-block !important; /* Przywraca je do linii z tekstem */
        width: 24px !important;           /* Szerokość flagi */
        height: auto !important;          /* Zachowanie proporcji */
        margin-right: 10px !important;    /* Odstęp od napisu */
        vertical-align: middle !important;
    }

    /* 7. CZYSZCZENIE I BLOKADA SZEROKOŚCI */
    .menu li:empty { display: none !important; }
    html, body { 
        overflow-x: hidden !important; 
        width: 100% !important;
    }

    /* 8. POKAZYWANIE NAPISÓW */
    .logo, .logo a, .title {
        display: block !important;
        text-align: center !important;
        margin: 10px auto !important;
    }

    /* 9. WYŚRODKOWANIE TŁA */
    body, .section-background, .wrapper {
        background-position: center top !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }
}