/* ==========================================================================
   IkiProperty — responsive.css
   Breakpoints: Laptop (1200), Tablet (992 / 768), Mobile (600 / 480)
   ========================================================================== */

/* Laptop */
@media (max-width: 1200px) {
  :root { --gutter: 40px; }
  .feature-row { grid-template-columns: repeat(3, 1fr); row-gap: 2rem; }
  .lifestyle-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet landscape */
@media (max-width: 992px) {
  .nav-links { display: none; }
  .nav-actions .btn-dark { display: none; }
  .home-hero .hero-grid { grid-template-columns: 1fr; }
  .home-hero-media { margin: 0 calc(-1 * var(--gutter)); border-radius: 0; height: 46vh; order: -1; }
  .home-hero-text { padding-bottom: 2rem; }
  .page-hero .container { grid-template-columns: 1fr; }
  .page-hero-media { border-radius: var(--radius); height: 300px; margin-bottom: 2rem; }
  .search-fields { grid-template-columns: 1fr 1fr; }
  .search-submit { grid-column: 1 / -1; }
  .adv-fields { grid-template-columns: 1fr 1fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-side { position: static; }
  .map-card { grid-template-columns: 1fr; }
  .cta-banner { grid-template-columns: 1fr; text-align: left; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.4rem; }
  .steps { grid-template-columns: 1fr 1fr; row-gap: 2.4rem; }
  .steps::before { display: none; }
  .value-band { grid-template-columns: 1fr 1fr; row-gap: 1.6rem; }
  .value-band .vb-item:nth-child(2n) { border-right: none; }
  /* .container-mh-90 {max-height: 70vh;}
  .container-mh-70 {max-height: 50vh;} */
}

/* Tablet portrait */
@media (max-width: 768px) {
  :root { --gutter: 24px; --nav-h: 74px; }
  .feature-row { grid-template-columns: repeat(2, 1fr); }
  .lifestyle-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .coming-soon { grid-template-columns: 1fr; }
  .coming-soon .cs-media { display: none; }
  .accordion-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .key-table { grid-template-columns: 1fr; }
  .amenity-row { grid-template-columns: repeat(3, 1fr); }
  .spec-grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-thumbs { grid-template-columns: repeat(3, 1fr); }
  .detail-facts { grid-template-columns: 1fr 1fr; }
  .contact-two { grid-template-columns: 1fr !important; }
  /* .container-mh-90 {max-height: 70vh;}
  .container-mh-70 {max-height: 50vh;} */
}

/* Mobile */
@media (max-width: 600px) {
  .search-fields { grid-template-columns: 1fr; }
  .adv-fields { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .team-grid { grid-template-columns: 1fr; }
  .lifestyle-grid { grid-template-columns: 1fr 1fr; }
  .feature-row { grid-template-columns: 1fr 1fr; }
  .value-band { grid-template-columns: 1fr; }
  .value-band .vb-item { border-right: none; border-bottom: 1px solid rgba(35,35,29,0.1); padding-bottom: 1.4rem; }
  .value-band .vb-item:last-child { border-bottom: none; }
  .steps { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .cta-actions { flex-direction: column; }
  .cta-actions .btn { width: 100%; }
  .amenity-row { grid-template-columns: repeat(2, 1fr); }
  .gallery-thumbs { grid-template-columns: repeat(3, 1fr); }
  .phone-field { grid-template-columns: 80px 1fr; }
  .display, .home-hero .hero-title { font-size: 2.4rem; }
  /* .container-mh-90 {max-height: 110vh;}
  .container-mh-70 {max-height: 90vh;} */
}