@media (max-width: 768px) {
  .navbar { margin: 0.5rem 1rem; }
  .nav-links { display: none; flex-direction: column; position: absolute; top: 70px; right: 1rem; background: white; border-radius: 28px; padding: 1rem; width: 180px; }
  .nav-links.show { display: flex; }
  .menu-icon { display: block; }
  .hero-section { flex-direction: column; }
  .map-container { height: 50vh; }
}