.map-page { min-height: 100vh; display: flex; flex-direction: column; }
.map-main { flex: 1; width: 100%; max-width: var(--container-wide); margin: 0 auto; padding: 28px 48px 48px; }
.map-back { margin: 0 0 12px; }
.nav-back { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--teal-dark); font-size: 14px; font-weight: 500; text-decoration: none; }
.nav-back:hover { color: var(--gray-900); }
.map-hero { max-width: 720px; margin: 0 auto 28px; text-align: center; }
.hero-eyebrow { margin: 0 0 12px; color: var(--teal-dark); font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.hero-title { margin: 0 0 16px; font-size: clamp(32px, 4vw, 44px); font-weight: 900; line-height: 1.12; letter-spacing: -0.03em; }
.hero-title .accent { color: var(--teal-dark); }
.hero-sub { max-width: 600px; margin: 0 auto; color: var(--gray-500); font-size: 16px; line-height: 1.7; }
.map-hero .store-links { justify-content: center; margin-top: 20px; }
.map-hero .coffee-link { margin-top: 12px; }
.map-container { position: relative; min-height: 500px; height: 60vh; border: 1px solid var(--gray-200); border-radius: 20px; overflow: hidden; background: var(--gray-100); box-shadow: 0 12px 32px #1111110a; }
#map { position: absolute; inset: 0; z-index: 1; font-family: var(--font-body); }
.leaflet-popup-content-wrapper { border-radius: 14px; color: var(--gray-900); font-family: var(--font-body); }
.leaflet-popup-content a { display: inline-flex; align-items: center; min-height: 44px; color: var(--teal-dark); }
#map .leaflet-control-zoom a { width: 44px; height: 44px; line-height: 44px; }
#map .leaflet-popup-close-button { width: 44px; height: 44px; line-height: 44px; }
#map .leaflet-popup-content { margin-right: 40px; }
@media (max-width: 640px) {
  .map-main { padding: 16px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left)); }
  .map-hero { margin-bottom: 24px; }
  .hero-sub { font-size: 14px; }
  .map-container { min-height: 360px; height: clamp(360px, 55svh, 520px); border-radius: 16px; }
}