/* Fewer page numbers on phones; retain the original button dimensions. */
@media (max-width: 700px) {
  .catalog-page .pagination { flex-wrap: nowrap; }
  .catalog-page .pagination .button { display: none; }
  .catalog-page .pagination .button:first-child,
  .catalog-page .pagination .button:last-child,
  .catalog-page .pagination .button[aria-current="page"],
  .catalog-page .pagination .button:has(+ [aria-current="page"]),
  .catalog-page .pagination [aria-current="page"] + .button,
  .catalog-page .pagination [aria-current="page"]:first-child + .button + .button,
  .catalog-page .pagination .button:has(+ .button + [aria-current="page"]:last-child) { display: flex; }
}
@media (max-width: 360px) {
  .catalog-page .pagination .button { display: none !important; }
  .catalog-page .pagination .button:first-child,
  .catalog-page .pagination .button:last-child,
  .catalog-page .pagination .button[aria-current="page"] { display: flex !important; }
}