/* =========================
   Pagination
========================= */

.pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.pagination a {
  padding: 8px 14px;
  border-radius: 6px;
  background: #f2f2f2;
  text-decoration: none;
  font-size: 0.9rem;
  color: #333;
  transition: background 0.2s ease;
}

.pagination a:hover {
  background: #e0e0e0;
}

.pagination .active {
  background: #111;
  color: #fff;
}

.ellipsis {
  padding: 8px 6px;
  color: #888;
}