/**
 * Lazy Product Pagination — styles.
 */

/* Loading state for the "Show more" button */
.ps-pagination-btn[aria-busy="true"] {
  opacity: 0.6;
  cursor: wait;
  pointer-events: none;
}

/* Smooth fade-in for newly loaded products */
.lazy-product-fade-in {
  animation: lazyFadeIn 0.4s ease-out;
}

@keyframes lazyFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}