/* Mobile Menu Toggle */
.menu-toggle {
    display: none;
    font-size: 24px;
    color: var(--primary-color);
    cursor: pointer;
}

@media (max-width: 992px) {
    .menu-toggle {
        display: block;
    }

    .main-nav {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(15px);
        padding: 40px 20px;
        transition: var(--transition);
        box-shadow: var(--shadow-lg);
        overflow-y: auto;
    }

    .main-nav.active {
        left: 0;
    }

    .main-nav li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }
    
    .main-nav a {
        display: block;
        padding: 15px 0;
        font-size: 18px;
    }

    .sub-menu {
        position: static;
        box-shadow: none;
        background: transparent;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: none;
    }

    .main-nav li.active .sub-menu {
        display: block;
    }

    .hero-content h1 {
        font-size: 32px;
    }

    .hero-slider {
        min-height: 500px;
    }
}