/* Pour la section des options et des produits */
.filter-section, .products-section {
    background-color: #f8f9fa;
}

.description-section {
    padding: 40px 0;
}

.filter-section {
    padding: 20px 0;
}

.products-section {
    padding: 40px 0;
}

/* Bouton fiche technique en vert */
.product-item a.btn {
    display: block;
    margin-top: 10px;
    color: #fff;
    background-color: #18AB2F; /* Vert */
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
}

.product-item a.btn:hover {
    background-color: #146c30; /* Vert plus foncé */
}

/* Bouton Description */
.product-item a.description-btn {
    display: block;
    margin-top: 5px;
    color: #000; /* Noir */
    background-color: transparent;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #000; /* Bordure noire */
    border-radius: 5px;
    text-align:center;
}

.product-item a.description-btn:hover {
    background-color: #e2e6ea; /* Gris clair au survol */
}

/* Masquer les descriptions au départ */
.product-item p.description {
    display: none;
}

/* Assurer la netteté des images */
.product-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast; /* Webkit (Chrome, Safari) */
    image-rendering: crisp-edges;               /* CSS3 Proposed */
    image-rendering: -moz-crisp-edges;          /* Firefox */
    image-rendering: pixelated;                 /* Future CSS3 */
}