/* ============ Footer / FAQ (заглушка) ============ */
.footer {
  margin: 0 var(--gutter) var(--gutter);
  padding: 56px 0 24px;
  border-radius: var(--r-xl);
  background: var(--ink); color: #fff;
}
.footer__inner { display: flex; flex-direction: column; gap: 28px; align-items: flex-start; }
.footer__title { font-family: var(--font-display); font-weight: 700; font-size: clamp(28px, 4vw, 48px); letter-spacing: -.05em; }
.footer__text { margin-top: 10px; max-width: 460px; color: rgba(255, 255, 255, .7); }
.footer__bottom {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  margin-top: 56px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 13px; color: rgba(255, 255, 255, .55);
}
.footer__logo { display: grid; }
.footer__logo img { grid-area: 1 / 1; height: 24px; width: auto; }

@media (min-width: 768px) {
  .footer { padding: 80px 0 28px; }
  .footer__inner { flex-direction: row; justify-content: space-between; align-items: flex-end; }
}

.footer .container { padding: 0 calc(var(--page-x) - var(--gutter)); }

/* кнопки соцсетей */
.footer__socials { display: flex; flex-wrap: wrap; gap: 10px; }
.btn-social { gap: 10px; padding: 0 20px 0 16px; }
.btn-social svg { width: 22px; height: 22px; flex: none; }
.btn-social:hover { background: var(--accent); color: #fff; }
