/*
ATTENZIONE:
	- "#tab_scheda_articolo" 						identifica il contesto della scheda articolo in generale, ma include anche i tabs e quindi anche il catalogo di correlati
	- "#tab_scheda_articolo .scheda_articolo_box" 	identifica il contesto della scheda articolo ad esclusione della sezione dei tabs
	- "#tab_scheda_articolo .scheda_articolo_tabs" 	identifica il contesto della scheda articolo relativa alla sezione tabs 
*/

#tab_scheda_articolo .scheda_articolo_box {
	padding-bottom: 20px;
}

#tab_scheda_articolo .scheda_articolo_box,
#tab_scheda_articolo .scheda_articolo_box .scheda_articolo_content,
#tab_scheda_articolo .scheda_articolo_box .content_block.block1,
#tab_scheda_articolo .scheda_articolo_box .content_block.block2 {
    display: flex;
}

#tab_scheda_articolo .scheda_articolo_box .scheda_articolo_content {
	gap: 20px;
}

#tab_scheda_articolo .scheda_articolo_box,
#tab_scheda_articolo .scheda_articolo_box .scheda_articolo_content {
	flex-wrap: wrap;
}

#tab_scheda_articolo .scheda_articolo_box .articolo_varianti_box,
#tab_scheda_articolo .scheda_articolo_box .scheda_articolo_content {
	flex-basis: 100%;
}

#tab_scheda_articolo .scheda_articolo_box .content_block.block1 {
	/*max-width: 340px;*/ /* Ora che ho tolto il padding left/right di 20px cadauno dai diretti > div non devo più considerare lo spazio da questi occupato */
	max-width: 300px;
	position: relative; /* Necessario per gioco di scroll di scheda_articolo.html */
	align-self: flex-start; /* Necessario per gioco di scroll di scheda_articolo.html */
}

#tab_scheda_articolo .scheda_articolo_box .content_block.block1,
#tab_scheda_articolo .scheda_articolo_box .content_block.block2 {
	flex-direction: column;
}

#tab_scheda_articolo .scheda_articolo_box .content_block.block2 {
	flex: 1 1 0%;	
}

#tab_scheda_articolo .scheda_articolo_box .content_block.block1 > .scheda_articolo_immagini,
#tab_scheda_articolo .scheda_articolo_box .content_block.block1 > .scheda_articolo_gallery_container {
	flex-basis: 100%;
}

#tab_scheda_articolo .scheda_articolo_box .content_block {
	position: relative;
}

/* Contesto scheda articolo fashion */

#tab_scheda_articolo.fashion .scheda_articolo_box .content_block.block1 {
	display: flex;
	flex-direction: row;
	max-width: unset;
	flex-basis: 50%;
	justify-content: center;
    border-right: 1px solid #ccc;
}

#tab_scheda_articolo.fashion .scheda_articolo_box .content_block.block1 > .scheda_articolo_immagini,
#tab_scheda_articolo.fashion .scheda_articolo_box .content_block.block1 > .scheda_articolo_gallery_container {
	flex-basis: unset;
}

#tab_scheda_articolo.fashion .scheda_articolo_box .content_block.block1 > .scheda_articolo_gallery_container {
	margin-right: 6px;
}

/********** CODICE ARTICOLO **********/

	.articolo_codice {
		font-weight: bold;
	}
	
	.articolo_codice a {
		text-decoration: none;
		font-weight: 600;
		white-space: nowrap;
	}
	
	/* Contesto elenco ordini */
	
	.ordine_dettevas .articolo_codice,
	.ordine_inevasi .articolo_codice {
		font-weight: normal;
	}
	
	/* Contesto catalogo */

	.catalogo .catalogo_box.catalogo_matrix  .articolo_codice {
		text-align: center;
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_codice {
		margin-bottom: 0.6rem;
	}
	
	/* Contesto box carrello */
	
	#box_carrello .carrello_sintetico_detail .articolo_codice {
		font-weight: normal;
		overflow: hidden;
	}
	
	/* Contesto carrello */
	
	.carrello .carrello_veloce .aliases td.articolo_codice,
	.carrello .carrello_elenco_articoli .kit_componente div.articolo_codice,
	.carrello .carrello_elenco_articoli td.articolo_codice,
	.carrello .carrello_sconti_volume td.articolo_codice {
		font-weight: normal;
	}
	
	.carrello .carrello_veloce .aliases td.articolo_codice a {
		text-decoration: underline;
	}

/* --------- CODICE ARTICOLO --------- */

/********** IMMAGINE **********/

	.articolo_immagine {
		width: 100%;
		height: 100%;
	}
	
	.articolo_immagine img {
		display: block;
		margin: 0 auto;
	}
	
	/* Contesto catalogo */
	
	.catalogo .catalogo_box.catalogo_matrix .articolo_immagine {
		padding: 0;
		container-type: inline-size;
		container-name: catalogo_matrix_articolo_immagine;
	}
	
	/*
		Di default l'immagine small è 175px, se da configurazione (img_width_small/img_height_small) la aumentiamo (es. 275px in un layout fashion)
		dobbiamo riregolare la grandezza della immagine qualora la schedina raggiunga una dimensione inferiore a quella dell'immagine stessa (resize del browser),
		altrimenti sfora brutalmente.
		
		width >= 230px pari al min-width della schedina matrix (240px) esclusi i padding left/right (5px+5px)
		width < 275px è il valore configurato in img_width_small/img_height_small
	*/
	@container catalogo_matrix_articolo_immagine (width >= 230px) and (width < 275px) {
		img {
			width: 175px; /* Reimpostiamo i valori di configurazione di default */
			height: 175px; /* Reimpostiamo i valori di configurazione di default */
		}
	}
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_immagine img {
		width: 80px;
		height: 80px;
	}
	
	/* Contesto carrello */
	
	.carrello .carrello_elenco_articoli .articolo_immagine {
		width: 75%;
		height: 75%;
		margin: 0 auto;
	}
	
	/* Contesto carrello bicolonna */
	
	.carrello.bicolonna .articolo_immagine {
		width: auto;
		height: 100%;
		max-width: 150px;
		max-height: 150px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.carrello.bicolonna.login_registrazione .articolo_immagine {
		width: 73px;
		height: 73px;
	}
	
	/* Contesto carrello sintetico dialog */
	
	#box_carrello.carrello_sintetico_dialog .articolo_immagine {
		width: 50%;
		height: 50%;
		margin: 0 auto;
	}

/* --------- IMMAGINE --------- */

/********** IMMAGINE RAGGRUPPAMENTO / PROMOZIONE **********/

	.img_raggruppamento,
	.img_promozione {
		position: absolute;
		padding: 0 !important;
		top: 0;
		left: 0;
	}
	
	.img_promozione + .img_raggruppamento {
		top: 28px;
	}
	
	.img_raggruppamento .without_image,
	.img_promozione .without_image {
		padding: 2px;
		white-space: nowrap;
		width: 80px;
		text-align: center;
	}
	
	/* Contesto catalogo */

	.catalogo .catalogo_box.catalogo_b2c .img_raggruppamento,
	.catalogo .catalogo_box.catalogo_b2c .img_promozione {
		top: 27px; /* Obbiettivo: metterlo in linea con la descrizione articolo */
	}
	
	.catalogo .catalogo_box.catalogo_b2c .img_promozione + .img_raggruppamento {
		top: 55px;
	}
	
	.catalogo .catalogo_box.catalogo_b2b .img_raggruppamento,
	.catalogo .catalogo_box.catalogo_b2b .img_promozione {
		top: 22px; /* Obbiettivo: metterlo in linea con la descrizione articolo */
	}
	
	.catalogo .catalogo_box.catalogo_b2b .img_promozione + .img_raggruppamento {
		top: 42px;
	} 
	
	.catalogo .catalogo_box.catalogo_b2b .img_raggruppamento img,
	.catalogo .catalogo_box.catalogo_b2b .img_promozione img {
		width: 75%;
		height: 75%;
	}
	
	.catalogo .catalogo_box.catalogo_b2b .img_raggruppamento .without_image,
	.catalogo .catalogo_box.catalogo_b2b .img_promozione .without_image {
		font-size: 0.75em; /* Stesso rapporto per il tag img alternativo */
		width: 60px; /* Corrispondente al 75% specificato sul tag img alternativo. Se specifico 75% calcola male. */
	}
	
	.catalogo .catalogo_box.catalogo_matrix .img_raggruppamento,
	.catalogo .catalogo_box.catalogo_matrix .img_promozione {
		z-index: 1; /* per override "container-type: inline-size;" di .articolo_immagine */
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .img_raggruppamento,
	#tab_scheda_articolo .scheda_articolo_box .img_promozione {
		top: 6px; /* Obbiettivo: metterlo in linea con la descrizione articolo */
	}
	
	#tab_scheda_articolo .scheda_articolo_box .img_raggruppamento + .img_promozione {
		top: 35px;
	}

/* --------- IMMAGINE RAGGRUPPAMENTO / PROMOZIONE --------- */

/********** GALLERY **********/

	.scheda_articolo_gallery_container .scheda_articolo_gallery {
	    display: flex;
	}
	
	.scheda_articolo_gallery_container .scheda_articolo_gallery > div {
		flex: 0;
		min-width: 73px;
		max-width: 73px;
		width: 73px;
	}
	
	.scheda_articolo_gallery_container .scheda_articolo_gallery > div img {
		border: 1px solid #ccc;
		padding: 1px;
	}

	.scheda_articolo_gallery_container .bx-wrapper {
		box-shadow: none;
		border: none;
	}
	
	.scheda_articolo_gallery_container .bx-wrapper .bx-controls-direction {
		position: relative;
		z-index: 1;
		margin-top: 15px;
	}
	
	.scheda_articolo_gallery_container .bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: 700;
		color: #666;
	}

	.scheda_articolo_gallery_container .bx-wrapper .bx-pager a {
		/*! margin-left: 20px; */
	}
	
	.scheda_articolo_gallery_container .bx-wrapper .bx-prev,
	.scheda_articolo_gallery_container .bx-wrapper .bx-next	{
		color: transparent;
		background: none;
	}
	
	/* Contesto scheda articolo base */
	
	.scheda_articolo.base .scheda_articolo_gallery_container .bx-wrapper .bx-pager {
		padding-top: 0;
		bottom: 8px !important;
	}
	
	.scheda_articolo.base .scheda_articolo_gallery_container .bx-wrapper .bx-prev,
	.scheda_articolo.base .scheda_articolo_gallery_container .bx-wrapper .bx-next	{
		position: relative;
	}
	
	.scheda_articolo.base .scheda_articolo_gallery_container .bx-wrapper .bx-next {
		left: 69%;
	}

	/* Contesto scheda articolo fashion */
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .scheda_articolo_gallery {
		flex-direction: column;
	}
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .scheda_articolo_gallery > div {
		align-self: center;
		margin-bottom: 6px; /* ATTENZIONE: qui è inutile, è invece da configurare questo parametro nel bxSlider (slideMargin) */
	}
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper {
		margin-bottom: 0;
	}
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper .bx-pager {
		display: none;
	}
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper .bx-controls-direction {
	    display: flex;
	    flex-direction: column;
	}
	
	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper .bx-controls-direction a {
		margin: 0 auto;
		position: relative; /* Override ".bx-wrapper .bx-controls-direction a" */
		top: 0; /* Override ".bx-wrapper .bx-controls-direction a" */
		margin-top: 0; /* Override ".bx-wrapper .bx-controls-direction a" */
		text-indent: 0; /* Override ".bx-wrapper .bx-controls-direction a" */
		left: 0; /* Override ".bx-wrapper .bx-controls-direction a" */
		right: 0; /* Override ".bx-wrapper .bx-controls-direction a" */
	}

	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper .bx-controls:first-child .bx-next,
	.scheda_articolo.fashion .scheda_articolo_gallery_container .bx-wrapper .bx-controls:last-child .bx-prev {
		display: none;
	}

/* --------- GALLERY --------- */

/********** ARTICOLO DESCRIZIONE 60 **********/

	.articolo_descrizione_60 {
	}
	
	.articolo_descrizione_60 a {
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	/* Contesto catalogo */
	
	.catalogo .catalogo_box.catalogo_matrix .articolo_descrizione_60 {
		min-height: 5em;
		text-align: center;
	}
	
	.catalogo .catalogo_box .articolo_descrizione_60 h2 {
		font-size: 1.125em;
	}

	.catalogo_box.catalogo_matrix .articolo_descrizione_60 h2 {
		font-size: 0.95em;
		min-height: 2.5em;
	}
	
	.catalogo_box.catalogo_matrix.catalogo_hint .articolo_descrizione_60 h2 {
		margin-top: 1.04rem;
	}
	
	/* Contesto carrello */
	
	.carrello .carrello_veloce .aliases .articolo_descrizione_60 a {
		font-weight: normal;
		text-decoration: underline;
	}

/* --------- ARTICOLO DESCRIZIONE 60 --------- */

/********** ARTICOLO DESCRIZIONE 256 **********/

	.articolo_descrizione_256 {
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box div.articolo_descrizione_256 {
		padding-bottom: 20px;
	}
	
	/* Contesto catalogo b2c */
	
	/*
	.catalogo .catalogo_box.catalogo_b2c .articolo_descrizione_256 {
		display: none;
	}
	*/
	
	/* Contesto catalogo b2b */
	
	/*
	.catalogo .catalogo_box.catalogo_b2b .articolo_descrizione_256 {
		display: none;
	}
	*/

/* --------- ARTICOLO DESCRIZIONE 256 --------- */

/********** LINEA E GRUPPO STATISTICO **********/

	.articolo_linea,
	.articolo_grustat {
		font-size: .8em;
	}
	
	.articolo_linea span.label,
	.articolo_grustat span.label {
		font-weight: bold;
		color: #0f3772;
	}
	
	.articolo_linea a,
	.articolo_grustat a {
		text-decoration: none;
	}
	
	.articolo_linea a:hover,
	.articolo_grustat a:hover {
		color: var(--wec-color-focus);
	}
	
	/* Contesto catalogo matrix */
	
	.catalogo .catalogo_box.catalogo_matrix .articolo_linea,
	.catalogo .catalogo_box.catalogo_matrix .articolo_grustat {
		display: none;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_linea,
	.catalogo .catalogo_box.catalogo_b2c .articolo_grustat {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_linea,
	.catalogo .catalogo_box.catalogo_b2b .articolo_grustat {
		display: none;
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_linea div[itemprop="brand"],
	#tab_scheda_articolo .scheda_articolo_box .articolo_grustat div[itemprop="brand"] {
		display: inline-block;
	}

	#tab_scheda_articolo .scheda_articolo_box .articolo_linea:not(:empty),
	#tab_scheda_articolo .scheda_articolo_box .articolo_grustat:not(:empty) {
		margin-bottom: 0.6rem;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_linea:not(:empty):has( + .articolo_grustat:not(:empty)) {
		margin-bottom: 0;
	}

/* --------- LINEA E GRUPPO STATISTICO --------- */

/********** ATTRIBUTI **********/

	.articolo_attributi {
		font-size: .8em;
	}
	
	/* Contesto catalogo */
	
	.catalogo .catalogo_box .articolo_attributi,
	.catalogo .catalogo_box .articolo_attributi,
	.catalogo .catalogo_box .articolo_attributi {
		display: none;
	}
	
	/* Contesto catalogo matrix */
	
	.articolo_attributi ul.attributi > li.attributo,
	.articolo_attributi ul.attributi_opzioni,
	.articolo_attributi ul.attributi_opzioni > li.attributo_opzione {
		display: inline-block;
	}
	
	.articolo_attributi ul.attributi > li.attributo {
		margin-right: 10px;
	}
	
	.catalogo_attributi_filtro .attributo_descrizione,
	.articolo_attributi .attributo_descrizione,
	.articolo_attributi .articolo_attributo_gruppo {
		font-weight: bold;
	}
	
	.articolo_attributi .attributo_opzione_immagine,
	.articolo_attributi .jscolor_preview,
	.catalogo_attributi_filtro .attributo_opzione_immagine,
	.catalogo_attributi_filtro .jscolor_preview {
		float: right;
		margin-left: 2px;
	}
	
	.articolo_attributi .jscolor_preview,
	.catalogo_attributi_filtro .jscolor_preview {
		width: 14px;
		height: 14px;
	}
	
	.catalogo_box .attributo ul::after,
	#tab_scheda_articolo .scheda_articolo_box .content_block.block2 .attributo ul::after {
		content: ";"
	}

  	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_attributi:not(:empty) {
		margin-bottom: 0.6rem;
	}

/* --------- ATTRIBUTI --------- */

/********** DISPONIBILITA' **********/

	.articolo_disponibilita {
		font-size: .8em;
	}
	
	.articolo_disponibilita .articolo_disponibilita_soglia_text {
		display: none;
	}

	.articolo_disponibilita .articolo_disponibilita_testo.disponibilita_bassa span.articolo_disponibilita_testo_span_img svg {
		color: #ec2a1b;
	}
	
	.articolo_disponibilita .articolo_disponibilita_testo.disponibilita_media span.articolo_disponibilita_testo_span_img svg {
		color: #f29a19;
	}
	
	.articolo_disponibilita .articolo_disponibilita_testo.disponibilita_alta span.articolo_disponibilita_testo_span_img svg {
		color: #76b11b;
	}
	
	.articolo_disponibilita .articolo_disponibilita_testo_span_img {
	    display: flex;
	    flex-direction: column;
	}

	/* Contesti scheda articolo, catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	#tab_scheda_articolo .articolo_disponibilita .articolo_disponibilita_testo_span_img {
		flex-direction: row;
	    align-items: center;
	}

	#tab_scheda_articolo .scheda_articolo_box .articolo_configurabile .articolo_disponibilita .articolo_disponibilita_testo_span_img {
		flex-direction: column;
	}

	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_disponibilita:not(:empty) {
		margin-bottom: 0.6rem;
	}
	
	/* Contesto catalogo b2c */
	
	/*
	.catalogo .catalogo_box.catalogo_b2c .articolo_disponibilita {
		display: none;
	}
	*/
	
	/* Contesto catalogo b2b */
	
	/*
	.catalogo .catalogo_box.catalogo_b2b .articolo_disponibilita {
		display: none;
	}
	*/
	
	/* Contesto input varianti */
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_disponibilita .articolo_disponibilita_testo.disponibilita_soglia {
		min-height: 56px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.catalogo .catalogo_box.catalogo_b2c .articolo_varianti_box.articolo_varianti_box_accordion .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	#tab_scheda_articolo .articolo_varianti_box.articolo_varianti_box_accordion .articolo_disponibilita .articolo_disponibilita_testo_span_img {
		flex-direction: column;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.catalogo .catalogo_box .articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.catalogo .catalogo_box .articolo_varianti_box.articolo_varianti_box_listbox .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	.catalogo .catalogo_box .articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	#tab_scheda_articolo .articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	#tab_scheda_articolo .articolo_varianti_box.articolo_varianti_box_listbox .articolo_disponibilita .articolo_disponibilita_testo_span_img,
	#tab_scheda_articolo .articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_disponibilita .articolo_disponibilita_testo_span_img {
		flex-direction: column;
	    align-items: center;
	}
	
	/* Contesto carrello */
	
	.carrello .articolo_disponibilita {
		font-size: inherit;
	}
	
	/* Contesto carrello bicolonna */
	
	.carrello.bicolonna .articolo_disponibilita .articolo_disponibilita_esistenza {
		display: none;
	}
	
	.carrello.bicolonna .articolo_disponibilita .articolo_disponibilita_testo_span_img {
		flex-direction: row;
	}

/* --------- DISPONIBILITA' --------- */

/********** QUANITTA' IMBALLO **********/

	.articolo_qta_imballo {
		font-size: .8em;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_qta_imballo {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_qta_imballo {
		/* display: none; */
	}

	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_qta_imballo:not(:empty) {
		margin-bottom: 0.6rem;
	}

/* --------- QUANITTA' IMBALLO --------- */

/********** UNITA' DI MISURA **********/

	.articolo_unitmis {
		font-size: .8em;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_unitmis {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_unitmis {
		/* display: none; */
	}

	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_unitmis:not(:empty) {
		margin-bottom: 0.6rem;
	}
	
	/* Contesto elenco ordini */
	
	.ordine_dettevas .articolo_unitmis,
	.ordine_inevasi .articolo_unitmis {
		font-size: inherit;
	}
	
	/* Contesto carrello */
	
	.carrello .articolo_unitmis {
		font-size: inherit;
	}

/* --------- UNITA' DI MISURA --------- */

/********** FIELD EXTRA SEARCH **********/

	.articolo_field_extra_search {
		font-size: .8em;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_field_extra_search {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_field_extra_search {
		display: none;
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_field_extra_search(:empty) {
		margin-bottom: 0.6rem;
	}

/* --------- FIELD EXTRA SEARCH --------- */

/********** QUANITTA' MINIMO ORDINABILE **********/

	.articolo_qta_min_ord {
		font-size: .8em;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_qta_min_ord {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_qta_min_ord {
		/* display: none; */
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_qta_min_ord:not(:empty) {
		margin-bottom: 0.6rem;
	}

/* --------- QUANITTA' MINIMO ORDINABILE --------- */

/********** ARTICOLO SCHEDA **********/

	.articolo_scheda {
	}
	
	.articolo_scheda a {
		color: var(--wec-color-fg);
	}

	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_scheda {
		order: 100;
		padding-top: 10px;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_scheda a {
		font-size: 0.9em;
	}

/* --------- ARTICOLO SCHEDA --------- */

/********** BOX GENERA PDF + ARTICOLO BOOKMARK **********/

	.box_generapdf {
	}
	
	.articolo_bookmark {
		display: flex;
		flex-wrap: wrap;
	}

	.box_generapdf .box_generapdf_genera {
	    display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	
	.articolo_bookmark a,
	.box_generapdf .box_generapdf_genera a {
		padding: 0 6px;
		color: var(--wec-color-fg);
	}
		
	.articolo_bookmark a.abookmark_link > svg,
	.articolo_bookmark a.copialinkcat > svg,
	.box_generapdf .box_generapdf_genera .pdf a > svg,
	.box_generapdf .box_generapdf_genera .mail a > svg {
		display: inline-flex;
		margin-right: 5px;
	}
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .box_generapdf {
		order: 100;
		margin-bottom: 0.6rem;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_bookmark a,
	#tab_scheda_articolo .scheda_articolo_box .box_generapdf .box_generapdf_genera a {
		font-size: 0.9em;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .box_generapdf .box_generapdf_genera .pdf a {
		padding: 0;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_share_box {
		display: flex;
		align-self: center;
	}
	
	/* Contesto carrello */
	
	.carrello .box_generapdf .box_generapdf_genera a {
		top: 0;
	}

/* --------- BOX GENERA PDF + ARTICOLO BOOKMARK --------- */

/********** ALIAS **********/

	.articolo_alias {
		font-size: .8em;
	}
	
	.articolo_alias .articolo_alias_riga {
	    display: flex;
		flex-wrap: wrap;
	}
	
	.articolo_alias .articolo_alias_riga > * {
		padding-right: 2px;
	}
	
	.articolo_alias .articolo_alias_title,
	.articolo_alias .articolo_alias_tipo {
		font-weight: bold;	
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_alias {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	.catalogo .catalogo_box.catalogo_b2b .articolo_alias {
		display: none;
	}

	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_alias:not(:empty) {
		margin-bottom: 0.6rem;
	}
	
	/* Contesto elenco ordini */
	
	.ordine_dettevas .articolo_alias {
		font-size: inherit;
	}
	
	/* Contesto carrello */
	
	.carrello .carrello_veloce .aliases .articolo_alias,
	.carrello .carrello_elenco_articoli .articolo_alias {
		font-size: inherit;
	}
	
	/* Contesto carrello bicolonna */
	
	.carrello.bicolonna .articolo_alias {
		text-align: right;
	}
	
	/* Contesto input varianti */
	
	.articolo_varianti_box .articolo_alias .articolo_alias_title {
		text-align: left;
	}
	
	.articolo_varianti_box .articolo_input_carrello .articolo_variante .articolo_alias .articolo_alias_riga > * {
		padding-right: 2px;
	}

/* --------- ALIAS --------- */

/********** SPESE SPEDIZIONE EXTRA **********/

	.articolo_spese_spedizione_extra {
		font-size: .8em;
	}
	
	/* Contesto catalogo b2c */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_spese_spedizione_extra {
		display: none;
	}
	
	/* Contesto catalogo b2b */
	
	/*
	.catalogo .catalogo_box.catalogo_b2b .articolo_spese_spedizione_extra {
		display: none;
	}
	*/

	/* Contesto scheda articolo */

	#tab_scheda_articolo .scheda_articolo_box .articolo_spese_spedizione_extra:not(:empty) {
		margin-bottom: 0.6rem;
	}

/* --------- SPESE SPEDIZIONE EXTRA --------- */

/********** CONTRATTI PER QUANTITA' **********/

	.articolo_contratti_qta {
	}
	
	.articolo_contratti_qta table {
		width: auto;
	}
	
	.articolo_contratti_qta th {
		padding: 3px 18px;
		color: #fff;
		background-color: #B30000;
	}
	
	.articolo_contratti_qta th,
	.articolo_contratti_qta td {
		border: 1px solid #ccc;
		text-align: center;
	}
	
	.articolo_contratti_qta td.promo {
		padding: 2px 3px;
	}
	
	.articolo_contratti_qta td.promo .without_image {
		padding: 2px;
		white-space: nowrap;
	}
	
	/* Contesto catalogo */
	
	.catalogo .content_block > .img_articolo_contratti_qta {
		text-align: center
	}
	
	.catalogo .content_block > .img_articolo_contratti_qta button {
		color: var(--wec-color-fg);
		background-color: var(--wec-color-focus);
		width: 100%;
	}
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_contratti_qta,
	.catalogo .catalogo_box.catalogo_b2b .articolo_contratti_qta {
		align-self: end;
	}
	
	.catalogo .catalogo_articolo_container.b2b .articolo_contratti_qta table th {
		padding: 3px;
	}
	
	/* Contesto catalogo b2c */
	
	/*
	.catalogo .catalogo_box.catalogo_b2c .articolo_contratti_qta {
		display: none;
	}
	*/
	
	/* Contesto catalogo b2b */
	
	/*
	.catalogo .catalogo_box.catalogo_b2b .articolo_contratti_qta {
		display: none;
	}
	*/
	
	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .content_block.block2 .articolo_contratti_qta {
		order: 900;
		align-self: center;
		padding: 20px 0;
	}

/* --------- CONTRATTI PER QUANTITA' --------- */

/********** BOX VARIANTI SEMPLIFICATO **********/

/* Contesto Monovariante: .box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_1 */

/* Contesto Bivariante: .box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 */

	#tab_scheda_articolo .scheda_articolo_box .box.articolo_varianti_box.articolo_varianti_box_semplificato {
		padding-top: 5px;
		padding-bottom: 5px;
		display: none;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .box.articolo_varianti_box.articolo_varianti_box_semplificato.expanded {
		cursor: all-scroll;
	}
	
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_1,
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row,
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row_content {
	    display: flex;
		flex-wrap: wrap;
	}
	
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_1 > div,
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row > div,
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row_content > div {
		flex: 1;
		box-sizing: content-box;
		padding: 10px;
		text-align: center;
		border: 1px solid #eee;
	}
	
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row > div.articolo_variante_row_content {
		padding: 0;
		border: none;
	}
	
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row .articolo_variante_row_header {
		width: 180px;
		max-width: 180px;
	}
	
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row .articolo_variante_testo {
		word-break: break-all;
	}
	
	/*
		La seguente da commentare (o ridefinire in override) se vogliamo occupare tutto lo spazio in maniera flex, 
		ma con eventuali dimensioni differenti di ogni singolo .articolo_variante.
		
		Però esiste la funzione js "scheda_articolo_expand" della scheda articolo che fa affidamento su dimensioni fisse per decidere se espandere o meno la scheda articolo,
		nel caso va disabilitata.
	*/
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_1 > div.articolo_variante,
	.box.articolo_varianti_box.articolo_varianti_box_semplificato.articolo_varianti_box_semplificato_2 .articolo_variante_row_content > div.articolo_variante {
		flex: 0;
		min-width: 100px;
		max-width: 100px;
		width: 100px;
	}

/* --------- BOX VARIANTI SEMPLIFICATO --------- */

/********** PREZZO PUBBLICO **********/

	.articolo_prezzo_pubblico {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	/* Contesto catalogo matrix */
	
	.catalogo .catalogo_box.catalogo_matrix .articolo_prezzo_pubblico {
		flex-direction: row;
		justify-content: center;
		gap: 0.3em;
	}

	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo_pubblico {
		flex-direction: row;
	    gap: 5px;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_variante .articolo_prezzo_pubblico {
		flex-direction: column;
		gap: 0;
	}

/* --------- PREZZO PUBBLICO --------- */

/********** PREZZO **********/

/*
	Summary:
		- Il prezzo è visualizzato sempre in colonna eccetto in catalogo matrix e scheda articolo e in step login_registrazione del carrello (layout bicolonna)
		- In input varianti è sempre in colonna in qualsiasi contesto
*/

	.articolo_prezzo,
	 #tab_scheda_articolo .scheda_articolo_box .articolo_prezzo > div[itemprop="offers"],
	.articolo_prezzo .articolo_prezzo_scontato,
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio {
	    display: flex;
	    flex-direction: column;
		justify-content: flex-start;
	}
	
	.articolo_varianti_box .articolo_prezzo,
	.articolo_varianti_box .articolo_prezzo .articolo_prezzo_scontato,
	.articolo_varianti_box .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio,
	.catalogo .catalogo_box .content_block .articolo_varianti_box .articolo_prezzo, /* Necessario .content_block per giusto peso */
	.catalogo .catalogo_box .content_block .articolo_varianti_box .articolo_prezzo .articolo_prezzo_scontato, /* Necessario .content_block per giusto peso */
	.catalogo .catalogo_box .content_block .articolo_varianti_box .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio, /* Necessario .content_block per giusto peso */
	#tab_scheda_articolo .scheda_articolo_box .articolo_varianti_box .articolo_prezzo,
	#tab_scheda_articolo .scheda_articolo_box .articolo_varianti_box .articolo_prezzo > div[itemprop="offers"],
	#tab_scheda_articolo .scheda_articolo_box .articolo_varianti_box .articolo_prezzo .articolo_prezzo_scontato,
	#tab_scheda_articolo .scheda_articolo_box .articolo_varianti_box .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio {
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.articolo_prezzo,
	.articolo_prezzo .articolo_prezzo_scontato {
		align-items: center;
	}

	.articolo_prezzo .articolo_prezzo_finito span[itemprop="price"] {
		padding-left: 5px;
	}
	
	.articolo_varianti_box .articolo_prezzo {
		min-height: 65px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_prezzo,
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_prezzo,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_prezzo {
		min-height: inherit;
	}
	
	.carrello .carrello_elenco_articoli td.carrello_prezzo_unitario .articolo_prezzo {
		margin: 0 auto;
		font-weight: normal;
	}
	
	.carrello .carrello_elenco_articoli td.carrello_prezzo_unitario .articolo_prezzo .articolo_prezzo_barrato,
	.carrello .carrello_elenco_articoli td.carrello_prezzo_totale .articolo_prezzo {
		font-weight: normal;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .content_block.block2 .articolo_prezzo {
		order: 99;
		margin-bottom: 0.6rem;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .content_block.block2 .articolo_configurabile .articolo_prezzo {
		order: unset;
	}
	
	.catalogo .content_block .articolo_prezzo { /* Necessario .content_block per giusto peso */
		padding: 0;
	}
	
	.catalogo .catalogo_box.catalogo_matrix .content_block .articolo_prezzo { /* Necessario .content_block per giusto peso */
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_configurabile .articolo_prezzo {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.articolo_prezzo .articolo_prezzo_prezzoda {
		text-align: center;
		font-weight: 600;
	}
	
	.articolo_prezzo .articolo_prezzo_barrato {
		font-weight: 400;
		text-align: center;

		/* text-decoration: line-through; */

		/* text-decoration-color: #d03241; */

		/* text-decoration-thickness: 2px; */
		position: relative;
	}

	.articolo_prezzo .articolo_prezzo_barrato::after {
		content: "";
		position: absolute;
		left: 0;
		top: 45%;
		width: 100%;
		height: 1px;
		background: #272626;
		transform: rotate(-13deg);
	}
	
	.articolo_prezzo .articolo_prezzo_promo_container {
		background-image: none !important;
		display: flex;
		flex-direction: column;
	}

	.catalogo_matrix .articolo_prezzo .articolo_prezzo_promo_container {
		flex-direction: row;
	}
	
	.articolo_prezzo .articolo_prezzo_scontato {
		text-align: center;
	}
	
	.articolo_prezzo .articolo_prezzo_scontato .articolo_prezzo_finito {
		font-weight: 700;
		color: var(--wec-color-fg);
	}
	
	.articolo_prezzo .articolo_prezzo_scontato .articolo_prezzo_sconto,
	.articolo_prezzo .articolo_prezzo_sconto {
		font-weight: 700;
		color: #fff;
		background-color: #B30000;
	}

	.articolo_prezzo .articolo_prezzo_scontato .articolo_prezzo_sconto {
		margin: 0 0 0 0.3em;
		padding: 0 0.3em;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto {
		width: auto;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio {
		transform: initial;
		margin: 0 0.2em 0 0;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio {
		padding: 0 0.3em;
		margin: 0;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio .label,
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio .prezzo {
		padding: 0;
		margin: 0;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio .label {
		font-size: .9em;
		margin-right: 0.3em;
	}
	
	.articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio .prezzo {
		font-size: .95em;
	}
	
	.articolo_prezzo .articolo_prezzo_desvariante {
		font-size: 0.6em;
	}
		
	/* Contesti per visualizzazione prezzo orizzontale (matrix e scheda articolo, ma non input varianti) */
	
	.catalogo .catalogo_box.catalogo_matrix .content_block .articolo_prezzo, /* Necessario .content_block per giusto peso */
	.catalogo .catalogo_box.catalogo_matrix .content_block .articolo_prezzo .articolo_prezzo_scontato, /* Necessario .content_block per giusto peso */
	.catalogo .catalogo_box.catalogo_matrix:not(.catalogo_hint) .content_block .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio, /* Necessario .content_block per giusto peso */
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo > div[itemprop="offers"],
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo .articolo_prezzo_scontato,
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio,
	.carrello.bicolonna.login_registrazione .articolo_prezzo {
		flex-flow: row nowrap;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: initial;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo {
		align-items: flex-start;
	}
	
	.catalogo .catalogo_box.catalogo_matrix .content_block .articolo_prezzo, /* Necessario .content_block per giusto peso */
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo,
	.carrello.bicolonna.login_registrazione .articolo_prezzo {
		width: auto;
	}
	
	.catalogo .catalogo_box.catalogo_matrix .articolo_prezzo div,
	.carrello.bicolonna.login_registrazione .articolo_prezzo div {
		margin: 0 0.3em;
	}
	
	.carrello.bicolonna.login_registrazione .articolo_prezzo div:last-child {
		margin-right: 0;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_configurabile .articolo_prezzo div { /* Ma tieni il prezzo in verticale per componenti di un articolo configurabile */
		display: block;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo .articolo_prezzo_sconto.is_articolo_prezzo_risparmio .articolo_prezzo_risparmio .label {
		vertical-align: middle;
	}

	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo {
		text-align: left;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo .articolo_prezzo_sconto {
		/* max-width: unset; */

		/* margin: 0px 0px 0px 0.3em; */

		/* padding: 0px 0.3em; */

/* commentate perchè non si vuole più visualizzare il simbolo rosso nella scheda articolo se il prezzo è da contratto */
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_prezzo .articolo_prezzo_finito {
		max-width: unset;

		/* display: inline-block; todo claudio serve ?? */
		margin: 0 0.3em;
		padding: 0 0.3em;
	}
	
	.catalogo .catalogo_box.catalogo_matrix .content_block .articolo_prezzo .articolo_prezzo_desvariante { /* Necessario .content_block per giusto peso */
		display: block;
	}
	
	/* Contesto carrello bicolonna */
	
	.carrello.bicolonna .articolo_prezzo {
		align-items: flex-end;
	}

	.carrello.bicolonna .carrello_prezzo_totale .articolo_prezzo {
		font-weight: bold;
	}

/* --------- PREZZO --------- */

/********** INPUT CARRELLO **********/
/*
	Oltre ai bottoni:
		.button_acquista
		.button_aggiungi_carrello
		.button_mostra_carrello
		.button_spoiler_varianti
		
	.articolo_input_carrello, che è il set dei campi di input qta e campi agente, che si può presentare in queste varianti/contesti:
		.articolo_input_carrello.novariante
		.articolo_input_carrello.variante
		.articolo_input_carrello.veloce (carrello veloce) (vedi 30_ec_carrello.css)
		
	.articolo_input_carrello_variantiset contiene un raggruppamento di varianti (contenendo uno o più .articolo_input_carrello.variante al suo interno)
*/

	.button_acquista,
	.button_aggiungi_carrello,
	.button_mostra_carrello,
	.button_spoiler_varianti {
	}
	
	.articolo_input_carrello {
	}
	
	/* NOTA: in realtà solo prezzo e sconto agente necessiterebbero di essere flex (per presenza button) ma uniformiamo */
	.articolo_input_carrello .articolo_input_qta,
	.articolo_input_carrello .articolo_input_tipo_omaggio,
	.articolo_input_carrello .articolo_input_qta_omaggio,
	.articolo_input_carrello .articolo_input_prezzo_agente,
	.articolo_input_carrello .articolo_input_sconto_agente {
	    display: flex;
		justify-content: space-between;
	}
	
	/* ciò che è identificato con "*" sono .flowbite_form_field o button (prezzo/sconto agente) */
	.articolo_input_carrello .articolo_input_qta > *,
	.articolo_input_carrello .articolo_input_tipo_omaggio > *,
	.articolo_input_carrello .articolo_input_qta_omaggio > *,
	.articolo_input_carrello .articolo_input_prezzo_agente > *,
	.articolo_input_carrello .articolo_input_sconto_agente > * {
		align-self: center;
	}
	
	.articolo_input_carrello .articolo_input_qta > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_tipo_omaggio > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_qta_omaggio > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_prezzo_agente > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_sconto_agente > .flowbite_form_field {
		margin-bottom: calc(var(--spacing) * 1); /* Override flowbite .flowbite_form_field rules */
	}

	.articolo_input_carrello .articolo_input_qta > .flowbite_form_field .flowbite_form_field_number_input,
	.articolo_input_carrello .articolo_input_tipo_omaggio > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_qta_omaggio > .flowbite_form_field .flowbite_form_field_number_input,
	.articolo_input_carrello .articolo_input_prezzo_agente > .flowbite_form_field,
	.articolo_input_carrello .articolo_input_sconto_agente > .flowbite_form_field {
		max-width: unset;
		width: 100%;
	}
	
	/* Contesto catalogo */

	.catalogo .catalogo_box.catalogo_b2c .button_aggiungi_carrello,
	.catalogo .catalogo_box.catalogo_b2b .button_acquista,
	.catalogo .catalogo_box.catalogo_b2b .button_aggiungi_carrello,
	.catalogo .catalogo_box.catalogo_b2b .button_spoiler_varianti,
	.catalogo .catalogo_box.catalogo_matrix .button_aggiungi_carrello,
	.catalogo .catalogo_box.catalogo_matrix .button_acquista {
		width: 100%;
	}

	/* Contesto scheda articolo */
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello.novariante {
		order: 100;
	}
	
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello.novariante .articolo_input_actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello form .articolo_input_qta,
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello form .articolo_input_tipo_omaggio,
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello form .articolo_input_qta_omaggio,
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello form .articolo_input_prezzo_agente,
	#tab_scheda_articolo .scheda_articolo_box .articolo_input_carrello form .articolo_input_sconto_agente {
		max-width: 50%;
	}

/* --------- INPUT CARRELLO --------- */

/********** INPUT CARRELLO VARIANTI **********/
/*
	Vedi informazioni INPUT CARRELLO
	
	I possibili widget di input sono:
		.articolo_varianti_box_accordion
		.articolo_varianti_box_accordion_horizontal
		.articolo_varianti_box_listbox
		.articolo_varianti_box_listbox_tabular
*/

	#tab_scheda_articolo .scheda_articolo_box .content_block.block2 .articolo_varianti_box:not(.articolo_varianti_box_semplificato) {
		order: 800;
	}
	
	.articolo_varianti_box .articolo_des_variante {
		color: #004b93;
		font-weight: bold;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion form,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal form,
	.articolo_varianti_box.articolo_varianti_box_listbox form,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular form {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion form .articolo_input_actions,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal form .articolo_input_actions,
	.articolo_varianti_box.articolo_varianti_box_listbox form .articolo_input_actions,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular form .articolo_input_actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 10px;
		order: 100;
		flex-basis: 100%;
		padding-top: 10px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_variante,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_variante,
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_variante,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_variante {
		display: flex;
		padding: 4px;
		border: 1px solid #ccc;
	}
	
	/* Contesto accordion verticale e orizzontale (parametro accordion e accordion_horizontal) */
	
	.articolo_varianti_box.articolo_varianti_box_accordion,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal {
		text-align: center;
	}

	.articolo_varianti_box.articolo_varianti_box_accordion form .articolo_input_actions,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal form .articolo_input_actions {
		justify-content: center;
	}

	/* .articolo_variante_row_content è indice di bi-variante */
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_variante_row_content .articolo_variante .articolo_variante_image,
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_variante_row_content .articolo_variante .articolo_variante_image {
		display: none;
	}
	
	/* Contesto accordion verticale (parametro accordion) */
	
	.articolo_varianti_box.articolo_varianti_box_accordion form .articolo_input_actions {
		justify-content: center;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_variante {
		flex-direction: column;
		align-items: center;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_variante .articolo_des_variante .variante_image {
		height: 35px; /* Per fixare allineamento con testo. Dimensionato come da html. */
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion .articolo_variante .articolo_input_errori {
		max-width: 200px;
		margin: 0 auto;
	}
	
	/* Contesto accordion orizzontale (parametro accordion_horizontal) */

	/* Nota: questi stili ispirano anche gli stili per la scelta dell'ultimo tipo variante del contesto "listbox" (parametro listbox) */

	/* Nota: questi stili ispirano anche gli stili per la scelta dell'ultimo tipo variante del contesto "listbox_tabular" (parametro listbox_tabular) */
	
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal form {
		flex-direction: column;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_variante {
		gap: 10px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_accordion_horizontal .articolo_variante > div {
		align-self: center;
	}
	
	/* Contesto listbox (parametro listbox) e listbox_tabular (parametro listbox_tabular) */

	/* Nota: gli stili per la scelta dell'ultimo tipo variante sono ispirati a quelli dell'accordion_horizontal in quanto dovrebbe risultare esteticamente uguale */
	
	.articolo_varianti_box.articolo_varianti_box_listbox form,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular form {
		flex-direction: column;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_variante,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_variante {
		gap: 10px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_variante > div,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_variante > div {
		align-self: center;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .proxy_select_selected,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_varianti_rows_listbox_tabular .proxy_select_selected {
		border: 1px solid #ccc;
		padding: 3px;
		width: 250px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .proxy_select_selected .articolo_variante_image,
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .proxy_select_selected .variante_image,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_varianti_rows_listbox_tabular .proxy_select_selected {
		display: none;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .proxy_select_selected > svg,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_varianti_rows_listbox_tabular .proxy_select_selected > svg {
		float: right;
	}

	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .articolo_variante_1 {
		position: relative;
	}

	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .articolo_variante_1 .variante_image.focused {
		position: absolute;
		left: 250px;
		top: 16px;
		padding: 3px;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox .articolo_varianti_rows_listbox .articolo_variante_2 .articolo_variante_image,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_varianti_rows_listbox_tabular .articolo_variante_1 .variante_image.focused,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular .articolo_varianti_rows_listbox_tabular .articolo_variante_2 .articolo_variante_image {
		display: none;
	}

	.articolo_varianti_box.articolo_varianti_box_listbox ul.proxy_select_selector,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular ul.proxy_select_selector {
		display: flex;
		flex-wrap: wrap;
		padding: 4px 0;
	}
	
	.articolo_varianti_box.articolo_varianti_box_listbox ul.proxy_select_selector > li,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular ul.proxy_select_selector > li {
		list-style: none;
		padding: 5px 10px;
		border: 1px solid #ddd;
		text-align: center;
		flex: 0 1 25%;
		font-size: 0.9em;
		min-width: 85px;
		max-width: 85px;
		cursor: pointer;
	}

	.articolo_varianti_box.articolo_varianti_box_listbox ul.proxy_select_selector > li.my-ui-state-active,
	.articolo_varianti_box.articolo_varianti_box_listbox_tabular ul.proxy_select_selector > li.my-ui-state-active {
		border: 1px solid #ff9801;
	}

/* --------- INPUT CARRELLO VARIANTI --------- */

/********** WISHLIST **********/

	.articolo_wishlist {
	}

	.articolo_wishlist svg.wishlist_yes,
	.articolo_wishlist span.wishlist_yes > svg,
	.articolo_wishlist .articolo_wishlist_data .wishlist svg.wishlist_yes {
		color: #f00;
	}	

/* --------- WISHLIST --------- */

/********** TABS CASCADE (.tab_cascade_header e .tab_cascade_content) **********/

	#tabs-scheda_articolo .tab_cascade_header,
	#tabs-scheda_articolo .tab_cascade_content {
		padding: 10px 0;
	}
		
	#tabs-scheda_articolo .tab_cascade_header > li:hover a {
		color: var(--wec-color-focus);
	}
	
/* --------- TABS CASCADE (.tab_cascade_header e .tab_cascade_content) --------- */

/********** TAB ALLEGATI (.allegati) **********/

	.allegati {
	}
	
	.allegati .articolo_box_allegati .articolo_box_allegati_row {
	    display: flex;
	    gap: 5px;
	    padding: 5px 0;
	}
	
	/* Contesto allegato video (ArtbaseAllegati.TIPO_ALLEGATO_VIDEO) */
	.allegati .articolo_box_allegati .articolo_box_allegati_row.tipo_allegato_3 {
		flex-direction: column;
	}

/* --------- TAB ALLEGATI (.allegati) --------- */

/********** TAB SCHEDA TECNICA (.scheda_tecnica) **********/

	.scheda_tecnica {
	}
	
	.scheda_tecnica > h2, 
	.scheda_tecnica > h3 {
		padding: 10px 0;
	}
  	
	.scheda_tecnica > p {
		margin-bottom: 0.8rem;
	}
	
	.scheda_tecnica ul {
		padding-left: 20px;
	}

/* --------- TAB SCHEDA TECNICA (.scheda_tecnica) --------- */

/********** TAB CONTENUTO CMS / DESCRIZIONE AGGIUNTIVA (#tabs-scheda_articolo .cms_content:first) **********/

	/* Contesto tabs cascade */

	#tabs-scheda_articolo .cms_content:first-child {
		padding: 20px;
	}

/* --------- TAB CONTENUTO CMS / DESCRIZIONE AGGIUNTIVA (#tabs-scheda_articolo .cms_content:first) --------- */

/********** TAB KIT (#tabs-scheda_articolo #kit) **********/

	/* Contesto tabs cascade */
	
	#tabs-scheda_articolo #kit:first-child {
		padding: 20px;
	}

/* --------- TAB KIT (#tabs-scheda_articolo #kit) --------- */

/********** COMPOSIZIONE KIT (.kit) **********/

	.kit {
	}

/* --------- COMPOSIZIONE KIT (.kit) --------- */

/********** ARTICOLI CONFIGURABILI **********/

	#tab_scheda_articolo .articolo_configurabile {
		font-size: 0.9em;
	}

	/* Contesto catalogo */
	
	.catalogo .catalogo_box.catalogo_b2c .articolo_configurabile .button_personalizza,
	.catalogo .catalogo_box.catalogo_b2b .articolo_configurabile .button_personalizza,
	.catalogo .catalogo_box.catalogo_matrix .articolo_configurabile .button_personalizza {
		width: 100%;
	}

	/* Contesto header */
	
	.articolo_configurabile .articolo_configurabile_title {
		font-size: 1.4em;
	}

	/* Contesto componenti */
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_categoria {
		padding: 0;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > div {
		padding: 5px 3px;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_selettore_codice {
		flex-basis: 100%;
		display: flex;
		padding: 0;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_descrizione {
		flex-basis: 31%;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_input_qta {
		flex-basis: 17%;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_vincoli {
		flex-basis: 13%;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_info {
		flex-basis: 38%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_info .articolo_spese_spedizione_extra {
		flex-basis: 100%;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente .articolo_configurabile_componente_selettore_codice .articolo_configurabile_componente_selettore {
		width: 25px;
		padding: 5px 0 0 5px;
	}
	
	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente .articolo_configurabile_componente_selettore_codice .articolo_configurabile_componente_codice {
		font-weight: bold;
	}

	.articolo_configurabile .articolo_configurabile_configuratore .articolo_configurabile_componente > .articolo_configurabile_componente_info > div {
		padding: 0 2px;
	}
	
	/* Contesto riepilogo */
	
	.articolo_configurabile .articolo_configurabile_riepilogo {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_title {
		flex-basis: 100%;
	}
	
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_descrizioni,
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_prezzo {
		padding: 0 10px;
	}
	
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_descrizioni {
		flex: 1;
	}

	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_prezzo .valuta,
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_prezzo .valore {
		font-weight: bold;
	}
	
	.articolo_configurabile .articolo_configurabile_riepilogo .articolo_configurabile_riepilogo_prezzo .articolo_configurabile_riepilogo_prezzo_sintetico {
		display: flex;
		justify-content: space-between;
	}

/* --------- ARTICOLI CONFIGURABILI --------- */