/* ==========================
   Product Slider (Homepage)
   ========================== */

.products-section--deals .products-slider {
  position: relative;
}

.products-section--deals .slider-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 6px 2px 12px;
  scrollbar-width: thin;
}

.products-section--deals .slider-track::-webkit-scrollbar {
  height: 8px;
}
.products-section--deals .slider-track::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.18);
  border-radius: 999px;
}

.products-section--deals .slider-item {
  scroll-snap-align: start;
  flex: 0 0 auto;
  width: 220px; /* default card width */
}

/* responsive card width */
@media (min-width: 1400px){
  .products-section--deals .slider-item{ width: 220px; }
}
@media (max-width: 1199px){
  .products-section--deals .slider-item{ width: 210px; }
}
@media (max-width: 767px){
  .products-section--deals .slider-item{ width: 170px; }
}
@media (max-width: 420px){
  .products-section--deals .slider-item{ width: 86%; }
}

/* Reuse your existing card styles for li.product */
.products-section--deals .slider-track li.product{
  list-style: none !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

/* optional arrows */
.products-section--deals .slider-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid #e9edf2;
  background: rgba(255,255,255,0.92);
  box-shadow: 0 10px 24px rgba(0,0,0,0.12);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.products-section--deals .slider-arrow:hover{
  background:#fff;
}

.products-section--deals .slider-arrow.prev{ left: -10px; }
.products-section--deals .slider-arrow.next{ right: -10px; }

@media(max-width: 991px){
  .products-section--deals .slider-arrow{ display:none; } /* mobile pe swipe */
}


/* ✅ Hide the bottom scrollbar (keep swipe/scroll working) */
.products-section--deals .slider-track{
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;   /* Firefox */
  -ms-overflow-style: none !important;/* IE/Edge old */
}

.products-section--deals .slider-track::-webkit-scrollbar{
  height: 0 !important;     /* Chrome/Safari */
  display: none !important;
}
html, body{
  overflow-x: hidden !important;
}