.city-malls-map-section { margin-top: 44px; }
.city-malls-map-section > h2 { margin-bottom: 16px; }
.city-malls-map-canvas { width: 100%; height: 460px; overflow: hidden; border-radius: 20px; background: #eef0ef; border: 1px solid var(--color-border); }
.city-malls-map-canvas .maplibregl-ctrl-attrib { font: 11px/1.35 Manrope, sans-serif; }
.city-malls-map-canvas .maplibregl-ctrl-group { overflow: hidden; border: 1px solid var(--color-border); border-radius: 12px; box-shadow: 0 6px 18px rgba(21, 32, 59, .1); }
.city-malls-map-canvas .maplibregl-ctrl-group button { background-color: var(--color-white); }
.city-malls-map-canvas .maplibregl-popup-content { padding: 16px 18px; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-white); box-shadow: 0 10px 28px rgba(21, 32, 59, .13); }
.city-malls-popup { max-width: 270px; font: 13px/1.5 Manrope, sans-serif; color: var(--color-navy); }
.city-malls-popup strong { display: block; margin-bottom: 8px; font-size: 15px; }
.city-malls-popup p { margin: 0 0 8px; }
.city-malls-popup a { color: var(--color-coral-dark); font-weight: 700; }
.city-malls-hover .maplibregl-popup-content { padding: 8px 11px; font: 600 12px Manrope, sans-serif; }
@media (max-width: 700px) { .city-malls-map-canvas { height: 340px; border-radius: 15px; } }