/* Карта по нажатию (KT_MAPCLICK, 26.10.2026): картинка карты на месте карты Яндекса, пока гость не нажал.
   Разметку ставит build.py (map_placeholders), нажатие ловит filter.js (ktYmaps). */
.kt-mapph{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit;background:#efefed;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:opacity .5s ease}
.kt-mapph picture,.kt-mapph__img{position:absolute;inset:0;width:100%;height:100%;display:block}
.kt-mapph__img{object-fit:cover;object-position:50% 50%}
.kt-mapph__pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);pointer-events:none}
.kt-mapph__bar{position:absolute;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px}
.kt-mapph__btn,.kt-mapph__route{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:999px;
  font:600 14px/1 "Mulish",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;
  box-shadow:0 2px 10px rgba(40,30,20,.18);transition:filter .2s ease,transform .2s ease}
.kt-mapph__btn{color:#fff;background:linear-gradient(130.14deg,#8a5c2a 13.54%,rgba(194,166,80,.81) 50.18%,rgba(209,186,90,.92) 57.67%,rgba(200,173,83,.86) 63.23%,#a37c36 84.8%),#a8834a}   /* под градиентом сплошной цвет: у сайта он полупрозрачный, сквозь него видно подписи карты */
.kt-mapph__route{color:#3a2c1c;background:#fff}
.kt-mapph__btn:focus-visible,.kt-mapph__route:focus-visible{outline:2px solid #8a5c2a;outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .kt-mapph:hover .kt-mapph__btn{filter:brightness(1.08);transform:translateY(-1px)}
  .kt-mapph__route:hover{filter:brightness(.96)}
}
.kt-mapph__copy{position:absolute;right:10px;bottom:8px;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.8);
  font:11px/1.3 Arial,sans-serif;color:#555;pointer-events:none}
/* пока грузится скрипт Яндекса: крутилка на кнопке */
.kt-mapph.is-loading{cursor:progress}
.kt-mapph.is-loading .kt-mapph__btn::before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;
  border-radius:50%;animation:kt-mapph-spin .8s linear infinite}
@keyframes kt-mapph-spin{to{transform:rotate(360deg)}}
.kt-mapph.is-gone{opacity:0;pointer-events:none}
@media (max-width:767px){
  .kt-mapph__bar{left:10px;bottom:10px;gap:6px}
  .kt-mapph__btn,.kt-mapph__route{height:34px;padding:0 14px;font-size:13px}
  .kt-mapph__bar{right:10px}
  .kt-mapph__copy{top:6px;right:6px;bottom:auto;font-size:10px}   /* внизу места нет: две кнопки на казахском во всю ширину */
}
@media (prefers-reduced-motion:reduce){.kt-mapph,.kt-mapph__btn,.kt-mapph__route{transition:none}}
