/* 1. LARGE TABLETS & SMALL LAPTOPS (1024px) */
@media (max-width: 1024px) {
    .container { padding: 0 30px; }
    
    .grid-4 { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 25px; 
    }

    .hero-title { font-size: 3.5rem; }
    
    .footer-grid-infrastructure {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

/* 2. MOBILE LANDSCAPE & SMALL TABLETS (768px) */
@media (max-width: 768px) {
    /* Spacing Refinement */
    .py-160 { padding-top: 80px; padding-bottom: 80px; }
    .section-title { font-size: 2.2rem; margin-bottom: 15px; }
    .section-subtitle { font-size: 1rem; margin-bottom: 50px; }

    /* Hero Scaling */
    .hero-home-premium { padding: 120px 0 80px; }
    .hero-title { font-size: 2.8rem; }
    
    /* Search Bar Mobile Layout */
    .search-wrap-glass {
        flex-direction: column;
        border-radius: 24px;
        padding: 15px;
        background: rgba(255, 255, 255, 0.1);
    }
    
    .search-wrap-glass .input-inner {
        margin-bottom: 15px;
        padding-left: 10px;
    }
    
    .search-wrap-glass button {
        width: 100%;
        height: 55px;
    }

    /* Navigation */
    .nav-links-desktop { 
        display: none; /* Controlled by JS toggle */
    }
    
    .nav-links-desktop.is-active {
        display: flex;
        position: fixed;
        top: 0; left: 0; right: 0; bottom: 0;
        background: var(--primary-black);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 1002;
        gap: 30px;
    }

    /* Dashboard Specific */
    .dashboard-wrapper {
        grid-template-columns: 1fr;
    }
    
    .dash-sidebar {
        display: none;
    }
}

/* 3. SMALL MOBILE (480px) & SAFE AREAS */
@media (max-width: 480px) {
    .container { padding: 0 20px; }
    
    .hero-title { font-size: 2.2rem; }
    
    .grid-4 { 
        grid-template-columns: 1fr; 
    }

    /* Adjusting Buttons for Thumbs */
    .btn-gold, .btn-gold-pill {
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    /* Safe Area for Footer (iPhone Notch Support) */
    .site-footer-premium {
        padding-bottom: calc(100px + env(safe-area-inset-bottom));
    }
}

/* 4. UTILITY: HIDE ON MOBILE */
@media (max-width: 768px) {
    .d-none-mobile { display: none !important; }
}