/* ==========================================================================
   /about/ — блоки, которых нет в базовом листе страницы (прогон 6).

   Прогон 5 верстал страницу по стороннему макету: острые углы, моноширинный
   шрифт, волосяные линейки, обесцвеченные логотипы, собственный герой.
   Владелец забраковал — страница выпадала из сайта. Файл переписан так,
   чтобы НОВЫЕ блоки (витрина объектов, ряд брендов, таблица экспертизы,
   документы) выглядели как остальной сайт:

     радиус 13 (--mka-radius), рамка #ecebe7, мягкая тень при наведении,
     жёлтый #fecc2f, шрифт Golos Text, пилюля-надзаголовок,
     ритм секций из mpkm-kimi-about.page.css (padding 40/48).

   Всё, что уже описано в mpkm-kimi-about.page.css (секции, .mka-sec-*,
   .mka-btn, .mka-about-grid, .mka-clients-*, .mka-process-*, .mka-tech-grid),
   НЕ дублируется — используется как есть.

   Герой на этой странице НЕ переопределяется вообще: он общесайтовая
   сущность (.u-hero), и в прогоне 5 именно его переопределения делали
   страницу чужой. Здесь описана только лента городов — в стилистике героя.
   ========================================================================== */

/* --- шапка секции: по левому краю, с кнопкой справа ------------------------ */
.mpkm-kimi-about .mka-sec-h{text-align:left}
.mpkm-kimi-about .mka-sec-title{text-align:left}
.mpkm-kimi-about .mka-sec-sub{margin-left:0;margin-right:0;text-align:left;max-width:70ch}
.mpkm-kimi-about .mka-sec-h--row{display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px 24px;flex-wrap:wrap}
.mpkm-kimi-about .mka-sec-h--row .mka-sec-h__text{min-width:0;flex:1 1 420px}
.mpkm-kimi-about .mka-sec-h--row > .mka-btn,
.mpkm-kimi-about .mka-sec-h--row > .mka-geo__map-btn{flex:0 0 auto}

/* Светлая кнопка «Все объекты» / «Все бренды» — тот же силуэт, что у .mka-btn,
   но на светлом фоне: белая плашка с рамкой канона. */
.mpkm-kimi-about a.mka-btn--light{background:var(--mka-white,#fff);color:var(--mka-text,#15161a);
  border:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about a.mka-btn--light:hover{border-color:var(--mka-yellow,#fecc2f);
  box-shadow:var(--mka-shadow);color:var(--mka-text,#15161a)}

/* --- лента населённых пунктов в герое -------------------------------------- */
/* Единственное, что этот файл добавляет герою. Оформление взято у самого героя:
   приглушённый белый на тёмном, разделитель — фирменный жёлтый. */
.mpkm-kimi-about .u-hero__ticker{margin-top:18px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.14);
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 48px),transparent 100%)}
.mpkm-kimi-about .u-hero__ticker::-webkit-scrollbar{display:none}
.mpkm-kimi-about .u-hero__ticker-row{display:inline-flex;align-items:baseline;white-space:nowrap;
  font-size:13px;line-height:1.4}
/* SOL34 C2: правило снято — геометрию и цвет героя задаёт один файл
   mpkm-hero.css (светлый канон .u-hero). */
.mpkm-kimi-about .u-hero__ticker-sep{margin-inline:10px;color:var(--brand,#fecc2f)}

/* --- ряд брендов ----------------------------------------------------------- */
/* Логотипы в цвете: обесцвечивание в прошлом прогоне делало ряд мёртвым. */
.mpkm-kimi-about .mka-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;margin-top:24px}
.mpkm-kimi-about .mka-brand{display:flex;align-items:center;justify-content:center;
  min-height:108px;padding:24px;background:var(--mka-white,#fff);
  border:1px solid var(--mka-border,#ecebe7);border-radius:var(--mka-radius,13px);
  transition:var(--mka-tr)}
.mpkm-kimi-about .mka-brand:hover{border-color:var(--mka-yellow,#fecc2f);box-shadow:var(--mka-shadow)}
/* Выравнивание ОПТИЧЕСКОЕ, а не по габаритам файла: логотипы отдаются
   обрезанными от пустых полей, и высота задаётся каждому отдельно —
   ширококонечные словесные знаки на одну высоту начертания, составной знак
   РЕКС выше (у него сверху рисунок), плотный тёмный DUROCEM ниже прочих,
   иначе он перевешивает ряд. */
.mpkm-kimi-about .mka-brand img{height:var(--mka-logo-h,26px);width:auto;
  max-width:100%;object-fit:contain}
.mpkm-kimi-about .mka-brand--mapei{--mka-logo-h:26px}
.mpkm-kimi-about .mka-brand--reks{--mka-logo-h:52px}
.mpkm-kimi-about .mka-brand--durocem{--mka-logo-h:22px}
.mpkm-kimi-about .mka-brand--carbonwrap{--mka-logo-h:26px}
.mpkm-kimi-about .mka-brand--huntsman{--mka-logo-h:26px}
.mpkm-kimi-about .mka-brand--akvabarer{--mka-logo-h:28px}

/* --- география: карта и подпись под ней ------------------------------------ */
.mpkm-kimi-about .mka-geo__map{margin-top:20px;border:1px solid var(--mka-border,#ecebe7);
  border-radius:var(--mka-radius,13px);overflow:hidden;background:var(--mka-gray-bg,#f7f5f1)}
.mpkm-kimi-about .mka-geo__map .objects-catalog__map-el{height:400px;min-height:400px}
.mpkm-kimi-about .mka-geo__foot{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;
  margin:16px 0 0;text-align:left}
.mpkm-kimi-about .mka-geo__all{color:var(--mka-text,#15161a);font-weight:700;
  text-decoration:underline 1px}
.mpkm-kimi-about .mka-geo__all:hover{color:#000}
.mpkm-kimi-about .mka-geo__upd{font-size:13px;color:var(--mka-text-muted,#6e7178)}
.mpkm-kimi-about .mka-geo__note{text-align:left}
.mpkm-kimi-about .mka-geo__fallback{margin:16px 0 0;font-size:15px}

/* --- CTA: надзаголовок на тёмном ------------------------------------------- */
.mpkm-kimi-about .mka-sec-label--dark{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72)}

/* ==========================================================================
   МОБИЛЬНАЯ
   ========================================================================== */
@media (max-width:1100px){
  .mpkm-kimi-about .mka-brands{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:899px){
  .mpkm-kimi-about .mka-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* В колонке flex-basis становится ВЫСОТОЙ — из-за 420px под заголовком
     секции зияла пустая полоса. */
  .mpkm-kimi-about .mka-sec-h--row{align-items:flex-start;flex-direction:column}
  .mpkm-kimi-about .mka-sec-h--row .mka-sec-h__text{flex:0 0 auto;width:100%}
  .mpkm-kimi-about .mka-geo__map .objects-catalog__map-el{height:300px;min-height:300px}
}
@media (max-width:560px){
  .mpkm-kimi-about .mka-brands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpkm-kimi-about .mka-obj__name,
  .mpkm-kimi-about .mka-obj__what,
  .mpkm-kimi-about .mka-obj__city{word-break:normal;overflow-wrap:break-word;
    -webkit-hyphens:auto;hyphens:auto}
  .mpkm-kimi-about .mka-obj__name{font-size:15px}
  .mpkm-kimi-about .mka-obj__body{padding:14px}
  /* Пары «параметр — значение» складываются в строки — иначе левая колонка
     в 34% рвёт слова. */
  .mpkm-kimi-about .mka-spec__row{grid-template-columns:1fr;gap:2px}
}

/* --- выравнивание по левому краю ------------------------------------------- */
/* Базовый лист центрирует .mka-about-grid и .mka-tech-grid в 1000px. При
   центрированных заголовках секций это читалось, при левых — колонки
   отъезжают вправо от заголовка. Ставим их на общий левый край. */
.mpkm-kimi-about .mka-about-grid,
.mpkm-kimi-about .mka-tech-grid{max-width:none;margin-left:0;margin-right:0}
@media (min-width:900px){
  .mpkm-kimi-about .mka-about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .mpkm-kimi-about .mka-tech-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}

/* main.css рисует «— » перед каждым <li> внутри .text — в списке клиентов
   маркер уже есть, это иконка. */

/* --- добивка мобильной ----------------------------------------------------- */
@media (max-width:899px){
  /* objects-catalog.css держит обёртку карты на 400px; на мобильной полотно
     300px, и под ним оставалась серая полоса в 100px. */
  .mpkm-kimi-about .mka-geo__map{height:300px}
  /* Та же ловушка flex-basis, что и в шапке секции: в колонке 380px становится
     высотой, и между текстом CTA и кнопками зияла пустая полоса. */
  .mpkm-kimi-about .mka-cta-band__text{flex:0 0 auto;width:100%}
}

/* ==========================================================================
   СВЕРКА С ЭТАЛОНАМИ САЙТА (замер /remont-betona/, /dostavka/, /company/*)
   ========================================================================== */

/* Корпус страницы. Базовый лист объявлял на контейнере 15px/1.5 — своя
   типографическая база, которой нет больше ни на одной странице. Канон
   контентного текста: 16px / 1.65 / #5b5e66. */
.mpkm-kimi-about{font-size:16px;line-height:1.65}
.mpkm-kimi-about .mka-about-text p,
.mpkm-kimi-about .mka-tech-main p{font-size:16px;line-height:1.65;color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-sec-sub{color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-about-text p strong,
.mpkm-kimi-about .mka-tech-main p strong{color:var(--mka-text,#15161a)}

/* Кнопки — геометрия .u-btn (mpkm-ui.css): радиус 13, высота 48, вес 700,
   рамка 1.5px, при наведении меняется ФОН, а не рамка с тенью. */
.mpkm-kimi-about .mka-btn,
.mpkm-kimi-about .mka-cta-band__btn{border-radius:var(--mka-radius,13px);
  min-height:48px;padding:0 26px;font-weight:700;border-width:1.5px;
  transition:background .18s ease,border-color .18s ease}
.mpkm-kimi-about a.mka-btn--light{border-color:var(--mka-border,#ecebe7)}
.mpkm-kimi-about a.mka-btn--light:hover{background:var(--wash,#f7f5f1);
  border-color:var(--mka-border,#ecebe7);box-shadow:none}
.mpkm-kimi-about a.mka-btn--accent{background:var(--brand,#fecc2f);
  border-color:var(--brand,#fecc2f);color:#2e2e2e}
.mpkm-kimi-about a.mka-btn--accent:hover{background:var(--brand-d,var(--brand-d,#f0bd16));
  border-color:var(--brand-d,var(--brand-d,#f0bd16));color:#2e2e2e;box-shadow:none}
.mpkm-kimi-about .mka-cta-band__btn--primary:hover{background:var(--brand-d,var(--brand-d,#f0bd16));
  border-color:var(--brand-d,var(--brand-d,#f0bd16))}

/* Кнопка-тоггл карты — тот же силуэт, что и остальные светлые кнопки. */
.mpkm-kimi-about .mka-geo__map-btn{border-radius:var(--mka-radius,13px);min-height:48px;
  padding:0 26px;font-weight:700;font-size:15px;border:1.5px solid var(--mka-border,#ecebe7);
  background:#fff;color:var(--mka-text,#15161a);box-shadow:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.mpkm-kimi-about .mka-geo__map-btn:hover:not(:disabled){background:var(--wash,#f7f5f1);
  border-color:var(--mka-border,#ecebe7)}

/* Карточка документа — тот же радиус, что у соседних карточек этой страницы. */
.mpkm-kimi-about .mka-doc{border-radius:var(--mka-radius,13px);padding:12px 14px}

/* Текстовые ссылки: подчёркивание фирменным жёлтым с отбивкой — как в .text
   на страницах каталога. */
.mpkm-kimi-about .mka-txt-link,
.mpkm-kimi-about .mka-geo__all{color:var(--mka-text,#15161a);font-weight:700;
  text-decoration:underline;text-decoration-color:var(--brand,#fecc2f);
  text-decoration-thickness:1px;text-underline-offset:2px}
.mpkm-kimi-about .mka-txt-link:hover,
.mpkm-kimi-about .mka-geo__all:hover{color:var(--mka-text,#15161a);
  text-decoration-color:var(--brand-d,var(--brand-d,#f0bd16))}

/* Надзаголовок на тёмной ленте: глобальное правило красит его в серый
   (контраст 3.2 на графите) — на тёмном канон сайта светлый полупрозрачный. */
.mpkm-kimi-about .mka-sec-label--dark{background:rgba(255,255,255,.1)!important;
  color:rgba(255,255,255,.72)!important}

/* Общесайтовые правила надзаголовка и текст-CTA заданы через #wrapper + !important
   (mpkm-ui.css:285, :110) — точечные исключения приходится писать той же силой. */
#wrapper .mpkm-kimi-about .mka-sec-label--dark{color:rgba(255,255,255,.72)!important}
#wrapper .mpkm-kimi-about .mka-geo__all{text-decoration-color:var(--brand,#fecc2f)!important;
  text-underline-offset:2px}

/* Тёмный блок внутри колонки контента — на всех страницах этой семьи он
   скруглённая карточка: /dostavka/ .mpkm-kimi-dostavka__section--dark 13px,
   /oplata/ .mko-kimi-cta 13px, /proektirovschikam/ .mpkm-proekt-contact 13px.
   На /about/ он оставался прямоугольным. */
#wrapper .mpkm-kimi-about .mka-cta-band{border-radius:var(--mka-radius,13px)}

/* ==========================================================================
   ПРОГОН 7 — переверстка блоков. Одна линия выравнивания на блок, минус декор.
   Токены сайта: жёлтый #fecc2f, радиус 13, линия #ecebe7, шрифт Golos Text.
   ========================================================================== */

/* --- «Кто мы»: текст на 8 колонок, типы заказчиков лентой под ним ---------- */
/* Карточка справа снята: под коротким текстом оставалась дыра в пол-экрана. */
.mpkm-kimi-about .mka-who{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.mpkm-kimi-about .mka-who__text{grid-column:span 8;min-width:0}
.mpkm-kimi-about .mka-who__text p{margin:0;font-size:17px;line-height:1.7;color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-who__text p + p{margin-top:16px}
.mpkm-kimi-about .mka-who__text strong{font-weight:700;color:var(--mka-text,#15161a)}

.mpkm-kimi-about .mka-audience{display:grid;grid-template-columns:repeat(7,1fr);
  margin-top:44px;border-top:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-aud{position:relative;padding:20px 16px 0 0;
  border-right:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-aud:last-child{border-right:0}
.mpkm-kimi-about .mka-aud + .mka-aud{padding-left:16px}
.mpkm-kimi-about .mka-aud::before{content:"";position:absolute;top:-2px;left:0;
  width:4px;height:4px;border-radius:50%;background:var(--brand,#fecc2f)}
.mpkm-kimi-about .mka-aud + .mka-aud::before{left:16px}
.mpkm-kimi-about .mka-aud__n{font-size:11px;font-weight:700;letter-spacing:.06em;color:#5b5e66}
.mpkm-kimi-about .mka-aud__t{margin-top:8px;font-size:14px;font-weight:600;line-height:1.35;
  color:var(--mka-text,#15161a)}

/* --- Процесс: одна линия, шесть узлов, всё под узлом по левому краю -------- */
.mpkm-kimi-about .mka-flow{position:relative;margin-top:36px}
.mpkm-kimi-about .mka-flow__line{position:absolute;left:0;right:0;top:7px;height:1px;
  background:var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-flow__steps{position:relative;display:grid;
  grid-template-columns:repeat(6,1fr);gap:24px}
.mpkm-kimi-about .mka-fstep__dot{position:relative;z-index:1;display:flex;
  align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;
  background:#fff;border:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-fstep__dot i{display:block;width:7px;height:7px;border-radius:50%;background:#d6d5d0}
.mpkm-kimi-about .mka-fstep:first-child .mka-fstep__dot{border-color:var(--brand,#fecc2f)}
.mpkm-kimi-about .mka-fstep:first-child .mka-fstep__dot i{background:var(--brand,#fecc2f)}
.mpkm-kimi-about .mka-fstep__n{margin-top:18px;font-size:12px;font-weight:700;
  letter-spacing:.08em;color:#5b5e66}
.mpkm-kimi-about .mka-fstep__t{margin-top:6px;font-size:17px;font-weight:700;line-height:1.25;
  color:var(--mka-text,#15161a)}
.mpkm-kimi-about .mka-fstep__d{margin-top:8px;font-size:14px;line-height:1.5;color:var(--ink2,#5b5e66)}

/* --- Витрина объектов ------------------------------------------------------ */
/* Все четыре карточки одной высоты: название обрезано двумя строками,
   описание — тремя, строка перехода прижата к низу через margin-top:auto. */
.mpkm-kimi-about .mka-objs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;margin-top:36px}
.mpkm-kimi-about .mka-obj{display:flex;flex-direction:column;min-width:0;overflow:hidden;
  text-decoration:none;color:inherit;background:#fff;
  border:1px solid var(--mka-border,#ecebe7);border-radius:var(--mka-radius,13px);
  transition:border-color .18s ease}
.mpkm-kimi-about .mka-obj:hover{border-color:#d9d7d1}
.mpkm-kimi-about .mka-obj__ph{display:block;aspect-ratio:4/3;overflow:hidden;
  background:var(--mka-gray-bg,#f7f5f1)}
.mpkm-kimi-about .mka-obj__ph img{display:block;width:100%;height:100%;object-fit:cover}
.mpkm-kimi-about .mka-obj__b{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.mpkm-kimi-about .mka-obj__meta{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:#a9abb2;line-height:1.45}
/* Каждая строка служебной шапки — ровно одна строка: тип сверху, место снизу.
   Обе с многоточием, если данные окажутся длиннее ожидаемого. */
.mpkm-kimi-about .mka-obj__type,
.mpkm-kimi-about .mka-obj__place{display:block;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.mpkm-kimi-about .mka-obj__place{color:var(--mka-text,#15161a)}
/* SOL39 §C1: тип объекта шёл приглушённым серым 2,29 на белом. */
.mpkm-kimi-about .mka-obj__type{color:#5b5e66}
.mpkm-kimi-about .mka-obj__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;margin-top:9px;min-height:2.6em;font-size:17px;font-weight:700;line-height:1.3;
  color:var(--mka-text,#15161a)}
/* Ровно три строки: у части объектов описание в одну строку, и без фиксации
   высоты строка перехода поднималась, а внутри карточек появлялись дыры разного
   размера. 3 × 1.5 = 4.5em. */
.mpkm-kimi-about .mka-obj__d{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;margin-top:8px;min-height:4.5em;font-size:14px;line-height:1.5;
  color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-obj__f{margin-top:auto;padding-top:14px;
  border-top:1px solid var(--mka-border,#ecebe7);font-size:13px;font-weight:600;
  color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-obj:hover .mka-obj__f{color:var(--mka-text,#15161a)}

/* --- Экспертиза: обе колонки от одной верхней линии ------------------------ */
.mpkm-kimi-about .mka-exp{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;
  margin-top:36px;border-top:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-exp__l{grid-column:span 7;min-width:0}
.mpkm-kimi-about .mka-exp__r{grid-column:9 / span 4;min-width:0}
.mpkm-kimi-about .mka-spec__row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;
  padding:14px 0;border-bottom:1px solid var(--mka-border,#ecebe7)}
.mpkm-kimi-about .mka-spec__k{font-size:15px;font-weight:700;color:var(--mka-text,#15161a)}
.mpkm-kimi-about .mka-spec__v{font-size:15px;line-height:1.5;color:var(--ink2,#5b5e66)}
.mpkm-kimi-about .mka-price{margin:24px 0 0;padding:18px 20px;background:#fff8e3;
  border-radius:var(--mka-radius,13px);font-size:15px;line-height:1.6}
/* Служебная строка правой колонки повторяет шаг строки таблицы слева,
   поэтому обе колонки идут вровень. */
.mpkm-kimi-about .mka-exp__cap{padding:14px 0;border-bottom:1px solid var(--mka-border,#ecebe7);
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#5b5e66}
.mpkm-kimi-about .mka-drow{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0;border-bottom:1px solid var(--mka-border,#ecebe7);text-decoration:none;color:inherit}
.mpkm-kimi-about .mka-drow span{font-size:15px;font-weight:600;color:var(--mka-text,#15161a)}
.mpkm-kimi-about .mka-drow em{flex:0 0 auto;font-style:normal;font-size:13px;color:#5b5e66}
.mpkm-kimi-about .mka-drow:hover span{box-shadow:inset 0 -1px var(--brand,#fecc2f)}
.mpkm-kimi-about .mka-exp__note{margin:20px 0 0;font-size:14px;line-height:1.55;color:var(--ink2,#5b5e66)}

/* --- Мобильная ------------------------------------------------------------- */
@media (max-width:899px){
  .mpkm-kimi-about .mka-who__text{grid-column:span 12}
  /* лента заказчиков — в две колонки */
  .mpkm-kimi-about .mka-audience{grid-template-columns:repeat(2,1fr);border-top:0;margin-top:28px}
  .mpkm-kimi-about .mka-aud{border-right:0;border-top:1px solid var(--mka-border,#ecebe7);
    padding:16px 0 16px 14px}
  .mpkm-kimi-about .mka-aud + .mka-aud{padding-left:14px}
  .mpkm-kimi-about .mka-aud::before,
  .mpkm-kimi-about .mka-aud + .mka-aud::before{left:0;top:18px}

  /* процесс — вертикальный список с узлом слева, линия скрыта */
  .mpkm-kimi-about .mka-flow__line{display:none}
  .mpkm-kimi-about .mka-flow__steps{grid-template-columns:1fr;gap:0}
  .mpkm-kimi-about .mka-fstep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;
    align-items:start;padding:20px 0;border-top:1px solid var(--mka-border,#ecebe7)}
  .mpkm-kimi-about .mka-fstep__dot{margin-top:5px}
  .mpkm-kimi-about .mka-fstep__n{grid-column:2;margin-top:0}
  .mpkm-kimi-about .mka-fstep__t,
  .mpkm-kimi-about .mka-fstep__d{grid-column:2}

  .mpkm-kimi-about .mka-objs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mpkm-kimi-about .mka-exp__l,
  .mpkm-kimi-about .mka-exp__r{grid-column:span 12}
  .mpkm-kimi-about .mka-exp__r{margin-top:24px}
}
@media (max-width:560px){
  .mpkm-kimi-about .mka-spec__row{grid-template-columns:120px minmax(0,1fr);gap:12px}
  .mpkm-kimi-about .mka-obj__b{padding:14px}
  .mpkm-kimi-about .mka-obj__t{font-size:15px}
  .mpkm-kimi-about .mka-obj__t,
  .mpkm-kimi-about .mka-obj__d,
  .mpkm-kimi-about .mka-obj__meta{word-break:normal;overflow-wrap:break-word;
    -webkit-hyphens:auto;hyphens:auto}
}


/* main.css в @media (max-width:768px) задаёт «.text img, .main img{height:auto!important}»
   — без такой же силы логотипы на мобильной теряют заданную оптическую высоту. */
#wrapper .mpkm-kimi-about .mka-brand img{height:var(--mka-logo-h,26px)!important;
  width:auto!important;max-width:100%!important}

/* На узком экране плитка вдвое уже, и широкие словесные знаки упирались
   в ширину: max-width сжимал их, а вместе с шириной падала и оптическая
   высота. Уменьшаем заданные высоты пропорционально — ряд остаётся ровным. */
@media (max-width:560px){
  .mpkm-kimi-about .mka-brand{min-height:92px;padding:18px}
  .mpkm-kimi-about .mka-brand--mapei{--mka-logo-h:21px}
  .mpkm-kimi-about .mka-brand--reks{--mka-logo-h:42px}
  .mpkm-kimi-about .mka-brand--durocem{--mka-logo-h:18px}
  .mpkm-kimi-about .mka-brand--carbonwrap{--mka-logo-h:21px}
  .mpkm-kimi-about .mka-brand--huntsman{--mka-logo-h:21px}
  .mpkm-kimi-about .mka-brand--akvabarer{--mka-logo-h:22px}
}