body {
    margin: 0;
    padding: 0;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
}

.mapa-kontejner {
    position: relative;
    width: 100%;
    max-width: 100vw;
    line-height: 0;
}

.mapa-zaklad {
    width: 100%;
    height: auto;
    display: block;
}


.mapa-kontejner a {
    position: absolute;
    z-index: 10;
    width: 4vw;  
    min-width: 30px; 
    transform: translate(-50%, -50%);
}

.mapa-kontejner a img {
    width: 100%;
    height: auto;
    display: block;
}

/* --- KONKRÉTNÍ POZICE IKON (Uprav procenta podle mapy) --- */

#IkonaMK {
    top: 40%; 
    left: 42%;
    animation: nahorudolu 2s ease-in-out infinite;
}

#IkonaMPF {
    top: 56%;
    left: 55%;
    animation: nahorudolu 2s ease-in-out infinite;
    animation-delay: 0.5s;
}

#IkonaSP {
    top: 58%;
    left: 74%;
    animation: nahorudolu 2s ease-in-out infinite;
    animation-delay: 1s;
}

#splneno-btn {
    top: 80%;
    left: 90%;
    width: 10vw; 
}

/* Animace houpání */
@keyframes nahorudolu {
    0%, 100% { transform: translate(-50%, -50%) translateY(0); }
    50% { transform: translate(-50%, -50%) translateY(-10px); }
}

/* Hover efekt pro ikony */
.mapa-kontejner a:hover {
    filter: brightness(1.2);
    z-index: 20;
}