/* Mobile & Tablet (default responsive) */
.map-container {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 10px;
}

.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Desktop view */
@media (min-width: 1024px) {
    .map-container {
        padding-bottom: 40%;
    }
}