#journeyMap {
    height: 260px;
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    background: #f7f7f7;
}

.map-empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    color: #666;
    font-size: 13px;
}

.coach-map-marker {
    background: #d32f2f;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0,0,0,.28);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
}

.leaflet-popup-content-wrapper {
    border-radius: 8px;
}

.leaflet-popup-content {
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
}

@media (max-width: 520px) {
    #journeyMap { height: 230px; }
}