/* ==========================================================================
   Responsive — Mobile First
   ========================================================================== */

/* ---- Tablet (768px) ---- */
@media (min-width: 768px) {
  :root {
    --container-padding: var(--space-8);
  }

  h1 { font-size: var(--font-size-4xl); }
  h2 { font-size: var(--font-size-3xl); }

  .section__header-row {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
  }

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

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

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

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

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

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

  .hero__buttons {
    justify-content: flex-start;
  }

  .hero__stats {
    justify-content: flex-start;
  }
}

/* ---- Laptop (1024px) ---- */
@media (min-width: 1024px) {
  .properties__grid {
    grid-template-columns: repeat(3, 1fr);
  }

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

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

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

  .footer__content {
    grid-template-columns: 1.5fr repeat(5, 1fr);
  }
}

/* ---- Desktop (1280px) ---- */
@media (min-width: 1280px) {
  :root {
    --container-padding: var(--space-10);
  }

  h1 { font-size: var(--font-size-5xl); }
}