.map-container {
    width: 100%;
    position: relative;
    background-color: #f5f5f5;
}

.map-container .map {
    width: 100%;
    border: none;
}

/* OpenStreetMap specific styles */
.leaflet-popup-content {
    margin: 13px;
}

.leaflet-popup-content h3 {
    margin: 0 0 10px 0;
    font-size: 1.2em;
    color: #333;
}

.leaflet-popup-content p {
    margin: 0;
    color: #666;
}

/* Google Maps specific styles */
.gm-style .gm-style-iw-c {
    padding: 12px;
}

.gm-style .gm-style-iw-d {
    overflow: auto !important;
}

.gm-style .map-info-window h3 {
    margin: 0 0 8px 0;
    font-size: 1.2em;
    color: #333;
}

.gm-style .map-info-window p {
    margin: 0;
    color: #666;
}