#map-multi-locations { width:100%;height:600px;z-index:0;} #map-multi-locations .leaflet-popup-content { margin:0;padding:0;} #map-multi-locations .leaflet-popup-content-wrapper { padding:0;overflow:hidden;} #map-multi-locations .card { width:320px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;overflow:hidden;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);transition:transform 0.3s ease;} #map-multi-locations .card:hover { transform:translateY(-2px);} #map-multi-locations .card-image { width:100%;height:180px;overflow:hidden;position:relative;} #map-multi-locations .card-image img { width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;} #map-multi-locations .card:hover .card-image img { transform:scale(1.05);} #map-multi-locations .card-content { padding:16px 20px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);} #map-multi-locations .card-title { margin:0 0 8px 0;font-size:20px;font-weight:700;color:white;text-shadow:0 2px 4px rgba(0, 0, 0, 0.2);} #map-multi-locations .card-description { margin:0 0 12px 0;font-size:14px;color:rgba(255, 255, 255, 0.9);line-height:1.4;} #map-multi-locations .card-link { display:inline-block;font-size:13px;font-weight:600;color:white;background:rgba(255, 255, 255, 0.2);padding:6px 14px;transition:background 0.3s ease;cursor:pointer;} #map-multi-locations .card-link:hover { background:rgba(255, 255, 255, 0.3);}