/* Подвал раздела. Палитра своя, а не из токенов страницы: подвал одинаково тёмный
   и в тёмной теме, и в светлой — так он отделяет раздел от остальной страницы
   и одинаково выглядит на листинге и на карточке проекта. */

.btf {
  --btf-bg: #1a1f2e;
  --btf-text: #e8ecf3;
  --btf-dim: #8f9bb0;
  margin-top: 64px;
  background: var(--btf-bg);
  color: var(--btf-text);
  font-family: var(--bt-font-body, var(--sans, system-ui));
}

/* Колонок пять: бренд, «Раздел», «Проекты», «Подборки», «Контакты».
   🔴 Раньше в сетке было объявлено четыре, а колонка «Подборки» добавилась
   позже (27.08) — «Контакты» уезжали на вторую строку, под пустое место. */
.btf__in {
  max-width: 1240px; margin: 0 auto; padding: 46px clamp(16px, 4vw, 40px) 30px;
  /* Первая колонка шире прочих: в ней кнопка «Получить подборку квартир»,
     и на 1.4fr её подпись вставала в две строки. */
  display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.1fr 1.2fr; gap: 32px;
}

.btf__col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.btf__h {
  margin: 0 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: var(--btf-dim);
}
.btf__col a, .btf__addr { font-size: 13.5px; line-height: 1.5; color: var(--btf-text); text-decoration: none; }
.btf__col a:hover { color: var(--btn-primary-bg); }
.btf__col a:focus-visible { outline: 2px solid var(--btn-primary-bg); outline-offset: 2px; border-radius: 3px; }
.btf__addr { color: var(--btf-dim); }

/* Дисплейный шрифт называется по-разному на карточке проекта и на листинге:
   --bt-font-display против --disp. Носитель веса 800 обязан быть Montserrat:
   у Noto Sans в fonts.css есть только 400–600, и 800 браузер синтезирует. */
.btf__logo { font-family: var(--bt-font-display, var(--disp, inherit)); font-weight: 800; font-size: 22px; letter-spacing: -.02em; }
.btf__logo span { color: var(--btn-primary-bg); }
.btf__about { margin: 2px 0 6px; max-width: 32ch; font-size: 13px; line-height: 1.6; color: var(--btf-dim); }

.btf__cta {
  /* высота как у главной кнопки раздела, иначе подвал листинга и подвал карточки
     дают разный размер из-за наследуемого кегля */
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  margin-top: 4px; padding: 0 22px; cursor: pointer;
  border: 0; border-radius: var(--btn-radius); font: 700 13px/1 inherit;
  background: var(--btn-primary-bg); color: var(--btn-primary-text);
  transition: background-color .2s;
}
.btf__cta:hover { background: var(--btn-primary-hover); }
.btf__cta:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.btf__bot {
  max-width: 1240px; margin: 0 auto; padding: 16px clamp(16px, 4vw, 40px) 26px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 18px;
  font-size: 11.5px; color: var(--btf-dim);
}
.btf__bot a { color: var(--btf-dim); text-decoration: underline; }
.btf__bot a:hover { color: var(--btf-text); }
/* Обводка та же, что у ссылок колонок: у нижней строки её не было вовсе,
   и с клавиатуры «Политика конфиденциальности» подсвечивалась системным
   контуром, почти незаметным на тёмном фоне подвала. */
.btf__bot a:focus-visible { outline: 2px solid var(--btn-primary-bg); outline-offset: 2px; border-radius: 3px; }
.btf__disc { flex: 1 1 100%; line-height: 1.55; opacity: .8; }

/* Подвал прижат к низу на коротких страницах. Колонку из body делаем аккуратно:
   flex-shrink у прямых детей снят, иначе первый экран листинга (100dvh) сожмётся. */
body { display: flex; flex-direction: column; min-height: 100dvh; }
body > * { flex-shrink: 0; }
body > .btf { margin-top: auto; }

/* Порог поднят с 900 до 1100: колонок стало пять, и на планшете «Двух- и
   трёхкомнатные» с «Telegram @…» начинали переноситься по словам раньше, чем
   срабатывала прежняя раскладка. Четыре колонки ссылок встают квадратом 2×2. */
@media (max-width: 1100px) {
  .btf__in { grid-template-columns: 1fr 1fr; gap: 26px; }
  .btf__col--brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .btf__in { grid-template-columns: 1fr; padding-top: 34px; }
  .btf__cta { width: 100%; text-align: center; }
}