/* ============================
   HB Home Slider Section
   Uses archive product cards, but different section styling
============================ */

.hbHomeSlider{
  width:min(1240px, calc(100% - 32px));
  margin: 26px auto;
  --hbCols: 3; /* default visible cards */
}

.hbHomeSlider__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:0 0 12px;
}

.hbHomeSlider__title{
  margin:0;
  font-size:22px;
  font-weight:900;
  color:#0B0B0F;
  letter-spacing:-.01em;
}

.hbHomeSlider__nav{
  display:flex;
  gap:10px;
}

.hbHomeSlider__btn{
  width:42px;
  height:42px;
  border-radius:14px; /* different from product page */
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0B0B0F;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}
.hbHomeSlider__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
}
.hbHomeSlider__btn:disabled{
  opacity:.35;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}
.hbHomeSlider__btn svg{ width:18px; height:18px; }

.hbHomeSlider__viewport{ overflow:hidden; }

/* track */
.hbHomeSlider .hbHomeSlider__track.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scrollbar-width:none;
  scroll-snap-type:x mandatory;
}
.hbHomeSlider .hbHomeSlider__track.products::-webkit-scrollbar{ display:none; }

/* card width = visible columns */
.hbHomeSlider .hbHomeSlider__track > li.product{
  flex: 0 0 calc((100% - (14px * (var(--hbCols) - 1))) / var(--hbCols)) !important;
  width:auto !important;
  margin:0 !important;
  scroll-snap-align:start;
}

/* tablet */
@media (max-width: 1024px){
  .hbHomeSlider{ width:calc(100% - 24px); }
  .hbHomeSlider__title{ font-size:18px; }
}

/* mobile */
@media (max-width: 640px){
  .hbHomeSlider{ width:calc(100% - 24px); }
  .hbHomeSlider{ --hbCols: 1.15; } /* peek */
}
/* ✅ Mobile: 1 main card + small peek (no multi-cards) */
@media (max-width: 640px){

  .hbHomeSlider{ width: calc(100% - 24px); }

  /* track: allow peek by not hiding overflow */
  .hbHomeSlider__viewport{
    overflow: visible; /* important for peek */
  }

  .hbHomeSlider .hbHomeSlider__track.products{
    padding-right: 18px !important; /* space so peek doesn't touch edge */
  }

  /* ONE main card ~86% width, next card peeks */
  .hbHomeSlider .hbHomeSlider__track > li.product{
    flex: 0 0 86% !important;   /* change 86 to 84/88 based on your taste */
    width: 86% !important;
    scroll-snap-align: start;
  }

}