.mapPage{max-width:1500px;margin:22px auto;padding:0 18px}
.mapHero{background:linear-gradient(135deg,#fff,#effaf1);border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 14px 38px rgba(15,23,42,.07);display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.mapHero h1{font-size:42px;margin:8px 0;letter-spacing:-.04em}.mapHero p{color:#64748b;font-size:18px;margin:0}.mapHero button{background:#078438;color:#fff;border-radius:16px;padding:13px 18px;font-weight:900}
.mapShell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}
.mapPanel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 14px 38px rgba(15,23,42,.07);padding:18px;height:calc(100vh - 180px);min-height:680px;overflow:auto}
.mapSearch input,.mapForm input,.mapForm textarea,.mapForm select{width:100%;border:1px solid #dbe3ea;border-radius:14px;padding:12px;font:inherit}
.mapFilters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mapFilters button{background:#f1f5f9;border-radius:999px;padding:9px 12px;font-weight:900}.mapFilters button.active{background:#078438;color:#fff}
.mapForm{display:grid;gap:10px;background:#f8fafc;border-radius:18px;padding:14px;margin-bottom:14px}.mapForm.hidden{display:none}.mapForm h3{margin:0}.mapForm button{background:#078438;color:white;border-radius:14px;padding:12px;font-weight:900}.coordGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkLine{display:flex;align-items:center;gap:8px;color:#475569}.checkLine input{width:auto}.mapForm small{color:#64748b}
.mapPointsList{display:grid;gap:8px}.mapPointItem{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid #eef2f7;border-radius:16px;cursor:pointer}.mapPointItem:hover{background:#f0fdf4}.mapPointIcon{width:36px;height:36px;border-radius:50%;background:#e8f8ed;display:grid;place-items:center}.mapPointItem b{display:block}.mapPointItem small{color:#64748b}.mapPointItem p{margin:5px 0 0;color:#475569;font-size:14px;line-height:1.35}
.mapCanvasWrap{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 14px 38px rgba(15,23,42,.07);overflow:hidden;height:calc(100vh - 180px);min-height:680px}
.mapCanvas{width:100%;height:100%;background:
radial-gradient(circle at 25% 35%, rgba(14,165,233,.25), transparent 18%),
radial-gradient(circle at 65% 55%, rgba(34,197,94,.22), transparent 18%),
linear-gradient(135deg,#e0f2fe,#f0fdf4);position:relative;overflow:hidden}
.mapCanvas:before{content:"ХАКАСИЯ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:72px;font-weight:1000;color:rgba(15,23,42,.08);letter-spacing:.08em}
.mapCanvas:after{content:"";position:absolute;inset:40px;border:2px dashed rgba(15,23,42,.12);border-radius:50% 42% 46% 38%}
.mapMarker{position:absolute;transform:translate(-50%,-100%);display:grid;place-items:center;cursor:pointer;z-index:2}
.mapMarker span{width:40px;height:40px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#078438;box-shadow:0 8px 18px rgba(15,23,42,.22);display:block}
.mapMarker b{position:absolute;transform:translateY(-2px);font-size:20px;z-index:3}
.mapMarker.tourism span{background:#16a34a}.mapMarker.fishing span{background:#0284c7}.mapMarker.event span{background:#9333ea}.mapMarker.service span{background:#ea580c}.mapMarker.help span{background:#e11d48}.mapMarker.city span{background:#0f172a}
.mapPopup{position:absolute;min-width:260px;max-width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.22);padding:16px;z-index:5}.mapPopup h3{margin:0 0 8px}.mapPopup p{margin:0 0 10px;color:#475569}.mapPopup small{color:#64748b;display:block;margin-bottom:10px}.mapPopup button{background:#078438;color:#fff;border-radius:12px;padding:10px 12px;font-weight:900}
.mapHint{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.92);border:1px solid #e5e7eb;border-radius:999px;padding:10px 14px;color:#475569;font-weight:900;z-index:3}
@media(max-width:1000px){.mapShell{grid-template-columns:1fr}.mapPanel,.mapCanvasWrap{height:auto;min-height:520px}.mapHero{display:block}.mapHero button{margin-top:16px}}
@media(max-width:650px){.mapHero h1{font-size:32px}.coordGrid{grid-template-columns:1fr}.mapCanvas:before{font-size:42px}}