/* =========================================================
   SUGGEST PRODUCTS CAROUSEL
   ========================================================= */

.suggest-products-carousel {
    background-color: var(--color-bg-secondary);
    padding: 12px;
    border-radius: 8px;
}

.suggest-products-carousel__header {
    margin-bottom: 8px;
}

.suggest-products-carousel__title {
    color: var(--color-text-primary);
}

/* =========================================================
   CAROUSEL TRACK
   ========================================================= */

.suggest-products-carousel__track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.suggest-products-carousel__track .product-card {
    flex: 0 0 160px;
    scroll-snap-align: start;
}