/* ============ RESPONSIVE ============ */

@media (max-width: 1100px) {
  /* .properties-grid, .features-grid, .testimonials-grid { grid-template-columns: repeat(2, 1fr); } */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
  .about-split { grid-template-columns: 1fr; gap: 50px; }
  .about-media { max-width: 480px; }
  .detail-content { grid-template-columns: 1fr; }
  .detail-sidebar { position: static; }
  .filters { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {

  

  .container { padding: 0 22px; }
  
  /* xxxxxxxxxxxxx
  
  .nav {
    position: fixed; top: 0; right: -100%; width: min(320px, 88vw); height: 100dvh;
    background: rgba(14,17,22,.98); backdrop-filter: blur(20px);
    flex-direction: column; align-items: flex-start; justify-content: center;
    padding: 40px; gap: 24px;
    transition: right .4s var(--ease);
    z-index: 99;
  }
  .nav.open { right: 0; }
  .nav a { font-size: 18px; }
  .header-cta .btn { display: none; }
  .menu-toggle { display: block; }
  
  */

  .hero { padding-top: 120px; text-align: left; }
  .hero-stats { position: static; margin-top: 60px; }
  .hero-stats .container { grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 30px 22px; }

  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-form { padding: 30px; }

  .detail-specs { grid-template-columns: repeat(2, 1fr); }
  .detail-gallery { grid-template-columns: 1fr; grid-template-rows: 260px 140px 140px; }
  .detail-gallery .main-photo { grid-row: 1; }
  .detail-gallery img:nth-child(4), .detail-gallery img:nth-child(5) { display: none; }
}

@media (max-width: 640px) {
  /* .properties-grid, .features-grid, .testimonials-grid, .values-grid { grid-template-columns: 1fr; } */
  .footer-grid { grid-template-columns: 1fr; gap: 40px; }
  .form-row { grid-template-columns: 1fr; }
  .filters { grid-template-columns: 1fr; }
  .section { padding: 70px 0; }
  .page-header { padding: 140px 0 70px; }
  .hero p { font-size: 1rem; }
  .feature-list { grid-template-columns: 1fr; }
  .partners{padding-top: 50px;}
  .partners-grid { gap: 12px; }
  .partners-grid img { max-height: 62px; }
  .btn { padding: 13px 24px; font-size: 12px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
}

@media (max-width: 420px) {
  .contact-form { padding: 24px 20px; }
  .detail-sidebar { padding: 24px; }
  h1 { font-size: 2.2rem; }
}