.citymap-page{background:#f5f7fb}.citymap-hero{max-width:1200px;margin:0 auto 18px;padding:26px 20px 8px}.citymap-hero .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#53627c;margin-bottom:6px}.citymap-hero h1{font-size:28px;line-height:1.15;margin:0 0 8px}.citymap-hero p{max-width:720px;font-size:14px;line-height:1.5;color:#5f6b7a;margin:0}.citymap-layout{max-width:1200px;margin:0 auto 32px;padding:0 20px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px}.citymap-panel,.citymap-card{background:#fff;border:1px solid rgba(20,31,52,.08);border-radius:18px;box-shadow:0 14px 40px rgba(23,32,54,.08)}.citymap-panel{padding:14px;height:max-content}.citymap-panel h2{font-size:17px;margin:0 0 12px}.map-filter{width:100%;border:0;background:#f1f4f8;color:#1f2a3d;padding:9px 11px;margin-bottom:6px;border-radius:10px;cursor:pointer;text-align:left;font-size:13px;font-weight:700;transition:.18s ease}.map-filter:hover,.map-filter.active{background:#0d1b2f;color:#fff}.citymap-card{padding:10px}.citymap{width:100%;height:620px;border-radius:14px;overflow:hidden;background:#dde3ec}.citymap-marker span{display:block;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 8px 18px rgba(0,0,0,.3)}.map-popup{min-width:220px}.map-popup strong{display:block;font-size:15px;margin-bottom:4px}.map-popup span{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#64748b}.map-popup p{margin:0 0 8px;font-size:13px;line-height:1.4}.map-popup a{display:inline-block;font-weight:800;font-size:12px;color:#0d1b2f;text-decoration:none}@media(max-width:900px){.citymap-layout{grid-template-columns:1fr}.citymap{height:460px}}