/* ============================================================
   footer.css — Footer grid, bottom bar, payment icons.
   ============================================================ */

footer{border-top:1px solid var(--line);padding:70px 0 30px;position:relative;z-index:2;background:linear-gradient(180deg, rgba(123,46,255,.04), transparent 200px);}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px;margin-bottom:50px;}
.footer-grid h5{font-size:13px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);}
.footer-grid ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-grid a{font-size:13.5px;color:var(--text-2);transition:color .2s,transform .2s;display:inline-block;}
.footer-grid a:hover{color:var(--secondary);transform:translateX(3px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2);flex-wrap:wrap;gap:12px;}
.pay-icons{display:flex;gap:10px;}
.pay-icons span{padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.05);font-size:11px;border:1px solid rgba(255,255,255,.08);}