/* ═══ FOOTER ═══ */
.footer {
  background: var(--gece);
  color: var(--gece-metin-mat);
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 36px;
  padding: clamp(56px, 8vh, 90px) clamp(24px, 5vw, 72px);
  font-size: 14px;
}
.footer-brand span { font-size: 17px; font-weight: 800; color: var(--ekran); margin-left: 8px; }
.footer-brand p { margin-top: 14px; max-width: 30ch; line-height: 1.6; }
.footer-col { display: flex; flex-direction: column; gap: 10px; }
.footer-col p {
  font-family: var(--mono);
  font-size: 11px; font-weight: 600; letter-spacing: .12em;
  color: var(--gece-kunye);
  margin-bottom: 4px;
}
.footer-col a { text-decoration: none; transition: color .2s; }
.footer-col a:hover { color: var(--buz); }
.footer-fine { margin-top: 18px; font-size: 12px; color: var(--gece-kunye); }

@media (max-width: 820px) {
  .footer { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}