/* Страница «Контакты» 2.0 — редизайн (в стиле сайта). Грузится только на /kontakty/. */
.okna-kontakty{ background:#fff; }
.okna-kontakty__wrap{ max-width:calc(var(--okna-cw) + 48px); margin:0 auto; padding:0 24px; }
.okna-kontakty__head{ padding:40px 0 6px; }
.okna-kontakty__h1{ font-size:clamp(28px,4vw,44px); font-weight:800; color:#123d87; letter-spacing:-.02em; line-height:1.08; margin:8px 0 12px; }
/* ЭТАП 11: подзаголовок (.okna-kontakty__sub) и факт-плашки (.okna-kc-facts) убраны — чистый первый экран. */

/* мобайл быстрые кнопки (скрыты на десктопе) */
.okna-kc-quick{ display:none; flex-wrap:wrap; gap:10px; margin:18px 0 0; } /* §3 ПОЧИНКА: wrap — 3-я кнопка (Telegram) переносится на узких (360), ряд не переполняется */
.okna-kc-quick__btn{ flex:1; min-width:0; padding-inline:10px; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; border-radius:4px; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; border:1.5px solid transparent; } /* MOBM-08: r12->4 по макету #14 L422-423 (быстрые кнопки). §Мессенджеры(19.08): min-width:0 + равные паддинги — <button>Рассчитать и <a>Позвонить одинаковой ширины (было 189/129 из-за UA-паддинга кнопки), как в макете */
.okna-kc-quick__btn svg{ width:18px; height:18px; }
/* !important на фоны — перебить тёмную кнопку темы TT1 (button{background:#28303d!important}) */
.okna-kc-quick__btn--call{ background:var(--blue,#1c5bd6) !important; color:#fff !important; }
.okna-kc-quick__btn--calc{ background:var(--red,#e0223a) !important; color:#fff !important; }
.okna-kc-quick__btn--tg{ background:#229ed9 !important; color:#fff !important; } /* §3 ПОЧИНКА: цвет Telegram (без него мобильная кнопка бесцветна) */

/* заголовки секций — красная линия как на сайте */
.okna-kc-h2{ position:relative; font-size:24px; font-weight:800; color:#123d87; margin:42px 0 16px; padding-bottom:10px; } /* W3-P05: отступ низ 18→16 по макету 14 */
.okna-kc-h2::after{ content:""; position:absolute; left:0; bottom:0; width:46px; height:3px; border-radius:2px; background:var(--red,#e0223a); }

/* карточки связи — ВСЕГДА столбиком (узкая правая колонка на десктопе / мобайл). На этапе 11 «в 1 строку» (этап 10) снято — связь теперь сбоку. */
.okna-kc-grid{ display:grid; grid-template-columns:1fr; gap:12px; }

/* ЭТАП 11: первый экран — карта СЛЕВА, связь СПРАВА (десктоп ≥1000px); мобайл — связь сразу под H1, потом карта (DOM: contacts перед mapcol) */
.okna-kc-top{ margin:6px 0 0; }
.okna-kc-mapcol .okna-karta .wrap{ max-width:none; padding:0; }   /* карта переехала в колонку из full-bleed — снять её собственные отступы */
.okna-kc-mapcol .okna-karta{ background:transparent; }
/* ЭТАП 11.3 P1: заголовок карты — скромный ПОДЗАГОЛОВОК в стиле сайта (был героический h2 clamp 28-44px/800 → перебивал H1 «Контакты»).
   Стиль как у секционного .okna-kc-h2 (20px ink + красный акцент), мельче H1. P2: margin-top:0 → верх левой колонки на одной линии с правой. */
.okna-karta .okna-kc-maptitle{ position:relative; font-size:20px; font-weight:700; line-height:1.25; letter-spacing:0; color:#123d87; margin:0 0 12px; padding-bottom:10px; }
.okna-karta .okna-kc-maptitle::after{ content:""; position:absolute; left:0; bottom:0; width:46px; height:3px; border-radius:2px; background:var(--red,#e0223a); }
.okna-karta .okna-kc-maptitle--mob{ display:none; } /* моб-заголовок «География сервиса» — по умолчанию скрыт, показывается только на телефоне (см. @media≤768) */
.okna-kc-contacts .okna-kc-h2{ margin-top:20px; }
@media (min-width:1025px){
  .okna-kc-top{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:28px; align-items:start; }
  .okna-kc-top .okna-kc-mapcol{ grid-column:1; grid-row:1; min-width:0; }      /* grid-row:1 обязателен: иначе sparse-автопотока кидает карту во 2-й ряд (контакты явно в col2) */
  .okna-kc-top .okna-kc-contacts{ grid-column:2; grid-row:1; position:sticky; top:84px; }
  .okna-kc-top .okna-kc-contacts .okna-kc-h2{ margin-top:0; font-size:20px; }
}
/* W3-P05: карточка связи приведена к макету 14 — радиус 16→14, отступ 18→16/18 */
.okna-kc-card{ display:flex; gap:14px; align-items:center; background:#fff; border:1px solid #e8ecf2; border-radius:14px; padding:16px 18px; text-decoration:none; transition:box-shadow .18s, border-color .18s, transform .18s; }
/* W3-P05: наведение по макету 14 — рамка #cfdcf3→#1c5bd6, тень 12px/.10→10px/.08.
   transform в макете отсутствует и потому оставлен как есть (§1: чего в макете нет — не критерий). */
.okna-kc-card--link:hover{ box-shadow:0 10px 30px rgba(20,40,80,.08); border-color:#1c5bd6; transform:translateY(-2px); }
/* W3-P05: иконка по макету 14 — 46→44 и КРУГ вместо скруглённого квадрата (radius 12→999) */
.okna-kc-card__ic{ flex:0 0 auto; width:44px; height:44px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:#eef3fc; color:#1c5bd6; }
.okna-kc-card__ic svg{ width:20px; height:20px; } /* W3-P05: иконка внутри круга по макету 14 — 22→20 */
.okna-kc-card__body{ min-width:0; display:flex; flex-direction:column; }
.okna-kc-card__label{ font-size:12.5px; font-weight:400; color:#8a94a6; margin:0 0 2px; } /* W3-P05: подпись по макету 14 — 13→12.5, вес 600→400, отступ 3→2 */
.okna-kc-card__val{ font-size:16px; font-weight:800; color:#123d87; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; line-height:1.3; max-width:100%; }
.okna-kc-card--link[data-ev^="click_phone"] .okna-kc-card__val{ font-size:18px; } /* телефоны крупнее */
.okna-kc-card--link:hover .okna-kc-card__val{ color:#1c5bd6; }
.okna-kc-card__val--plain{ font-weight:800; font-size:16px; color:#1d2433; } /* W3-P05: «Режим работы» по макету 14 — вес 700→800, цвет ink вместо синего */

/* ЭТАП 10: центры — ЕДИНЫЙ вид с ПВЗ. Строки списка = .pgroup--center (стили .pgroup общие), деталь = #okna-kc-cdetail (.okna-kc-cityright). */
.okna-karta .pgroup__tag{ flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:#e0223a !important; background:#fdecee; border-radius:999px; padding:3px 9px; white-space:nowrap; }
.okna-karta .pgroup__tag svg{ width:12px; height:12px; }
.okna-kc-cd__addr{ color:#526173; font-size:14px; line-height:1.5; margin:0 0 10px; }
.okna-kc-cd__tel{ display:inline-block; color:#1c5bd6; font-weight:800; font-size:18px; text-decoration:none; margin:0 0 16px; }
.okna-kc-cd__tel:hover{ color:#123d87; }
#okna-kc-cdetail .okna-btn{ display:block; text-align:center; }
/* ★ БЛОК КАРТЫ=МАКЕТ (§2 п.5): телефон + кнопка «Маршрут» в ОДНОМ ряду (телефон слева, кнопка справа) — как в мобильном макете 14 */
.okna-karta .okna-kc-cd__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; } /* ★№21 §1.3: gap 12→10 — на 360 доступная ширина ряда 298 (getComputedStyle, clientWidth, padding 0). При route 119 и gap 12 нужно 299>298 → перенос; gap→10 даёт 297≤298 → перенос закрыт ИМЕННО этим. См. №23 ниже — route→103 добавил запас (не был обязателен для 360). */
.okna-karta .okna-kc-cd__row .okna-kc-cd__tel{ margin:0; min-height:44px; display:inline-flex; align-items:center; } /* ★ №18 §2: зона нажатия телефона ≥44 (был 28px); кегль 18px и цвет не тронуты, только hit-area */
.okna-karta .okna-kc-cd__route{ flex:0 0 auto; width:auto; box-sizing:border-box; min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 8px; line-height:1.2; border-radius:8px; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; white-space:nowrap; /* ★№23 §1: гор.поля 16→8 (~119→103) — ДОБАВЛЯЕТ запас, не «закрывает» 360. На live-боевой (getComputedStyle 27.08, доступно 298): route 119 нужно 297 (запас 1px), route 103 нужно 281 (запас 17px). Нарезка КВ мерила 287 (иное/раннее состояние ряда — ряд с тех пор расширился до 298), там route 119 не влезал. min-height:44 (зона §18) сохранена, кегль не тронут. Перенос закрыт gap-фиксом №21 (см. выше). */
  background:#fff; color:#1c5bd6; border:1px solid #cfe0fb; transition:background-color .15s, border-color .15s, color .15s; }
.okna-karta .okna-kc-cd__route svg{ width:15px; height:15px; flex:0 0 auto; }
.okna-karta .okna-kc-cd__route:hover{ border-color:#1c5bd6; background:#eef3fc; color:#123d87; }

/* ЭТАП 11: гео-бар «Определить местоположение» убран (вместе с CSS .okna-kc-geo*) — ненужная функция. */

/* ЭТАП 9 БАГ-3/6: аккуратный сегмент-контрол (табы карты) в дизайн-системе сайта.
   Было: блёклый .pale-контейнер + серый текст + еле заметный is-on (white+shadow) = «серые теги».
   Стало: читаемый ink-текст, активный — СИНЯЯ заливка/белый текст (бренд), плавная анимация. Перебиваем karta.css (!important). */
/* ★ ПО МАКЕТУ #14 (kcTS): табы = ОТДЕЛЬНЫЕ pill-кнопки (не серая капсула-сегмент).
   Макет: flex gap:8; кнопка height:42 padding:0 16 border-radius:8 border:1.5px; активный
   = синий фон+рамка #1c5bd6/белый; неактивный = белый фон + рамка #dfe5ee, текст #123d87. */
.okna-karta .seg{ background:none !important; border:none !important; border-radius:0 !important; padding:0 !important; box-shadow:none !important; display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:18px 0 !important; }
.okna-karta .side > .okna-kc-mode{ margin-top:0 !important; }
.okna-karta .seg__btn{ display:inline-flex !important; align-items:center; gap:8px; height:42px; padding:0 16px !important; background:#ffffff !important; color:#123d87 !important; font-weight:700 !important; font-size:14px !important; border:1.5px solid #dfe5ee !important; border-radius:8px !important; box-shadow:none !important; cursor:pointer; transition:border-color .2s ease, background .2s ease, color .2s ease !important; }
.okna-karta .seg__btn:hover{ border-color:#1c5bd6 !important; color:#1c5bd6 !important; background:#ffffff !important; box-shadow:none !important; }
.okna-karta .seg__btn.is-on{ background:#1c5bd6 !important; border-color:#1c5bd6 !important; color:#fff !important; box-shadow:none !important; }
.okna-karta .seg__btn .cnt{ opacity:.7; color:inherit !important; font-weight:700 !important; margin-left:6px; }
.okna-karta .seg__btn:hover .cnt{ color:inherit !important; }
.okna-karta .seg__btn.is-on .cnt{ opacity:.7; color:inherit !important; }

/* ФО-аккордеоны в панели карты (внутри .okna-karta) */
/* ===== ЭТАП 7: карта во всю ширину + города ПОД картой (3fr/1fr) + светлая тема списка ===== */
.okna-karta .wrap{ max-width:var(--okna-cw); }
.okna-karta .grid{ display:block !important; }              /* карта на всю ширину, панель — под ней */
.okna-karta .mapbox{ overflow:visible; }                    /* ЭТАП 12.9: visible — всплывашки точек у верхнего края НЕ обрезаются контейнером (раньше hidden клипал их заодно со спиллом гало) */
/* ЭТАП 12.9: всплывашка точки — НАД точкой. Движок (karta.css) давал transform translate(-50%,-12px) → тело уходило ВНИЗ и накрывало маркер/курсор, хвостик ::after указывал в пустоту под точкой. Переворачиваем: тело над точкой, хвостик снизу указывает В точку. z-index выше — у верхнего края рисуется ПОВЕРХ соседей (карта/легенда/табы), не обрезается. */
.okna-karta .tip{ transform:translate(-50%,-100%) !important; z-index:40 !important; }
.okna-karta .legend{ margin-top:10px; }     /* ★ перекрыто ok-kontakty.css — не редактировать здесь */
/* ===== ЭТАП 8: ТАБ ↔ КОНТЕНТ под картой (data-mode на .side управляет режим-блоками) ===== */
.okna-karta .side > .okna-kc-mode{ display:none !important; }
.okna-karta .side[data-mode=centers] #panel-centers,
.okna-karta .side[data-mode=pickup]  #panel-pickup,
.okna-karta .side[data-mode=all]      #panel-all{ display:block !important; }
.okna-kc-mode{ margin-top:22px; }
/* таб «Пункты»: поиск заметный сверху + (УЗКИЙ список городов | ШИРОКАЯ колонка адресов = инверсия приоритета) */
.okna-kc-pvzhead{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 16px; }
.okna-kc-pvzhead .psearch{ flex:1 1 340px; min-width:0; height:48px; font-size:15px; border-radius:var(--ok-radius-search,10px); padding:0 16px; margin:0; } /* Волна 1-бис: поиск ПВЗ 12px→роль поиска 10 */
.okna-kc-pvzhead__n{ font-size:13px; color:#8a94a6; font-weight:600; white-space:nowrap; }
.okna-kc-citywrap{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; } /* ★ ПО МАКЕТУ #14: 1fr 1fr (было minmax(240,1fr) 2.3fr) — левый контейнер 1-в-1 как на «Все адреса», меняется только правая часть */
.okna-kc-cityleft{ min-width:0; }
/* таб «Все адреса»: компактная сводка */
.okna-kc-allsum{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; } /* ★ ПО МАКЕТУ #14: 1fr 1fr (было 1fr 1.4fr) — левый контейнер 1-в-1 с табом «Установочные центры» */
.okna-kc-allsum__h{ font-size:15px; font-weight:800; color:#123d87; margin:0 0 12px; }
.okna-kc-allsum__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0; } /* ★ ПО МАКЕТУ #14: без зазора — сплошной список */
.okna-kc-allsum__city{ display:inline-flex; align-items:center; gap:11px; font:inherit; font-size:14.5px; font-weight:700; color:#123d87 !important; background:#fff !important; border:none; border-bottom:1px solid #eef1f6; border-radius:0; padding:14px 16px; cursor:pointer; width:100%; text-align:left; } /* ★ ПО МАКЕТУ #14: сплошной ряд padding:14px 16px + border-bottom (было бокс border+radius:10, padding:10px 14px) */
.okna-kc-allsum__list li:last-child .okna-kc-allsum__city{ border-bottom:0; }
.okna-kc-allsum__city:hover{ background:#eef3fc !important; }
.okna-kc-allsum__city svg{ width:16px; height:16px; color:#e0223a; }
/* ЭТАП 12.8: причина «жирнее» на «Все адреса» — НЕ вес (оба 700), а ШРИФТ: <button> наследовал системный (-apple-system…) вместо Manrope. Форсируем Manrope как у эталона .okna-karta .pgroup__city → вес 1-в-1. */
.okna-karta .okna-kc-allsum__city{ font-family:Manrope, system-ui, sans-serif !important; }
/* ЭТАП 12.6: блок центров в карточке .plist (как таб «Установочные центры»). .plist даёт рамку+radius+фон, .okna-citygrp__h — серый заголовок. Боксы вровень (padding L/R=0), +8px снизу = как margin у .pgroup--center. */
.okna-kc-allsum__plist .okna-kc-allsum__list{ padding:0 0 8px; }
.okna-kc-allsum__pvz{ background:#eef3fc; border-radius:16px; padding:22px; }
.okna-kc-allsum__t{ font-size:14px; color:#526173; line-height:1.5; margin:0 0 16px; }
.okna-kc-findpvz{ display:inline-flex; align-items:center; font:inherit; font-size:15px; font-weight:700; color:#fff !important; background:var(--blue,#1c5bd6) !important; border:none; border-radius:12px; padding:13px 22px; cursor:pointer; }
.okna-kc-findpvz:hover{ background:#1448aa !important; }
/* поиск — светлый */
.okna-karta .psearch{ background:#fff; border:1px solid #e8ecf2; color:#123d87; }
.okna-karta .psearch:focus{ border-color:#1c5bd6; box-shadow:0 0 0 3px rgba(28,91,214,.12); }
/* список — СВЕТЛАЯ тема сайта (вместо тёмной авторской) */
.okna-karta .plist{ max-height:520px; overflow-y:auto; background:#fff; border:1px solid #e8ecf2 !important; border-radius:16px; } /* ★ max-height перекрыт ok-kontakty.css — не редактировать здесь */
.okna-karta .okna-citygrp{ }
.okna-karta .okna-citygrp__h{ position:sticky; top:0; z-index:1; background:#f5f8fd; color:#8a94a6; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:12px 16px; border-bottom:1px solid #eef1f6; } /* ★ ПО МАКЕТУ #14: заголовок padding:12px 16px (было 9px 14px) */
.okna-karta .pgroup{ border-bottom:1px solid #eef1f6 !important; }
.okna-karta .pgroup:last-child{ border-bottom:0 !important; }
.okna-karta .pgroup__h{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fff !important; border:none !important; border-left:3px solid transparent !important; cursor:pointer; font:inherit; padding:11px 14px !important; text-align:left; }
.okna-karta .pgroup__h:hover{ background:#eef3fc !important; }
.okna-karta .pgroup.is-sel .pgroup__h{ background:#eef3fc !important; border-left-color:#1c5bd6 !important; }
.okna-karta .side .pgroup__city{ font-weight:700; font-size:14.5px; color:#123d87 !important; } /* ★ ПО МАКЕТУ #14: 14.5px (было 15) — совпадает с .okna-kc-allsum__city, шрифт не «прыгает» между табами. .side добавлен: бьём karta.css:71 (.okna-karta .pgroup__city:15px, грузится ПОЗЖЕ) СПЕЦИФИЧНОСТЬЮ, не порядком */
.okna-karta .pgroup__n{ flex:0 0 auto; font-size:12px; font-weight:700; color:#1c5bd6 !important; background:#eef3fc !important; border-radius:999px; padding:2px 9px; }
.okna-karta .pgroup__items{ display:none !important; }      /* адреса — только в правой панели «детали», не инлайн (перебиваем .pgroup.open авторского CSS) */
/* ЭТАП 12.5: строки центров 1-в-1 как «Все адреса» — бокс + пин-метка, без badge «Центр» (этап 10 список/деталь сохранён) */
.okna-karta .pgroup--center{ margin:0; } /* ★ ПО МАКЕТУ #14: без бокса/зазора — border-bottom берётся из базового .pgroup (стр.120), сплошной список */
.okna-karta .pgroup--center .pgroup__h{ border:none !important; border-radius:0; padding:14px 16px !important; gap:11px; justify-content:flex-start; } /* ★ ПО МАКЕТУ #14: ряд padding:14px 16px (было бокс border+radius:10, padding:10px 14px) */
.okna-karta .pgroup--center .pgroup__h:hover{ background:#eef3fc !important; }
.okna-karta .pgroup--center.is-sel .pgroup__h{ background:#eef3fc !important; border-color:#1c5bd6 !important; }
.okna-karta .pgroup--center .pgroup__city{ display:inline-flex; align-items:center; gap:11px; } /* ★ ПО МАКЕТУ #14: зазор пин↔текст 11px (было 8) — 1-в-1 с .okna-kc-allsum__city, не «прыгает» между табами */
.okna-karta .pgroup--center .pgroup__city svg{ width:16px; height:16px; color:#e0223a; flex:0 0 auto; }
/* правая панель — адреса выбранного города: ОСНОВНОЙ контент (широкая), длинный список скроллится ВНУТРИ
   (фикс бага: Москва 121 адрес растягивала страницу — теперь max-height + overflow внутри панели) */
.okna-kc-cityright{ background:#fff; border:1px solid #e8ecf2; border-radius:16px; padding:16px 18px; position:sticky; top:90px; max-height:540px; min-height:220px; display:flex; flex-direction:column; min-width:0; }
.okna-kc-detail__h{ font-size:15px; font-weight:800; color:#123d87; margin:0 0 12px; flex:0 0 auto; }
.okna-kc-detail__body{ overflow-y:auto; min-height:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:0 24px; align-content:start; }
.okna-kc-detail__empty{ grid-column:1/-1; color:#8a94a6; font-size:14px; line-height:1.5; margin:0; }
.okna-kc-detail .prow{ display:flex; gap:9px; align-items:flex-start; padding:9px 0; border-bottom:1px solid #eef1f6; }
.okna-kc-detail .pco{ flex:0 0 auto; font-size:10.5px; font-weight:700; border-radius:6px; padding:2px 6px; margin-top:1px; }
.okna-kc-detail .pco--pek{ background:#e9f0ff; color:#1c5bd6; } .okna-kc-detail .pco--del{ background:#fff0e9; color:#c2410c; }
.okna-kc-detail .paddr{ font-size:13px; color:#526173; line-height:1.45; flex:1 1 auto; min-width:0; }
/* ЭТАП 9 БАГ-5: компактная кнопка «Маршрут» у каждого адреса ПВЗ → Яндекс по адресу */
.okna-karta .okna-prow-route{ flex:0 0 auto; margin-left:auto; align-self:center; display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:#1c5bd6 !important; background:#eef3fc; border:1px solid #d8e4fb; border-radius:8px; padding:5px 10px; text-decoration:none; white-space:nowrap; transition:background .18s, color .18s, border-color .18s; }
.okna-karta .okna-prow-route:hover{ background:#1c5bd6 !important; color:#fff !important; border-color:#1c5bd6; }
.okna-karta .okna-prow-route svg{ width:14px; height:14px; flex:0 0 auto; }
.okna-kc-detail__center{ background:#fdecee; border-radius:10px; padding:10px 12px; margin:0 0 12px; }
.okna-kc-detail__center b{ color:#e0223a; display:block; font-size:13px; }
.okna-kc-detail__center span{ color:#526173; font-size:13px; }
.okna-kc-detail__center a{ color:#1c5bd6; font-weight:700; text-decoration:none; font-size:14px; }

/* ★ W3-P05: узлы карты и её панели в этот файл БОЛЬШЕ НЕ ДОБАВЛЯЮТСЯ.
   §3 пакета требует два раздельных коммита с независимым откатом — вёрстка и
   карта. Пока и то и другое лежит в одном листе, откат «только карты»
   выполняется hunk-level стейджингом внутри общего медиаблока, то есть обещанный
   §5 независимый откат существует лишь на словах.
   Слой карты вынесен в assets/ok-kontakty.css (§2 Allowed это прямо разрешает:
   «NEW oc:assets/ok-kontakty.css — только если требуется слой поверх
   существующего»). Один файл — один коммит, откат — снятием подключения. */

/* реквизиты */
.okna-kc-legal__list{ margin:0; display:grid; gap:0; max-width:780px; }
.okna-kc-legal__list > div{ display:grid; grid-template-columns:210px 1fr; gap:14px; padding:11px 0; border-bottom:1px solid #eef1f6; }
.okna-kc-legal__list > div:last-child{ border-bottom:0; }
.okna-kc-legal__list dt{ color:#8a94a6; font-size:14px; font-weight:600; margin:0; }
.okna-kc-legal__list dd{ color:#25344f; font-size:15px; margin:0; }

@media (max-width:768px){
  .okna-kontakty, .okna-kontakty__wrap{ overflow-x:hidden; }
  .okna-kontakty__wrap{ padding:0 16px; }
  .okna-kontakty__head{ padding:28px 0 4px; }
  .okna-kc-quick{ display:flex; }
  .okna-kc-h2{ font-size:21px; margin:34px 0 16px; }
  /* ★ ИСПРАВЛЕНО (25.08, доводка КК по КАДРУ мобильного макета 14): карточка «Режим работы»
     в мобильном макете ПРИСУТСТВУЕТ в «Быстрых способах связи» — кадр показывает иконку-часы,
     серый label «Режим работы» и жирное значение «Пн–Вс 9:00–21:00» такой же карточкой, как
     остальные. Прежнее скрытие (§4.1 14.08 «в макете её нет») опиралось на утверждение из
     документа, а не на кадр; при сверке замер и кадр разошлись — прав кадр. Карточку возвращаем.
     Вид (label сверху / значение снизу двумя строками) держит базовый .okna-kc-card + __body. */
  .okna-kc-grid .okna-kc-card:not(.okna-kc-card--link){ display:flex; }
  /* ★ БЛОК КАРТЫ КОНТАКТОВ = МАКЕТ (19.08): мобильный макет 14, блок карты сверху вниз —
     заголовок «География сервиса» → превью+«Открыть карту» → легенда → центры (с «Маршрут») → сводка.
     Вводного абзаца .lead в мобильном макете НЕТ (смысл про ПЭК/Деловые линии — в сводке пунктов выдачи).
     Разворот «Пяти дефектов §1» (владелец: макет истина, абзаца на телефоне нет). Десктоп абзац сохраняет. */
  .okna-karta .lead{ display:none; }
  /* Заголовок карты: на телефоне «География сервиса» (десктопный «Замена…» — скрыт, десктоп не тронут) */
  .okna-karta .okna-kc-maptitle--desk{ display:none; }
  .okna-karta .okna-kc-maptitle--mob{ display:block; }
  .okna-kc-legal__list > div{ grid-template-columns:1fr; gap:2px; }
  /* ★ §4.1b (14.08, мобильный макет 14): переключатель режимов карты СКРЫТ на моб —
     карта схлопнута до «Установочных центров» (по умолчанию центры активны из karta.js matchMedia).
     Прежде (ЭТАП 9) сегмент растягивался во всю ширину; макет 14 его на телефоне не показывает. */
  .okna-karta .seg{ display:none !important; }
  /* кнопка «Маршрут» у ПВЗ — на мобайле только иконка (текст прячем, экономим ширину) */
  .okna-karta .okna-prow-route span{ display:none; }
  .okna-karta .okna-prow-route{ padding:6px 8px; }
  /* ★ §4.2a (18.08, макет 14 моб, вариант A): карта на телефоне = карточки центров РАЗВЁРНУТЫ
     (адрес+телефон+кнопка «Показать на карте» = маршрут видны без клика — аккордеон на моб не нужен)
     + компактная сводка пунктов выдачи под ними. Дорабатывает §4.1b (было: только имена центров).
     Метку кнопки центра оставляю сайт-стандартной «Показать на карте» (не «Маршрут») — не трогаю
     общий PHP/десктоп; функция = маршрут по макету. Сводка «N пунктов выдачи в M городах» + кнопка
     уже есть в #panel-all (.okna-kc-allsum__pvz) — на моб показываем её под центрами. */
  .okna-karta #panel-centers .pgroup--center .pgroup__items{ display:block !important; }   /* бьёт .pgroup__items{display:none!important} */
  .okna-karta #panel-centers .plist{ max-height:none; overflow:visible; }      /* все 4 карточки центров целиком (без внутр.скролла 360px) — по макету */
  .okna-karta #panel-centers .okna-kc-cityright{ display:none; }               /* деталь «Выберите центр» — карточки уже развёрнуты */
  .okna-karta .side #panel-all{ display:block !important; margin-top:18px; }    /* panel-all скрыт в centers-режиме (!important) — перекрываем id-селектором */
  .okna-karta .side #panel-all .okna-kc-allsum__centers{ display:none; }        /* список городов panel-all прячем — центры показаны выше */
  /* ★ БЛОК КАРТЫ=МАКЕТ (§2 п.2): кнопка «Открыть карту» НАЛОЖЕНА по центру превью карты (свёрнутое состояние).
     При разворачивании (is-collapsed снят) кнопка «Свернуть» возвращается в обычный поток под картой. */
  .okna-karta .grid > div:has(> .mapbox){ position:relative; }
  .okna-karta .mapbox.is-collapsed ~ .okna-kc-mapbtn{ position:absolute; left:50%; top:calc(var(--okna-map-h-mobile,260px)/2); transform:translate(-50%,-50%);
    width:auto; max-width:none; margin:0; height:auto; padding:13px 26px 13px 46px; white-space:nowrap; z-index:3;
    background:#fff !important; color:#1c5bd6 !important; box-shadow:0 8px 24px rgba(20,40,80,.20); }
  /* значок карты (по макету) слева от текста «Открыть карту» */
  .okna-karta .mapbox.is-collapsed ~ .okna-kc-mapbtn::before{ content:""; position:absolute; left:22px; top:50%; transform:translateY(-50%); width:17px; height:17px;
    background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c5bd6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4 3 6v15l6-2 6 2 6-2V4l-6 2-6-2z'/%3E%3Cpath d='M9 4v15M15 6v15'/%3E%3C/svg%3E"); }
  /* легенда: «Пункт выдачи» без «(ПЭК · Деловые линии)» — эта инфо в сводке (§2 п.4/6); десктоп сохраняет */
  .okna-karta .legend .lg-extra{ display:none; }
  /* ЭТАП 8: блок под картой и сводка «Все» → одна колонка; адреса скроллятся внутри */
  .okna-kc-citywrap{ grid-template-columns:1fr; gap:18px; }
  .okna-kc-cityright{ position:static; max-height:70vh; }
  .okna-kc-allsum{ grid-template-columns:1fr; gap:18px; }
  .okna-kc-mode{ margin-top:18px; }
  .okna-kc-pvzhead .psearch{ flex:1 1 100%; }
  /* компактная preview-карта + кнопка «Открыть карту» */
  .okna-karta .mapbox.is-collapsed{ max-height:var(--okna-map-h-mobile,260px); overflow:hidden; position:relative; }
  .okna-karta .mapbox.is-collapsed::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:60px; background:linear-gradient(180deg,rgba(245,248,253,0),rgba(245,248,253,.95)); pointer-events:none; }
  .okna-kc-mapbtn{ display:block; width:100%; margin:12px 0 0; height:46px; border-radius:8px; font:inherit; font-size:15px; font-weight:700; /* MOBM-08: r12->8 по макету #14 L466 (кнопка «Открыть карту») */
    color:#1c5bd6 !important; background:#eef3fc !important; border:1px solid #cfe0fb; cursor:pointer; }
  .okna-kc-mapbtn.is-open{ color:#526173 !important; background:#fff !important; }
  .okna-karta .plist{ max-height:360px; }   /* ★ перекрыто ok-kontakty.css — не редактировать здесь */
}