/* ==========================================================================
   Блок «География поставок» (kmb-dealers)
   Разметка и стили — из вложения аккаунтера «главная-kmb-geography-block.html».
   Все селекторы изолированы префиксами .kmb-dealers / .kmb-dealer-modal /
   .kmb-country / .kmb-city, шрифты Roboto и Roboto Condensed уже подключены
   локально в assets/fonts.css — повторно ничего не грузим.
   ========================================================================== */
.kmb-dealers{
  --blue:#2182af;
  --blue-dark:#196C93;
  --steel:#3b474a;
  --graphite:#5b6268;
  --yellow:#F5C400;
  --soft:#f2f4f5;
  --line:#dce2e4;
  position:relative;
  overflow:hidden;
  padding:92px 0;
  background:#fff;
}
.kmb-dealers__wrap{width:min(1260px,calc(100% - 48px));margin:0 auto}
.kmb-dealers__top{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:64px;
  align-items:end;
  margin-bottom:38px;
}
.kmb-dealers__kicker{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:13px;
  color:var(--blue);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.kmb-dealers__kicker:before{content:"";width:34px;height:3px;background:var(--blue)}
.kmb-dealers__title{
  max-width:760px;
  margin:0;
  color:#20272a;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:clamp(42px,5vw,66px);
  font-weight:700;
  line-height:.96;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.kmb-dealers__lead{max-width:480px;margin:0 0 4px;color:#687176;font-size:16px;line-height:1.65}
.kmb-dealers__panel{
  min-height:650px;
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
  background:var(--steel);
  box-shadow:0 18px 48px rgba(28,43,49,.13);
}
.kmb-dealers__content{
  position:relative;
  z-index:2;
  padding:46px 42px 38px;
  display:flex;
  flex-direction:column;
  background:#f3f5f6;
}
.kmb-dealers__eyebrow{
  position:relative;
  z-index:1;
  margin-bottom:30px;
  color:var(--blue);
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.kmb-dealers__panel-title{
  position:relative;
  z-index:1;
  margin:0 0 17px;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:34px;
  font-weight:700;
  line-height:1.04;
  text-transform:uppercase;
}
.kmb-dealers__panel-text{position:relative;z-index:1;margin:0;color:#697277;font-size:15px;line-height:1.65}
.kmb-dealers__benefits{position:relative;z-index:1;margin:26px 0 0;padding:0;list-style:none}
.kmb-dealers__badge{position:relative;z-index:1;margin:16px 0 28px;padding:11px 14px;display:flex;align-items:center;gap:10px;
  border:1px solid #d8dee0;background:#fff;color:#3c464a;font-family:"Roboto Condensed",Arial,sans-serif;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.kmb-dealers__badge svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--blue);stroke-width:2.6;stroke-linecap:square}
.kmb-dealers__benefits li{
  min-height:42px;
  padding:11px 0 11px 23px;
  display:flex;
  align-items:center;
  border-top:1px solid #d8dee0;
  color:#3c464a;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
}
.kmb-dealers__benefits li:last-child{border-bottom:1px solid #d8dee0}
.kmb-dealers__benefits li:before{content:"";width:7px;height:7px;margin-left:-23px;margin-right:16px;background:var(--blue)}
.kmb-dealers__button{
  min-height:50px;
  margin-top:auto;
  padding:0 25px;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);
  background:var(--blue);
  color:#fff;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s,padding .2s;
}
.kmb-dealers__button:hover{padding-right:31px;background:var(--blue-dark)}
.kmb-dealers__button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}
.kmb-dealers__actions{margin-top:auto;display:grid;gap:9px}
.kmb-dealers__actions .kmb-dealers__button{width:100%;margin-top:0}
.kmb-dealers__button--secondary{border:1px solid #cbd5d9;background:transparent;color:#2f3b40;clip-path:none}
.kmb-dealers__button--secondary:hover{padding-right:31px;border-color:var(--blue);background:#e8f3f7;color:var(--blue-dark)}
.kmb-dealers__button:focus-visible,.kmb-dealers__country-button:focus-visible,.kmb-dealer-modal__close:focus-visible,.kmb-dealer-modal__option:focus-visible{outline:3px solid #4EA9CF;outline-offset:3px}
.kmb-dealers__map{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:650px;
  overflow:hidden;
  background:linear-gradient(135deg,#2A2B2E 0%,#27282A 100%);
}
.kmb-dealers__map-head{
  position:absolute;
  z-index:5;
  left:34px;
  right:34px;
  top:27px;
  color:#fff;
}
.kmb-dealers__map-head span{display:block;margin-bottom:6px;color:#aebbc0;font-family:"Roboto Condensed",Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.kmb-dealers__map-head strong{display:block;max-width:480px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:clamp(21px,2.1vw,28px);font-weight:700;line-height:1.04;letter-spacing:-.015em;text-transform:uppercase}
.kmb-dealers__svg-wrap{position:absolute;inset:96px 22px 84px;display:flex;align-items:center;justify-content:center}
.kmb-dealers__svg{display:block;width:100%;height:100%;overflow:visible}
.kmb-country{
  fill:#4A5257;
  stroke:rgba(255,255,255,.62);
  stroke-width:1.3;
  vector-effect:non-scaling-stroke;
  cursor:pointer;
  transition:fill .2s,filter .2s,opacity .2s;
}
.kmb-country:hover{fill:var(--blue-dark);filter:drop-shadow(0 7px 10px rgba(0,0,0,.22))}
.kmb-country:focus-visible{fill:var(--blue-dark);stroke:#4EA9CF;stroke-width:3.5;filter:drop-shadow(0 7px 10px rgba(0,0,0,.25));outline:none}
.kmb-country.is-selected{fill:var(--blue)}
.kmb-dealers__map-label{fill:#fff;font-family:"Roboto Condensed",Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:#27282A;stroke-width:4px;stroke-linejoin:round}
.kmb-dealers__map-label.is-kaz{fill:#fff;font-size:31px}
.kmb-dealers__marker{fill:var(--yellow);stroke:#27282A;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
.kmb-dealers__marker-halo{fill:none;stroke:var(--yellow);stroke-width:1.2;opacity:.55;vector-effect:non-scaling-stroke;pointer-events:none;transform-origin:center;transform-box:fill-box;animation:kmbPulse 2.4s ease-out infinite}
@keyframes kmbPulse{0%{transform:scale(.6);opacity:.75}70%{transform:scale(1.9);opacity:0}100%{opacity:0}}
.kmb-city{fill:#4EA9CF;stroke:#27282A;stroke-width:1.6;vector-effect:non-scaling-stroke;pointer-events:none;transition:r .18s,fill .18s}
.kmb-city.is-active{fill:#fff}
.kmb-city-label{fill:#B9C4C9;font-family:"Roboto Condensed",Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;paint-order:stroke;stroke:#27282A;stroke-width:4px;stroke-linejoin:round;transition:fill .18s}
.kmb-city-label.is-active{fill:#fff}
.kmb-dealers__marker-label{fill:#F5C400;font-family:"Roboto Condensed",Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;paint-order:stroke;stroke:#27282A;stroke-width:4px;stroke-linejoin:round}
.kmb-dealers__legend{
  position:absolute;
  z-index:5;
  left:31px;
  right:31px;
  bottom:25px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.kmb-dealers__country-button{
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.08);
  color:#E4E9EB;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:12.5px;
  font-weight:600;
  text-transform:uppercase;
  cursor:pointer;
  transition:.18s;
}
.kmb-dealers__country-button:hover{border-color:var(--blue);color:#fff}
.kmb-dealers__country-button.is-selected{border-color:var(--blue);background:var(--blue);color:#fff}
.kmb-dealers__loading{color:#c7d1d4;font-size:13px;text-align:center}
.kmb-dealers__loading.is-error{max-width:360px;line-height:1.55}
.kmb-dealer-modal{
  --blue:#2182af;
  --yellow:#F5C400;
  position:fixed;
  z-index:9999;
  inset:0;
  padding:20px;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(20,27,30,.72);
}
.kmb-dealer-modal.is-open{display:flex}
.kmb-dealer-modal__dialog{
  position:relative;
  width:min(520px,100%);
  padding:38px;
  background:#fff;
  box-shadow:0 25px 70px rgba(0,0,0,.28);
}
.kmb-dealer-modal__dialog:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--blue)}
.kmb-dealer-modal__close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #d8dee0;background:#fff;color:#394347;font-size:24px;line-height:1;cursor:pointer}
.kmb-dealer-modal__kicker{margin-bottom:9px;color:var(--blue);font-family:"Roboto Condensed",Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.kmb-dealer-modal__title{max-width:390px;margin:0 0 12px;font-family:"Roboto Condensed",Arial,sans-serif;font-size:30px;line-height:1.05;text-transform:uppercase}
.kmb-dealer-modal__text{margin:0 0 25px;color:#6d767a;font-size:14px;line-height:1.55}
.kmb-dealer-modal__options{display:grid;gap:9px}
.kmb-dealer-modal__option{min-height:49px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #d9dfe1;background:#fff;color:#313a3e;font-family:"Roboto Condensed",Arial,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;transition:.18s}
.kmb-dealer-modal__option:hover{border-color:var(--blue);color:var(--blue);background:#f5fafc}
.kmb-dealer-modal__option strong{color:var(--blue);font-size:16px}
@media(max-width:1030px){
  .kmb-dealers__panel{grid-template-columns:340px minmax(0,1fr)}
  .kmb-dealers__content{padding:43px 34px 36px}
  .kmb-dealers__map-label{font-size:22px}.kmb-dealers__map-label.is-kaz{font-size:28px}
}
@media(max-width:820px){
  .kmb-dealers{padding:70px 0}
  .kmb-dealers__wrap{width:calc(100% - 30px)}
  .kmb-dealers__top{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
  .kmb-dealers__panel{grid-template-columns:1fr}
  .kmb-dealers__content{min-height:510px}
  .kmb-dealers__map{min-height:570px}
}
@media(max-width:520px){
  .kmb-dealers__title{font-size:41px}
  .kmb-dealers__lead{font-size:14px}
  .kmb-dealers__content{min-height:auto;padding:34px 20px 28px}
  .kmb-dealers__panel-title{font-size:clamp(25px,8vw,29px);overflow-wrap:break-word}
  .kmb-dealers__button{margin-top:34px;width:100%}
  .kmb-dealers__map{min-height:auto;display:flex;flex-direction:column}
  .kmb-dealers__map-head{position:relative;left:auto;right:auto;top:auto;padding:23px 20px 0}
  .kmb-dealers__svg-wrap{position:relative;inset:auto;width:100%;height:300px;padding:5px 2px}
  .kmb-dealers__legend{position:relative;left:auto;right:auto;bottom:auto;padding:0 18px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .kmb-dealers__country-button{width:100%;height:36px;padding:0 7px;font-size:10px}
  .kmb-dealers__country-button:last-child{grid-column:1/-1}
  .kmb-dealer-modal{padding:12px}.kmb-dealer-modal__dialog{padding:34px 20px 22px}.kmb-dealer-modal__title{padding-right:35px;font-size:25px}.kmb-dealer-modal__option{font-size:12px}
}

/* --- дополнения к вложению --------------------------------------------- */
/* блок скрыт, если в админке выключен переключатель «Показывать блок» */
.kmb-dealers[hidden]{display:none}
/* заголовок секции остаётся h2: h1 на главной уже занят первым экраном */
.kmb-dealers__title{margin:0}
/* карта не должна давать горизонтальную прокрутку ни на одной ширине */
.kmb-dealers,.kmb-dealers__panel,.kmb-dealers__map{max-width:100%}
.kmb-dealers__svg{max-width:100%}
@media(max-width:1280px){
  .kmb-dealers{padding:80px 0}
}
@media(max-width:1030px){
  .kmb-city-label{font-size:19px}
  .kmb-dealers__marker-label{font-size:21px}
}
@media(max-width:820px){
  .kmb-dealers__map-label{font-size:20px}
  .kmb-dealers__map-label.is-kaz{font-size:26px}
}
/* планшет: карта занимает всю высоту панели, ниже 520px она уже в потоке */
@media(min-width:521px) and (max-width:820px){
  .kmb-dealers__svg-wrap{inset:104px 20px 96px}
}
@media(max-width:520px){
  /* на телефоне подписи городов не читаются — оставляем страны и офис */
  .kmb-city-label{display:none}
  .kmb-dealers__map-label{font-size:26px}
  .kmb-dealers__map-label.is-kaz{font-size:34px}
  .kmb-dealers__marker-label{font-size:26px}
  .kmb-dealers__actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .kmb-dealers__marker-halo{animation:none}
  .kmb-dealers__button,.kmb-dealers__country-button,.kmb-country,.kmb-city,.kmb-city-label{transition:none}
}