/*
 * Beta32: соцсети находятся внизу страницы
 * и больше не перекрывают контент.
 */

.social-left {
  display: none !important;
}

.social-card.social-footer {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;

  width: fit-content !important;
  max-width: 100% !important;
  margin: 24px auto 0 !important;
  padding: 10px 12px !important;
  gap: 10px !important;

  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 20px !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 20, 47, .82),
      rgba(6, 18, 42, .72)
    ) !important;

  box-shadow:
    0 18px 46px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;

  transform: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.social-card.social-footer a {
  flex: 0 0 auto !important;
}

@media (max-width: 980px) {
  .page {
    padding-bottom:
      calc(24px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 640px) {
  .social-card.social-footer {
    margin-top: 22px !important;
    padding: 9px 11px !important;
    gap: 9px !important;
    border-radius: 18px !important;
  }

  .social-card.social-footer a {
    width: 42px !important;
    height: 42px !important;
  }

  .social-card.social-footer img {
    width: 28px !important;
    height: 28px !important;
  }
}


/* beta32 social footer: remove white icon tiles */
.social-card.social-footer a,
.social-card.social-footer a:hover,
.social-card.social-footer a:focus,
.social-card.social-footer a:active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}


/* beta32 social footer: larger icons */
.social-card.social-footer a {
  width: 48px !important;
  height: 48px !important;
}

.social-card.social-footer img {
  width: 38px !important;
  height: 38px !important;
}

@media (max-width: 640px) {
  .social-card.social-footer a {
    width: 46px !important;
    height: 46px !important;
  }

  .social-card.social-footer img {
    width: 36px !important;
    height: 36px !important;
  }
}


/* beta32 social footer: icon hover animation */
.social-card.social-footer img {
  transition:
    transform 160ms ease,
    filter 160ms ease !important;
  transform-origin: center !important;
}

@media (hover: hover) and (pointer: fine) {
  .social-card.social-footer a:hover img,
  .social-card.social-footer a:focus-visible img {
    transform: scale(1.12) !important;
    filter:
      brightness(1.06)
      drop-shadow(0 5px 10px rgba(0, 0, 0, .30)) !important;
  }
}

.social-card.social-footer a:active img {
  transform: scale(.94) !important;
}