.footer {
  background: var(--footer-bg);
  color: var(--footer-text);
  padding: 22px 0;
  border-top: 1px solid var(--footer-border);
}

.footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.footer__title {
  font-weight: 800;
  margin-bottom: 10px;
  color: var(--footer-text);
}

.footer__nav {
  display: grid;
  gap: 8px;
}
.footer__nav a {
  color: var(--footer-link);
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.footer__nav a:hover { color: var(--footer-link-hover); }

.footer__contacts {
  display: grid;
  gap: 10px;
}
.footer__contacts > div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: baseline;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.footer__contacts span { opacity: .82; }
.footer__contacts a { color: var(--footer-link); }
.footer__contacts a:hover { color: var(--footer-link-hover); }

@media (max-width: 900px) {
  .footer__inner { grid-template-columns: 1fr; }
}