/* Harita Bölümü */
.map-section {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #0a0a0a;
}

.map-container {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
}

/* Premium Dark Mode Harita Efekti 🖤 */
.map-container iframe {
    filter: grayscale(100%) invert(92%) contrast(85%) hue-rotate(180deg);
    width: 100%; height: 100%;
}

/* Harita Üstü Kutu (Cam Efektli) */
.map-info-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Masaüstünde sağa yaslar */
    pointer-events: none; /* Harita etkileşimini bozmamak için */
}

.map-info-box {
    background: rgba(17, 17, 17, 0.9);
    backdrop-filter: blur(10px); /* Cam bulanıklığı */
    border: 1px solid rgba(183, 138, 89, 0.3);
    border-radius: 12px;
    padding: 40px;
    width: 100%;
    max-width: 400px;
    pointer-events: auto; /* Kutunun içi tıklanabilsin */
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

.mib-title {
    font-family: 'Playfair Display', serif;
    font-size: 2rem; color: #fff; margin-bottom: 10px; font-weight: 400;
}

.mib-desc { color: #aaa; font-size: 0.85rem; margin-bottom: 30px; font-weight: 300; line-height: 1.5; }

.mib-item { display: flex; gap: 15px; margin-bottom: 25px; align-items: flex-start; }
.mib-icon { margin-top: 3px; }
.mib-text h6 { color: #b78a59; font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 5px; }
.mib-text p, .mib-text a { color: #e0e0e0; font-size: 0.9rem; line-height: 1.5; transition: color 0.3s; }
.mib-text a:hover { color: #b78a59; }

.mt-20 { margin-top: 10px; display: inline-block; width: 100%; text-align: center; }

/* Mobil Uyumluluk */
@media (max-width: 992px) {
    .map-section { height: auto; display: flex; flex-direction: column; }
    .map-container { position: relative; height: 400px; order: 1; }
    .map-info-wrapper { position: relative; order: 2; justify-content: center; background-color: #111; padding: 40px 20px; }
    .map-info-box { max-width: 100%; border: none; box-shadow: none; background: transparent; padding: 0; }
}