/* =====================================================================
   Footer
   File: 13-footer.css
   ===================================================================== */

/* ================= FOOTER ================= */
footer{border-top:1px solid var(--line); padding:80px 0 40px;}
.foot-grid{display:grid; grid-template-columns:1.3fr .85fr .85fr; gap:60px; padding-bottom:44px;}
.foot-brand .logo{margin-bottom:18px;}
.foot-desc{max-width:280px; font-size:14px; line-height:1.7;}
.foot-col h4{font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:var(--muted2); font-weight:700; margin-bottom:18px;}
.foot-links{display:flex; flex-direction:column;}
.foot-links a{display:block; font-size:14.5px; color:var(--muted); padding:6px 0; transition:color .25s ease, padding-left .25s ease;}
.foot-links a:hover{color:var(--text); padding-left:6px;}
.foot-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(--muted2); flex-wrap:wrap; gap:16px;}
.back-top{display:flex; align-items:center; gap:8px; color:var(--muted); transition:color .3s ease;}
.back-top:hover{color:var(--orange);}
@media(max-width:900px){
  .foot-grid{grid-template-columns:1fr; gap:34px; padding-bottom:32px;}
  .foot-col h4{margin-bottom:12px;}
  .foot-links{flex-direction:row; flex-wrap:wrap; gap:8px 20px;}
  .foot-links a{display:inline-block; padding:2px 0;}
  .foot-links a:hover{padding-left:0;}
}