.card {
    border-radius: 15px !important;
    border: 0;
}

.card-product {
    border: 1px solid var(--color-1) !important;
    border-radius: 15px !important;
}

.card-product:hover {
    background-color: var(--color-4) !important;
}

.card-product .wp-post-image {
    border-radius: 15px 15px 0 0 !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

.card-product:hover .style-4-fonce, .card-product:hover .style-marque {
    color: var(--color-dark);
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: 50% !important;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
}