/* =========================================
   MOBILE RESPONSIVE DESIGN & HAMBURGER MENU
========================================= */
@media (max-width: 768px) {
    
    /* === Navbar Changes === */
    .mobile-menu-btn { 
        display: block; 
    }

    .cv-btn { 
        display: none; 
    }
    
    .nav-links { 
        position: absolute; 
        top: 100%; 
        left: 0; 
        width: 100%; 
        background: var(--nav-bg); 
        flex-direction: column; 
        align-items: center; 
        padding: 20px 0; 
        gap: 20px; 
        border-bottom: 1px solid var(--border-color); 
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); 
        transition: all 0.4s ease-in-out; 
    }

    .nav-links.active { 
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
    }

    /* === Hero & About Grid to Stack === */
    .hero-content, 
    .about-content { 
        grid-template-columns: 1fr; 
        text-align: center; 
        gap: 2rem;
    }
    
    .hero-text h1 { 
        font-size: 2.5rem; 
    }

    .hero-text p { 
        margin: 0 auto 2rem auto; 
    }

    .hero-buttons { 
        justify-content: center; 
    }
    
    .features-list { 
        text-align: left; 
        grid-template-columns: 1fr; 
    }
    
    .about-img { 
        margin-bottom: 20px; 
    }

    /* === Contact Form === */
    .contact-wrapper { 
        grid-template-columns: 1fr; 
        padding: 25px; 
    }
}