/* ============================================================
   v4 FOOTER — тёмная подложка, 3 колонки
   Контент: legal-ссылки | платёжные системы | копирайт-ИП
   ============================================================ */

.footer {
  position: relative;
  background: var(--ink);       /* тёмная подложка контрастирует с paper */
  color: rgba(255, 255, 255, 0.72);
}
.footer__inner {
  max-width: 1054px;             /* синхронно с .section в v4 */
  margin: 0 auto;
  padding: 28px clamp(20px, 4vw, 48px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 12px;
}

/* левая колонка — legal */
.footer__links {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.footer__links a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  transition: color .2s ease;
}
.footer__links a:hover { color: #fff; }
.footer__sep {
  color: rgba(255, 255, 255, 0.30);
}

/* центр — платёжные системы (SVG-иконки) */
.footer__pay {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.footer__pay img {
  display: block;
  height: 22px;
  width: auto;
  opacity: 0.95;
  user-select: none;
}

/* правая колонка — копирайт-ИП */
.footer__org {
  justify-self: end;
  color: rgba(255, 255, 255, 0.55);
  text-align: right;
}

/* mobile */
@media (max-width: 720px) {
  .footer__inner {
    grid-template-columns: 1fr;
    gap: 16px;
    justify-items: center;
    text-align: center;
    padding: 28px 20px 36px;
  }
  .footer__links,
  .footer__pay,
  .footer__org {
    justify-self: center;
  }
  .footer__org { text-align: center; }
}