/*==================================================
    TAS Painting — Responsive
==================================================*/

/*==============================
    ≤1200px — large tablet / small laptop
==============================*/

@media (max-width:1200px){

    .hero-grid{ gap:var(--space-10); }

    .footer-top{ grid-template-columns:1fr 1fr; }

}

/*==============================
    ≤991px — tablet
==============================*/

@media (max-width:991px){

    section{ padding:var(--space-20) 0; }

    .main-nav{ display:none; }

    .header-phone span{ display:none; }

    .mobile-nav-trigger{ display:flex; }

    .hero{ padding-top:calc(var(--header-height) + 40px); }

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

    .hero-content .eyebrow{ justify-content:center; }
    .hero-tagline{ margin-inline:auto; }
    .hero-cta{ justify-content:center; }
    .hero-trust-strip{ justify-content:center; }

    .hero-visual{ order:-1; max-width:340px; margin-inline:auto; }
    .hero-rating-chip{ left:0; }

    .section-head-row{
        flex-direction:column;
        align-items:flex-start;
    }

    .slider-arrows{ align-self:flex-end; margin-top:-52px; }

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

    .about-teaser-visual{ max-width:380px; margin-inline:auto; }
    .about-badge-row{ justify-content:center; }
    .about-teaser-content .lead{ margin-inline:auto; }

    .process-track{
        grid-template-columns:repeat(2,1fr);
        gap:var(--space-5);
    }

    .faq-grid{ grid-template-columns:1fr; }

    .final-cta-card{
        grid-template-columns:1fr;
        text-align:left;
    }

    .final-cta-card-glow{ width:320px; height:320px; right:-100px; top:-120px; }

}

/*==============================
    ≤767px — mobile landscape
==============================*/

@media (max-width:767px){

    section{ padding:var(--space-16) 0; }

    .header-actions{ gap:var(--space-3); }
    .header-whatsapp{ display:none; }

    .site-logo img{ height:52px; }

    .final-cta{ padding:var(--space-16) 0; }
    .final-cta-card{ padding:var(--space-8) var(--space-6); gap:var(--space-8); }
    .final-cta-card-right{ width:100%; }

    .footer-top{ grid-template-columns:1fr; text-align:left; gap:var(--space-10); }

    .footer-bottom{
        flex-direction:column;
        text-align:center;
        gap:var(--space-3);
    }

    .form-row{ grid-template-columns:1fr; }

    .quote-modal-panel{ padding:var(--space-8) var(--space-6); }

    .contact-fabs{ right:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); }
    .fab{ width:50px; height:50px; }

    .back-to-top-fab{ left:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); width:44px; height:44px; }

    .site-footer{ padding-bottom:0; }

    .lightbox-close{ top:14px; right:14px; width:40px; height:40px; }
    .lightbox-nav{ width:42px; height:42px; }
    .lightbox-prev{ left:10px; }
    .lightbox-next{ right:10px; }
    .lightbox-stage{ gap:var(--space-3); }
    .lightbox-caption{ font-size:var(--fs-sm); }

}

/*==============================
    ≤575px — mobile
==============================*/

@media (max-width:575px){

    .container{ padding-inline:18px; }

    .hero-content h1{ font-size:2.15rem; }

    .process-track{ grid-template-columns:1fr; gap:var(--space-4); }

    .hero-cta{ flex-direction:column; width:100%; }
    .hero-cta .btn{ width:100%; }

    .hero-trust-strip{ flex-direction:column; align-items:center; gap:var(--space-3); }

    .trust-marquee-track{ gap:var(--space-10); }

    .services-swiper{ padding-bottom:var(--space-6); }
    .testimonials-swiper{ padding-bottom:var(--space-6); }

    .quote-modal{ padding:var(--space-3); }

    .final-cta-card{ padding:var(--space-6) var(--space-5); }

    .lightbox-stage{ width:96vw; }

}