@media (max-width: 1024px) {
    .search-box { grid-template-columns: 1fr 1fr; }
    .hero-title { font-size: 42px; }
}

@media (max-width: 768px) {
    .menu-toggle { display: block; background: none; border: none; color: white; }
    .nav-menu { position: fixed; top: 80px; left: -100%; width: 100%; height: calc(100vh - 80px); background: #0A0A0A; flex-direction: column; padding: 40px 20px; transition: var(--transition); }
    .nav-menu.active { left: 0; }
    .search-box { grid-template-columns: 1fr; }
    .hero-title { font-size: 32px; }
    .properties-grid { grid-template-columns: 1fr; }
}