.products-nav {
  width: 100%;
  position: fixed;
  bottom: 5%;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.products-nav.show {
  opacity: 1;
  pointer-events: auto;
}
.scrollBox {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-wrapper {
  overflow-x: hidden;
  border-radius: 8px;
  background: #fff;
  padding: 10px 20px;
  cursor: grab;
  max-width: 100% !important;
}
.scroll-wrapper:active {
  cursor: grabbing;
}
.scroll-content {
  white-space: nowrap;
  display: inline-flex;
  gap: 36px;
  max-width: 100%;
}
.scroll-wrapper-list {
  overflow-x: hidden;
  padding: 10px 10px;
  cursor: grab;
  max-width: 100% !important;
}
.scroll-wrapper-list:active {
  cursor: grabbing;
}
.scroll-content-list {
  white-space: nowrap;
  display: inline-flex;
  gap: 60px;
  max-width: 100%;
}