@media (max-width: 1040px) {
    body {
        margin: 0;
        overflow-x: hidden;
        transition: transform 0.3s ease-in-out;
    }
    .menu-toggle {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1100;
        cursor: pointer;
        font-size: 24px;
        background: #333;
        color: white;
        padding: 10px;
        border-radius: 5px;
    }
    body.menu-open {
        transform: translateX(-250px);
    }
    .menu-container {
        position: fixed;
        right: -250px;
        top: 0;
        width: 250px;
        height: 100vh;
        background: #333;
        transition: transform 0.3s ease-in-out;
        z-index: 1000;
        overflow: hidden;
    }
    .push-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #333;
        top: 0;
        right: 0;
        transition: transform 0.3s ease-in-out;
    }
    .push-menu ul li {
        padding: 15px;
        color: white;
    }
    .push-menu ul li a {
        color: white;
        text-decoration: none;
        display: block;
    }
    .submenu {
        transform: translateX(100%);
    }
    .menu .submenu-active {
        transform: translateX(0);
    }
    .back-btn {
        cursor: pointer;
        color: #ffcc00;
        font-weight: bold;
        padding: 15px;
    }
    .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 900;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease-in-out;
    }
    body.menu-open .menu-overlay {
        opacity: 1;
        visibility: visible;
    }
}