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

.footer {
  background: #2a2a2a;
  color: #f4f1ed;
  padding: 45px 0 20px;
}

.footer a {
  color: #f4f1ed;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.footer a:hover {
  opacity: 0.7;
}

.footer-flex {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.footer-bottom {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
  opacity: 0.8;
}