.audiences{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.audience{min-width:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.audience:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1b64bc18;border-color:#9dc7fb}
.audience>div{min-width:0}
.audience>svg:last-child{width:17px}
.site-header nav{gap:16px}
#map{position:relative;height:min(65vh,520px);min-height:350px;border:1px solid #dce7f2;border-radius:10px;overflow:hidden;background:#e9f1f9;margin:0 0 22px}
#map[hidden]{display:none}
#map .map-empty{position:absolute;z-index:500;left:16px;bottom:16px;max-width:360px;padding:14px 17px;background:#fffffff2;border-radius:8px;box-shadow:0 6px 22px #23344b24;color:#3a4d66;font-size:13px}
.wrap-pin{display:grid;place-items:center;width:38px;height:38px;border:3px solid white;border-radius:12px 12px 12px 3px;background:#0870f2;color:white;font-weight:900;font-size:17px;box-shadow:0 4px 14px #163c7a66;transform:rotate(-45deg)}
.wrap-pin span{transform:rotate(45deg)}
.wrap-map-popup{min-width:180px;display:grid;gap:7px}
.wrap-map-popup strong{font-size:15px;color:#1c2b41}
.wrap-map-popup a{font-size:13px;color:#075fcd;font-weight:650}
.branch-route{display:inline-flex;gap:6px;align-items:center;margin-top:6px;color:#086bf4;font-weight:650}
@media(max-width:1100px){.audiences{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav{gap:9px;font-size:12px}}
@media(max-width:680px){.audiences{grid-template-columns:1fr}#map{min-height:430px}.audience:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.audience{transition:none}}