@media (max-width: 991px) {
    .main-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #0d1d26;
        z-index: 9999;
        transition: right 0.3s ease;
        padding-top: 80px;
        flex-direction: column;
    }
    
    .main-menu.active {
        right: 0;
    }
    
    body.menu-open::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
    }
}

.hamburger,
.hamb {
    display: none !important;
}