.km-page{max-width:1180px;margin:0 auto;padding:20px 16px 64px}
.km-bc{font-size:13px;color:#8b9099;margin:0 0 10px}
.km-bc a{color:#16181c}
.km-page h1{font-size:28px;letter-spacing:-.4px;margin:0 0 8px}
.km-lead{color:#5b6169;margin:0 0 16px;max-width:720px;line-height:1.5}
.km-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;position:relative;z-index:20}
.sk-citypick__panel{z-index:4000}
.km-bar .km-city{flex:1 1 180px;min-width:160px;max-width:260px}
.km-bar .sk-citypick{flex:1 1 180px;min-width:160px;max-width:260px}
.km-bar .sk-citypick__btn{border-radius:999px;padding:8px 14px;font:700 13px inherit}
.km-bar select,.km-bar button{border:1px solid #e6e8ec;background:#fff;border-radius:999px;padding:8px 14px;font:700 13px inherit;cursor:pointer}
.km-bar button.is-on,.km-bar a.is-on{background:#16181c;color:#fff;border-color:#16181c}
.km-bar a{border:1px solid #e6e8ec;background:#fff;border-radius:999px;padding:8px 14px;font:700 13px inherit;text-decoration:none;color:#16181c}
.km-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:stretch;min-height:520px}
.km-map{position:relative;z-index:1;min-height:520px;border:1px solid #eceef1;border-radius:16px;overflow:hidden;background:#e8edf2}
.km-map .leaflet-container{height:100%;min-height:520px;font:inherit}
.km-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;-webkit-overflow-scrolling:touch}
.km-card{display:block;background:#fff;border:1px solid #eceef1;border-radius:14px;padding:12px 14px;text-decoration:none;color:#16181c;cursor:pointer}
.km-card:hover,.km-card.is-on{border-color:#16181c}
.km-card b{display:block;font-size:16px;margin:0 0 4px}
.km-card span{display:block;font-size:13px;color:#5b6169;line-height:1.4}
.km-card__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.km-go{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#16181c;color:#fff!important;text-decoration:none;font:700 12px inherit}
.km-go--ghost{background:#fff;color:#16181c!important;border:1px solid #e6e8ec}
.km-tag{display:inline-block;margin:0 6px 0 0;padding:2px 8px;border-radius:999px;background:#f4f5f7;font:700 11px inherit;color:#3a3f46}
.km-tag--shop{background:#eef8f0;color:#1d6b3a}
.km-tag--company{background:#eef2fb;color:#3a5bbf}
.km-tag--designer{background:#f7eef8;color:#7a3e8a}
.km-embed--home{margin:0}
.km-embed--home .km-map,.km-embed--home .km-map .leaflet-container{min-height:440px}
.km-embed--home .km-list{max-height:440px}
.km-embed--home .km-grid{min-height:440px}
.km-empty{background:#fff;border:1px dashed #d5d8de;border-radius:14px;padding:18px 16px;color:#5b6169}
.km-okrug{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.km-okrug a,.km-okrug span{border:1px solid #e6e8ec;background:#fff;border-radius:999px;padding:7px 12px;font:700 12px inherit;text-decoration:none;color:#16181c}
.km-okrug a.is-on{background:#16181c;color:#fff;border-color:#16181c}
.km-okrug span.is-soon{opacity:.45}
.km-note{font-size:13px;color:#8b9099;margin:12px 0 0}
@media(max-width:860px){
  .km-grid{grid-template-columns:1fr;min-height:0}
  .km-map,.km-map .leaflet-container{min-height:360px;height:58vw;max-height:420px}
  .km-list{max-height:none}
}