@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='6.407' height='12.817' viewBox='0 0 6.407 12.817'%3E%3Cpath id='arrow-prev' d='M17.332,20.315a.915.915,0,0,1-.714-.339L12.2,14.484a.915.915,0,0,1,0-1.163l4.577-5.492A.917.917,0,1,1,18.184,9l-4.092,4.907,3.955,4.907a.915.915,0,0,1-.714,1.5Z' transform='translate(-11.989 -7.498)' fill='%23676767'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: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='6.407' height='12.817' viewBox='0 0 6.407 12.817'%3E%3Cpath id='arrow-prev-hover' d='M17.332,20.315a.915.915,0,0,1-.714-.339L12.2,14.484a.915.915,0,0,1,0-1.163l4.577-5.492A.917.917,0,1,1,18.184,9l-4.092,4.907,3.955,4.907a.915.915,0,0,1-.714,1.5Z' transform='translate(-11.989 -7.498)' fill='%23ff0c56'/%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='6.407' height='12.817' viewBox='0 0 6.407 12.817'%3E%3Cpath id='arrow-next' d='M13.052,20.315a.915.915,0,0,0,.714-.339l4.421-5.492a.915.915,0,0,0,0-1.163L13.61,7.829A.917.917,0,1,0,12.2,9l4.092,4.907-3.955,4.907a.915.915,0,0,0,.714,1.5Z' transform='translate(-11.989 -7.498)' fill='%23676767'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 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='6.407' height='12.817' viewBox='0 0 6.407 12.817'%3E%3Cpath id='arrow-next-hover' d='M13.052,20.315a.915.915,0,0,0,.714-.339l4.421-5.492a.915.915,0,0,0,0-1.163L13.61,7.829A.917.917,0,1,0,12.2,9l4.092,4.907-3.955,4.907a.915.915,0,0,0,.714,1.5Z' transform='translate(-11.989 -7.498)' fill='%23ff0c56'/%3E%3C/svg%3E");
}