.koklas-map-wrap{position:relative;width:100%;max-width:1600px;margin:0 auto;overflow:visible}
.koklas-world-map{display:block;width:100%;height:auto}
.koklas-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none!important;z-index:5;transition:transform .22s ease;min-width:110px}
.koklas-marker:hover{transform:translate(-50%,-50%) scale(1.08);z-index:10}
.koklas-marker-dot{width:var(--koklas-marker-size);height:var(--koklas-marker-size);border-radius:50%;overflow:hidden;background:#e9e4da;border:3px solid #fff;box-shadow:0 0 0 2px #0b2f59,0 6px 18px rgba(0,0,0,.22);display:block}
.koklas-marker-dot img{width:100%;height:100%;object-fit:cover;display:block}
.koklas-placeholder{width:100%;height:100%;display:block;background:radial-gradient(circle at 35% 35%,#d7c9b5,#9d8b73)}
.koklas-marker-label{margin-top:9px;color:#0b2f59;background:rgba(255,255,255,.92);padding:4px 8px;border-radius:4px;font-size:14px;line-height:1.1;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 1px 5px rgba(0,0,0,.08)}
.koklas-map-error{padding:15px;background:#fff4f4;border:1px solid #e8bebe}
@media(max-width:1024px){
 .koklas-map-wrap{--koklas-marker-size:64px!important}
 .koklas-marker{min-width:80px}
 .koklas-marker-label{font-size:11px;padding:3px 5px}
}
@media(max-width:767px){
 .koklas-map-wrap{--koklas-marker-size:42px!important}
 .koklas-marker{min-width:55px}
 .koklas-marker-label{font-size:9px;margin-top:5px;padding:2px 4px}
 .koklas-marker-dot{border-width:2px}
}