/* footer.css — site footer */
.footer{background:#FBF5F4;border-top:1px solid var(--line);padding:64px 0 0;margin-top:8px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.3fr;gap:36px}
.f-brand p{font-size:13px;color:var(--body);margin:16px 0 20px;max-width:250px}
.f-social{display:flex;gap:10px}
.f-social a{width:34px;height:34px;border-radius:50%;background:#2B2B30;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.f-social a:hover{background:var(--red);transform:translateY(-2px)}
.f-social svg{width:16px;height:16px;fill:#fff}
.f-col h5{font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:16px}
.f-col a,.f-col span{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3C3C42;padding:6px 0;transition:color .2s}
.f-col a:hover{color:var(--red)}
.f-contact svg{width:15px;height:15px;fill:var(--red);flex:none}
.f-bottom{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;padding-bottom:20px}
.f-bottom p{font-size:12px;color:var(--muted)}
@media(max-width:960px){
  .footer-grid{grid-template-columns:1fr 1fr}
  .f-brand{grid-column:1/-1}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr}
}