.mr-footer {
  margin-top: var(--mr-space-3xl);
  background: var(--mr-black);
  color: var(--mr-white);
}

.mr-footer__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 1fr 1.4fr;
  gap: var(--mr-space-xl);
  padding-block: var(--mr-space-2xl);
}

.mr-footer h2,
.mr-footer h3 {
  color: var(--mr-white);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mr-footer a {
  color: var(--mr-white);
}

.mr-footer__logo {
  display: block;
  width: 118px;
  height: 118px;
  margin-bottom: var(--mr-space-md);
}

.mr-footer .mr-menu,
.mr-footer-menu {
  display: grid;
  gap: var(--mr-space-xs);
}

.mr-newsletter-form {
  display: flex;
  gap: var(--mr-space-xs);
  margin-top: var(--mr-space-md);
}

.mr-newsletter-form input {
  min-width: 0;
  flex: 1;
  min-height: 44px;
  padding-inline: var(--mr-space-md);
  border: 1px solid var(--mr-white);
}

.mr-newsletter-form button {
  min-height: 44px;
  padding-inline: var(--mr-space-md);
  border: 1px solid var(--mr-white);
  background: var(--mr-white);
  color: var(--mr-black);
  font-weight: 700;
}

.mr-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mr-space-md);
  padding-block: var(--mr-space-lg);
  border-top: 1px solid rgba(255,255,255,0.22);
  font-size: 0.9rem;
}