.carousel {
 margin: 18px 0 28px;
}

.carousel-header {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 12px;
 margin-bottom: 12px;
}

.carousel-track {
 display: flex;
 gap: 12px;
 overflow-x: auto;
 scroll-snap-type: x mandatory;
 /* bantu snapping saat user scroll */
 scroll-behavior: smooth;
 padding-bottom: 6px;
 -webkit-overflow-scrolling: touch;
}

.carousel-track::-webkit-scrollbar {
 height: 8px;
}

.carousel-track::-webkit-scrollbar-thumb {
 background: rgba(0, 0, 0, 0.12);
 border-radius: 8px;
}

.carousel .card {
 min-width: 260px;
 flex: 0 0 auto;
 max-width: 280px;
 scroll-snap-align: start;
 /* kartu akan 'snap' ke awal */
}

@media (max-width: 600px) {
 .carousel .card {
  min-width: 220px;
 }
}

.btn3 {
 background-color: #eee;
 padding: 8px 16px;
 text-decoration: none;
 border: none;
 border-radius: 6px;
 font-size: small;
 margin: 8px 0px;
 display: inline-block;
}