/* Footer: копирайт, меню, соцсети */
.l-site-footer {
  margin-top: var(--space-xl);
  padding: var(--space-xl) var(--space-lg);
  background: var(--color-text);
  color: var(--color-bg);
}

.l-site-footer__wrap {
  max-width: var(--width-content);
  margin: 0 auto;
}

.l-site-footer__desktop,
.l-site-footer__mobile { display: block; }

.l-site-footer__col {
  display: block;
  margin-bottom: var(--space-lg);
}
.l-site-footer__logo {
  display: inline-block;
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-bg);
  text-decoration: none;
}
.l-site-footer__copy,
.l-site-footer__addr,
.l-site-footer__phone,
.l-site-footer__email {
  font-size: 14px;
  line-height: 1.6;
  margin-top: var(--space-sm);
}
.l-site-footer__col a {
  color: var(--color-bg);
  text-decoration: none;
  opacity: 0.9;
}
.l-site-footer__col a:hover { opacity: 1; text-decoration: underline; }
.l-site-footer__pay { margin-top: var(--space-md); font-size: 13px; }
.l-site-footer__pay img { vertical-align: middle; margin-left: var(--space-xs); }
.l-site-footer__social { margin-top: var(--space-md); }
.l-site-footer__social-link {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: var(--space-sm);
  text-indent: -999px;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.l-site-footer__social-link--vk { background-color: #4a76a8; border-radius: 4px; }
.l-site-footer__social-link--od { background-color: #ee8208; border-radius: 4px; }
.l-site-footer__social-link--tg { background-color: #0088cc; border-radius: 4px; }

@media (min-width: 768px) {
  .l-site-footer__desktop {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr);
    gap: var(--space-lg);
  }
  .l-site-footer__mobile { display: none; }
}

@media (max-width: 767px) {
  .l-site-footer__desktop { display: none; }
}