/* ===== footer.css — ফুটার (partials/footer.html-এর স্টাইল) ===== */
.site-footer{margin-top:40px;color:#cfd3e6;background:linear-gradient(160deg,#1b1740,#0f1226);border-radius:28px 28px 0 0}
.footer-grid{display:flex;flex-wrap:wrap;gap:32px;padding-top:44px;padding-bottom:28px}
.f-brand{flex:1.6 1 280px}
.f-col{flex:1 1 180px;min-width:0}
.site-footer .logo{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:10px}
.site-footer .logo span{color:#a99bff}
.f-brand p{font-size:.95rem;line-height:1.9;opacity:.85;max-width:380px}
.f-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:12px}
.f-col>a,.f-col>button{display:flex;align-items:center;gap:8px;min-height:40px;background:none;color:inherit;opacity:.85;padding:0;text-align:left;text-decoration:none;transition:.2s}
.f-col>a:hover,.f-col>button:hover{opacity:1;color:#fff;transform:translateX(4px)}
.f-col .material-icons{font-size:18px;color:#a99bff}
.f-cats{display:flex;flex-wrap:wrap;gap:8px}
.f-cats button{min-height:36px;padding:0 14px;border-radius:20px;background:rgba(255,255,255,.08);color:#e7e9f5;font-size:.88rem;transition:.2s}
.f-cats button:hover{background:#6c5ce7;color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:.88rem}
.fb-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.to-top{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 16px;border-radius:24px;background:rgba(255,255,255,.1);color:#fff;transition:background .2s}
.to-top:hover{background:#6c5ce7}
@media (max-width:820px){.footer-grid{padding-top:34px;gap:24px}}
@media (max-width:560px){.fb-inner{flex-direction:column;text-align:center}}