.map-section { padding: 0; }

#map {
  width: 100%;
  height: calc(100vh - 280px);
  min-height: 360px;
  background: #e9eef2;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.leaflet-container { font-family: var(--font-body); }

.map-pop h3 {
  font-family: var(--font-display);
  margin: 0 0 0.4rem;
  font-size: 1.05rem;
  color: var(--ink);
}

.map-pop-meta {
  color: var(--fg-muted);
  font-size: 0.78rem;
  margin: 0 0 0.4rem;
}

.map-pop-tier {
  font-size: 0.85rem;
  margin: 0 0 0.6rem;
  color: var(--fg);
}

.map-pop .btn-card {
  display: inline-block;
  padding: 0.4rem 0.9rem;
  font-size: 0.8rem;
}

@media (max-width: 720px) {
  #map { height: calc(100vh - 320px); min-height: 320px; }
  .leaflet-popup-content { margin: 0.5rem 0.6rem; }
}

@media (max-width: 480px) {
  #map { height: 60vh; min-height: 280px; }
}