.ntl-map { height: 440px; border-radius: 16px; border: 1px solid var(--line); background: #e5e7eb; position: relative; z-index: 0; }
.map-block { margin-bottom: 28px; }
.map-note { color: var(--muted); font-size: 13.5px; margin: 10px 0 0; max-width: 52em; }
.map-fallback { margin: 0; padding: 24px; color: var(--muted); }
.zone[data-zone], .map-hit, .price-card[data-zone] { cursor: pointer; }
.map-hit { border-bottom: 1px dotted var(--brand); }
.zone.on, .price-card.on { box-shadow: 0 8px 24px -14px rgba(15, 23, 42, .45); }
.map-hit.on { background: #ccfbf1; }
.zone[data-zone]:focus-visible, .map-hit:focus-visible, .price-card[data-zone]:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
header { z-index: 500; }
.leaflet-tile-pane { filter: grayscale(1) contrast(.9) brightness(1.08); }
.leaflet-popup-content { font: 14px/1.5 ui-sans-serif, system-ui, -apple-system, sans-serif; margin: 10px 12px; }
.leaflet-popup-content p { margin: 0; }
@media (max-width: 860px) { .ntl-map { height: 320px; } }