@media (min-width: 576px) {
    .carousel-produse-inner .carousel-produse-item > .product {
        display: none;
    }
    .carousel-produse-inner .carousel-produse-item > .product:first-child {
        display: block;
    }
    .carousel-produse-inner .carousel-item-right.active,
    .carousel-produse-inner .carousel-item-next {
        transform: translateX(33.3%);
    }
    .carousel-produse-inner .carousel-item-left.active,
    .carousel-produse-inner .carousel-item-prev {
        transform: translateX(-33.3%);
    }
}
.carousel-produse-inner .carousel-produse-item.active,
.carousel-produse-inner .carousel-item-next,
.carousel-produse-inner .carousel-item-prev {
    display: flex;
}
/* display 3 */
@media (min-width: 768px) {
    .carousel-produse-inner .carousel-item-right.active,
    .carousel-produse-inner .carousel-item-next {
        transform: translateX(25%);
    }
    .carousel-produse-inner .carousel-item-left.active,
    .carousel-produse-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}
.carousel-produse-inner .carousel-item-right,
.carousel-produse-inner .carousel-item-left {
    transform: translateX(0);
}
.carousel-prod-prev, .carousel-prod-next {
    width: 16px;
    z-index: 100;
}
.carousel-prod-prev {
    left: 0px;
}
.carousel-prod-next {
    right: 0px;
}
.carousel-prod-prev .carousel-control-prev-icon, .carousel-prod-next .carousel-control-next-icon {
    /*width: 17px;
    height: 35px;*/
}
.carousel-prod-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.363' height='26.733' viewBox='0 0 13.363 26.733'%3E%3Cpath id='arrow-prev-hover' d='M23.134,34.231a1.909,1.909,0,0,1-1.489-.706L12.423,22.069a1.909,1.909,0,0,1,0-2.425L21.97,8.188a1.912,1.912,0,1,1,2.94,2.444L16.375,20.866,24.624,31.1a1.909,1.909,0,0,1-1.489,3.131Z' transform='translate(-11.989 -7.498)' fill='%23676767'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    /*background-size: 1.9em auto;*/
}
.carousel-prod-prev .carousel-control-prev-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a5a5a5' class='bi bi-chevron-compact-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z'/%3E%3C/svg%3E");
}
.carousel-prod-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.529' height='23.065' viewBox='0 0 11.529 23.065'%3E%3Cpath id='arrow-next-hover' d='M13.9,30.563a1.647,1.647,0,0,0,1.285-.61l7.957-9.884a1.647,1.647,0,0,0,0-2.092L14.907,8.093A1.649,1.649,0,0,0,12.37,10.2l7.364,8.83-7.116,8.83a1.647,1.647,0,0,0,1.285,2.7Z' transform='translate(-11.989 -7.498)' fill='%23676767'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    /*background-size: 1.9em auto;*/
}
.carousel-prod-next .carousel-control-next-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a5a5a5' class='bi bi-chevron-compact-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.776 1.553a.5.5 0 0 1 .671.223l3 6a.5.5 0 0 1 0 .448l-3 6a.5.5 0 1 1-.894-.448L9.44 8 6.553 2.224a.5.5 0 0 1 .223-.671z'/%3E%3C/svg%3E");
}