/* ScrollFlow for WooCommerce — Private v1.0.0 */

/* Keep WooCommerce pagination in the DOM as the canonical source of the next URL,
   but do not show page numbers to the shopper. */
html.scrollflow-enabled .woocommerce-pagination {
  display:none !important;
}

.scrollflow-sentinel {
  clear:both;
  width:100%;
  min-height:48px;
  margin:24px 0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  color:#8b8b8b;
  font-size:10px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-align:center;

  cursor:default;
}

.scrollflow-sentinel.has-error {
  cursor:pointer;
  color:#333;
}

.scrollflow-spinner {
  display:none;
  width:13px;
  height:13px;
  box-sizing:border-box;
  border:1.5px solid #ddd;
  border-top-color:#222;
  border-radius:50%;
  animation:scrollflowSpin .65s linear infinite;
}

.scrollflow-sentinel.is-loading .scrollflow-spinner {
  display:inline-block;
}

@keyframes scrollflowSpin {
  to { transform:rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .scrollflow-spinner {
    animation-duration:1.5s;
  }
}


/* ScrollFlow v1.0.1 — End-of-products Back to Top */
.scrollflow-sentinel {
  flex-wrap:wrap;
}

.scrollflow-back-top {
  flex:0 0 100%;
  width:max-content;
  max-width:100%;
  margin:8px auto 0;
  padding:7px 10px;
  border:0;
  background:transparent;
  color:#333;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font:inherit;
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .15s ease, opacity .15s ease;
}

.scrollflow-back-top:hover,
.scrollflow-back-top:focus-visible {
  transform:translateY(-2px);
}

.scrollflow-back-top:focus-visible {
  outline:1px solid currentColor;
  outline-offset:3px;
}

.scrollflow-back-top-arrow {
  font-size:15px;
  line-height:1;
}

@media (prefers-reduced-motion: reduce) {
  .scrollflow-back-top {
    transition:none;
  }
}