.osd-map{max-width:1600px;margin:0 auto;position:relative}
.osd-map__stage{position:relative;width:100%;line-height:0}
.osd-map__img{display:block;width:100%;height:auto}
.osd-map__svg{position:absolute;inset:0;width:100%;height:100%}
.osd-map__svg polygon{cursor:pointer;stroke:none;fill-opacity:0;transition:fill-opacity .15s ease}
.osd-map__svg polygon:hover,.osd-map__svg polygon:focus{fill-opacity:.5;outline:none}
.osd-map__svg polygon.is-empty{cursor:default}
.osd-map__svg polygon.is-empty:hover{fill-opacity:0}

.osd-legend{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:14px 0 0;font-size:14px}
.osd-legend span{display:inline-flex;align-items:center;gap:7px}
.osd-legend i{width:14px;height:14px;border-radius:50%;display:inline-block}

.osd-popup{position:absolute;z-index:20;width:280px;max-width:calc(100% - 24px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.22);padding:20px 20px 22px;transform:translate(-50%,-100%);pointer-events:auto}
.osd-popup[hidden]{display:none}
.osd-popup__close{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#888}
.osd-popup__close:hover{color:#333}
.osd-popup__title{margin:0 0 8px;font-size:20px}
.osd-popup__status{display:inline-block;padding:3px 12px;border-radius:12px;color:#fff;font-size:13px;font-weight:600;margin-bottom:14px}
.osd-popup__list{list-style:none;margin:0 0 16px;padding:0}
.osd-popup__list li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eee;font-size:14px}
.osd-popup__list li:last-child{border-bottom:0}
.osd-popup__list span{color:#666}
.osd-popup__pdf{display:block;text-align:center;padding:11px 14px;border-radius:10px;background:#2e2a26;color:#fff;text-decoration:none;font-weight:600;font-size:14px}
.osd-popup__pdf:hover{opacity:.9;color:#fff}
.osd-popup__pdf[hidden]{display:none}

/* Na wąskich ekranach popup jako panel na dole zamiast dymka nad hotspotem */
@media (max-width:600px){
  .osd-popup{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;max-width:none;transform:none}
}