/* Custom CSS untuk tampilan mobile */

/* Menyembunyikan scrollbar namun tetap bisa scroll */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

/* Styling untuk kartu dalam slider */
@media (max-width: 640px) {
  .flex-shrink-0.w-80 {
    scroll-snap-align: start;
  }
  
  .overflow-x-auto {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
}