.ns-mostviewed-carousel .product-items {
	display: flex;
	gap: 16px;
}
.ns-mostviewed-carousel .product-item {
	flex: 0 0 auto;
	width: 250px;
}
/* Works everywhere; becomes a real slider on Porto when Owl is present */
.ns-mostviewed-track { position: relative; }

/* Claue fallback slider (no JS libs) */
.ns-mostviewed-items {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 8px 2px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.ns-mostviewed-slider {
  position: relative;
}
/* Make the carousel a positioning context */
.ns-mostviewed-slider .ns-mostviewed-owl {
  position: relative;
}

/* Ensure nav spans the full width of the slider */
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none; /* lets clicks pass except buttons */
  margin: 0 !important;
}

/* Position buttons at far left / far right */
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav button.owl-prev,
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav button.owl-next {
  position: absolute;
  top: 0;
  pointer-events: auto; /* re-enable click */
  z-index: 10;
}

/* Left and right placement */
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav button.owl-prev { left: -18px; }
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav button.owl-next { right: -18px; }

/* Optional: if Porto applies floats, kill them */
.ns-mostviewed-slider .ns-mostviewed-owl .owl-nav button {
  float: none !important;
}

/* Optional: make sure titles/prices look like list items */
.ns-mostviewed-slider .product-item-name {
  display: block;
  margin-top: 8px;
}
.ns-mostviewed-slider .price-box {
  margin-top: 4px;
}
/* Responsive widths */
@media (max-width: 1024px) {
  .ns-mostviewed-item { width: 48%; min-width: 220px; }
}
@media (max-width: 640px) {
  .ns-mostviewed-item { width: 85%; min-width: 260px; }
}

/* Optional: hide scrollbar but keep scroll */
.ns-mostviewed-items::-webkit-scrollbar { height: 8px; }
.ns-mostviewed-items::-webkit-scrollbar-thumb { border-radius: 20px; }