/* ===== TABLET (768px - 1024px) ===== */
@media (max-width: 1024px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    
    .hero-text h1 {
        font-size: 3rem;
    }
}

/* ===== MOBILE (below 768px) ===== */
@media (max-width: 768px) {
    /* Hero Section */
    .hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-text h1 {
        font-size: 2.5rem;
    }
    
    .hero-text p {
        max-width: 100%;
    }
    
    .hero-buttons {
        justify-content: center;
    }
    
    /* Cards */
    .cards-grid {
        grid-template-columns: 1fr;
    }
    
    /* Map */
    .map-wrapper {
        flex-direction: column;
    }
    
    .map-card {
        flex-direction: column;
    }
    
    .legend-panel {
        flex: auto;
        max-height: 200px;
    }
    
    .map-right-panel {
        flex: auto;
    }
    
    /* Admin */
    .admin-grid {
        grid-template-columns: 1fr;
    }
    
    /* Navbar */
    .nav-links {
        display: none;
    }
    
    .nav-links.active {
        display: flex;
    }
    
    .hamburger {
        display: flex;
    }
    
    /* Container */
    .container {
        padding: 0 1rem;
    }
}

/* ===== SMALL MOBILE (below 480px) ===== */
@media (max-width: 480px) {
    .hero-text h1 {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .card {
        padding: 1.5rem;
    }
}