/* footer.css */
footer { background:var(--dark-2,#1C2330); padding:60px 40px 30px; }
.footer-top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); }
.footer-brand { display:flex; flex-direction:column; }
.footer-logo-img { height:50px; width:auto; object-fit:contain; filter:brightness(0) invert(1); margin-bottom:16px; }
.footer-brand p { color:rgba(255,255,255,.5); font-size:14px; line-height:1.9; }
.footer-col h4 { color:var(--white); font-size:15px; font-weight:700; margin-bottom:20px; }
.footer-col ul { display:flex; flex-direction:column; gap:10px; }
.footer-col ul a { color:rgba(255,255,255,.5); font-size:14px; transition:color .3s; }
.footer-col ul a:hover { color:var(--gold-light); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.footer-bottom p { color:rgba(255,255,255,.3); font-size:13px; }
.footer-bottom a { color:var(--gold-light); font-weight:600; transition:color .3s; }
.footer-bottom a:hover { color:var(--gold); }
@media (max-width:1024px) { .footer-top { grid-template-columns:1fr 1fr; gap:32px; } }
@media (max-width:768px) { footer { padding:48px 24px 24px; } .footer-top { grid-template-columns:1fr; gap:24px; } .footer-bottom { flex-direction:column; text-align:center; gap:8px; } }