/*
 * Vloershop Core — "Alternatieven"-carousel op de PDP (B3).
 * Horizontaal scrollende strook met bestaande productkaarten (.vs-product-card);
 * pure CSS-carousel (scroll-snap), geen JavaScript nodig.
 */
.vs-alternatives {
    margin: 40px 0 8px;
}
.vs-alternatives__title {
    margin: 0 0 4px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--vs-color-primary, #324696);
}
.vs-alternatives__sub {
    margin: 0 0 16px;
    font-size: 15px;
    color: var(--vs-muted, #6c757d);
}
.vs-alternatives__track {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 4px 2px 14px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--vs-border, #e2e5ea) transparent;
}
.vs-alternatives__track > .vs-product-card {
    flex: 0 0 262px;
    max-width: 262px;
    scroll-snap-align: start;
}
@media (min-width: 1200px) {
    .vs-alternatives__track > .vs-product-card {
        flex-basis: 290px;
        max-width: 290px;
    }
}