/* ============================================================================
   §0. HOTFIX 2026-05-03: legacy footer.footer::after — отключение.

   В bitrix/templates/.default/css/style_template.css есть правило
   `footer.footer::after { content: ''; width: 50%; left: 50%; top: 0;
   bottom: 0; position: absolute; background: #0056a6; }` — синий блок
   шириной 50% на правой половине подвала, который раньше играл роль
   фона под колонкой контактов `.f-content__col--cont`. После переноса
   контактов в `.lk-footer-contacts-row` эта половинка висит без
   контента и портит вид. Отключаем.

   Водяной знак (`.footer.footer { background-image: logo_apmo_h2.png }`)
   живёт на ОТДЕЛЬНОМ правиле — не трогаем, остаётся как был.
   ============================================================================ */

footer.footer::after {
	display: none !important;
	content: none !important;
}

/* Центрирование водяного знака эмблемы АПМО.
   Legacy style_template.css задаёт `background-position: left 25% top 30px`,
   что после нового layout (карта 4×2 + контакт-кнопки) выглядит смещённо.
   Сдвигаем эмблему по центру горизонтали, вертикальный отступ сохраняем. */
.footer.footer {
	background-position: center top 30px !important;
}

/* ============================================================================
   footer-l2-grid.css — сетка карты сайта в подвале (8 L1 + контакты).

   ВАЖНО: работает В ДОПОЛНЕНИЕ к footer-evolve.css (тот остаётся —
   соцсети-пилюли, контакты-иконки, .totop CTA продолжают рисоваться им).
   ВАЖНО: НЕ трогает .footer / .footer__content / .f-content базовый
   layout (живёт в style_template.css прода). Новый блок
   .lk-footer-l2-grid встаёт flex-child'ом рядом с .f-content__col--cont.

   Структура:
     §1 — иконки колонок (SVG-mask, fe-ico-*).
          Часть иконок дублируется из footer-evolve.css §1, чтобы CSS был
          самодостаточен и не зависел от порядка подключения.
     §2 — контейнер .lk-footer-l2-grid (grid 8/4/3/2/1 по брейкпоинтам).
     §3 — колонка .lk-footer-l2-col (заголовок + список).
     §4 — мобильный accordion через <details> (опциональная фишка).
     §5 — reduced-motion.
   ============================================================================ */

/* ──────────────────────────────────────────────────────────────────────── *
 * §1. Иконки колонок (Bootstrap Icons MIT). Дублируем нужные из
 *     footer-evolve.css §1 — чтобы footer-l2-grid.css был автономен.
 * ──────────────────────────────────────────────────────────────────────── */

.lk-footer-l2-col__icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
	opacity: .9;
}

/* Уже есть в footer-evolve.css §1, но дублируем для автономности */
.fe-ico-shield-check {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56'/><path d='M10.854 5.146a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.293l3.146-3.147a.5.5 0 0 1 .708 0'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56'/><path d='M10.854 5.146a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.293l3.146-3.147a.5.5 0 0 1 .708 0'/></svg>");
}

.fe-ico-journal-text {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/><path d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/><path d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/><path d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/><path d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/></svg>");
}

/* Briefcase — Адвокатам */
.fe-ico-briefcase {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5m1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0M1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5m1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0M1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5'/></svg>");
}

/* Mortarboard — Претендентам */
.fe-ico-mortarboard {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917z'/><path d='M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917z'/><path d='M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466z'/></svg>");
}

/* House-heart — Гражданам */
.fe-ico-house-heart {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982'/><path d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982'/><path d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/></svg>");
}

/* Exclamation-diamond — Дисциплинарная практика */
.fe-ico-exclamation-diamond {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.48 1.48 0 0 1 0-2.098zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z'/><path d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.48 1.48 0 0 1 0-2.098zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z'/><path d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0z'/></svg>");
}

/* Award — Стажёрам (как и в footer-evolve.css §1, но дублируем) */
.fe-ico-award {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702z'/><path d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702z'/><path d='M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z'/></svg>");
}

/* List-ul — Реестры */
.fe-ico-list-ul {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 4a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0'/></svg>");
}

/* People — для совместимости */
.fe-ico-people {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 13c-.078-.198-.16-.479-.16-.836 0-.892.466-1.989 1.252-3.034C7.578 9.043 7.063 9 6.5 9c-4 0-5 3-5 4s1 1 1 1zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 3.97a.5.5 0 0 0-.35-.616 1.5 1.5 0 0 1-1-1.063A1.5 1.5 0 0 1 6 1c.243 0 .47.057.677.156a.5.5 0 0 0 .433-.901A2.5 2.5 0 0 0 6 0a2.5 2.5 0 0 0-2 4 2.5 2.5 0 0 0 1.36.901.5.5 0 0 0 .576-.93z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 13c-.078-.198-.16-.479-.16-.836 0-.892.466-1.989 1.252-3.034C7.578 9.043 7.063 9 6.5 9c-4 0-5 3-5 4s1 1 1 1zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 3.97a.5.5 0 0 0-.35-.616 1.5 1.5 0 0 1-1-1.063A1.5 1.5 0 0 1 6 1c.243 0 .47.057.677.156a.5.5 0 0 0 .433-.901A2.5 2.5 0 0 0 6 0a2.5 2.5 0 0 0-2 4 2.5 2.5 0 0 0 1.36.901.5.5 0 0 0 .576-.93z'/></svg>");
}

/* ──────────────────────────────────────────────────────────────────────── *
 * §2. Контейнер сетки .lk-footer-l2-grid
 *     Карта сайта живёт ВНУТРИ .footer__content.f-content и занимает
 *     всю ширину. Контакты больше НЕ внутри .f-content — они в отдельном
 *     блоке .lk-footer-contacts-row под картой (см. §2b).
 * ──────────────────────────────────────────────────────────────────────── */

.footer .footer__content > .lk-footer-l2-grid {
	flex: 1 1 100%;
	min-width: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px 24px;
	align-items: start;
	overflow-wrap: anywhere;
	word-break: break-word;
}

@media (max-width: 991px) {
	.footer .footer__content > .lk-footer-l2-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (max-width: 600px) {
	.footer .footer__content > .lk-footer-l2-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* ──────────────────────────────────────────────────────────────────────── *
 * §2b. Контакт-кнопки (.lk-footer-contacts-row)
 *      4 синие плитки в одну строку на десктопе. На ≤991 — один общий
 *      синий блок с вертикальным списком (как было в эталоне прода).
 *      Внутри .footer__card--contacts (приходит из include/footer_contacts.php)
 *      4 .contact-line — превращаются в карточки через grid + фон.
 * ──────────────────────────────────────────────────────────────────────── */

.lk-footer-contacts-row {
	margin: 24px 0 16px;
}

/* footer_contacts.php в legacy-стиле даёт фон+padding на .footer__card--contacts.
   Перебиваем: на десктопе делаем контейнер прозрачным, на мобиле — синим. */
.lk-footer-contacts-row .footer__card--contacts {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	white-space: normal;
}

.lk-footer-contacts-row .contact-line {
	display: flex !important;
	align-items: center;
	gap: 10px !important;
	margin: 0 !important;
	padding: 14px 16px !important;
	background: #0056a6;
	border-radius: 12px;
	color: #fff;
	font-size: 14px;
	line-height: 1.4 !important;
	white-space: normal !important;
	box-shadow: 0 2px 6px rgba(0, 86, 166, .15);
	transition: background-color 180ms, transform 180ms, box-shadow 180ms;
}

.lk-footer-contacts-row .contact-line:hover,
.lk-footer-contacts-row .contact-line:focus-within {
	background: #003366;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 86, 166, .35);
}

/* Скрываем эмодзи .contact-icon (footer-evolve.css §5 уже это делает,
   но дублируем для самостоятельности этого bundle, если evolve выключен). */
.lk-footer-contacts-row .contact-line .contact-icon {
	display: none !important;
}

/* SVG-иконка слева через ::before — :nth-of-type для 4 строк по порядку. */
.lk-footer-contacts-row .contact-line::before {
	content: "";
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: contain;
	        mask-size: contain;
}

/* 1: адрес → geo-alt-fill */
.lk-footer-contacts-row .contact-line:nth-of-type(1)::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/></svg>");
}

/* 2: телефон 1 → telephone-fill */
.lk-footer-contacts-row .contact-line:nth-of-type(2)::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/></svg>");
}

/* 3: телефон 2 → headset (ЕЦ-СЮП) */
.lk-footer-contacts-row .contact-line:nth-of-type(3)::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v5a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 11h-1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v5a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 11h-1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5'/></svg>");
}

/* 4: email → envelope-fill */
.lk-footer-contacts-row .contact-line:nth-of-type(4)::before {
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z'/></svg>");
	        mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z'/></svg>");
}

/* Текст и ссылки внутри карточек — белые. */
.lk-footer-contacts-row .contact-line a,
.lk-footer-contacts-row .contact-line a:visited {
	color: #fff !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, .4);
	transition: border-color 180ms;
}
.lk-footer-contacts-row .contact-line a:hover,
.lk-footer-contacts-row .contact-line a:focus {
	border-bottom-color: #fff;
	text-decoration: none !important;
}

/* На ≤991 — один общий синий блок (вертикально, как в эталоне прода). */
@media (max-width: 991px) {
	.lk-footer-contacts-row .footer__card--contacts {
		grid-template-columns: 1fr;
		gap: 0;
		background: #0056a6 !important;
		padding: 18px 20px !important;
		border-radius: 12px;
	}
	.lk-footer-contacts-row .contact-line {
		background: transparent;
		box-shadow: none;
		padding: 6px 0 !important;
		border-radius: 0;
	}
	.lk-footer-contacts-row .contact-line:hover,
	.lk-footer-contacts-row .contact-line:focus-within {
		background: transparent;
		transform: none;
		box-shadow: none;
	}
}

/* ──────────────────────────────────────────────────────────────────────── *
 * §3. Колонка .lk-footer-l2-col
 * ──────────────────────────────────────────────────────────────────────── */

.lk-footer-l2-col {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
}

.lk-footer-l2-col__title,
.lk-footer-l2-col__title:visited {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	color: #003366;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 180ms, color 180ms;
}

.lk-footer-l2-col__title:hover,
.lk-footer-l2-col__title:focus,
.lk-footer-l2-col__title:focus-visible {
	color: #0056a6;
	border-bottom-color: #0056a6;
	text-decoration: none;
	outline: none;
}

.lk-footer-l2-col__icon {
	color: #003366;
}

.lk-footer-l2-col__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lk-footer-l2-col__list li {
	margin: 0;
	padding: 0;
}

.lk-footer-l2-col__link,
.lk-footer-l2-col__link:visited {
	display: inline-block;
	font-size: 13px;
	line-height: 1.4;
	color: #212121;
	text-decoration: none;
	transition: color 180ms;
}

.lk-footer-l2-col__link:hover,
.lk-footer-l2-col__link:focus,
.lk-footer-l2-col__link:focus-visible {
	color: #0056a6;
	text-decoration: underline;
	outline: none;
}

/* ──────────────────────────────────────────────────────────────────────── *
 * §4. Мобильный accordion (опционально, на <768px).
 *     Если PHP-шаблон обернёт колонку в <details>, эти стили активируются.
 *     Сейчас шаблон не использует <details> — стили задел на будущее.
 * ──────────────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
	.lk-footer-l2-col details > summary {
		list-style: none;
		cursor: pointer;
	}
	.lk-footer-l2-col details > summary::-webkit-details-marker {
		display: none;
	}
	.lk-footer-l2-col details:not([open]) .lk-footer-l2-col__list {
		display: none;
	}
}

/* ──────────────────────────────────────────────────────────────────────── *
 * §5. Reduced-motion
 * ──────────────────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
	.lk-footer-l2-col__title,
	.lk-footer-l2-col__link {
		transition: none;
	}
}