/* =========================
   Shared Pagination
========================= */
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.pagination-pages {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pagination-dots {
  color: #94a3b8;
  font-weight: 700;
  padding: 0 4px;
}

.pagination-btn,
.pagination-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  text-decoration: none;
  border: 1px solid #fecdd3;
  background: #fff1f2;
  color: #e11d48;
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
  transition: all var(--transition);
}

.pagination-btn:hover,
.pagination-page:hover {
  background: #ffe4e6;
  border-color: #fda4af;
  color: #be123c;
}

.pagination-page.is-active {
  background: #e11d48;
  border-color: #e11d48;
  color: #ffffff;
}

@media (max-width: 767px) {
  .pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .pagination-btn {
    width: 100%;
  }

  .pagination-pages {
    justify-content: center;
  }
}