/* Counted navigation shared by public catalogue and search pages. */
.ts-catalog-progress,
.ts-catalog-pagination {
  --catalog-ink: var(--evx-text-strong, var(--pc-ink, #17212d));
  --catalog-muted: var(--evx-text-secondary, #536075);
  --catalog-line: var(--evx-border, var(--pc-line-strong, #d5dce5));
  --catalog-surface: var(--evx-surface, #fff);
  --catalog-accent: var(--evm-accent, var(--pc-red, #be1230));
  color: var(--catalog-ink);
  font-variant-numeric: tabular-nums;
}
.ts-catalog-progress { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin: 0 0 1rem; }
.ts-catalog-progress p,
.ts-catalog-pagination p { margin: 0; }
.ts-catalog-progress__range,
.ts-catalog-pagination__range { font-size: .85rem; font-weight: 750; line-height: 1.5; }
.ts-catalog-progress__page { margin-top: .15rem !important; color: var(--catalog-muted); font-size: .75rem; line-height: 1.5; }
.ts-catalog-pagination { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--catalog-line); }
.ts-catalog-pagination__range { margin-bottom: .75rem !important; text-align: center; }
.ts-catalog-pagination__actions,
.ts-catalog-pagination__numbers { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: center; gap: .4rem; }
.ts-catalog-pagination__actions { gap: .65rem; }
.ts-catalog-page { display: inline-flex; min-width: 44px; min-height: 44px; box-sizing: border-box; align-items: center; justify-content: center; gap: .25rem; padding: .55rem .8rem; border: 1px solid var(--catalog-line); border-radius: 11px; color: var(--catalog-ink); background: var(--catalog-surface); font-size: .8rem; font-weight: 750; line-height: 1.3; text-decoration: none; }
.ts-catalog-page--next { border-color: var(--catalog-accent); color: var(--catalog-accent); }
.ts-catalog-page.is-current { border-color: var(--catalog-accent); color: #fff; background: var(--catalog-accent); background: color-mix(in srgb, var(--catalog-accent) 94%, #000); }
.ts-catalog-page:hover { border-color: var(--catalog-accent); }
.ts-catalog-page:focus-visible { outline: 3px solid var(--catalog-accent); outline-offset: 3px; }
.ts-catalog-pagination__gap { padding-inline: .15rem; color: var(--catalog-muted); }
@media (max-width: 35rem) {
  .ts-catalog-progress { flex-direction: column; align-items: flex-start; }
  .ts-catalog-pagination__numbers { flex-basis: 100%; order: 2; }
}