/* ==========================================================================
   SR Brothers Business Setup — Responsive Stylesheet
   ========================================================================== */

/* ─── Large Desktop (> 1280px) ─────────────────────────────────────────── */
@media (min-width: 1280px) {
    .hero__title { font-size: 3.5rem; }
}

/* ─── Desktop / Tablet-Landscape (≤ 1200px) ─────────────────────────────── */
@media (max-width: 1200px) {
    .footer-main__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-8);
    }
}

/* ─── Tablet (≤ 1024px) ──────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    :root { --header-height: 90px; }

    .site-nav { display: none; }
    .site-header__cta { display: none; }
    .hamburger { display: flex; }

    .hero__inner {
        grid-template-columns: 1fr;
        gap: var(--space-10);
        text-align: center;
    }

    .hero__subtitle { max-width: 100%; }
    .hero__actions { justify-content: center; }
    .hero__trust { justify-content: center; }
    .hero__image { display: none; }

    .intro-section {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    .intro-section__image { order: -1; }

    .footer-main__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-8);
    }

    .footer-col--brand {
        grid-column: 1 / -1;
    }
}

/* ─── Mobile-Large (≤ 768px) ─────────────────────────────────────────────── */
@media (max-width: 768px) {
    :root {
        --header-height:  80px;
        --top-bar-height: 36px;
    }

    .container { padding: 0 var(--space-4); }

    .top-bar__contact { gap: var(--space-4); }
    .top-bar__link:last-child { display: none; }

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

    h1 { font-size: clamp(1.75rem, 6vw, 2.5rem); }
    h2 { font-size: clamp(1.5rem, 5vw, 2rem); }

    /* Hero — extra bottom padding so trust items fully show */
    .hero {
        padding: var(--space-16) 0 var(--space-16);
    }

    .hero__inner {
        text-align: center;
    }

    /* Trust items — stack vertically on small screens */
    .hero__trust {
        flex-direction: column;
        align-items: center;
        gap: var(--space-3);
    }

    .hero__actions { flex-direction: column; align-items: center; }
    .hero__actions .btn { width: 100%; max-width: 340px; justify-content: center; }

    .services-grid { grid-template-columns: 1fr; }
    .comparison-grid { grid-template-columns: 1fr; }
    .locations-grid { grid-template-columns: 1fr 1fr; }
    .why-grid { grid-template-columns: 1fr; }
    .process-steps { grid-template-columns: 1fr 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .contact-cards { grid-template-columns: 1fr 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }

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

    .footer-main__grid {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .footer-col--brand { grid-column: auto; }

    .footer-bottom__inner {
        flex-direction: column;
        gap: var(--space-3);
    }

    .cta-section__actions { flex-direction: column; align-items: center; }
    .cta-section__actions .btn { width: 100%; max-width: 340px; justify-content: center; }

    .page-hero { padding: var(--space-12) 0 var(--space-8); }

    .whatsapp-float {
        bottom: var(--space-5);
        right: var(--space-4);
        width: 52px;
        height: 52px;
    }

    .content-page { padding: var(--space-10) 0; }

    .faq-question { padding: var(--space-4) var(--space-5); font-size: var(--text-sm); }
    .faq-answer { padding: var(--space-4) var(--space-5); }

    .styled-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

    /* Stats bar — prevent overflow */
    .stats-bar {
        overflow: hidden;
    }

    /* Site header — ensure logo fits on mobile */
    .site-header__logo img {
        height: 70px;
        width: auto;
    }
}

/* ─── Mobile-Small (≤ 480px) ─────────────────────────────────────────────── */
@media (max-width: 480px) {
    .top-bar { display: none; }

    .locations-grid { grid-template-columns: 1fr; }
    .process-steps { grid-template-columns: 1fr; }
    .contact-cards { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }

    .stat-item__number { font-size: var(--text-3xl); }

    .comparison-card { padding: var(--space-6); }
    .service-card { padding: var(--space-6); }

    .section-header { margin-bottom: var(--space-8); }

    .btn--lg { padding: 0.875rem 1.5rem; font-size: var(--text-base); }
}

/* ─── Print ──────────────────────────────────────────────────────────────── */
@media print {
    .top-bar,
    .site-header,
    .mobile-menu,
    .whatsapp-float,
    .cta-section,
    .site-footer { display: none !important; }

    body { font-size: 12pt; color: #000; }
    a { color: #000; text-decoration: underline; }
    h1, h2, h3 { page-break-after: avoid; }
    p { orphans: 3; widows: 3; }
}