/* ============================================================
   bufet — футер и плавающая кнопка WhatsApp.
   Перенос из docs/02/design_2/assets/home-c.css (строки 345–363)
   плюс относящееся к футеру правило блока RESPONSIVE.
   ============================================================ */
.ft { background: var(--bg); padding-top: clamp(56px, 7vw, 96px); }
.ft__top { display: grid; grid-template-columns: 1.2fr 2fr; gap: 40px; }
.ft__logo { font-family: var(--font-display); font-weight: 800; font-size: 1.6rem; letter-spacing: -.03em; color: var(--ink); }
.ft__blurb { color: var(--ink-2); font-size: .95rem; max-width: 30ch; margin-top: 16px; }
/* Слоган — вторая строка подписи. Заметнее блёрба (шрифт заголовков, цвет основного
   текста), но мельче вордмарка: это подпись, а не заголовок. Правило стоит ВЫШЕ
   медиазапросов файла — базовое правило, дописанное в конец, молча отменило бы ветку. */
.ft__slogan { font-family: var(--font-display); font-weight: 600; font-size: 1.02rem; line-height: 1.35; color: var(--ink); max-width: 30ch; margin-top: 10px; }
.ft__social { display: flex; gap: 12px; margin-top: 24px; }
.ft__social a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1.5px var(--line); color: var(--ink); transition: background var(--dur) var(--ease), color var(--dur) var(--ease); }
.ft__social a:hover { background: var(--accent); color: #fff; box-shadow: none; }
.ft__social svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
/* колонок столько, сколько в меню «Футер» */
.ft__cols { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 28px; }
.ft__h { font-family: var(--font-display); font-weight: 700; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin: 0 0 16px; }
.ft__col a { display: block; color: var(--ink); font-weight: 500; font-size: .96rem; padding: 7px 0; transition: color var(--dur) var(--ease); }
.ft__col a:hover, .ft__col a.is-on { color: var(--accent); }
.ft__h a { display: inline; padding: 0; font: inherit; color: inherit; }
.ft__h a:hover, .ft__h a.is-on { color: var(--accent); }
.ft__word { font-family: var(--font-display); font-weight: 800; font-size: clamp(3.4rem, 15vw, 11.5rem); line-height: .9; letter-spacing: -.045em; color: var(--ink); margin: clamp(32px,5vw,64px) 0 clamp(22px,3vw,34px); user-select: none; white-space: nowrap; }
.ft__base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: clamp(44px,6vw,84px); padding: 26px 0 40px; border-top: 1px solid var(--line); font-family: var(--font-display); font-weight: 500; font-size: .82rem; color: var(--ink-3); }
/* Ссылка на политику стоит в одной строке с копирайтом и адресом того же цвета,
   а подчёркивание в теме снято глобально — без этого правила она не читается
   как ссылка. А это документ, на который ссылается обязательное согласие. */
.ft__base a { color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; transition: color var(--dur) var(--ease); }
.ft__base a:hover { color: var(--ink); }

/* whatsapp fab */
.wa-fab { position: fixed; right: 22px; bottom: 22px; z-index: 700; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: #fff; box-shadow: var(--sh-accent); transition: transform var(--dur) var(--ease); }
.wa-fab:hover { transform: translateY(-3px) scale(1.05); }
.wa-fab svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.7; }

@media (max-width: 1024px) {
  .ft__top { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .ft__cols { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
}