.map-section-new { 
    padding: 60px 20px; 
    max-width: 1200px; 
    margin: 0 auto; 
}

.map-wrapper { 
    width: 100%; 
    height: 450px; 
    perspective: 1000px; 
}

.map-link-container { 
    display: block; 
    position: relative;
    width: 100%; 
    height: 100%; 
    background: var(--bg-card); 
    border: 1px solid var(--border-color); 
    border-radius: 4px; 
    overflow: hidden; 
    text-decoration: none; 
    color: var(--text-white); 
    transform-style: preserve-3d; 
    box-shadow: 0 30px 60px rgba(0,0,0,0.3); 
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* ИСПРАВЛЕННЫЙ ПУТЬ ДЛЯ ПОДЛОЖКИ КАРТЫ */
.map-image-bg {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: url('../images/map.webp') center/105% no-repeat; /* ДОБАВИЛИ ../ */
    filter: grayscale(1) brightness(0.25) contrast(1.2); 
    pointer-events: none; 
}

.map-card-info { 
    position: absolute; 
    bottom: 40px; 
    left: 40px; 
    background: rgba(19, 21, 24, 0.85); 
    backdrop-filter: blur(15px); 
    border: 1px solid var(--border-color); 
    padding: 30px; 
    border-radius: 4px; 
    max-width: 400px; 
    transform: translateZ(30px); 
    pointer-events: none; 
}

.map-badge { 
    display: inline-block; 
    font-size: 11px; 
    text-transform: uppercase; 
    letter-spacing: 2px; 
    color: var(--accent); 
    margin-bottom: 10px; 
}

@media (max-width: 768px) {
    .map-link-container, .map-wrapper { 
        transform: none !important; 
        perspective: none !important; 
    }

    .map-section-new { 
        width: 100% !important; 
        max-width: 100% !important; 
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }
    .map-image-bg {
        background-size: cover !important; 
        background-position: center 40% !important; 
    }

    .map-block,
    .map-container,
    .u-map {
        height: 380px !important;
        min-height: 380px !important;
    }
}