.menu-icon {
    display: none;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
}

#menu-toggle {
    display: none;
}

@media screen and (max-width: 900px) {
    header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        z-index: 1001; /* Поверх других элементов */
    }

    .menu-icon {
        display: block;
    }

    .nav-menu {
        display: none;
        flex-direction: column;
        position: fixed; /* Делаем фиксированным, чтобы не зависело от других блоков */
        top: 60px;
        left: 50% !important; /* Центрируем */
        transform: translateX(-50%) !important; /* Гарантированное центрирование */
        width: 90% !important; /* Оставляем отступы по бокам */
        background: white;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        z-index: 1002; /* Поверх всего */
        padding: 10px 0;
        border-radius: 12px;
        text-align: center;
    }

    .nav-menu li {
        width: 100%;
        padding: 12px 0;
    }

    #menu-toggle:checked ~ nav .nav-menu {
        display: flex;
    }
}

/* Десктоп не трогаем */
@media screen and (min-width: 1035px) {
    .mobile_ending {
        display: none;  
    }
    #adminStatus {
        display: none;
    }
}

@media screen and (max-width: 1031px) {
    .accordion {
        display: block;  
    }
    .ending {
        display: none;  
    }
}



/* ENDING */

@media screen and (max-width: 1032px) {
    .accordion {
        display: block;  
    }
    .ending {
        display: none;  
    }
    .bottom_container {
        display: none;
    }
}


@media screen and (max-width: 185px) {
    .logo {
        display: none;
    }
} 




@media screen and (max-width: 621px) {
    #languageSwitchButton {
        position: absolute;
        right: 10%; 
        cursor: pointer;
    }
}

@media screen and (max-width: 467px) {
    #languageSwitchButton {
        position: absolute;
        right: 15%; 
        cursor: pointer;
    }
}

@media screen and (max-width: 304px) {
    #languageSwitchButton {
        position: absolute;
        right: 20%; 
        cursor: pointer;
    }
}