.produit {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 0.5em;
    width: 220px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 8px;
}

.produit img {
    max-width: 100%;
    border-radius: 4px;
}

.produit figcaption h3 {
    margin: 0.5em 0;
}

.prix-stock, .unites-categorie {
    font-size: 0.9em;
    color: #333;
    margin-top: 0.5em;
}

.prix {
    font-weight: bold;
    color: #2c7a2c;
}

.indisponible{
    color: var(--red-color);
}