/* Подвал. Порт ds-source/components/layout/Footer.jsx.
   Сплошная плашка --footer-bg #202020, без перелива и без линии сверху, стык
   с фоном страницы без черты. 17.09 (четвёртый круг замечаний Степана) плашка
   была #2C2B2C, цвет середины полосы под шапкой; 18.09 затемнена до #202020:
   на телефоне разница с фоном над подвалом была 3-4 из 255 и границы не было
   видно, теперь 14-16 (замер в tokens/colors.css). История 17.09: до третьего
   круга сплошной --bg #0A0A0A с border-top (чёрная плита на фоне-градиенте),
   после третьего круга без заливки (подвал на слое фона страницы), после
   четвёртого - плашка. Линия над строкой «© 2016-2026» (.tf-footer__legal)
   остаётся. */
.tf-footer{padding:64px var(--page-margin,64px) 32px;box-sizing:border-box;background:var(--footer-bg,#202020);color:var(--fg,#F2F2F2);font-family:var(--font-family,"Golos Text","Helvetica Neue",Arial,sans-serif)}
.tf-footer__in{max-width:var(--container-max,1440px);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--gutter,24px);align-items:start}
.tf-footer__col{display:grid;gap:16px;align-content:start}
.tf-footer__label{margin:0;font-size:var(--type-label-size,12px);font-weight:var(--type-label-weight,500);letter-spacing:var(--type-label-ls,0.08em);text-transform:uppercase;line-height:var(--type-label-lh,1.3);color:var(--muted,#B0B0B0)}
.tf-footer__slogan{margin:24px 0 0;font-size:var(--type-label-size,12px);font-weight:500;letter-spacing:var(--type-label-ls,0.08em);text-transform:uppercase;color:var(--fg,#F2F2F2)}
.tf-footer__addr{margin:0;font-size:var(--type-caption-size,14px);line-height:var(--type-caption-lh,1.45);font-style:normal}
/* Значения почты, телефона и адреса в подвале: серебро как текст
   --accent-silver-text #B3B1BC, то же значение, что на «Контактах» (kontakty.css,
   .details__value и .mail__link) и в блоке контактов главной (home.css):
   контакты на странице и в подвале одного цвета. На плашке подвала --footer-bg
   #202020 серебро текста даёт 7,7:1, подписи «Почта», «Телефон», «Адрес» muted
   #B0B0B0 7,5:1; на странице (самая светлая точка фона #484048) 4,72:1 и 4,61:1.
   Прежнее серебро #9795A1 (правка 15.09 по замечанию Виктора) на фоне страницы
   давало 3,39:1. Наведение
   и фокус белые --action, переход 300 мс и подчёркивание заданы в компоненте
   (.tf-contact__value, layout.css) и здесь не дублируются. Общий компонент
   не трогается: правило только для подвала. */
.tf-footer .tf-contact__value{color:var(--accent-silver-text,#B3B1BC)}
.tf-footer .tf-contact:hover .tf-contact__value,
.tf-footer .tf-contact:focus-visible .tf-contact__value{color:var(--action,#FFFFFF)}
.tf-footer__addr{color:var(--accent-silver-text,#B3B1BC)}
.tf-footer__nav{display:grid;gap:4px;justify-items:start}
.tf-footer__legal{max-width:var(--container-max,1440px);margin:64px auto 0;padding-top:24px;border-top:1px solid var(--border,rgba(255,255,255,0.12));display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:var(--type-caption-size,14px);line-height:var(--type-caption-lh,1.45);color:var(--muted,#B0B0B0)}
.tf-footer__legal p{margin:0}
@media (max-width:767px){
  .tf-footer{padding:48px var(--page-margin,20px) 24px}
  .tf-footer__in{grid-template-columns:1fr;gap:40px}
  /* flex-wrap:nowrap обязателен вместе с column: при оставшемся wrap вторая строка
     (реквизиты) уходит во второй столбец за правый край. В DOM она есть,
     на экране её нет. Ловили 05.09.2026. */
  .tf-footer__legal{margin-top:48px;flex-direction:column;flex-wrap:nowrap}
}

/* Подвал страницы «Контакты»: две опоры - логотип со слоганом слева,
   «Разделы» у правого поля. Полный подвал там повторял бы содержимое
   страницы дважды, а при админке заказчик правил бы телефон в двух местах
   и забыл бы одно. Порт правки из dc-source/tf-button-fix.css. */
.tf-footer--contacts .tf-footer__in{grid-template-columns:1fr auto}
.tf-footer--contacts .tf-footer__in .tf-footer__nav{justify-items:end}
.tf-footer--contacts .tf-footer__in nav.tf-footer__col{text-align:right;justify-items:end}
@media (max-width:767px){
  .tf-footer--contacts .tf-footer__in{grid-template-columns:1fr}
  .tf-footer--contacts .tf-footer__in .tf-footer__nav,
  .tf-footer--contacts .tf-footer__in nav.tf-footer__col{justify-items:start;text-align:left}
}