.carousel {
    display:flex;
    align-items:center;
    gap:8px;
    max-width:100%;
    margin:0;
    font-family: system-ui, Arial, sans-serif;
}

.carousel-container {
    overflow:hidden;
    flex:1 1 auto;
    border-radius:10px;
    padding:12px 6px;
}

.carousel-list {
    display:flex;
    align-items:flex-start;
    white-space:nowrap;
    transform:translateX(0);
    will-change: transform;
}

.carousel-item {
    color: #fff;
    flex:0 0 auto;
    width: 90px;  
    margin-right:12px;
    background: #393939;
    box-shadow: 0px 4px 8px gray;
    border-radius:8px;
    text-align:center;
    padding:8px;
    box-sizing:border-box;
}

.carousel-item a{
    display:block;
    text-decoration:none;
    color:inherit;
}

.carousel-item img{
    display:block;
    width:100%;
    height:75px;
    object-fit:cover;
    border-radius:6px;
    margin-bottom:8px;
    background: #111;
    object-fit: unset;
}

.carousel-item p{
    margin:0;
    font-size:12px;
    line-height:1.1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.products-carousel .carousel-container{ overflow:hidden; }
.products-carousel .carousel-list{ display:flex; will-change: transform; }
.products-carousel .carousel-item{ flex:0 0 auto; }