/* ============================================
   FOOTER
   ============================================ */
.footer{border-top:1px solid var(--border);padding:56px 0 28px;background:var(--bg-1)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand p{color:var(--text-2);font-size:.84rem;line-height:1.7;margin-top:14px;max-width:280px}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{
  width:34px;height:34px;border-radius:var(--r-sm);background:var(--bg-card);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  color:var(--text-2);transition:all .25s ease;
}
.footer-social a:hover{color:var(--accent);border-color:var(--accent)}
.ft-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-col a{color:var(--text-2);font-size:.84rem;transition:all .25s ease}
.ft-col a:hover{color:var(--accent)}
.footer-bottom{
  border-top:1px solid var(--border);padding-top:20px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
}
.footer-bottom p{color:var(--text-3);font-size:.76rem}
.footer-pays{display:flex;gap:6px}
.pay{
  padding:3px 10px;background:var(--bg-card);border:1px solid var(--border);
  border-radius:4px;font-size:.64rem;font-weight:600;color:var(--text-3);font-family:var(--mono);
}

/* Toast */
.toast-box{position:fixed;bottom:20px;left:20px;z-index:1001;display:flex;flex-direction:column;gap:8px}
.toast{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);
  padding:14px 18px;display:flex;align-items:center;gap:10px;
  box-shadow:0 8px 32px rgba(0,0,0,.5);
  transform:translateX(-120%);transition:transform .35s var(--ease);max-width:310px;
}
.toast.show{transform:translateX(0)}
.toast-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
.toast-body{flex:1}
.toast-t{font-size:.76rem;font-weight:600}
.toast-s{font-size:.66rem;color:var(--text-3);margin-top:1px}

/* Back to top */
.btt{
  position:fixed;bottom:20px;right:20px;width:40px;height:40px;
  border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);
  color:var(--text-2);display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:0;visibility:hidden;transition:all .25s ease;z-index:100;
}
.btt.visible{opacity:1;visibility:visible}
.btt:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}

@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:center}
}