.woocommerce ul.products li.product .price {
    margin-top: 280px;
    width: 100%; 
    overflow: hidden;
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 8px 0;
}


.woocommerce ul.products li.product .price span {
    text-align: center; 
    font-size: 20px; 
    font-weight: bold;
    
	color: #fff
}
#footer-widgets_HOME{
	opacity: 0;
}
small {
    font-size: 0.8em;
}

.woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3 {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: space-between; 
    gap: 0.1%
}


.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 29%; 
    margin-bottom: 2.992em; 
    padding: 0;
    position: relative;
}

.woocommerce ul.products.columns-3 li.product img, .woocommerce-page ul.products.columns-3 li.product img {
    width: 100%; 
    height: auto; 
}
.layout-right-content #main.col-left {
    float: right;
}


.layout-right-content #main {
    padding-right: 30px;
    padding-left: 80px; 
    width: 90%

	
}

.layout-right-content #content {
    background: rgba(0, 0, 0, 0) url(https://www.labirrabiren.it/wordpress/wp-content/uploads/2013/12/ricepaper_v3.png) repeat-y scroll -10px 0;
	
	}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    padding: 8px 12px; /* Riduci il padding per una select meno grande */
    font-size: 14px; /* Riduci la dimensione del carattere */
    border: 2px solid #d1d1d1; /* Colore del bordo grigio chiaro */
    border-radius: 6px; /* Bordi arrotondati ma meno accentuati */
    background-color: #f7f7f7; /* Colore di sfondo soft */
    color: #333333; /* Colore del testo scuro per contrastare */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Ombra leggera per dare profondità */
    transition: all 0.3s ease; /* Transizione dolce per cambiamenti */
    margin-top: 80px; /* Aggiungi questa linea per spostare la select più in basso */
	margin-bottom: 20px;
	margin-right: 30px;
}


/* Cambia l'aspetto quando l'utente interagisce con la select */
.woocommerce .woocommerce-ordering select:hover, 
.woocommerce .woocommerce-ordering select:focus {
    border-color: #9e9e9e; /* Colore del bordo grigio più scuro durante hover/focus */
    background-color: #ffffff; /* Cambia lo sfondo quando in focus */
    box-shadow: 0 4px 8px rgba(158, 158, 158, 0.3); /* Ombra più intensa quando focus */
}

.woo-pagination {
    text-align: center !important;
    margin: 20px auto;
}

.woo-pagination a:link, .woo-pagination a:visited {
    display: inline-block !important;
    text-decoration: none !important;
    background: #f7f7f7 !important;
    color: #666 !important;
    padding: 8px 16px !important;
    margin: 5px;
    border: 1px solid #ddd !important;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.woo-pagination a:hover, .woo-pagination .current, .woo-pagination .on {
    background: #e0e0e0 !important;
    color: #333 !important;
    border-color: #bbb !important;
    box-shadow: 0 4px 8px rgba(187, 187, 187, 0.3);
    transform: scale(1.1);
}

.woo-pagination .current {
    background: #e0e0e0 !important;
    color: #333 !important;
    border-color: #bbb !important;
    pointer-events: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transform: none;
    border-radius: 8px !important;
    padding: 8px 16px !important;
}

.woocommerce .woo-pagination, .nav-entries {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: .5em;
    border-top: 1px dotted #ddd;
    margin: 0 auto;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1.5em; /* Aumenta la dimensione del font */
}

.woocommerce ul.products li.product .button {
    margin-top: 1em;
    padding: 12px 24px; /* Aumenta la dimensione del bottone */
    font-size: 16px; /* Aumenta la dimensione del testo */
    border-radius: 8px; /* Bordi arrotondati */
    background-color: #800000; /* Colore rosso scuro per il bottone */
    color: #fff; /* Colore del testo (bianco) */
    text-transform: uppercase; /* Testo in maiuscolo */
    border: none; /* Rimuove il bordo predefinito */
    cursor: pointer; /* Cambia il cursore per indicare che è cliccabile */
}

.woocommerce ul.products li.product .button:hover {
    background-color: #660000; /* Colore rosso più scuro quando il mouse passa sopra */
}

.woocommerce ul.products li.product a {
    text-decoration: none;
}

ul.products li a.button {
    margin: 0;
}

.discount-banner {
    background-color: #800000; /* Colore rosso scuro di sfondo */
    color: #fff; /* Colore del testo bianco */
    font-size: 18px; /* Aumenta la dimensione del testo */
    padding: 15px 30px; /* Padding per fare spazio intorno al testo */
    text-align: center; /* Centra il testo */
    border-radius: 10px; /* Bordo arrotondato */
    font-weight: bold; /* Testo in grassetto */
    margin: 20px 0; /* Spaziatura superiore e inferiore */
    display: block; /* Usa block per farlo comportare come un blocco */
    width: auto; /* La larghezza si adatta al contenuto */
    float: left; /* Allinea la box a sinistra */
    clear: both; /* Evita che altri elementi galleggino accanto */
	line-height: 1.3; /* Aumenta l'interlinea per rendere il testo più leggibile */
}

.woocommerce .woocommerce-result-count {
    display: none !important;
}

/* Stile per il testo esplicativo */
.explainer-text {
    font-size: 24px; /* Ingrandisce il testo principale */
    color: #333; /* Colore del testo scuro */
    background: #f0f0f0; /* Sfondo grigio chiaro */
    border: 2px solid #ccc; /* Colore del bordo */
    border-radius: 12px; /* Bordi arrotondati */
    padding: 25px 40px; /* Più padding per rendere il riquadro più spazioso */
    margin: 30px 0; /* Spazio sopra e sotto */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Ombra leggera */
    text-align: center; /* Allinea il testo al centro */
}

/* Ingrandimento del testo dentro il paragrafo */
.explainer-text p {
    font-size: 15px; /* Testo più grande */
    color: #333; /* Colore del testo scuro */
    margin: 0;
    line-height: 1.8; /* Interlinea migliorata per una lettura migliore */
}
.utilities-box {
	text-align:center; 
    background-color: #f0f0f0; /* Colore di sfondo grigio chiaro */
    padding: 15px 20px; /* Manteniamo il padding standard */
    border-radius: 20px;/*bordo arrotondato */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra leggera */
    margin-top: 50px;
    width: 30%; /* Manteniamo la larghezza della box */
    border: 1px solid #333; /* Aggiunge il bordo grigio scuro */
}

.utilities-container {
    display: flex; /* Usa flexbox per mettere il riquadro e l'immagine sulla stessa riga */
    align-items: center; /* Allinea verticalmente al centro */
    justify-content: flex-start; /* Allinea gli elementi a sinistra */
    gap: 50px; /* Distanza tra il riquadro e l'immagine */
    margin-top: 40px; /* Aggiungi uno spazio superiore */
}

.utilities-image img {
    border: none; /* Rimuove il bordo */
    outline: none; /* Rimuove l'outline (se presente) */
    max-width: 100%; /* Adatta l'immagine alla larghezza del contenitore */
    height: auto; /* Mantiene la proporzione originale dell'immagine */
    box-shadow: none; /* Rimuove eventuali ombre se applicate */
}

.utilities-image img {
    max-width: 100%; /* Impedisce che l'immagine esca dalla larghezza del contenitore */
    height: auto; /* Mantiene le proporzioni dell'immagine */
	
}

.utilities-box h3 {
    text-align: left;
    color: #333;
    padding-top: 0px; 
    padding-bottom: 20px; 
    font-size: 24px; /* Aumenta la dimensione del testo per renderlo più grosso */
}


.utilities-box .info-row {
    display: flex; /* Usa flexbox per allineare gli elementi */
    flex-direction: column; /* Dispone gli elementi verticalmente (uno sotto l'altro) */
    align-items: center; /* Centra gli elementi orizzontalmente */
}

.download-link {
    display: inline-block;
    background-color: #800000; /* Colore rosso scuro */
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;/* Aggiungi transizione per un cambiamento fluido */
	margin-left: 20px;
}

.download-link:hover {
    background-color: #660000; /* Colore rosso più scuro quando si passa sopra */
    text-decoration: none; /* Assicura che non venga sottolineato */
}
.download-link-tutorial {
    display: inline-block;
    background-color: #800000; /* Colore rosso scuro */
    color: #fff;
    padding: 10px 10px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;/* Aggiungi transizione per un cambiamento fluido */
	margin-left: 20px;
}

.download-link-tutorial:hover {
    background-color: #660000; /* Colore rosso più scuro quando si passa sopra */
    text-decoration: none; /* Assicura che non venga sottolineato */
}

#navigation, #navigation .nav a {
    font-size: 21px !important; /* Aumenta la dimensione del font */
 padding: 10px;
}