/* Кнопки официальных профилей Плэнити в футере (все шаблоны футера planity.tech).
   Разметка — blog-src/social-links.cjs, вставка — blog-src/transforms/footer-social.cjs. */
.footer-social {
  --social-size: 48px;
  list-style: none; margin: 20px 0 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 10px;
  max-width: 100%;
}
.footer-social li { margin: 0; padding: 0; }
.footer-social__link {
  display: flex; align-items: center; justify-content: center;
  width: var(--social-size); height: var(--social-size);
  border-radius: 14px;
  background: #12131C;
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: background-color .2s, border-color .2s, transform .2s;
}
.footer-social__link img { width: 24px; height: 24px; display: block; object-fit: contain; }
.footer-social__link:hover {
  background: #1B1830;
  border-color: rgba(139, 75, 243, 0.65);
  transform: translateY(-1px);
}
.footer-social__link:focus-visible {
  outline: 2px solid #8B4BF3; outline-offset: 3px;
  border-color: rgba(139, 75, 243, 0.65);
}
/* Простые футеры (FAQ, тарифы, сравнения, документы): отдельная строка по центру */
.footer-social--row { flex-basis: 100%; width: 100%; grid-column: 1 / -1; justify-content: center; margin: 20px auto 0; }
/* Телефоны: 7 × 44 px + 6 × 8 px = 356 px — один ряд с 390 px, на 320 px аккуратный перенос.
   Область нажатия не меньше 44 × 44. */
@media (max-width: 480px) {
  .footer-social { --social-size: 44px; gap: 8px; }
  .footer-social__link { border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-social__link { transition: none; }
  .footer-social__link:hover { transform: none; }
}