@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');

@font-face {
    font-family: 'Poppins';
    src: url('/web/font/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/web/font/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/web/font/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/web/font/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/web/font/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




:root {
	--verde-acido-chiaro: #E8EDDF;
	
	--colore-header: #000;
	--font-family:'Poppins';
	--font-family2:'barlow-regular';
	--tempo-transizione:.2s;
	--colore-link-hover:#222;
	--font-family-regular:'Lato', sans-serif;
	--colore-verde:#22A39F;
	--colore-grigio:#F2F2F2;
	--colore-grigio2:#949494;
	--colore-grigio3: #ddd;
	--colore-grigio-news:#1a1a1a;
	--colore-grigio-chiaro: #1a1a1a;
	--colore-nero:#000;
	--colore-nero-opaco: rgba(34, 34, 34, 0.8);
	--colore-bianco: #FFF;
	--colore-bianco-hover: #dbdada;
	--colore-menu-opaco:rgba(0, 0, 0, 0.85);
	--colore-opaco-grigio:rgba(255, 255, 255, 0.1);
	--colore-grigio-menu: #f3f3f3;
	--colore-opaco-bianco-sporco:rgba(242,243,244, 0.3);
	--colore-blu-scuro: #030405;
	--colore-blu-scuro-hover: #10161b;
	--colore-blu-ciano: RGB(70, 165, 220);
	--colore-blu-ciano-hover:#58b4e9;
	--colore-rosso: #C00;
	
}

/* TIPOGRAFIA & TRANSIZIONI (estratte da style.css) */

p { font-size: 1rem; }

h3 { font-size: 2rem; }

h4 { font-size: 1.5rem; }

.main-content .messaggio h4 { font-size: 1.25rem; }

.titolo-pagina,
.titolo-pagina-news { font-size: 5rem; }

.contenuti-pagina p { font-size: 18px; }

.header-buttons a,
.buttons,
.contenitoreformcontatti .button{
	font-size: 1rem;
	font-weight: 500;
	transition: .1s ease-in-out;
}

#header-container {
	transition: visibility 0.05s, transform 0.1s ease-in-out;
}

#menu-principale .attivo { font-weight: 500; }

.header-contents { font-size: 3.5rem; }

.header-contents h2 { font-size: 1.25rem; }

.header-contents.half-header { font-size: 2.5rem; }

#menu-principale a {
	font-size: 0.875rem;
	font-weight: 600;
}

.close-main-menu i { font-size: 2.5rem; }

#openmenu i { font-size: 1.8rem; }

/* COLORI GLOBALI */

h1 {
	font-family: 'Quicksand', sans-serif; font-size: 4.5rem; color: var(--colore-blu-scuro)
}

p {
	font-family: var(--font-family), sans-serif;
	color: var(--colore-nero);
	opacity: 0.87;
}

body {
	font-family: var(--font-family), sans-serif;
	color: var(--colore-nero);
	background: var(--colore-bianco);
}

/* span {color: var(--colore-bianco);} */

a {color: var(--colore-nero);}

/* COLORI HEADER */

#header-container {background: var(--colore-bianco); border-bottom: 2px solid var(--colore-grigio); }
/*
header:after {
	background: rgba(255, 255, 255, 0.50);
}
*/
.header-contents h1, .header-contents  h2, .header-contents  p {color: var(--colore-bianco);}
.header-contents p{font-size: 20px;}

.contenitoreformcontatti .button:hover {
	color: var(--colore-blu-ciano);
	background: var(--colore-blu-scuro);
	border-color: var(--colore-blu-scuro);
}

.header-buttons a:first-child {
	border-color: var(--colore-blu-ciano);
	color: var(--colore-bianco);
	background: var(--colore-blu-ciano);
}

.header-buttons a:first-child:hover {
	background: var(--colore-blu-ciano-hover);
	border-color: var(--colore-blu-ciano-hover);
	color: var(--colore-bianco);
}

.contenitoreformcontatti .button,
.header-buttons a:last-child {
	border-color: var(--colore-bianco);
	color: var(--colore-blu-ciano);
	background: var(--colore-bianco);
}

.buttons:hover,
.contenitoreformcontatti .button:hover,
.header-buttons a:last-child:hover {
	border-color: var(--colore-blu-ciano);
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

#header i{
	color: var(--colore-bianco);
}

#header-container .close-main-menu svg {
	fill: var(--colore-nero);
}

.header-container__menu.open-menu {
	background: rgba(255, 255, 255, 0.95);
}

#menu-principale .attivo {
	font-weight: 600;
}

#menu-principale .attivo,
#menu-principale .attivo:hover {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

#menu-principale a {
	/*background: var(--colore-bianco);*/
	border-left: 2px solid var(--colore-grigio);
    color: var(--colore-grigio2);
}

#menu-principale a:hover {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

.progress-container {background: var(--colore-grigio);}

.progress-bar {background: var(--colore-blu-scuro);}

/* FINE COLORI HEADER */

/* COLORI NEWS */

.news {background: var(--colore-grigio);}

.newscontent, .giorno-mese-data {color: var(--colore-nero);}

.campoform ::placeholder {
	color : var(--colore-nero);
	font-family: var(--font-family);
}

.sel {
	background:  var(--colore-blu-scuro);
	color:  var(--colore-blu-ciano);
}

.swiper-slide a:not(.sel):hover {
    color: var(--colore-blu-scuro);
}

/* FINE COLORI NEWS */

/* COLORI BLOCCO TESTO */

.bordo_nero {border: 2px solid  var(--colore-nero) !important;}

.bordo_bianco {border: 2px solid var(--colore-bianco) !important;}

.bordo_grigio_chiaro {border: 2px solid var(--colore-grigio) !important;}

.sfondo_trasparente {background: transparent !important;}

.sfondo_nero {background: var(--colore-nero) !important;}

.sfondo_bianco {background: var(--colore-bianco) !important;}

.sfondo_grigio_chiaro {background: var(--colore-grigio) !important;}

/* FINE COLORI BLOCCO TESTO */


/* COLORI FORM CONTATTI */

.contenitoreformcontatti input:not(.button),
.contenitoreformcontatti textarea,
.contenitoreformcontatti select{
	background: var(--colore-bianco);
	border: 2px solid var(--colore-bianco) !important;
	color: var(--colore-nero);
	transition: .2s ease-out;
}


input::placeholder,
textarea::placeholder {
  color: var(--colore-grigio2) !important;
}

.contenitoreformcontatti  textarea:hover,
.contenitoreformcontatti  input:not(.button):hover,
.contenitoreformcontatti  select:hover {
	border: 2px solid var(--colore-bianco) !important;
	color: var(--colore-bianco);
	transition: .2s ease-out;
}

/* FINE COLORI FORM CONTATTI */

/* STILI HOVER PER BOTTONI E LINK */

.footer-informative a, 
.bottonecollegamento,
.return-to-news a,
#social-footer a,
.bloccoNews:is(.sfondo_testo_nero) .news a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a {color: var(--colore-bianco); transition: .2s ease-out;}


.bloccoMenu .boxTitle a,
.newscontent a, 
.newscontent h2 a,
.legginews {color: var(--colore-nero); transition: .2s ease-out;}


.newscontent h2 a:hover, 
.legginews:hover, 
.legginews i:hover,
.bloccoMenu .boxTitle a:hover, 
.footer-informative a:hover, 
#social-footer a:hover,
.return-to-news a:hover,
.bottonecollegamento:hover,
.bloccoNews:is(.sfondo_testo_nero) .news a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a:hover,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a:hover {
	color: var(--colore-blu-ciano-hover) !important;
	transition: .2s ease-out;

}
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a:hover{
	color: var(--colore-bianco-hover) !important;
	transition: .2s ease-out;
}

div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro a:hover {
	color: var(--colore-bianco-hover) !important;
	transition: .2s ease-out;
}

/* FINE STILI HOVER BOTTONI E LINK */

/* INIZIO FASCIA-TESTO 12/12 */

.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) a,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) p,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) td,
.fasciaTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) h4 {
	color: var(--colore-bianco)!important;
}

/* FINE FASCIA-TESTO 12/12 */

/* INIZIO COLORI BLOCCO COLLEGAMENTO INTERNO ED ESTERNO */

div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_bianco p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_azzurro p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_grigio_chiaro p {
	color: var(--colore-nero)!important;
}

.sfondo_testo_bianco {
	background: var(--colore-bianco)!important;
}

.sfondo_testo_azzurro {
	background: var(--colore-blu-scuro)!important;
}

.sfondo_testo_grigio_chiaro {
	background: var(--colore-grigio)!important;
}


div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano a,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_nero p,
div:is(.bloccoCollInterno, .bloccoCollEsterno) .sfondo_testo_blu_ciano p {
	color: var(--colore-bianco);
}

.sfondo_testo_nero {
	background: var(--colore-nero);
	color: var(--colore-bianco);
}

.sfondo_testo_blu_ciano {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) h3,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) h3 a,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) label,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) p,
div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) a {
	color: var(--colore-nero)!important;
}

div:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) a:hover {
	color: var(--colore-blu-scuro-hover)!important;
}

div:is(.sfondo_testo_azzurro, .sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) .line {
	border-color: var(--colore-nero);
}

.bloccoForm:is(.sfondo_testo_azzurro) input,
.bloccoForm:is(.sfondo_testo_azzurro) textarea,
.bloccoForm:is(.sfondo_testo_azzurro) select {
	background: var(--colore-blu-scuro)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-blu-ciano)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input:hover,
.bloccoForm:is(.sfondo_testo_azzurro) input:focus,
.bloccoForm:is(.sfondo_testo_azzurro) textarea:hover,
.bloccoForm:is(.sfondo_testo_azzurro) textarea:focus,
.bloccoForm:is(.sfondo_testo_azzurro) select:hover,
.bloccoForm:is(.sfondo_testo_azzurro) select:focus {
	border-color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input::placeholder,
.bloccoForm:is(.sfondo_testo_azzurro) textarea::placeholder {
	color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_azzurro) input[type="submit"]:hover {
	background: var(--colore-nero)!important;
	color: var(--colore-bianco)!important;
}



.bloccoForm:is(.sfondo_testo_bianco) input,
.bloccoForm:is(.sfondo_testo_bianco) textarea,
.bloccoForm:is(.sfondo_testo_bianco) select {
	background: var(--colore-grigio)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-grigio)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input:focus,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea:focus,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) select:hover,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) select:focus {
	border-color: var(--colore-blu-scuro)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input::placeholder,
.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) textarea::placeholder {
	color: var(--colore-nero)!important;
}

.bloccoForm:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro) input[type="submit"]:hover {
	background: var(--colore-blu-ciano-hover)!important;
	border-color: var(--colore-blu-ciano-hover)!important;
	color: var(--colore-bianco)!important;
}


.bloccoForm:is(.sfondo_testo_grigio_chiaro) input,
.bloccoForm:is(.sfondo_testo_grigio_chiaro) textarea,
.bloccoForm:is(.sfondo_testo_grigio_chiaro) select {
	background: var(--colore-bianco)!important;
	color: var(--colore-nero)!important;
	border-color: var(--colore-bianco)!important;
}


.bloccoMenu:is(.sfondo_testo_azzurro) a:hover {
	color: var(--colore-nero)!important;
	text-decoration: underline;
}

.bloccoMenu:is(.sfondo_testo_nero),
.bloccoMenu:is(.sfondo_testo_nero) p,
.bloccoMenu:is(.sfondo_testo_nero) a,
.bloccoMenu:is(.sfondo_testo_blu_ciano),
.bloccoMenu:is(.sfondo_testo_blu_ciano) p,
.bloccoMenu:is(.sfondo_testo_blu_ciano) a {
	color: var(--colore-bianco)!important;
}


.bloccoNews:is(.sfondo_testo_blu_ciano) .news {
	background: var(--colore-nero);
}

.bloccoNews:is(.sfondo_testo_bianco) .news {
	background: var(--colore-grigio);
}

.bloccoNews:is(.sfondo_testo_grigio_chiaro) .news {
	background: var(--colore-bianco);
}

.bloccoNews:is(.sfondo_testo_azzurro) .news {
	background: var(--colore-bianco);
}

.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news > div,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news a,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news span,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news p,
.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news h4 {
	color: var(--colore-nero)!important;
}

.bloccoNews:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) .news a:hover {
	color: var(--colore-blu-scuro)!important;
}

.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news > div,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news a,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news span,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news p,
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .news h4 {
	color: var(--colore-bianco)!important;
}

.bloccoNews:is(.sfondo_testo_nero) .news > div,
.bloccoNews:is(.sfondo_testo_nero) .news a,
.bloccoNews:is(.sfondo_testo_nero) .news span,
.bloccoNews:is(.sfondo_testo_nero) .news p,
.bloccoNews:is(.sfondo_testo_nero) .news h4 {
	color: var(--colore-nero)!important;
}
#anc731,#anc688, #anc673 {width: 100%;}
.bloccoNews:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) .boxTitle a {color: var(--colore-bianco);}
/* FINE COLORI BLOCCO COLLEGAMENTO INTERNO ED ESTERNO */



/* INIZIO COLORI BLOCCO TESTO */
.bloccoTesto td {
	color: var(--colore-nero);
}

.bloccoTesto:is(.sfondo_testo_bianco, .sfondo_testo_grigio_chiaro, .sfondo_testo_azzurro) td {color: var(--colore-nero)!important;}

.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) a,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) p,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) span,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) td,
.bloccoTesto:is(.sfondo_testo_nero, .sfondo_testo_blu_ciano) h4 {
	color: var(--colore-bianco)!important;
}

/* FINE COLORI BLOCCO TESTO */

/** Inizio - Footer **/

footer {
	background: var(--colore-blu-ciano);
	color: var(--colore-nero);
}
footer p{
	color: var(--colore-bianco);
}

.footer-informative {
	border-color: rgb(255, 255, 255, 0.6);
}
#contatti-footer a {
	color: var(--colore-bianco);
}
#contatti-footer a:hover {
	color: var(--colore-blu-scuro);
}
/** Fine - Footer **/



/* scheda prodotto */
.schedaProdottoContenitore .schedaProdotto{
    color: var(--colore-nero);

}

/* ecommerce - tipografia & colori (estratti da style.css) */

.dati_prodotto__titolo_prezzo {
	color: #000;
	font-size: 1rem;
	transition: 0.1s linear;
}

.dati_prodotto__sconto_prodotto {
	color: #888;
	font-weight: 600;
	font-size: 0.875rem;
}

.dati_prodotto__prezzo_prodotto_intero {
	font-size: 24px;
	font-weight: bold;
	color: #b3110f;
}

.dati_prodotto__prezzo_prodotto_scontato {
	color: #888;
	font-size: 1.125rem;
	font-weight: 600;
}

.prodotto_contenitore__dati_prodotto {
	color: #000;
	font-weight: 400;
	font-size: 1rem;
}

.dati_prodotto__codice_prodotto {
	color: #999;
	font-weight: 600;
	font-size: 12px;
}

.dati_prodotto__contenitore_prezzo_scontato p {
	font-size: 13px;
	color: #149547;
	font-weight: 600;
}

.elimina-button-indirizzo { font-family: var(--font-family)!important; }

.js-edit-button {
	color: #000;
	background: #ddd;
	font-size: 15px;
	font-weight: 500;
	transition: 0.2s linear;
}

.js-edit-button:hover { background: #d0d0d0; }


.action-buttons__quantity-input {
	color: var(--colore-bianco);
}

.product-info__action-buttons {
	margin-top: 40px;
}


.product-info__action-buttons .action-buttons__span,
.prodotto .action-buttons__span,
.action-buttons__add-to-cart, .schedaProdotto__prodottiCorrelati .prodotto form input,
.product-info__action-buttons .quantity-product, .quantity-product{
	background: #f2f2f2;
	color: var(--colore-nero);
}


.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"],
.action-buttons__add-to-cart{
    background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"]:hover,
.action-buttons__add-to-cart:hover {
    background: var(--colore-blu-ciano-hover);
	color: var(--colore-bianco);
}


.product-info__prices-main-price {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 5px;
}


h2 { 
	margin-bottom: 24px; 
	color: var(--colore-nero);
	font-weight: 700
}

.product-info__prices-info-price span{
    color:  var(--colore-nero);
}


.action-buttons__dec-quantity--disabled {
	background: #eee!important;
	color: #888!important;
	cursor: not-allowed!important;
}



.aggiunta_carrello__selettore_quantita{
    color: var(--colore-bianco);
}

.prodotto_contenitore__immagine {
    position: relative;
	transition: 0.1 linear;
}

.prodotto__contenitore_sconto {
    position: absolute;
    top: 20px;
    left: 20px;
    color: VAR(--colore-nero);
    background: var(--colore-rosso);
    text-align: center;
}


.prodotto__contenitore_sconto p{
	color: var(--colore-bianco);
}

.product-info__saled-price{
    color: #aaa;
	font-size: 1 rem;
 
}

.schedaProdotto {
    color: var(--colore-nero);
}


.prezzo_finale {
	color: var(--colore-nero);
	font-weight: 900;
	font-size: 1.25rem;
}



/* fine scheda prodotto */


/* INIZIO - BUONI SPESA */

.coupon {
    background: var(--colore-grigio3);
}

.coupon-left p {
    color: var(--colore-bianco);
}

.coupon-left::after,
.coupon-left::before {
    border: 200px solid var(--colore-blu-ciano);
    border: 200px solid var(--colore-blu-ciano);
}


.coupon-con::before,
.coupon-con::after {
    border: 400px solid var(--colore-blu-ciano);

}

.scaduto .coupon-left::after,
.scaduto .coupon-left::before {
    border-color: var(--colore-grigio2);
}

.scaduto .coupon-con::after,
.scaduto .coupon-con::before {
    border-color: var(--colore-grigio2);
}
.coupon-con h5, .coupon-con p {
    color: var(--colore-bianco);
}

/* FINE - BUONI SPESA */

/* ========================================================================== */
/* COLORI - estratti da style.css (ecommerce / popup / messaggi)               */
/* ========================================================================== */

.main-content .messaggio {
	border-color: #99bba6;
	background: #d6e3c7;
}

.main-content .messaggio.errore {
	border-color: #CC0000;
	background: #FEDADA;
}

.main-content .messaggio h4 {
	color: #111;
}

.bloccoParallasse .testo_parallasse {
	background: var(--colore-blu-ciano);
	color: var(--colore-bianco);
}

.testo_parallasse p{
	color: var(--colore-bianco);
}

.container_popup_promozionale {
	background: rgba(0, 0, 0, 0.4);
}

.container_popup_promozionale .popup_promozionale .close_popup_promozionale {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
}

#realizzato-da {
	background: #00798b;
}

#realizzato-da a {
	color: #fff;
}

/* COLORI - estratti da ex style-carrello.css (ora in style.css) */

#dropdown_menuProfilo ul,
#anteprimacarrello {
	background: #f2f3f4;
}

#dropdown_menuProfilo ul li a {
	color: #888;
}

#dropdown_menuProfilo ul li a:hover {
	color: var(--colore-blu-ciano);
}

#vaialcarrello {
	background: var(--colore-blu-ciano);
	color: #fff;
}

#vaialcarrello:hover {
	background: #58b4e9;
}

.cart-ante-total-price {
	color: #FFF;
}

.total-product-number-cart-ant {
	background: var(--colore-blu-ciano);
	color: #fff;
}

/* ========================================================================== */
/* PAGINA CATEGORIA PRODOTTI (solo dentro .pagina_categoria) - COLORI          */
/* ========================================================================== */

:root {
	--cat-accent: var(--colore-blu-ciano);
	--cat-accent-hover: var(--colore-blu-ciano-hover);
	--cat-surface: #ffffff;
	--cat-surface-2: #f6f7f8;
	--cat-border: rgba(0, 0, 0, 0.08);
	--cat-text: #0b0e12;
	--cat-muted: rgba(11, 14, 18, 0.62);
	--cat-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
	--cat-shadow-hover: 0 3px 4px rgba(0, 0, 0, 0.05);
	--cat-sale: #0f7a36;
	--cat-soldout-bg: rgba(0, 0, 0, 0.72);
	--cat-soldout-text: #fff;
}

.pagina_categoria .main-content__menu-categorie a {
	background: rgba(0, 0, 0, 0.06);
	color: rgba(0, 0, 0, 0.72);
}

.pagina_categoria .main-content__menu-categorie a:hover,
.pagina_categoria .main-content__menu-categorie a.attivo {
	background: var(--cat-accent);
	color: #fff;
}

.pagina_categoria .colonna_sx_filtro {
	background: var(--cat-surface);
	border: 1px solid var(--cat-border);
}

.pagina_categoria .filtroCategoria label {
	color: rgba(0, 0, 0, 0.78);
}

.pagina_categoria .filtroCategoria label:hover {
	color: #000;
	background: rgba(0, 0, 0, 0.06);
}

.bloccoListaProdotto .prodotto,
.bloccoProdotto .prodotto,
.pagina_categoria .prodotto {
	background: var(--cat-surface);
	border: 1px solid var(--cat-border);
}

.bloccoListaProdotto .prodotto:hover,
.bloccoProdotto .prodotto:hover,
.pagina_categoria .prodotto:hover {
	box-shadow: var(--cat-shadow-hover);
}

.bloccoListaProdotto .prodotto_contenitore__dati_prodotto,
.bloccoProdotto .prodotto_contenitore__dati_prodotto,
.pagina_categoria .prodotto_contenitore__dati_prodotto {
	color: var(--cat-text);
}

.bloccoListaProdotto .dati_prodotto__titolo_prezzo,
.bloccoProdotto .dati_prodotto__titolo_prezzo,
.pagina_categoria .dati_prodotto__titolo_prezzo {
	color: var(--cat-text);
}

.bloccoListaProdotto .product-info__saled-price,
.bloccoProdotto .product-info__saled-price,
.pagina_categoria .product-info__saled-price {
	color: rgba(11, 14, 18, 0.45);
}

.bloccoListaProdotto .prezzo_finale,
.bloccoProdotto .prezzo_finale,
.pagina_categoria .prezzo_finale {
	color: #222;
}

.bloccoListaProdotto .prodotto_contenitore__immagine::after,
.bloccoProdotto .prodotto_contenitore__immagine::after,
.pagina_categoria .prodotto_contenitore__immagine::after {
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.42) 0%,
		rgba(0, 0, 0, 0.16) 38%,
		rgba(0, 0, 0, 0.00) 72%
	);
}

.bloccoListaProdotto .prodotto__contenitore_sconto,
.bloccoProdotto .prodotto__contenitore_sconto,
.pagina_categoria .prodotto__contenitore_sconto {
	background: linear-gradient(135deg, var(--cat-accent) 0%, #2f7fdc 100%);
	color: #fff;
	box-shadow: 0 8px 18px rgba(47, 127, 220, 0.25);
}

.bloccoListaProdotto .action-buttons__span,
.bloccoProdotto .action-buttons__span,
.pagina_categoria .action-buttons__span {
	background: rgba(0, 0, 0, 0.06);
	color: rgba(0, 0, 0, 0.80);
}

.bloccoListaProdotto .action-buttons__span:hover:not(.action-buttons__dec-quantity--disabled),
.bloccoProdotto .action-buttons__span:hover:not(.action-buttons__dec-quantity--disabled),
.pagina_categoria .action-buttons__span:hover:not(.action-buttons__dec-quantity--disabled) {
	background: rgba(70, 165, 220, 0.14);
}

.bloccoListaProdotto .quantity-product,
.bloccoProdotto .quantity-product,
.pagina_categoria .quantity-product {
	background: var(--cat-surface-2);
	color: rgba(0, 0, 0, 0.82);
}

.bloccoListaProdotto .prodotto__aggiunta_carrello input[type="submit"],
.bloccoListaProdotto .prodotto__aggiunta_carrello .button,
.bloccoProdotto .prodotto__aggiunta_carrello input[type="submit"],
.bloccoProdotto .prodotto__aggiunta_carrello .button,
.pagina_categoria .prodotto__aggiunta_carrello input[type="submit"],
.pagina_categoria .prodotto__aggiunta_carrello .button {
	background: var(--cat-accent);
	color: #fff;
}

.bloccoListaProdotto .prodotto__aggiunta_carrello input[type="submit"]:hover,
.bloccoListaProdotto .prodotto__aggiunta_carrello .button:hover,
.bloccoProdotto .prodotto__aggiunta_carrello input[type="submit"]:hover,
.bloccoProdotto .prodotto__aggiunta_carrello .button:hover,
.pagina_categoria .prodotto__aggiunta_carrello input[type="submit"]:hover,
.pagina_categoria .prodotto__aggiunta_carrello .button:hover {
	background: var(--cat-accent-hover);
}

.bloccoListaProdotto .prodotto_esaurito,
.bloccoProdotto .prodotto_esaurito,
.pagina_categoria .prodotto_esaurito {
	background: var(--cat-soldout-bg);
	color: var(--cat-soldout-text);
	backdrop-filter: blur(6px);
}

.pagina_categoria .prodotti_nessun_prodotto {
	color: rgba(0, 0, 0, 0.70);
}