.owl-carousel .product-item {
    text-align: center;
    padding: 10px; 
    padding-bottom: 5px; /* Riduci lo spazio inferiore */
    flex-basis: 18%;
    border: 2px solid black;
    background-color: #333; /* Grigio scuro */
    color: #fff; /* Colore testo bianco per contrasto */
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.owl-carousel .product-item img {
    width: 100%; 
    height: auto; 
    object-fit: cover; 
    max-height: 120px; /* Riduci l'altezza massima per le immagini per contenitore più compatto */
    margin: 0 auto;
}

/* Per schermi grandi (oltre 992px): altezza e larghezza immagine uguali */
@media (min-width: 992px) {
    .owl-carousel .product-item {
        min-height: 300px;
    }

    .owl-carousel .product-item img {
        max-width: 200px; /* Imposta dimensione massima uguale per altezza e larghezza */
        max-height: 200px;
    }
}

/* Responsive styles */
@media (max-width: 768px) {
    .owl-carousel .product-item {
        flex-basis: 30%; /* Modifica per supportare 3 prodotti in modo più uniforme */
    }
}

@media (max-width: 480px) {
    .owl-carousel .product-item {
        flex-basis: 45%; /* Modifica per visualizzare almeno 2 prodotti su schermi piccoli */
    }
}

.owl-carousel .product-item {
    text-align: center;
    padding: 10px;
    padding-bottom: 5px; /* Riduce lo spazio inferiore */
    flex-basis: 18%;
    border: 2px solid black;
    background-color: #333; /* Grigio scuro */
    color: #fff; /* Colore testo bianco per contrasto */
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-item h4 {
    font-size: 14px;
    color: #fff; /* Colore bianco per il titolo */
    min-height: 40px;
    margin: 5px 0; /* Riduce il margine verticale per avvicinare titolo e prezzo */
}

.product-item .price {
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* Colore bianco per il prezzo */
    margin-top: 5px; /* Riduce lo spazio sopra il prezzo */
    margin-bottom: 0; /* Elimina lo spazio sotto il prezzo */
    padding-bottom: 0; /* Elimina padding inferiore */
}

.owl-carousel .product-item {
    text-align: center;
    padding: 8px; /* Riduci il padding per rendere il contenitore più compatto */
    padding-bottom: 5px;
    flex-basis: 18%;
    border: 2px solid black;
    background-color: #333; /* Grigio scuro */
    color: #fff; /* Colore testo bianco per contrasto */
    min-height: 250px; /* Riduci l'altezza minima del contenitore */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}