/* ── подвал — общий для всех страниц сайта ───────────────────────────
   Файл самодостаточен: переменные объявлены локально, чтобы подвал
   выглядел одинаково и на главной (style.css), и на самостоятельных
   страницах (услуги, юрстраницы) со своими наборами токенов. */
.footer {
  --f-text: #eeeeea;
  --f-dim: #a3a4a0;
  --f-dim-3: #7d7e7a;
  --f-border: #1f2125;
  --f-accent: #aee659;
  max-width: 1440px;
  margin: 0 auto;
  padding: 96px clamp(20px, 3.3vw, 48px) 48px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.footer a { color: inherit; text-decoration: none; }
.footer a:hover { color: var(--f-accent); }
.footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--f-dim);
}
/* на широких экранах: колонка «Контакты» шире остальных и начинается
   левее — длинный адрес не упирается в правый край */
@media (min-width: 1024px) {
  .footer__grid { grid-template-columns: .85fr .9fr 1.25fr 1fr; }
}
.footer__brand { display: flex; flex-direction: column; gap: 12px; }
.footer__logo {
  display: flex;
  align-items: center;
  color: var(--f-text);
  align-self: flex-start; /* ссылка-логотип не растягивается на всю колонку */
}
.footer__logo-img { height: 56px; width: auto; display: block; }
.footer__col { display: flex; flex-direction: column; }
.footer__col-title { color: var(--f-text); font-weight: 600; margin-bottom: 8px; }
.footer__sub { padding-left: 12px; font-size: 13.5px; color: var(--f-dim-3); }
.footer__bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  padding-top: 28px;
  border-top: 1px solid var(--f-border);
  font-size: 13px;
  color: var(--f-dim-3);
}
.footer__legal { display: flex; flex-wrap: wrap; gap: 28px; }
@media (max-width: 640px) {
  .footer { padding-top: 64px; gap: 40px; }
}