/* Infinite scroll – hide the native paginator inside the product list.
   #page-selector stays in DOM (we read current/max from it) but is hidden. */
#js-product-list > .row:has(.page-list),
#js-product-list > .row:has(#page-selector) {
  display: none !important;
}

#js-infinite-sentinel {
  height: 1px;
  width: 100%;
}

body.infinite-loading #js-infinite-sentinel::after {
  content: "";
  display: block;
  margin: 1rem auto;
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: #000;
  border-radius: 50%;
  animation: infinite-spin 0.8s linear infinite;
}

@keyframes infinite-spin {
  to { transform: rotate(360deg); }
}