/* Letur Group — «Мягкий цвет», вариант 2, утверждён 22.10.2026: контейнер, высоты, тайлы, маркер,
   кнопки, загрузка и запасной вид. Компонент — js/letur-map.js. */
.lmap{position:relative;overflow:hidden;border:1px solid #DCE1DF;border-radius:12px;background:#F0F2F0;font:inherit;z-index:0}
.lmap.lmap--single{height:420px;min-height:0}
@media(max-width:900px){.lmap.lmap--single{height:350px}}
@media(max-width:560px){.lmap.lmap--single{height:300px}}
/* загрузка: тот же размер, мягкое мерцание — без скачка вёрстки */
.lmap:not(.is-ready):not(.lmap--fallback)::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#F0F2F0 30%,#F7F9F7 50%,#F0F2F0 70%);background-size:200% 100%;animation:lmapShine 1.4s linear infinite}
@keyframes lmapShine{to{background-position:-200% 0}}
/* Мягкий цвет сохраняет различие моря, зелени и дорог. Фильтр применяется один раз. */
.lmap .leaflet-tile-pane{filter:grayscale(.35) contrast(.98) brightness(1.02)}
.lmap .lmap-tiles{filter:none}
.lmap .leaflet-control-zoom{border:1px solid #DCE1DF;box-shadow:none;border-radius:10px;overflow:hidden}
.lmap .leaflet-control-zoom a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-bottom:1px solid #DCE1DF;background:#fff;color:#2D383E;font:300 20px/1 var(--sans)}
.lmap .leaflet-control-zoom a:last-child{border-bottom:0}
.lmap .leaflet-control-zoom a:hover{background:#F0F3F1;color:#2D383E}
.lmap .leaflet-control-attribution{font-size:9px;background:rgba(255,255,255,.7)}
/* фирменный маркер */
.lmap-pin span{display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#1F2A30;border:3px solid #fff;box-shadow:0 2px 8px rgba(31,42,48,.45)}
/* запасной вид без карты */
.lmap--fallback{display:flex;align-items:center;justify-content:center;background:#F7F9F7}
.lmap__fallback{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;text-align:center;color:#1F2A30}
.lmap__fallback svg{width:28px;height:28px;fill:none;stroke:#708278;stroke-width:1.5;margin-bottom:4px}
.lmap__fallback b{font:500 15px/1.3 var(--sans)}
.lmap__fallback span{font:400 14px/1.4 var(--sans);color:#6A6F73}
/* карта каталога на главной задана по id — выравниваем с остальными */
#catalogMap.lmap,.pg-section #catalogMap.lmap{border:1px solid #DCE1DF;border-radius:12px}
@media(min-width:601px){.pg-section .catalog__mapsearch{left:12px;right:auto}}
.catalog__mapsearch input{accent-color:#70868F}