.mapContainer {
  width: 100%;
  margin: var(--spacing-xl) 0;
}

.map {
  width: 100%;
  height: 500px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(166, 68, 86, 0.2);
  position: relative;
}

.map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 768px) {
  .map {
    height: 400px;
  }
}

