/* =============================================================
   FOOTER
   ============================================================= */

footer {
  padding:         48px var(--page-px);
  background:      var(--bg2);
  border-top:      1px solid rgba(255, 255, 255, 0.05);
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             24px;
  flex-wrap:       wrap;
}

.footer-logo {
  display:     flex;
  align-items: center;
  gap:         12px;
  text-decoration: none;
  flex-shrink: 0;
}
.footer-logo img { width: 32px; }
.footer-logo-text {
  font-family:    var(--font-display);
  font-size:      18px;
  color:          rgba(255, 255, 255, 0.6);
  letter-spacing: 0.08em;
}

.footer-links {
  display:  flex;
  gap:      36px;
  flex-wrap: wrap;
}
.footer-links a {
  font-size:      12px;
  font-weight:    400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color:          rgba(255, 255, 255, 0.25);
  text-decoration: none;
  transition:     color 0.2s;
  cursor:         none;
}
.footer-links a:hover { color: rgba(255, 255, 255, 0.6); }

.footer-copy {
  font-size: 12px;
  color:     rgba(255, 255, 255, 0.15);
  flex-shrink: 0;
}


/* =============================================================
   АДАПТИВ
   ============================================================= */
@media (max-width: 768px) {
  footer {
    flex-direction: column;
    align-items:    flex-start;
    gap:            28px;
    padding-top:    40px;
    padding-bottom: 40px;
  }

  .footer-links {
    gap: 20px;
  }

  .footer-links a { cursor: pointer; }
}