.site-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px clamp(22px, 4.5vw, 64px);
  border-top: 1px solid rgba(41, 161, 255, 0.18);
  background: var(--color-background-deep);
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 24px;
  align-items: center;
  justify-content: space-between;
}

.site-footer .brand-logo {
  height: 84px;
}

.footer-pay {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: flex-end;
}

.footer-pay span {
  color: var(--color-text-muted);
  font: 900 0.64rem/1 var(--font-body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.footer-pay img {
  height: 34px;
  width: auto;
}

.footer-copy {
  padding-top: 18px;
  text-align: center;
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-soft);
  font: 400 0.84rem/1.4 var(--font-body);
}

@media (max-width: 560px) {
  .footer-top {
    justify-content: center;
    text-align: center;
  }

  .footer-pay {
    align-items: center;
  }
}