/* ===== Футер сайта =====
 * Разметка — gen/footer.html, раскатка — node gen/apply-footer.js.
 *
 * До 28.07 оформление футера жило инлайновыми style= прямо в разметке и вместе
 * с ней копировалось в каждую из 211 страниц: около 4200 объявлений на сайт при
 * том, что блок один. Инлайн перебивает любой внешний стиль, поэтому правки в
 * общих файлах до футера не долетали, а цвета стояли хексами мимо палитры.
 * Теперь в разметке только классы, значения — здесь и из tokens.css.
 */

footer[data-foot]{background:var(--footer-bg); border-top:1px solid transparent;}
.ft-in{max-width:1180px; margin:0 auto; padding:64px 32px 36px;}

.ft-grid{display:grid; grid-template-columns:2.4fr 1fr 1.3fr; gap:40px;}
.ft-lbl{font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--footer-label); margin:0 0 16px;}
.ft-col{display:flex; flex-direction:column; gap:12px;}
.ft-link{color:var(--neutral-soft); text-decoration:none; font-size:15px; transition:color .15s ease; width:fit-content;}
.ft-link:hover{color:var(--accent);}

/* левая колонка: логотип, описание, кнопки магазинов */
.ft-brand{font-family:'Merriweather',serif; font-style:italic; font-weight:300; font-size:18px;
  letter-spacing:-.005em; color:var(--accent);}
.ft-brand img{height:22px; width:auto; display:block;}
.ft-about{font-size:15px; line-height:1.55; color:var(--neutral-soft); margin:14px 0 20px; max-width:270px;}
.ft-stores{display:flex; flex-wrap:wrap; gap:10px;}
.ft-store{text-decoration:none; display:inline-flex; align-items:center; gap:9px;
  background:var(--footer-store); color:#fff; border-radius:var(--radius-small); padding:10px 16px;}
.ft-store-txt{display:flex; flex-direction:column; line-height:1.15;}
.ft-store-top{font-size:9.5px; opacity:.7;}
.ft-store-name{font-size:13px; font-weight:600;}

/* правая колонка: связь */
.ft-tg{display:inline-flex; align-items:center; gap:8px; background:var(--accent); color:#fff;
  font-weight:600; font-size:14px; padding:11px 18px; border-radius:var(--radius-pill); text-decoration:none;}
.ft-dzen-wrap{margin-top:12px;}
.ft-dzen{display:inline-flex; align-items:center; gap:8px; background:#000; color:#fff; font-weight:600;
  font-size:14px; padding:11px 18px; border-radius:var(--radius-pill); text-decoration:none;
  white-space:nowrap; flex:none;}
/* Буква «Д» — знак Дзена, поэтому гротеск здесь системный: у Manrope она
   в квадрате 19×19 выходит уже фирменного знака. */
.ft-dzen-mark{display:inline-flex; align-items:center; justify-content:center; width:19px; height:19px;
  background:#fff; color:#000; border-radius:var(--radius-micro);
  font-family:Arial,Helvetica,sans-serif; font-weight:800; font-size:13px; line-height:1;}
.ft-note{font-size:13px; line-height:1.5; color:var(--neutral-soft); margin:14px 0 0;}

/* низ футера */
.ft-rule{height:1px; background:var(--neutral-line); margin:40px 0 24px;}
.ft-legal{font-size:13px; line-height:1.65; color:var(--neutral-soft); max-width:920px; margin:0 0 20px;}
.ft-bottom{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;
  gap:8px 24px; font-size:13px; color:var(--footer-caption);}
.ft-bottom a{color:inherit; text-decoration:none;}
.ft-bottom a:hover{color:var(--neutral-soft);}

@media(max-width:880px){ .ft-grid{grid-template-columns:1fr 1fr !important; gap:34px 32px !important;} }
@media(max-width:520px){
  .ft-grid{grid-template-columns:1fr !important;}
  .ft-bottom{flex-direction:column; align-items:flex-start;}
  .ft-in{padding:48px 20px 28px;}
  .ft-note,.ft-legal,.ft-bottom{font-size:14px;}
  .ft-link,.ft-bottom a{display:inline-flex; align-items:center; min-height:44px;}
  .ft-store,.ft-tg,.ft-dzen{min-height:44px; box-sizing:border-box;}
}