/* =====================================================================
   CS Promoters & Builders — responsive.css
   Mobile-first overrides. Breakpoints match Tailwind defaults:
   sm = 640px, md = 768px, lg = 1024px
   ===================================================================== */

/* ------------------------------ sm (640) ---------------------------- */
@media (min-width: 640px) {
  .contact__cards { grid-template-columns: repeat(2, 1fr); }
  .contact-form__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ------------------------------ md (768) ---------------------------- */
@media (min-width: 768px) {
  .topbar__rule { display: block; }
  .topbar__kural { font-size: .92rem; }

  .hero__search { padding: 1rem; }
  .hero__search-grid { grid-template-columns: 1.2fr 1fr 1fr auto; }
  .hero__copy { font-size: 1.18rem; }

  .stats__title { font-size: 2.25rem; }
  .stats__grid { grid-template-columns: repeat(3, 1fr); }
  .stat__value { font-size: 3rem; }

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

  .properties__head { flex-direction: row; align-items: flex-end; }
  .properties__grid { grid-template-columns: repeat(2, 1fr); }

  .locations__grid { grid-template-columns: repeat(4, 1fr); }

  .contact-form { padding: 2.25rem; }
}

/* ------------------------------ lg (1024) --------------------------- */
@media (min-width: 1024px) {
  .nav__links { display: flex; }
  .nav__toggle { display: none; }
  .nav__mobile { display: none !important; }

  .about__inner { grid-template-columns: 1.02fr 1fr; align-items: center; }

  .stats__grid { grid-template-columns: repeat(6, 1fr); }

  .services__grid { grid-template-columns: repeat(3, 1fr); }

  .properties__grid { grid-template-columns: repeat(3, 1fr); }

  .testimonials__grid { grid-template-columns: repeat(3, 1fr); }

  .contact__inner { grid-template-columns: 1fr 1.05fr; }

  .footer__grid { grid-template-columns: 1.3fr 1fr 1fr; }
}