/* Responsive Styles — Mobile-first breakpoints */

/* ── Tablet: max 1024px ───────────────────────────────── */
@media (max-width: 1024px) {
  :root { --space-section: 4rem; --space-2xl: 3.5rem; }

  .footer__grid { grid-template-columns: 1fr 1fr; }
  .footer__col--brand { grid-column: 1 / -1; }

  .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .related-projects .grid { grid-template-columns: repeat(2, 1fr); }

  .contact-section .inner { grid-template-columns: 1fr; gap: var(--space-xl); }

  .project-content .inner { grid-template-columns: 1fr; }
  .project-specs { position: static; }

  .location-coverage .inner { grid-template-columns: 1fr; gap: var(--space-xl); }
}

/* ── Mobile: max 768px ────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --space-section: 3rem;
    --space-2xl: 2.5rem;
    --container-padding: 1rem;
  }

  /* Header */
  .site-topbar { display: none; }
  .hamburger { display: flex; }
  .header__nav { display: none; }
  .header__nav.is-open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-white);
    border-top: 1px solid var(--color-border);
    box-shadow: var(--shadow-lg);
    padding: var(--space-md);
    gap: var(--space-xs);
    z-index: 99;
  }
  .header__inner { position: relative; }
  .nav-primary { flex-direction: column; align-items: stretch; gap: 0.25rem; }
  .nav-primary a { padding: 0.75rem 1rem; border-radius: var(--border-radius); }
  .nav-cta { margin-left: 0; }
  .nav-cta .btn { width: 100%; justify-content: center; margin-top: var(--space-xs); }

  /* Hero */
  .hero-home { padding-block: var(--space-xl) var(--space-2xl); }
  .trust-badges { flex-direction: column; gap: var(--space-sm); }
  .trust-badge { flex: 1; }

  /* Services */
  .services-grid .grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats-counter .grid { grid-template-columns: repeat(2, 1fr); }

  /* Projects grid */
  .projects-grid { grid-template-columns: 1fr; }
  .project-gallery-section .grid { grid-template-columns: 1fr; }
  .related-projects .grid { grid-template-columns: 1fr; }

  /* Gallery */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  /* Project hero */
  .project-hero { height: 320px; }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; gap: var(--space-xl); }

  /* Location */
  .location-coverage .inner { grid-template-columns: 1fr; }

  /* Testimonials */
  .testimonials .grid { grid-template-columns: 1fr; }
  .location-testimonials .grid { grid-template-columns: 1fr; }

  /* Contact */
  .contact-section .inner { grid-template-columns: 1fr; }

  /* Why choose us */
  .why-choose-us .grid { grid-template-columns: 1fr; }

  /* WhatsApp float */
  .whatsapp-float { bottom: 1.25rem; right: 1.25rem; }
  .whatsapp-float__btn { width: 52px; height: 52px; }

  /* Internal links */
  .internal-links__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Small Mobile: max 480px ──────────────────────────── */
@media (max-width: 480px) {
  .hero-home__cta { flex-direction: column; align-items: flex-start; }
  .hero-home__cta .btn { width: 100%; justify-content: center; }
  .cta-banner__buttons { flex-direction: column; align-items: center; }
  .stats-counter .grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: 1fr; }
  .project-meta-bar__inner { flex-direction: column; align-items: flex-start; }
  .internal-links__grid { grid-template-columns: 1fr; }
  .filter-bar { gap: 0.375rem; }
  .filter-btn { font-size: 0.875rem; padding: 0.4375rem 1rem; }
}