.hop-site-footer {
  background: var(--hop-white);
  border-top: 1px solid var(--hop-border);
  padding: 4rem 0 2rem;
  margin-top: 4rem;
}

.hop-site-footer__top {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 1fr 1fr;
  gap: 2.5rem;
  padding-bottom: 2rem;
}

.hop-site-footer__top h3,
.hop-site-footer__top h4 {
  margin-bottom: 1rem;
}

.hop-site-footer__top p {
  margin-bottom: 1rem;
}

.hop-footer-links,
.hop-site-footer .menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hop-footer-links li + li,
.hop-site-footer .menu li + li {
  margin-top: 0.65rem;
}

.hop-footer-links a,
.hop-site-footer .menu a,
.hop-site-footer a {
  color: var(--hop-body);
  text-decoration: none;
}

.hop-footer-links a:hover,
.hop-site-footer .menu a:hover,
.hop-site-footer a:hover {
  color: var(--hop-accent);
}

.hop-site-footer__bottom {
  padding-top: 1.5rem;
  border-top: 1px solid var(--hop-border);
  font-size: 0.85rem;
}

.hop-site-footer__bottom p {
  margin: 0;
}

.hop-men-theme .hop-site-footer {
  background: var(--hop-men-surface);
  border-top: 1px solid var(--hop-men-border);
}

.hop-men-theme .hop-site-footer h3,
.hop-men-theme .hop-site-footer h4,
.hop-men-theme .hop-site-footer a {
  color: var(--hop-men-text);
}

.hop-men-theme .hop-site-footer p,
.hop-men-theme .hop-site-footer__bottom {
  color: var(--hop-men-muted);
}

.hop-men-theme .hop-site-footer .menu a:hover,
.hop-men-theme .hop-site-footer a:hover {
  color: var(--hop-accent);
}

@media (max-width: 920px) {
  .hop-site-footer {
    padding: 3rem 0 1.5rem;
  }

  .hop-site-footer__top {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}