/* ГНМЦ · Концепт 4 — підвал */
.site-footer{ background:var(--blue-900); color:#c9d9f3; }
.footer-top{
  padding-block:clamp(2.6rem, 5vw, 4rem);
  display:grid; gap:2.4rem;
  grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
}
@media (max-width:960px){ .footer-top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .footer-top{ grid-template-columns:1fr; } }

.footer-brand{ display:flex; gap:.8rem; margin-bottom:1rem; }
.footer-brand img{ width:46px; height:46px; }
.footer-brand strong{ display:block; font-family:var(--font-head); color:#fff; font-size:.95rem; }
.footer-brand span{ font-size:.78rem; opacity:.75; }
.footer-desc{ font-size:.88rem; opacity:.82; max-width:32ch; }

.footer-col h4{ color:#fff; font-family:var(--font-head); font-size:.88rem; text-transform:uppercase; letter-spacing:.06em; margin-bottom:1rem; }
.footer-col ul{ display:flex; flex-direction:column; gap:.65rem; }
.footer-col a{ font-size:.9rem; opacity:.85; transition:opacity var(--dur-s), color var(--dur-s), transform var(--dur-s); display:inline-block; }
.footer-col a:hover{ opacity:1; color:var(--yellow); transform:translateX(3px); }
.footer-col .contact-line{ display:flex; align-items:flex-start; gap:.55em; font-size:.88rem; opacity:.88; }
.footer-col .contact-line svg{ width:16px; height:16px; flex-shrink:0; margin-top:.2em; color:var(--yellow); }

.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding-block:1.2rem;
  display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap;
  font-size:.8rem; opacity:.7;
}
.footer-bottom a:hover{ color:var(--yellow); opacity:1; }