/* Responsive Map Container */
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    position: relative;
    height: 0;
    border-radius: 12px; /* Matches the Neon-Glass rounded corners */
}

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

/* Basic Footer Layout */
.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 2rem;
}

.footer-contact, .footer-map {
    flex: 1 1 300px; /* Adapts nicely on mobile and desktop */
}