.qcd-linked-product-price-block{
    font-size: 14px;
    position: absolute;
    bottom: -2px;
}
.qcd-linked-products {
    .text-linked{
        height: 17px;
        flex-grow: 0;
        font-family: Inter;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #4d1e16;
    }

    .main{
        object-fit: contain;
        max-height: 180px;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        padding: 5px;
        border: solid 1px #4d1e16;
    }

    .qcd-linked-products--img--main{
        border: 1px solid var(--bs-primary);
    }
}
/* --- Container --- */

.qcd-linked-products{
    position:relative;
}

/* --- Fondu uniquement à droite --- */

.qcd-linked-products::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:60px;
    height:100%;
    pointer-events:none;
    z-index:15;
    background:linear-gradient(to left, #fff 0%, rgba(255,255,255,0) 100%);
    opacity:1;
    transition:opacity .25s ease;
}
.qcd-linked-products .card-title {
    font-size: 12px;
}
/* Disparition du fondu à la fin */
.qcd-linked-products.no-fade::after{
    opacity:0;
}

/* --- Viewport --- */

.qcd-linked-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    padding-right: 0;
}

.qcd-linked-viewport::-webkit-scrollbar{ height:0; }
.qcd-linked-viewport{ scrollbar-width:none; }

/* --- Track --- */

.qcd-linked-track{
    display:flex;
    gap:.25rem; /* gap-1 */
}

/* --- Responsive items --- */

/* 6 desktop */
.qcd-linked-products--item{
    flex:0 0 calc((100% - (5 * .25rem)) / 6);
}

/* 4 tablette */
@media (max-width:991.98px){
    .qcd-linked-products--item{
        flex:0 0 calc((100% - (3 * .25rem)) / 4);
    }
}

/* 2 mobile */
@media (max-width:575.98px){
    .qcd-linked-products--item{
        flex:0 0 calc((100% - (1 * .25rem)) / 4);
    }
}

/* --- Flèches discrètes --- */

.qcd-linked-prev,
.qcd-linked-next{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    z-index:20;

    width:32px;
    height:32px;

    background:rgba(255,255,255,0.6);
    backdrop-filter:blur(4px);
    border:none;
    border-radius:50%;

    font-size:18px;
    font-weight:300;
    color:#333;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:all .2s ease;
    opacity:.6;
}

.qcd-linked-prev:hover,
.qcd-linked-next:hover{
    opacity:1;
    background:rgba(255,255,255,0.9);
}

.qcd-linked-prev{ left:5px; }
.qcd-linked-next{ right:5px; }