/* Tablet (Max 991px) */
@media (max-width: 991px) {
    :root {
        --section-padding: 100px 0;
    }

    .grid-2-col, .grid-3-col, .grid-4-col {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .hero h1 { font-size: 3rem; }
    
    .nav-list { display: none; }
    
    .header-right .btn, .header-right .phone-link { display: none; }
    
    .mobile-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 20px;
        width: 30px;
        background: transparent;
        border: none;
        cursor: pointer;
    }
    
    .mobile-toggle .bar {
        width: 100%; height: 2px;
        background-color: #FFF;
        transition: all 0.3s;
    }
    
    .header.scrolled .mobile-toggle .bar { background-color: var(--dark); }
    
    .footer-grid { grid-template-columns: 1fr 1fr; }
}

/* Mobile (Max 767px) */
@media (max-width: 767px) {
    :root {
        --section-padding: 80px 0;
    }

    .grid-2-col, .grid-3-col, .grid-4-col {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero { text-align: center; }
    .hero-content { align-items: center; display: flex; flex-direction: column; }
    .hero-cta { flex-direction: column; width: 100%; }
    .hero-cta .btn { width: 100%; }

    .about-image img, .featured-image-wrapper img { height: 400px; }

    .advantage-list { grid-template-columns: 1fr; }

    .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; }
    .stat-item:last-child { border-bottom: none; }

    .masonry-grid { grid-template-columns: 1fr; }
    .masonry-item { aspect-ratio: 4/3 !important; }

    .premium-form { padding: 30px 20px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }

    .footer-grid { grid-template-columns: 1fr; text-align: center; }
}