/* --- MOBILE RESPONSIVE FIX FOR ALL PAGES --- */
@media (max-width: 768px) {
    /* Layout එක එක පේළියට සැකසීම */
    .container { padding: 0 15px !important; width: 100% !important; }
    
    header { position: relative !important; height: auto !important; padding: 20px 0 !important; }
    .nav-inner { flex-direction: column !important; text-align: center !important; }
    
    .nav-pill-wrapper { 
        flex-direction: column !important; 
        width: 100% !important; 
        border-radius: 20px !important; 
        margin-top: 15px !important;
    }
    
    .nav-menu { flex-direction: column !important; gap: 10px !important; margin-bottom: 15px !important; }
    
    /* හැම තැනම තියෙන Grid සහ Columns එකක් යට එකක් පෙන්වීම */
    .footer-grid, .sol-grid, .tech-grid-cards, .db-grid {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* අකුරු වල ප්‍රමාණය කුඩා කිරීම */
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    main { padding-top: 20px !important; }
    
    /* පින්තූර Phone එකට ගැලපෙන සේ සැකසීම */
    img { max-width: 100% !important; height: auto !important; }
}