.footer-container {
    grid-template-columns: 1fr 4fr 1fr;
}


.footer-logo-img {
    height: 80px;
}

.footer-center-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 60px;
}

.footer-right {
  display: inline-flex;
  flex-direction: column;
  align-items: end;
  gap: 20px;
}

.footer h3 {
  margin-bottom: 10px;  
  font: 500 18px / 1.2 var(--font-main);
  color: var(--footer-text-default);
}

.footer-bottom-grid {
  display: grid;
  grid-template-columns: 1fr 475px;
  gap: 30px;
  margin: 0 auto;
  max-width: 820px;
}

.legal-menu {
  display: flex;
  flex-wrap: wrap;
}

.legal-item::after {
  content: "|";
  position: relative;
  bottom: 2px;
  margin: 0 10px;
}

.legal-link, .footer-social-title {
  font: 400 16px/23.6px var(--font-main);
  overflow-wrap: break-word;
  word-break: break-word;
}

.legal-link, .legal-link:hover, .legal-item::after, .legal-item:focus, .footer-social-title {
  color: var(--footer-text-default) !important;
}

.legal-item:last-child::after {
  content: "";
}

.footer-social-title {
  text-align: right;
}

@media (max-width: 1300px) {
  .footer-center-grid {
      grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .footer-center-grid, .footer-container, .footer-bottom-grid {
      grid-template-columns: 1fr;
  }

  .footer-center-grid {
    gap: 32px;
    margin-bottom: 16px;
  }

  .footer-bottom-grid {
    gap: 20px;
  }

  .footer-logo-img {
    height: 60px;
  }

  .footer h3, .footer .item-nav {
    text-align: center;
  }
  
  .footer-right {
    align-items: center;
  }

  .legal-menu {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }

  .legal-item {
    position: relative;
  }

  .legal-item::after {
    position: absolute;
    bottom: inherit;
    left: calc(50% - 10px);
    transform: rotate(90deg);
    top: 21px;
  }

  .footer-meta {
    order: 2;
  }

  .footer-social-title {
    text-align: center;
  }
}