:root {
    --map-red: #d90429;
    --map-red-glow: rgba(217, 4, 41, 0.4);
}

.map-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #111827;
    /* Üst tarafa ince neon vuruntusu */
    border-top: 2px solid var(--map-red);
    box-shadow: 0 -10px 25px var(--map-red-glow);
}

.map-container {
    width: 100%;
    height: 450px;
    line-height: 0; /* iframe altındaki varsayılan boşluğu sıfırlar */
}

.map-container iframe {
    width: 100%;
    height: 100%;
    display: block;
    filter: grayscale(15%) contrast(105%); /* Şık ve net bir harita görünümü */
    transition: filter 0.4s ease;
}

.map-container:hover iframe {
    filter: grayscale(0%) contrast(100%);
}

/* -------------------------------------------
   RESPONSIVE UYUM (MOBİL & TABLET)
--------------------------------------------- */
@media (max-width: 900px) {
    .map-container {
        height: 380px;
    }
}

@media (max-width: 600px) {
    .map-container {
        height: 300px;
    }
}