/* ============================================
   ФУТЕР — общий для index.html/terms.html/privacy.html.
   Ожидает .logo__text (см. основной <style> каждой страницы) для брендового блока.
   ============================================ */
.site-footer { border-top: 1px solid #1E1E1E; padding: 56px 0 0; margin-top: 60px; }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 40px; text-align: center; }
/* Разделитель между блоками — бордер в паре с gap, а не отдельный элемент. */
.footer-grid > *:not(:first-child) { border-left: 1px solid #000; padding-left: 32px; }
.footer-brand .logo__text { font-size: 1.4rem; display: inline-block; margin-bottom: 4px; }
.footer-brand p { color: #888; font-size: 0.85rem; margin: 10px auto 20px; max-width: 260px; }
.footer-social { display: flex; gap: 10px; justify-content: center; }
.footer-social a {
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid #2A2A2A;
    display: flex; align-items: center; justify-content: center; color: #AAA; transition: all 0.2s;
}
.footer-social a svg { width: 17px; height: 17px; }
.footer-social a:hover { border-color: #00E599; color: #00E599; }
.footer-col h4 { font-size: 0.7rem; letter-spacing: 1px; text-transform: uppercase; color: #00E599; margin-bottom: 16px; font-weight: 700; }
.footer-col a { display: block; color: #999; text-decoration: none; font-size: 0.85rem; margin-bottom: 11px; transition: color 0.2s; }
.footer-col a:hover { color: #E8E8E8; }
.footer-bottom { border-top: 1px solid #1E1E1E; padding: 20px 0; text-align: center; color: #666; font-size: 0.78rem; }
@media (max-width: 900px) {
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-brand { grid-column: 1 / -1; border-left: none; padding-left: 0; }
    .footer-grid > *:nth-child(2) { border-left: none; padding-left: 0; }
}
@media (max-width: 500px) {
    /* 2 колонки, не 1 в 1 столбик — 4 блока (Обмен/Продукт/Поддержка/Документы)
       складываются в сетку 2×2 вместо длинной вертикальной ленты. */
    .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .footer-grid > * { border-left: none !important; padding-left: 0 !important; }
}