/* Общий футер сайта. Разметку вставляет shared/js/footer.js (приложение) или она записана в лендинге. */
.sf-footer { margin-top: auto; border-top: 1px solid var(--border); background: var(--bg); color: var(--muted); font-size: 12.5px; line-height: 1.6; }
.sf-footer-inner { width: min(1160px, 100% - 40px); margin-inline: auto; padding: 22px 0 26px; display: flex; flex-direction: column; gap: 14px; }
.sf-footer-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; }
.sf-footer-nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.sf-footer a { color: var(--text-2); text-decoration: none; }
.sf-footer a:hover { color: var(--accent); }
.sf-footer-social { display: flex; align-items: center; gap: 8px; }
.sf-footer-social-label { margin-right: 4px; }
.sf-footer-social a { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--border); border-radius: 50%; background: var(--card); color: var(--text-2); }
.sf-footer-social a:hover { color: #fff; background: var(--accent); border-color: var(--accent); }
.sf-footer-social svg { width: 16px; height: 16px; }
.sf-footer-note { margin: 0; max-width: 880px; }
.sf-footer-copy { margin: 0; color: var(--text-2); font-weight: 550; }
.auth-body { grid-template-rows: 1fr auto; }
.auth-body .sf-footer { width: 100%; align-self: end; }
@media (max-width: 720px) { .sf-footer-inner { padding: 18px 0 22px; } }
.sf-footer-legal { font-size: 12.5px; }
.sf-footer-req { margin: 0; color: var(--muted); }
/* Уведомление об использовании cookie (shared/js/cookie-note.js) */
.cookie-note { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; max-width: 560px; margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 16px; background: var(--card); color: var(--text-2); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); font-size: 13px; line-height: 1.5; }
.cookie-note p { margin: 0; flex: 1 1 280px; }
.cookie-note a { color: var(--accent); }