/* ============================================================
   IMPULSE — единый футер для всех страниц (self-contained)
   Использует переменные темы с фолбэками, чтобы работать
   поверх любой CSS-системы (site.css, styles.css, Tailwind).
   ============================================================ */
.site-footer{position:relative;border-top:1px solid var(--line,rgba(255,255,255,.12));
  background:var(--bg,#0A0A0A);padding:64px 0 40px;font-family:'Inter',system-ui,sans-serif;}
.site-footer *{box-sizing:border-box;}
.sf-in{max-width:1280px;margin:0 auto;padding:0 32px;}
.sf-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;}
.sf-brand{max-width:340px;}
.sf-logo{font-size:20px;font-weight:800;letter-spacing:.05em;color:#fff;text-decoration:none;display:inline-block;}
.sf-tag{color:var(--fg2,rgba(255,255,255,.62));font-size:14px;line-height:1.65;font-weight:300;margin:16px 0 24px;}
.sf-social{display:flex;gap:12px;}
.sf-social a{width:42px;height:42px;border:1px solid var(--line,rgba(255,255,255,.16));border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:var(--fg2,rgba(255,255,255,.7));
  transition:background .3s,color .3s,border-color .3s,transform .3s;text-decoration:none;}
.sf-social a:hover{background:#fff;color:#0A0A0A;border-color:#fff;transform:translateY(-2px);}
.sf-social svg{width:18px;height:18px;display:block;}
.sf-col{display:flex;flex-direction:column;gap:13px;align-items:flex-start;}
.sf-h{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--fg3,rgba(255,255,255,.4));margin-bottom:3px;}
.sf-col a{color:var(--fg2,rgba(255,255,255,.62));font-size:14px;text-decoration:none;transition:color .3s;line-height:1.2;}
.sf-col a:hover{color:#fff;}
.sf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  margin-top:52px;padding-top:26px;border-top:1px solid var(--line,rgba(255,255,255,.1));}
.sf-bottom small{color:var(--fg3,rgba(255,255,255,.4));font-size:13px;line-height:1.5;}
.sf-legal{display:flex;gap:22px;}
.sf-legal a{color:var(--fg3,rgba(255,255,255,.4));font-size:13px;text-decoration:none;transition:color .3s;}
.sf-legal a:hover{color:#fff;}
@media(max-width:860px){
  .sf-top{grid-template-columns:1fr 1fr;gap:34px;}
  .sf-brand{grid-column:1 / -1;max-width:none;}
}
@media(max-width:520px){.sf-top{grid-template-columns:1fr;gap:30px;}}

/* Круглая кнопка «наверх» — как на главной */
#toTop{position:fixed;right:26px;bottom:26px;z-index:90;width:50px;height:50px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(10,10,10,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .4s,transform .4s,visibility .4s,background .3s,color .3s;}
#toTop.show{opacity:1;visibility:visible;transform:none;}
#toTop:hover{background:#fff;color:#0A0A0A;}