.elementor-484767 .elementor-element.elementor-element-a853761{--display:flex;}.elementor-484767 .elementor-element.elementor-element-6e75f53{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-484767 .elementor-element.elementor-element-6e75f53.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-6e75f53 */.container-prodotti, .container-tutti-prodotti {
    width: 100%;
    margin: auto;
    padding: 20px;
}

.vedi-tutti {
    text-align: right;
    margin-bottom: 10px;
}

.vedi-tutti a {
    font-size: 16px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    background: red;
    padding: 5px 10px;
    border-radius: 5px;
}


/* Griglia prodotti */
.grid-prodotti {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.prodotto {
    padding: 10px;
    border: 5px solid #ddd;
    text-align: center;
    border-radius: 15px;
    height: auto; /* Permette alla altezza di adattarsi al contenuto */
    display: flex; /* Usa flexbox per il layout */
    flex-direction: column; /* Allinea il contenuto in verticale */
    justify-content: space-between; /* Spazio tra gli elementi */
}

.prodotto img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.prodotto h3 {
    color: white; /* Cambia colore in base alle tue preferenze */
    font-size: 1.2rem; /* Adatta la dimensione se necessario */
    text-align: center;
    margin: 10px 0; /* Aggiunge spazio sopra e sotto il titolo */
    flex-grow: 1; /* Permette al titolo di adattarsi al contenuto */
}

.prezzo {
    font-size: 18px;
    color: green;
    font-weight: bold;
}

h2 {
    text-align: center;
}

#red {
    color: red;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 1024px) {
    .grid-prodotti {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-prodotti {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .grid-prodotti {
        grid-template-columns: repeat(1, 1fr);
    }
}/* End custom CSS */