/* =============================================
   RESPONSIVE — SHARED BREAKPOINTS
============================================= */

/* --- Tablet / Medium --- */
@media (max-width: 1100px) {
    /* Index: Services grid */
    .svc-grid { grid-template-columns: 1fr 1fr; }
    .svc-grid .svc-card:last-child { grid-column: 1/-1; max-width: 520px; margin: 0 auto; width: 100%; }

    /* Index: Contact */
    .contact-wrap { grid-template-columns: 1fr; gap: 52px; }

    /* Footer */
    .footer-top { grid-template-columns: 1fr 1fr; }
    .footer-top .footer-brand { grid-column: 1/-1; }
}

/* --- Mobile --- */
@media (max-width: 768px) {
    section { padding: 88px 5%; }
    .nav-links { display: none; }

    /* Index: Services */
    .svc-grid { grid-template-columns: 1fr; }
    .svc-grid .svc-card:last-child { max-width: none; grid-column: auto; }

    /* Index: Form */
    .f-row { grid-template-columns: 1fr; }
    .c-form { padding: 30px 20px; }

    /* Index: Hero */
    .hero-h1 { font-size: clamp(2.2rem, 11vw, 3.6rem); }
    .hero-btns { flex-direction: column; align-items: center; }

    /* Footer */
    .footer-top { grid-template-columns: 1fr; gap: 40px; }
    .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }
    html[dir="rtl"] .footer-bottom { flex-direction: column; }

    /* WhatsApp */
    .wa-widget { bottom: 20px; right: 20px; }
    html[dir="rtl"] .wa-widget { left: 20px; right: auto; }

    /* Projects: Portfolio */
    .proj-grid { grid-template-columns: 1fr; }

    /* Projects: Page hero */
    .page-h1 { font-size: clamp(1.8rem, 9vw, 3rem); }
    .page-stats { gap: 24px; }
}