.footer{background:#f1f5fb;border-top:1px solid var(--line);padding:64px 0 32px}
.f-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.f-top .logo img{height:32px;margin-bottom:16px}
.f-desc{font-size:14px;line-height:1.65;color:var(--muted);max-width:300px}
.f-col h4{font-size:13px;color:var(--ink);margin-bottom:16px;font-weight:700}
.f-col a,.f-col div{display:block;font-size:14px;color:var(--muted);padding:6px 0}
.f-col a:hover{color:var(--blue)}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.soc a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.f-col .f-hours{font-size:13px;line-height:1.5;padding-top:2px}
.f-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:24px;font-size:13px;color:var(--muted)}
@media (max-width:1100px){
  .f-top{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .f-top{grid-template-columns:1fr;gap:28px}
}
