/* ===============================
 WC CATEGORY PRODUCT SLIDER
 FINAL CSS
=============================== */


.wc-cat-slider { margin-bottom:30px; background:var(--bg); border:1px solid var(--border); padding:20px;margin-bottom: 0px; }

.slider-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; color:var(--cat); }
.slider-header h3 { margin:0; color:var(--cat); }
.slider-header a img { width:42px;height:auto;margin-left:5px; vertical-align:middle; }

.slider-wrapper { position:relative; overflow:hidden; }
.slider-track {
  display: grid;
  grid-template-columns: repeat(var(--per-row), 1fr);
  grid-template-rows: repeat(var(--rows), auto);
  gap: 15px;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.product-card {
flex: 0 0 calc(100% / var(--per-row) - 15px);

  box-sizing:border-box;
  border:var(--pbsize) solid var(--pborder);
  padding:10px;
  scroll-snap-align:start;
  min-width: 250px !important;
      margin-bottom: 15px;
      border-radius: 4px !important;
}
.product-card h2 { color:var(--title); font-size:14px; margin:5px 0; }
.product-card del { color:#999; margin-right:5px; }
.product-card ins { color:var(--sale); font-weight:700; margin-right:5px; }
.product-card .offer { color:var(--offer); font-size:17px; display:block; margin-top:3px; }

.nav {
  position:absolute; top:50%; 
     transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    width: 35px;
    height: 64px;
    font-size: 20px;
    cursor: pointer;
    
    z-index: 10;
}
.nav:hover{
    background-color: #424242;
}
.nav.prev { left:0px;border-radius: 0% 10% 10% 0%; }
.nav.next { right:0px;border-radius: 10% 0% 0% 10%; }

@media(max-width:768px){
  .nav { width:30px; height:30px; font-size:18px; }
  .product-card { flex:0 0 80%; }
  .hidemore{display: none;}
  .nav {display: none;}
}


.woocommerce-loop-product__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Drag cursor */
.slider-track.dragging {
  cursor: grabbing;
}

.slider-track {
  cursor: grab;
}

/* Fade hint */
.wc-cat-slider[data-fade="1"] .slider-wrapper::after {
  content:'';
  position:absolute;
  right:0;
  top:0;
  width:40px;
  height:100%;
  background:linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
  pointer-events:none;
}

/* Presets */
.wc-cat-slider[data-preset="amazon"] .product-card {
  border-radius: 6px;
}

.wc-cat-slider[data-preset="flipkart"] .product-card {
  border-radius: 0;
  box-shadow: none;
}