/* FULL WIDTH BACKGROUND */
.location-section {
    width: 100%;
    background: #ffffff;
}

/* CENTER CONTENT */
.location-container {
    max-width: 1200px;
    margin: auto;
    padding: 30px 20px;
}

/* BACK BUTTON */
.back-home {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
}
.back-home a {
    background: #0a7f5a;
    color: #fff;
    padding: 10px 18px;
    text-decoration: none;
    border-radius: 6px;
}
.back-home a:hover {
    background: #066346;
}

/* FLEX SECTIONS */
.top-section,
.bottom-section {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    align-items: stretch;
}

/* MAP */
.map-box {
    flex: 1;
}
.map-box iframe {
    width: 100%;
    height: 320px;
    border-radius: 8px;
}

/* INFO */
.info-box {
    flex: 1;
    background: #f5f5f5;
    padding: 25px;
    border-radius: 8px;
}

/* GALLERY */
.middle-gallery {
    margin-bottom: 40px;
}
.middle-gallery h2 {
    margin-bottom: 15px;
}
.facility-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
}
.facility-grid img {
    width: 100%;
    border-radius: 8px;
}

/* BOXES */
.list-box {
    flex: 1;
    background: #fafafa;
    padding: 25px;
    border-radius: 8px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .top-section,
    .bottom-section {
        flex-direction: column;
    }
}