/* footer.css */
.footer {
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-cold-blue);
  margin-top: var(--space-section);
  padding-block: clamp(30px, 5vw, 48px);
}
.footer__inner { display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }

.footer__links {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 24px;
}
.footer__links a { color: var(--color-text); font-weight: var(--fw-medium); transition: color var(--transition-fast); }
.footer__links a:hover { color: var(--color-heading); }

.footer__contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.footer__contact-label { color: var(--color-white); font-weight: var(--fw-btn); }
.footer__emails { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.footer__emails a { color: var(--color-heading); text-decoration: underline; text-underline-offset: 3px; }

.footer__payments { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; }
.footer__pay { height: 30px; width: auto; }

.footer__age-badge {
  display: inline-grid; place-items: center;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--color-accent-bg);
  color: var(--color-white);
  font-weight: var(--fw-head);
  font-size: 0.95rem;
}
.footer__responsible { color: var(--color-text); margin: 0; max-width: 60ch; }
.footer__copy { color: var(--color-text); margin: 0; font-size: 0.9rem; }