html,body{margin:0;height:100%;font-family:Arial}
.header{background:#195f45;color:#fff;padding:10px;text-align:center}
#map{height:calc(100% - 60px)}
#legend{position:absolute;top:150px;right:10px;z-index:999;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);font-size:13px}
.c{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px}
.preh{background:#8D6E63}.chat{background:#B71C1C}.jard{background:#2E7D32}.patr{background:#1565C0}.gast{background:#EF6C00}.act{background:#6A1B9A}

/* --- Premium popup --- */
.leaflet-popup-content{margin:0!important;width:420px!important;}
.leaflet-popup-content-wrapper{padding:0;border-radius:18px;overflow:hidden}
.popup-card{font-family:Arial,sans-serif}
.popup-img{width:100%;height:220px;object-fit:cover;display:block}
.popup-body{padding:16px}
.popup-badge{display:inline-block;background:#195f45;color:#fff;padding:5px 10px;border-radius:20px;font-size:12px}
.popup-title{font-size:24px;color:#195f45;margin:10px 0}
.popup-text{font-size:14px;color:#555;line-height:1.5}
.popup-actions{display:flex;gap:10px;margin-top:15px}
.popup-actions a{flex:1;text-align:center;padding:10px;border-radius:8px;text-decoration:none;font-weight:bold}
.btn-site{background:#195f45;color:#fff}
.btn-map{background:#195f45;color:#333}

.popup-actions a{
   color:#FFF;
}