.map-container {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--card-shadow);
    background: #f9fafb;
    /*min-height: 550px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Map Loading */
#map_loading_animation {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 550px; /* Match the height of your map container */
        width: 100%;
    }