.mobile-product-slider {
  position: relative;
  overflow: hidden;
}

.mobile-product-slider .slider-track {
  display: flex;
  gap: 12px;
}

/* Default desktop tetap grid */
@media (min-width: 768px) {
  .mobile-product-slider .slider-track {
    flex-wrap: wrap;
  }
}

/* MOBILE MODE */
@media (max-width: 767px) {

  .mobile-product-slider .slider-track {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    /* ✅ HILANGKAN GARIS SCROLL */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .mobile-product-slider .slider-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-product-slider ul.products {
    display: flex;
    gap: 12px;
  }

  /* ✅ FIX UKURAN CARD (mirip Clarkia mobile) */
  .mobile-product-slider li.product {
  flex: 0 0 50%;
  scroll-snap-align: start;

  height: 450px; /* ✅ dinaikkan */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mobile-product-slider li.product img {
  height: 250px; /* ✅ ikut dinaikkan */
  object-fit: cover;
}


  /* Chevron */
.slider-btn {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  border: none;
  font-size: 48px; /* ✅ lebih besar */
  font-weight: bold;
  cursor: pointer;
  z-index: 10;
  background: transparent;
  line-height: 1;
}

  .slider-btn.prev {
    left: 5px;
  }

  .slider-btn.next {
    right: 5px;
  }

  /* Dots */
  .slider-dots {
    text-align: center;
    margin-top: 10px;
  }

  .slider-dots span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ccc;
    margin: 3px;
    border-radius: 50%;
  }

  .slider-dots .active {
    background: #000;
  }
}