.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px 0;
  margin-top: 8px;
}

.pagination-info {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.pagination-btn {
  min-height: 44px;
  padding: 10px 20px;
}

.pagination-btn svg { width: 16px; height: 16px; }

@media (max-width: 768px) {
  .pagination { gap: 12px; padding: 16px 0; }
}
@media (max-width: 480px) {
  .pagination { gap: 8px; padding: 12px 0; flex-wrap: wrap; }
  .pagination-btn { min-height: 38px; padding: 8px 14px; font-size: .82rem; }
  .pagination-info { font-size: .8rem; }
}