.nl-category-scroll{
  --nl-cat-gap:12px;
  display:grid!important;
  grid-template-rows:auto;
  grid-auto-columns:calc((100% - (9 * var(--nl-cat-gap))) / 10);
  gap:0 var(--nl-cat-gap);
  overflow-x:auto;
  overflow-y:hidden;
  margin-left:0!important;
  margin-right:0!important;
  padding:0 0 4px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  cursor:grab;
}
.nl-category-scroll::-webkit-scrollbar{display:none;}
.nl-category-scroll>.product-category{
  grid-row:1;
  grid-column:var(--nl-cat-desktop-col);
  width:auto!important;
  max-width:none!important;
  flex-basis:auto!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  scroll-snap-align:start;
}
.nl-category-scroll .box-image,
.nl-category-scroll .box-image img{
  border:0!important;
  border-radius:0!important;
}
.nl-category-scroll.is-dragging{cursor:grabbing;user-select:none;}
.nl-category-scroll-progress{
  display:none;
  position:relative;
  width:84px;
  height:8px;
  margin:14px auto 0;
  overflow:hidden;
  border-radius:999px;
  background:#e5e5e5;
}
.nl-category-scroll-progress__thumb{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  min-width:18px;
  border-radius:999px;
  background:#f15a3a;
  transform:translateX(0);
  will-change:transform;
}
@media (max-width:767px){
  .nl-category-scroll{
    --nl-cat-gap:10px;
    grid-template-rows:repeat(2,auto);
    grid-auto-columns:calc((100% - (3 * var(--nl-cat-gap))) / 4);
    gap:20px var(--nl-cat-gap);
  }
  .nl-category-scroll>.product-category{
    grid-row:var(--nl-cat-mobile-row);
    grid-column:var(--nl-cat-mobile-col);
  }
}