/* Container principale del blocco */
.container {
    margin: 0 auto; /* Centra il contenuto */
    padding: 40px 15px; /* Spaziatura interna */
}

.block-products-carousel {
    text-align: center; /* Centra il contenuto del blocco */
    border-radius: 8px; /* Bordo arrotondato */
    padding: 30px 0; /* Padding interno del blocco */
}

/* Titolo */
.block-products-carousel h5.title-3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px; /* Spazio sotto il titolo */
    text-transform: uppercase; /* Trasforma in maiuscolo */
}

/* Stili per il carousel */
.block-products-carousel .owl-carousel {
    display: flex;
    justify-content: center;
    gap: 20px; /* Distanza tra gli elementi */
    flex-wrap: wrap; /* Consente di andare a capo */
}

.block-products-carousel .owl-carousel .product {
    flex: 0 0 30%; /* Ogni prodotto prende il 30% della larghezza */
    border-radius: 0; /* Bordo arrotondato */
    overflow: hidden;
    transition: transform 0.3s ease; /* Animazione per il mouse hover */
    list-style: none;
}


/* Stile per le immagini dei prodotti */
.block-products-carousel .owl-carousel .product img {
    width: 100%; /* La larghezza dell'immagine si adatta al prodotto */
    height: auto; /* Mantieni la proporzione dell'immagine */
    object-fit: cover; /* Adatta l'immagine senza distorcerla */
}

/* Responsività: Modifiche per schermi più piccoli */
@media (max-width: 1200px) {
    .block-products-carousel .owl-carousel .product {
        flex: 0 0 45%; /* 2 prodotti per fila */
    }
}

@media (max-width: 768px) {
    .block-products-carousel .owl-carousel .product {
        flex: 0 0 100%; /* 1 prodotto per fila */
    }
}

/* Personalizzazioni aggiuntive */
.block-products-carousel .owl-carousel .product .product-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.block-products-carousel .owl-carousel .product .product-price {
    font-size: 14px;
    margin-bottom: 15px;
}