* {
	margin: 0;
	padding: 0;
    outline: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

textarea {
    padding: 14px 20px;
}

a {
	text-decoration: none;
}

.col2 { flex: 0 0 16.6666666667%; width: 16.6666666667%; }
.col3 { flex: 0 0 25%; width: 25%; }
.col4 { flex: 0 0 33.3333333333%; width: 33.3333333333%; }
.col6 { flex: 0 0 50%; width: 50%; }
.col8 { flex: 0 0 66.6666666667%; width: 66.6666666667%;}  
.col12 { flex: 0 0 100%; width: 100%; }

.line {
    border-bottom: 2px solid;
    width: 80px;
    margin: 0 auto;
}

p {
    line-height: 1.6;
    margin-bottom: 20px;
}

h1, h3 {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

.bloccoListaProdotto h3,
.bloccoProdotto h3 {
	padding: 1em 0;
}

h4 {
}

.blocchi {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.bloccoMarginTop {
	padding-top: 2em;
}

.bloccoMarginBottom {
    padding-bottom: 2em!important;
}

.blocchi__flex-contenitore {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
}

#animacontent {
	position: absolute;
	opacity: 1;
	transform: translate(-50%, -50%);
	left: 50%;
	top: calc(50% - 28.5px);
}

#content {
	margin: 0 auto;
	max-width: 1366px;
}

#content,
#blocchi-prodotti {
    flex: 1 0 auto; 
}

.bloccoImmagine + .blocchi__flex-contenitore.bloccoMenu,
.bloccoImmagine + .blocchi__flex-contenitore.bloccoTesto,
.bloccoImmagine + .blocchi__flex-contenitore.bloccoForm,
.bloccoImmagine + .blocchi__flex-contenitore.fasciaTesto,
.bloccoImmagine + .blocchi__flex-contenitore.bloccoNews {
    margin-top: 6em;
}

.main-content .messaggio {
    border-radius: 5px;
    padding: 15px;
}

.main-content .messaggio.errore {
    border-radius: 5px;
    padding: 15px;
}

.main-content .messaggio p {
    margin-bottom: 10px;
}

.main-content .messaggio h4 {
    margin-bottom: 10px;
    text-transform: math-auto;
}

.main-content .messaggio p:last-child {
    margin-bottom: 0;
}

/*.fasciaTesto, .blocco, .gallery {margin-bottom: 50px;}*/

.blocco.bloccoImmagine {margin-bottom: unset;}

#cmspageconsole a img {padding: unset !important; margin-top: 10px;}

.blocco .blockConsole {width: 100%;}

.titolo-pagina,
.titolo-pagina-news {
    margin: 60px 0;
}
.contenuti-pagina p{
    text-align: center;
    margin: 0px;
}


.contenuti-pagina {
    margin: 0 auto 60px;
    max-width: 1366px 
}

.contenuti-pagina ~ .titolo-pagina,
.titolo-pagina:has(+ .contenuti-pagina) {
    margin-bottom: 20px;
}

/* STILE BOTTONI */

.header-buttons a,
.buttons,
.contenitoreformcontatti .button{
	text-decoration: unset;
    padding: 13px 34px;
    text-align: center;
    text-transform: uppercase;
    border: 3px solid;
}

.header-buttons a:first-child {
	background: transparent;
}

/* FINE STILE BOTTONI */

/* Inizio - Header */

header {
	display: flex;
	justify-content: center;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height: 100vh;
	position: relative;
	min-height: 52px;
}
/*
header:after {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}*/

#header-container {
	height: 57px;
	width: 100%;
    display: flex;
    bottom: 0;
    position: absolute;
    flex-direction: column;
    align-items: center;
    z-index: 99;
}

.header-container--fixed {
	position: fixed!important;
	top: 0;
}

#header-container .close-main-menu {
    position: absolute;
    top: 74px;
    right: 24px;
}

#header-container .close-main-menu svg {
    width: 35px;
    height: 35px;
}

#header-container.header-container--sticky {
	visibility: visible;
   	transform: translateY(0);
   	position: fixed;
   	top: 0;
   	height: 57px;
}

.header-container__menu {
    height: 100%;
}

.header-container__menu.open-menu #menu-principale > a {
	border-left: unset;
	border-right: unset;
	height: 100%;
	padding: 0 16px;
}

.close-main-menu,
#openmenu {
    display: none;
}

#menu-principale {
	display: flex;
    height: 100%;
}

#menu-principale .attivo {
}

#menu-principale a:last-child {
    border-right: 0 !important;
}

.header-contents {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 9;
	padding: 0 10px;
    row-gap: 20px;
     
}
.header-contents-logo{
	top: calc(50% - 108.5px)!important;
}
/*.header-contents h1,.header-contents h2, .header-contents h4,.header-contents h5 {text-shadow: 0 0 4px var(--colore-bianco);}*/
.header-contents h2 {
	text-align: center;
}

.header-contents.half-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

.header-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
    z-index:0;
    margin-top:30px;
}

#menu-principale a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    padding: 0 14px;
}

#logo {
    float: left;
}

#logo img {
    max-width: 160px;
    padding-top: 5px;
    float: left;
    max-height: 100%;
    height: 45px;
}

.arrow-down {
	position: absolute;
    bottom: 55px;
    z-index: 9;
    text-align: center;
}

.arrow-down img {
	max-width: 80px;
	  height: 80px !important;
}



/* PROGRESS BAR HEADER STYLE */
.progress-container {
  width: 100%;
}

.progress-bar {
  height: 2.5px;
  width: 0%;
}

.header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
    height: 100%;
	padding: 0 30px;
}
/* FINE PROGRESS BAR HEADER STYLE */

/* Fine - Header */


/** Inizio - Fascia Form **/
.bloccoForm {
	display: flex;
    justify-content: center;	
    flex-direction: column;
}

.bloccoForm form .formrow {
    flex: 0 0 100%;
}

.bloccoForm .boxPad {
    display: flex;
    flex-direction: column;
    max-width: 920px;
    width: 100%;
}

.bloccoForm .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 40px 40px 0;
}

.contenitoreformcontatti form {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 25px;
    justify-content: space-between;
}

.contenitoreformcontatti input,
.contenitoreformcontatti textarea {
    font-size: 1.125rem;
}

.contenitoreformcontatti input:not([type="checkbox"], [type="submit"]), .contenitoreformcontatti select {
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border: 2px solid;
}

.contenitoreformcontatti select {
	font-size: 1.2rem;
}

.contenitoreformcontatti .etichettaform {
    display: none!important;
}

.contenitoreformcontatti textarea {
	width: 100%;
	border: 2px solid;
}

.contenitoreformcontatti .button {
    cursor: pointer;
    font-weight: 500;
}

.bloccoForm input[type="checkbox"] {
    margin-right: 10px;
}

label:has(input[type="checkbox"]) {
    padding: 2px 8px 0 0;
}
/** Fine - Fascia Form **/


/** Inizio - Fascia Menù **/

.bloccoMenu .box {
	max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.bloccoMenu .elencoFigli {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.bloccoMenu h3 {
    margin-bottom: 40px;
}

.bloccoMenu .figlio {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bloccoMenu .figlio__immagine,
.newsimg {
	position: relative;
    overflow: hidden;
}

.bloccoMenu .figlio .menuimg,
.newsimg a {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	float: left;
	transition: 0.1s linear;
}

.figlio img {
    display: none;
}

a.menuimg:hover,
.newsimg a:hover {
    transform: scale(1.1) rotate(5deg);
}

/** Fine - Fascia Menù **/


/** Inizio - Blocco Immagine **/

.bloccoImmagine .immagine-blocco {
    position: relative;
    overflow: hidden;
}

.vlightbox1 {
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    float: left;
    transition: 0.2s linear;
    transform-origin: 50% 50%;
    filter: grayscale(50%);
}

.vlightbox1:hover {
    transform: scale(1.1);
    filter: grayscale(0%);
}

.vlightbox1 img {
    display: none;
}


/** Fine - Blocco Immagine **/


/** Inizio - Fascia News **/
.bloccoNews .box {
    max-width: 90%;
    margin: 0 auto;
}

.bloccoNews h3 {
    margin-bottom: 40px;
}

.bloccoNews .boxPad {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 50px;
    column-gap: 30px;
}
.news {
    display: flex;
	flex-direction: column;
}

.newscontent {
	padding: 20px;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.newsimg img {
	display: none;
}

#categorianews {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 50px;
    align-items: stretch;
    margin: 0 auto;
    column-gap: 30px;
    max-width: 90%;
    margin-bottom: 6em;
}

#categorianews .news .legginews,
.bloccoNews .legginews {padding: 20px; font-size: 0.875rem;}

#categorianews .news .newssommario,
.bloccoNews .newssommario {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.news.vuota {display: none !important;}

.legginews {
	padding: 20px;
	margin-top: auto;
	text-transform: uppercase;
    font-weight: 900;
    transition: .2s ease-out;
}

.newsimg a {
	display: block;
	background-size: cover;
	background-position: center;
	aspect-ratio: 1/1;
}

.infonews {
	display: flex;
	gap: 10px;
	font-size: 0.875rem;
}

.news.vuota {display: none;}

.return-to-news {
	margin-top: 40px;
}

.return-to-news a {
    font-weight: 900;
    transition: .1s ease-in-out;
}

.return-to-news a i {
    margin-left: 5px;
}

#newscontenuti h1 {text-align: center;}

/* PAGINA NEWS */

#newsdata {
    margin-bottom: 6px;
}

#newsdata,
.newscategoria {
    text-align: center;
}

#news {
	width: 700px;
    display: flex;
    flex-direction: column;
}

#news ul {
    margin-left: 50px;
    padding: 15px 0 25px;
    font-size: 1rem;
    line-height: 1.2;
}

#news #newsimg img{width: 100%;}

#news #newsimg {
	margin-bottom: 30px;
}

#content:has(#news) {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

#news #newscontenuti {
	display: flex;
    flex-direction: column;
}

.titolo-news {
	text-align: center;
	margin: 20px 0;
}

.swiper-slide {
	text-align: center;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	font-size: 1.3rem;
	column-gap: 20px;
    row-gap: 10px;
}

.swiper-slide a {
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
    align-items: center;
    height: 46px;
}

.titolo-news h2 {
	font-size: 1.7rem;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* FINE PAGINA NEWS */

/* FINE STILE NEWS */


/* INIZIO FASCIA-TESTO 12/12 */
.fasciaTesto .box {
	display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    max-width: 90%;
}

.fasciaTesto {
	margin-bottom: 20px;
}


.fasciaTesto .immagine-fascia {
	width: 350px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.fasciaTesto .immagine-fascia .immaginedifascia {
	display: none;
}

/* FINE FASCIA-TESTO 12/12 */


/** Inizio - Blocco Testo **/

.bloccoTesto.col12 .boxPad {
	flex-direction: row !important;
	align-items: center;
}

.bloccoTesto ul,
.bloccoTesto ol,
.bloccoCollInterno ul,
.bloccoCollInterno ol,
.bloccoMenu ul,
.bloccoMenu ol {
	line-height: 1.4;
}

.bloccoTesto.col12 .stile_completo.boxPad {
    align-items: stretch; 
}

.bloccoTesto .stile_cerchio {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.bloccoTesto .testo-t {
	padding: 40px;
}

.bloccoTesto.col2 .immagine-blocco + .testo-t,
.bloccoTesto.col3 .immagine-blocco + .testo-t,
.bloccoTesto.col4 .immagine-blocco + .testo-t,
.bloccoTesto.col5 .immagine-blocco + .testo-t,
.bloccoTesto.col6 .immagine-blocco + .testo-t {
	padding-top: 10px;
}

.bloccoTesto .boxPad {
    display: flex;
    column-gap: 35px;
}

.bloccoTesto.col3 .boxPad {
	flex-direction: column !important;
	align-items: center;
}

.bloccoTesto.col3 .boxTitle h3 {text-align: center;}

.bloccoTesto.col3 .boxPad .immagine-blocco {margin-bottom: 10px !important;}

.bloccoTesto .img-sx,
.bloccoTesto .img-dx {
    margin: 0 !important;
}

.bloccoTesto .immaginediblocco {
	display: none;
    width: 100px;
    border-radius: 50%;
}
 
.bloccoTesto .boxPad:not(.immagine-blocco) > .testo-t {
	width: 100%;
}

/* .bloccoTesto .boxTitle h3{
    text-align: left;
} */

.bloccoTesto .boxTitle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	gap: 30px;
}

.bloccoTesto td{
    padding: 4px 0;
}

.bloccoTesto .immagine-blocco {
	width: 250px;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    flex: 0 0 250px;
}

.bloccoTesto .testo-t p {margin-bottom: 5px; text-align: left;}

.bloccoTesto ul {margin-left: 20px;}


.stile_completo,
.stile_completo.boxPad {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  flex-direction: column;
}

.stile_completo .immagine-blocco,
.stile_completo .testo-t {
  flex: 1 1 100%;
  width: 50%;
  box-sizing: border-box;
}



.stile_completo .immagine-blocco {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stile_completo .immagine-blocco img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.stile_completo .testo-t {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.boxTitle h3 {
  margin-top: 0;
}


.bloccoTesto:not(.col12) .stile_completo .immagine-blocco {
    width: 100%;
}
.bloccoTesto .stile_completo .immagine-blocco {
    flex: auto;
    height: auto;
}
  
 

.bloccoTesto .stile_completo .immaginediblocco {
  border-radius: 0 !important;
}


.stile_completo .immagine-blocco.img-dx {
  order: 2;
}
.stile_completo .testo-t.img-dx {
  order: 1;
}

.bloccoTesto ul{
    line-height: 1.6;
}
.stile_cerchio {
    display: flex;
    flex-direction: column;
}
.col4 .stile_cerchio{
    align-items: center;
}
.col4 .stile_cerchio .immagine-blocco {

    margin: 0 0 10px 0 !important;
}

.bloccoTesto  ol{
    text-align: left;
    margin-left: 20px;
    line-height: 1.6em;
}
/** Fine - Blocco Testo **/


/* Inizio blocco YouTube */
.blockYouTube object { width:100%;} 
/* Fine blocco YouTube */

/* Inizio blocco Video */
.blockYouTube .box,
.bloccoVideo .video-box {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.blockYouTube .box h3 ,
.video-box h3 {font-size: 1.8rem; text-align: center;}

.video-box video{ width: 100%; }

/* Fine blocco Video */

/* INIZIO COLLEGAMENTO INTERNO/ESTERNO */
.bottonecollegamento {
    padding: 20px 0;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .boxTop {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .titolo {
    text-align: left;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .collegamento-testo {
	width: 56%;
}

.collegamento-testo-destra{
	float:right;
}



:is(.bloccoCollInterno, .bloccoCollEsterno) .boxContainerTop {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    float:right;
}

.bloccoCollInterno:is(.col4, .col6) .boxContainerTop,
.bloccoCollEsterno:is(.col4, .col6) .boxContainerTop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    width: 100%;
}

.bloccoCollInterno:is(.col4, .col6) .collegamento-testo,
.bloccoCollEsterno:is(.col4, .col6) .collegamento-testo {
    width: 100%;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .collegamento-testo .testo-container {
	display: flex;
	flex-direction: column;
	row-gap: 30px;
	margin: 70px 0;
	padding: 80px 80px 60px 80px;
    justify-content: space-between;
}

.bloccoCollInterno:is(.col4, .col6) .collegamento-testo .testo-container,
.bloccoCollEsterno:is(.col4, .col6) .collegamento-testo .testo-container {
    padding: 40px 30px!important;
}

.bloccoCollEsterno .collegamentoimg,
.bloccoCollInterno .collegamentoimg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.collegamentoimg img {
    display: none;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .boxTop.meta-blocco {
	background-image: none !important;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .boxTop.meta-blocco .collegamentoimg img {
	object-fit: cover;
   	width: 100%;
   	height: 100%;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .boxTop.meta-blocco .collegamento-testo .testo-container {
    margin: unset;
    padding: 50px;
    height: 100%;
}

:is(.bloccoCollInterno, .bloccoCollEsterno) .boxTop.meta-blocco {
    height: 100%;
}

.testo-container__firstContainer {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

/* FINE COLLEGAMENTO INTERNO/ESTERNO */

/** FINE BLOCCHI **/


/* EFFETTI HOVER PER I BOTTONI */

.legginews > i,
.bottonecollegamento > i,
.return-to-news i {transition: .2s ease-out;}

.legginews:hover > i,
.bottonecollegamento:hover > i,
.return-to-news:hover i {
  margin-left: 10px;
  transition: .2s ease-out;
}
/* FINE EFFETTI HOVER X BOTTONI */


/** Inizio - Footer **/

footer {
    width: 100%;
    float: left;
    flex-shrink: 0;
}


.footer__footerContainer {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

#social-footer {
    display: flex;
    gap: 20px;
}

#social-footer .fab {
    font-size: 1.5rem;
}

.footer-informative {
    display: flex;
    gap: 10px;
    padding-top: 25px;
    border-top: 2px solid;
}

#contatti-footer {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    max-width: 400px;
    padding-left: 0;
}

#contatti-footer p {
    margin-bottom: 5px;
}

/** Fine - Footer **/

/** Inizio - Parallasse **/
.parallax-mirror {
	z-index: 0!important;
}

.bloccoParallasse {
    position: relative;
}

.bloccoParallasse .wrapper {
    width: 90%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0; 
    right: 0;
    transform: translateY(-50%);
    margin: 0 auto;
}
  

.bloccoParallasse .testo_parallasse {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    padding: 80px 80px 60px 80px;
    justify-content: space-between;
    position: relative;
    width: 56%;
}
.testo_parallasse h3{
    text-align: left;
}
.testo_parallasse p{
}



.stile_completo:has(.immagine-blocco.img-dx) .testo-t {
    padding-bottom: 25px; 
}
/** Fine - Parallasse **/



/* INIZIO - SCHEDA PRODOTTO */


.schedaProdottoContenitore .schedaProdotto{
    display: flex;
    color: var(--colore-nero);
    column-gap: 30px;
    padding: 20px;
    display: flex;
    flex-direction: row;
}

.schedaProdottoContenitore .schedaProdotto img {
    max-width: 400px;
}

.action-buttons__quantity-input {
	display: flex;
	color: var(--colore-bianco);
	font-size: 1.5rem;
	column-gap: 2px;
}

.product-info__action-buttons {
	margin-top: 40px;
}

.product-info__action-buttons .action-buttons__span {
	width: 44px;
	height: 54px;
	background:  var(--colore-blu-ciano);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	user-select: none;
}



.product-info__action-buttons .quantity-product, .quantity-product{
	width: 50px;
	text-align: center;
	border: 0;
	font-size: 1.25rem;
    font-family: inherit;
}

.action-buttons__add-to-cart, .schedaProdotto__prodottiCorrelati .prodotto form input{
	font-size: 0.925rem;
	border: 0;
	cursor: pointer;
	user-select: none;
	transition: 0.1s linear;
}

.schedaProdotto__prodottiCorrelati .prodotto form input[type="text"] {
    font-size: 1.25rem;
    font-family: inherit;
}



.action-buttons__add-to-cart, .schedaProdotto__prodottiCorrelati .prodotto form button{
	padding: 0 20px;  
}

.action-buttons__add-to-cart{
    height: 54px;
}

.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"] {
    width: 100%;
	
}

.schedaProdotto__prodottiCorrelati .prodotto form{
    display: flex;
    column-gap: 2px;
}



.prodotto .action-buttons__span {
	width: 34px;
	height: 54px;
	background:  var(--colore-blu-ciano);
	display: flex;
	align-items: center;
	color: var(--colore-bianco);
	justify-content: center;
	cursor: pointer;
	user-select: none;
}


.schedaProdotto_immagineProdotto {
    flex: 0 0 40%;
    text-align: center;
}

.schedaProdotto__prodottiCorrelati {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 10px;
    row-gap: 20px;
    margin-top: 50px;
    padding: 0 40px 40px 40px;
}

@media (max-width: 1024px) {
    .schedaProdotto__prodottiCorrelati {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 700px) {
    .schedaProdotto__prodottiCorrelati {
        grid-template-columns: repeat(2, 1fr);
    }
}


.aggiunta_carrello__selettore_quantita{
    display: flex;
    font-size: 1.5rem;
    column-gap: 2px;
}

.prodotto .prodotto__contenitore .prodotto_contenitore__immagine{
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}



.product-info__saled-price{
    text-decoration: line-through;
    display: block;
    font-size: 1.25rem;
    margin-bottom: 5px;
    font-weight: 500;
}


.schedaProdotto {
    display: flex;
    column-gap: 30px;
    padding: 20px;
    flex-direction: column;
}

.product-info__prices {
    margin-top: 10px;
}

.titolo_scheda_prodotto {
	text-align: center;
    font-size: 50px;
    margin-top: 90px;
    display: none;
}

.prodotto__contenitore_sconto p{
	text-align: center;
	margin: 0;
}
.schedaProdotto__prodottiCorrelati .product-info__saled-price {
	display: inline;
}


#contenitore-registrazione-utenteweb table tr td [type="submit"]{
    padding-left: 10px;
}

/* FINE - SCHEDA PRODOTTO */



/** Inizio - popup **/
@media screen and (max-width: 780px) {
    .container_popup_promozionale .popup_promozionale { max-width: 400px!important; width: 400px!important; max-height: 700px!important; height: 700px!important; }
    .container_popup_promozionale .popup_promozionale .popup_link .popup_img,
    .container_popup_promozionale .popup_promozionale .popup_no_link .popup_img { display: none!important; }
    .container_popup_promozionale .popup_promozionale .popup_link .popup_img_mobile,
    .container_popup_promozionale .popup_promozionale .popup_no_link .popup_img_mobile { display: block!important; }
    .container_popup_promozionale .popup_promozionale .close_popup_promozionale { left: 96%!important; top: -2%!important; }
}

@media screen and (max-width: 480px) {
    .container_popup_promozionale .popup_promozionale { width: 300px; height: 450px; }
    .container_popup_promozionale .popup_promozionale .close_popup_promozionale { left: 95%; top: -3%; }
}
@media only screen and (max-width: 360px) {
    .container_popup_promozionale .popup_promozionale { width: 250px; height: 400px; }
}

.container_popup_promozionale { width: 100vw; height: 100vh; position: fixed; display: flex; justify-content: center; align-items: center; z-index: -1; opacity: 0; transition: 0.6s; }
.container_popup_promozionale .popup_promozionale { width: 700px; max-width: 700px; height: 500px; max-height: 500px; position: relative; transition: 0.6s; transform: translateY(30vh); }
.container_popup_promozionale .popup_promozionale .close_popup_promozionale { width: 30px; height: 30px; border-radius: 50%; text-align: center; position: absolute; left: 98%; top: -3%; cursor: pointer; }
.container_popup_promozionale .popup_promozionale .close_popup_promozionale span { background-image: url(/web/images/close.png); width: 100%; height: 100%; display: inline-block; background-size: 73%; background-position: center; }
.container_popup_promozionale .popup_promozionale .popup_link .popup_img,
.container_popup_promozionale .popup_promozionale .popup_no_link .popup_img { width:100%; height: 100%; }
.container_popup_promozionale .popup_promozionale .popup_link .popup_img_mobile,
.container_popup_promozionale .popup_promozionale .popup_no_link .popup_img_mobile { display: none; width: 100%; height:100%; }
/** Fine - popup **/

ul {
    list-style-position: inside;
}


header.header-with-video {
    position: relative;
    overflow: hidden;
}

.header-video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.header-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

header.header-with-video .header-contents,
header.header-with-video #header-container,
header.header-with-video .arrow-down {
    z-index: 2;
}



#realizzato-da { display:flex; justify-content:center; text-align:center; padding:1% 0; }
#realizzato-da a { font-size:16px; }
#realizzato-da a:hover { text-decoration:underline; }

#mainImage {
    width: 100%;
    margin-bottom: 15px;
    max-width: 300px;
}

.carousel-container {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
}

.carousel {
    overflow: hidden;
    width: 100%;
}

.carousel-track {
    display: flex;
    transition: transform 0.4s ease;
}

.thumb {
    width: calc(100% / 3);
    max-width: 120px;
    cursor: pointer;
    opacity: 0.5;
    padding: 5px;
}

.thumb.active {
    opacity: 1;
    border: 2px solid #000;
}

.carousel-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
}



.schedaProdottoContenitore .schedaProdotto.tutto{
    flex-direction: column!important;
}



/*INIZIO - BUONI SPESA*/

.ord_buoni_spesa_box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}


.ord_buono_spesa_codice {
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    padding: 20px;
    position: relative;
    height: 100%;
    justify-content: center;
}

.ord_buono_spesa_codice h5 {
    padding-right: 8px;
    line-height: 25px;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: unset;
    opacity: 0.7;
    margin: 0;
}

.ord_buono_spesa_codice p:first-child {
    font-size: 21px;
    font-weight: normal;
}

.ord_buono_spesa_codice p {
    width: auto;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.box-row {
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    padding-top: 2px;
}

.wrap {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: space-around;
    flex-wrap: wrap;
    row-gap: 20px;
}

.coupons-container__actived-coupons,
.coupons-container__waiting-coupons,
.coupons-container__used-coupons {
    float: left;
    width: 100%;
    margin: 20px 0;
	z-index: 0;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.coupons-container__no-actived-coupon,
.coupons-container__no-waiting-coupon,
.coupons-container__no-used-coupon {
    font-size: 15px;
    font-style: italic;
}

.coupon {
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
}

.coupon-left {
    float: left;
    width: 180px;
    height: 150px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.coupon-left p {
    padding: 0 20px;
    z-index: 1;
    white-space: nowrap;
    font-size: 34px;
    margin: 0;
}

.coupon-left::before {
    content: "";
    position: absolute;
    top: -210px;
    display: block;
    right: -210px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    clip: rect(auto, auto, 285px, auto);
}

.coupon-left::after {
    content: "";
    position: absolute;
    bottom: -210px;
    display: block;
    right: -210px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    clip: rect(135px, auto, auto, auto);
}

.coupon-con {
    float: left;
    width: 400px;
    height: 150px;
    position: relative;
}

.coupon-con::before {
    content: "";
    position: absolute;
    top: -410px;
    display: block;
    left: -410px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    clip: rect(0, auto, 485px, 410px);
}

.coupon-con::after {
    content: "";
    position: absolute;
    bottom: -410px;
    display: block;
    left: -410px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    clip: rect(335px, auto, auto, 410px);
}

.centered-page-user:has(.buoni-spesa-contenitore){
    text-align: center;
}

.coupons-container__used-coupons{
    margin-bottom: 40px;
}

.ord_buono_spesa,
.coupons-container__actived-coupons .wrap {
    margin: 0 20px;
}
.coupons-container__actived-coupons h3 {margin-bottom:20px}

/*FINE - BUONI SPESA*/

/* INIZIO - PRODOTTI CATEGORIA */
.main-content__contenuti {
	width: 100%;
	float: left;
	display: flex;
}

.main-content {
	width: 100%;
	float: left;
	margin: 30px 0;
}

.main-content__filtro-prodotti {
	margin-top: 0;
}

.main-content__menu-categorie {
	display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 0 5px;
    margin-bottom: 1em;
}

.main-content__menu-categorie a {
	padding: 4px 10px;
    background: #888;
    color: #fff;
	font-size: 15px;
	transition: 0.1s linear;
}

.main-content__menu-categorie a:hover,
.main-content__menu-categorie a.attivo {
	background: var(--rosso);
}

.filtro-pagina-prodotti-mobile,
.colonna_sx_filtro__chiudi {
	display: none;
}

.main-content__contenuti_pagina,
.main_contenuti_carrello_sopra {
	width: 100%;
	float: left;
	padding: 20px;
	background: var(--oro);
	color: #FFF;
	line-height: 1.2;
	text-align: center;
}

.colonna_sx_filtro {
	width: 220px;
	height: auto;
	float: left;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;
	top: 20px;
	padding: 0 5px;
	row-gap: 10px;
}

.colonna_sx_filtro__sopra,
.colonna_sx_filtro__consigliati {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
}

label[for="ricerca_prodotti_veloce"] {
	font-size: 0.95rem;
	font-weight: 500;
	margin-top: 0;
}

#ricerca_prodotti_veloce {
	height: 38px;
	margin-bottom: 25px;
	padding: 0 10px;
	font-size: 0.95rem;
}

.colonna_sx_filtro__sopra>p,
.colonna_sx_filtro__consigliati>p {
	font-size: 1rem;
	font-weight: 300;
	margin-bottom: 30px;
}

.colonna_sx_filtro__consigliati>p {
	margin-bottom: 10px;
}

.colonna_sx_filtro__area_riservata {
	border: 1px solid #aaa;
	margin-top: 40px;
	width: 100%;
	padding: 10px 5px;
	color: #000 !important;
	text-decoration: none;
}

.colonna_sx_filtro__area_riservata:hover .area_riservata__utente {
	color: var(--oro) !important;
}

.colonna_sx_filtro__area_riservata>p {
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	font-size: 1rem;
}

#main-content__colonna-dx {
	width: calc(100% - 220px);
	float: left;
	padding: 0 5px;
}

#contenitore_prodotti_ricerca {
	width: 100%;
	float: left;
}

#contenitore_prodotti_ricerca .prodotti_nessun_prodotto {
	color: #000;
}

#lista_prodotti {
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
	gap: 10px;
}

.pagina_categoria {
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
}

.filtroCategoria {
	flex-direction: column;
	width: 100%;
	margin-bottom: 15px;
	display: grid;
	grid-template-columns: 1fr;
}

.filtroCategoria:last-child {
	margin-bottom: 0;
}

.filtroCategoria label {
	display: flex;
	align-items: center;
	font-weight: 500;
	color: #444;
	font-size: 0.825rem;
	cursor: pointer;
	padding: 7px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
	transition: 0.1s linear;
}

.filtroCategoria label:hover {
	color: var(--rosso);
}

.filtroCategoria input[type="checkbox"] {
	float: left;
	width: auto !important;
	margin-right: 10px;
	cursor: pointer;
	margin-top: 0;
}

.filtroCategoria_nomeCaratteristica {
	align-self: center;
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: 600;
}
/* FINE - PRODOTTI CATEGORIA */

/* INIZIO - BLOCCO PRODOTTO */
.prodotto {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: start;
}

.prodotto a {
	text-decoration: none;
	min-height: 44px;
}

.prodotto .action-buttons__dec-quantity--disabled {
	background: #ddd !important;
	color: #888;
}

.prodotto .action-buttons__span {
	width: 30px;
	height: 30px;
	background: #000;
	display: flex;
	align-items: center;
	color: #FFF;
	justify-content: center;
	cursor: pointer;
	user-select: none;
}

.prodotto .action-buttons__span:hover:not(.action-buttons__dec-quantity--disabled) {
	background: #333;
}

.prodotto .quantity-product {
	width: 50px;
	text-align: center;
	background: #000;
	border: 0;
	color: #fff;
}

.prodotto__contenitore {
	display: flex;
	position: relative;
	flex-direction: column;
	background: var(--bianco);
}

.prodotto__contenitore:hover .dati_prodotto__titolo_prezzo {
	color: var(--rosso);
}

.dati_prodotto__titolo_prezzo span {
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.bloccoListaProdotto .prodotto .dati_prodotto__titolo_prezzo span:first-child,
.bloccoProdotto .prodotto .dati_prodotto__titolo_prezzo span:first-child,
.pagina_categoria .prodotto .dati_prodotto__titolo_prezzo span:first-child {
	min-height: 40px;
}

.bloccoListaProdotto .prodotto:hover .dati_prodotto__titolo_prezzo span:first-child,
.bloccoProdotto .prodotto:hover .dati_prodotto__titolo_prezzo span:first-child {
	color: var(--cat-accent);
}

.prodotto_esaurito {
	text-align: center;
	background: #888;
	color: #fff;
	float: left;
	height: 30px;
	vertical-align: center;
	padding: 3px 0;
}

.prodotto_contenitore__immagine {
	width: 100%;
	border-bottom: 0;
	position: relative;
	aspect-ratio: 1 / 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.prodotto_contenitore__immagine img {
	width: 100%;
	float: left;
}

.dati_prodotto__prezzo_prodotto {
	margin-top: 5px;
}

.dati_prodotto__prezzo_prodotto_scontato {
	text-decoration: line-through;
}

.prodotto_contenitore__dati_prodotto {
	display: flex;
	flex-direction: column;
	padding: 5px 0 0;
	gap: 3px;
}

.dati_prodotto__contenitore_prezzo_scontato {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dati_prodotto__codice_prodotto {
	max-width: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dati_prodotto__contenitore_prezzo_scontato p {
	letter-spacing: 0.5px;
}

.prodotto__aggiunta_carrello {
	display: flex;
	column-gap: 9px;
	padding: 0 10px 10px;
	height: 100%;
	flex-direction: column;
}

.aggiunta_carrello__selettore_quantita {
	display: flex;
	column-gap: 2px;
}


.colonna_sx_filtro__consigliati_lista {
	display: flex;
	flex-direction: column;
	row-gap: 25px;
	width: 100%;
}

.bloccoProdotto_contentiore {
	border: 1px solid #aaa;
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
}

.bloccoProdotto_contenitore__immagine {
	width: 100%;
	float: left;
	height: 245px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

.bloccoProdotto_contenitore__immagine::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0);
	transition: 0.1s linear;
}

.bloccoProdotto_contenitore__immagine:hover::after {
	background: rgba(0, 0, 0, 0.4);
}

.bloccoProdotto_contenitore__immagine img {
	display: none;
}

.bloccoProdotto_contenitore__nome_prodotto {
	display: flex;
	flex-direction: column;
	background: #B59056;
	color: #FFF !important;
	text-align: center;
	padding: 3px;
	font-weight: 400;
	font-size: 1rem;
	text-decoration: none;
}

.bloccoProdotto_contenitore__nome_prodotto p span {
	font-weight: 300;
	font-style: italic;
	display: block;
}

.prodotto__aggiunta_carrello .aggiunta_carrello__selettore_quantita p {
	width: 26px;
	height: 30px;
	background: #000;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

.form_aggiungi_carrello_bottone {
	display: flex;
	align-items: center;
	align-self: end;
	gap: 10px;
	margin-top: 10px;
}

.prodotto__aggiunta_carrello .button {
	color: #fff;
	width: 100%;
	line-height: 1.2;
	font-size: 0.775rem;
	padding: 7px 5px 6px;
	text-transform: uppercase;
	cursor: pointer;
	user-select: none;
	max-width: 100%;
	white-space: break-spaces;
	float: right;
	margin: 0;
	transition: 0.15s ease-in-out;
}

#azioni_ecommerce .messaggio {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	max-width: 90%;
	width: 640px;
	display: block!important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.prodotto__contenitore_sconto {
	display: block;
    text-decoration: none !important;
    margin: 0;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 26px;
    padding: 1px 10px 3px 30px;
    cursor: pointer;
    color: #fff;
    background: var(--rosso);
}

/* FINE - BLOCCO PRODOTTO */


/* ========================================================================== */
/* INIZIO - STILI CARRELLO (ex style-carrello.css)                            */
/* ========================================================================== */

/* INIZIO - HEADER ECOMMERCE */
#dropdown_menuProfilo ul {
    position: absolute;
    top: 48px;
    right: 13px;
    padding: 20px 0;
    min-width: 180px;
    flex-direction: column;
    row-gap: 5px;
    display: none;
    transition: opacity 0.3s ease-in-out;
	border-radius: 2px;
}

.dropdown_menuProfilo--visible {
    display: flex!important;
    opacity: 1;
}

#dropdown_menuProfilo ul li {
    flex: 0 0 100%;
}

#dropdown_menuProfilo ul li a {
    white-space: nowrap;
    text-decoration: none;
    font-size: 0.875rem;
    padding: 3px 15px;
	text-transform: uppercase;
    width: 100%;
    display: block;
	font-weight: 600;
}

#dropdown_menuProfilo ul li a:hover {
}

#dropdown_menuProfilo .dropDownProfilo {
    cursor: pointer;
}

#dropdown_menuProfilo span img {
    width: 20px;
    float: left;
}

.login img {
	width: 20px;
	float: left;
}
  
.carrello-header img {
	width: 20px;
	float: left;
}

.cart-ante-total-price {
	cursor: pointer;
}

.anteprimacarrello--visible {
	display: block!important;
}

.cart-ante-total-price {
	position: relative;
}

.header-container__menu {
	display: flex;
	align-items: center;
	column-gap: 14px;
}

.testo-email-login {
	display: none;
}
/* FINE - HEADER ECOMMERCE */

/* INIZIO - DROPDOWN CARRELLO */
#anteprimacarrello {
	position: absolute;
	z-index: 999;
	top: 48px!important;
	right: 13px;
	border-radius: 2px;
	padding: 20px;
	width: 280px;
	display: flex;
	flex-direction: column;
	top: 70px;
	display: none;
}

#anteprimacarrello table {
	width: 100%;
}

#anteprimacarrello table tr td {
	padding: 5px 0;
}

#anteprimacarrello h5 {
	margin-bottom: 10px;
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	padding-bottom: 10px;
}

.total-price-cart {
	display: none;
}

.spacer {
	display: none;
}

.des {
	text-align: right;
}

.labelcheckbox a {
	margin-left: 4px;
}

.labelcheckbox a:hover {
	text-decoration: underline;
}

.cen {
	text-align: center;
}

#vaialcarrello {
	align-self: center;
	width: 100%;
	text-decoration: none;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 0.85rem;
	transition: 0.2s linear;
}

#vaialcarrello:hover {
}

.cart-ante-total-price {
	display: flex;
	column-gap: 10px;
	margin-left: 15px;
	text-decoration: none;
}

.cart-ante-total-price i {
	position: relative;
}

.total-product-number-cart-ant {
	width: 20px;
	height: 20px;
	position: absolute;
	top: -10px;
	text-align: center;
	right: -10px;
	border-radius: 20px;
	line-height: 20px;
  	font-size: 0.925rem;
}
/* FINE - DROPDOWN CARRELLO */

/* INIZIO - LOGIN */
.centered-page-user h1 {
	font-size: 2.8rem;
	margin-top: 40px;
}

#contenitore-accesso-utenteweb {
    padding: 35px 0 35px;
}

#contenitore-registrazione-utenteweb table,
#contenitore-accesso-utenteweb table {
	width: 100%;
}

#contenitore-registrazione-utenteweb table tr,
#contenitore-accesso-utenteweb table tr {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

#contenitore-registrazione-utenteweb table tr input[type="text"],
#contenitore-registrazione-utenteweb table tr input[type="password"],
#contenitore-registrazione-utenteweb table tr input[type="email"],
#contenitore-registrazione-utenteweb table tr select,
#contenitore-accesso-utenteweb table tr input[type="text"],
#contenitore-accesso-utenteweb table tr input[type="password"],
#contenitore-accesso-utenteweb table tr input[type="email"],
#contenitore-accesso-utenteweb table tr select,
#dati-utenteweb-contenitore table tr input[type="text"],
#dati-utenteweb-contenitore table tr input[type="password"],
#dati-utenteweb-contenitore table tr input[type="email"],
#dati-utenteweb-contenitore table tr select{
    width: 100%;
    padding: 16px 8px;
    border-radius: 2px;
	font-size: 0.925rem;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#form-aggiungi-nuovo-indirizzo-spedizione,
#form-aggiungi-nuovo-indirizzo-spedizione table {
	width: 100%;
}

#form-aggiungi-nuovo-indirizzo-spedizione input[type="text"],
#form-aggiungi-nuovo-indirizzo-spedizione select {
    width: 100%;
    padding: 16px 8px;
    border-radius: 2px;
	font-size: 0.925rem;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#form-aggiungi-nuovo-indirizzo-spedizione input[type="submit"] {
    min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
    border-radius: 2px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	color: #fff;
	background: #000;
	transition: 0.2s linear;
}

#form-aggiungi-nuovo-indirizzo-spedizione input[type="submit"]:hover {
	background: #333;
}

label[for="indirizzo_predefinito_spedizione"] {
	color: #333!important;
	font-weight: normal!important;
	cursor: pointer;
}

label[for="indirizzo_predefinito_spedizione"] input {
	margin-right: 8px;
}

#form-aggiungi-nuovo-indirizzo-spedizione table tr {
	display: flex;
	flex-direction: column;
	width: 100%;
}

#form-aggiungi-nuovo-indirizzo-spedizione table tr label {
	font-weight: 600;
    color: #888;
    font-size: 0.875rem;
}

#contenitore-registrazione-utenteweb table tr td [type="submit"],
#contenitore-accesso-utenteweb table tr td [type="submit"],
#dati-utenteweb-contenitore table tr td [type="submit"] {
    min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
    border-radius: 2px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	color: #fff;
	background: #000;
	transition: 0.2s linear;
}

#contenitore-registrazione-utenteweb form td input[type="submit"]:hover,
#contenitore-accesso-utenteweb form td input[type="submit"]:hover,
#dati-utenteweb-contenitore table tr td [type="submit"]:hover{
	background: #333;
}


.testo_info_registrazione { float: left; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 25px; }



#contenitore-accesso-utenteweb form table td label,
#contenitore-registrazione-utenteweb form table td label,
#dati-utenteweb-contenitore form table td label{
	font-weight: 600;
	color: #888;
	font-size: 0.875rem;
}


#contenitore-accesso-utenteweb p a{
	color: var(--colore-blu-ciano);
}

#contenitore-accesso-utenteweb p a:hover {
	text-decoration: underline;
}

#contenitore-accesso-utenteweb #riassegnapassword h4{
	margin-bottom: 20px;
	text-transform: none;
}

/* FINE - LOGIN */

/* INIZIO - REGISTRAZIONE */

#contenitore-registrazione-utenteweb form table td a{
	color: var(--colore-blu-ciano);
}
#contenitore-registrazione-utenteweb {
	padding: 35px 0;
}

.regole_password {
	padding: 15px;
    background: #F8F8F8;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2px!important;
}

#contenitore-registrazione-utenteweb #consenso_privacy_policy {
	margin: 2px 8px 0 0;
}

.main-content tr td {
	padding: 5px 0 0;
}

.main-content tr td label {
	padding: 10px 0 0;
}

.regole_password p{
	margin-bottom: 10px;
}
/* FINE - REGISTRAZIONE */

/* INIZIO - DATI UTENTE */

.dropdown_menuProfilo.dropdown_menuProfilo--visible {
	list-style: none;
}

#dati-utenteweb-contenitore {
	display: flex;
    justify-content: space-around;
	padding: 35px 20px;
    column-gap: 20px;
	max-width: 1344px;
	margin: 0 auto;
}


#dati-utenteweb-contenitore form table {
	width: 100%;
}

#dati-utenteweb table tr {
	display: flex;
	flex-direction: column;
}

#indirizzi-utenteweb {
	padding-top: 10px;
}
/* FINE - DATI UTENTE */

/* INIZIO - MESSAGGI */
.centered-page-user .messaggio,
#contenitore-accesso-utenteweb .messaggio,
#carrello-step .messaggio {
	max-width: 640px;
    width: 100%;
    margin: 30px auto;
	border: 0;
	padding: 14px;
	background-image: none;
	border-radius: 2px;
}

.messaggio.errore {
	border: 0;
	padding: 14px;
	background-image: none;
	border-radius: 2px;
}

.messaggio li {
	margin-left: 30px;
}
/* FINE - MESSAGGI */

/* INIZIO - POPUP AGGIUNTO AL CARRELLO */
.contenitore_prodotto_aggiunto {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 99999;
	width: 100%;
	height: 100%;
}

.box_prodotto_aggiunto {
	width: auto;
	height: auto;
	padding: 30px;
	background: #FFF;
	position: fixed;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	transform: translate(-50%, -50%);
}

.box_prodotto_aggiunto__messaggioAggiunta {
	padding: 14px;
	background: #c4edb1;
	border-radius: 2px;
	font-size: 0.925rem;
	line-height: 1.4;
	letter-spacing: 0.8px;
	display: flex;
	align-items: center;
	color: #000;
}

.contenitori_tasti {
	display: flex;
	column-gap: 20px;
	margin-top: 20px;
}

.box_prodotto_aggiunto__continuaAcquisti {
	height: 54px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	color: #000;
	font-size: 0.925rem;
	text-transform: uppercase;
	cursor: pointer;
	background: #ddd;
	border-radius: 2px;
}

.box_prodotto_aggiunto__vaiAlCarrello {
	height: 54px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	background: var(--colore-blu-ciano);
	transition: 0.2s linear;
	color: #FFF;
	font-size: 0.925rem;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	border-radius: 0;
}

.box_prodotto_aggiunto__vaiAlCarrello:hover {
	background: #58b4e9;
}
/* FINE - POPUP AGGIUNTO AL CARRELLO */

/* INIZIO - CARRELLO */
.tabellaordine {
    border-collapse: collapse;
}

.tabellaordine.dati th,
.dati td {
    padding: 4px 0;
    vertical-align: middle;
}

.quantita-mobile input {
	height: 40px;
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 16px 8px;
}

.tabellaordine.dati tbody tr td {
    border-bottom: 1px solid #e6e6e6;
}

.riga-dettaglio-ordine {
	cursor: pointer;
}

.only-mobile {
	display: none;
}

.tabellaordine h6 {
	font-size: 1.25rem;
}

.mobile-semicolum {
	font-size: 1rem;
}

.tabellaordine tr td strong {
	font-size: 1rem;
	font-weight: 600;
}

.tabellaordine.dati tbody tr:last-child td {
    border-bottom: 0;
}

.tabellaordine.dati th {
    background: #fff;
}

.tabellaordine.dati tfoot th {
    text-align: left;
}

table.tabelle-interne {
    margin: 0 5px 16px!important;
}

.tabellaordine.dati thead th {
    padding: 12px 12px;
	font-weight: 600;
    color: #000;
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
}

.tabellaordine.dati tfoot th {
    margin-bottom: 17px;
    font-weight: normal !important;
    background: #fff!important;
	border-bottom: 0!important;
}

#form-step1-carrello {
	width: 100%;
}

#form-step1-carrello table {
	width: 100%;
}

#form-step1-carrello table tr td img:not(.carrello-libro-copertina) {
	width: 24px;
}

#form-step1-carrello a {
	color: #000;
	text-decoration: none;
	transition: 0.2s linear;
}

.tabellaordine .tr-p-td {
	padding: 12px 12px;
}

#form-step1-carrello a:hover {
	color: var(--colore-blu-ciano);
}

.regole_password {
	margin-top: 20px;
	background: #f1f2f3;
	border-radius: 6px;
	padding: 10px;
	font-size: 1rem;
	line-height: 1.6;
}

.regole_password ul {
	margin-left: 40px;
	margin-top: 5px;
}

.main-content a:not(.button) {
	color: var(--colore-blu-ciano);
}

.main-content a {
    text-transform: none!important;
}

.des span {
	text-align: right;
}

.tabellaordine.dati .carrello-tfoot-text {
    width: 100%;
    padding: 3px 0;
    float: left;
    color: #000;
}

.quantita-mobile {
    border-radius: 6px!important;
}

.testo-mobile {
    display: block;
}

.proseguiordine {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.proseguiordine table {
    border-collapse: collapse;
}

.bottoneindietro {
    margin-bottom: 40px;
}

.bottoneindietro .button {
    min-width: 130px;
    background: #bbb;
    padding: 10px 30px;
    width: auto;
    border: none;
    font-weight: 500;
}

.bottoneindietro .button:hover {
    background: #aaa;
}

.bottoneindietro .button:focus {
    background: #999;
}

.datifatturazioneordine {
    width: 480px;
    float: left;
}

.datispedizioneordine {
    float: right;
    width: calc(100% - 480px);
}

.back-button-carrello .button,
#indietro_ordineweb {
    border-radius: 6px;
    padding: 6.5px 32px!important;
    font-size: 15px!important;
    font-weight: 400!important;
    transition: 0.2s linear;
}


.carrello-box .tabellaordine input {
    width: 54px;
	font-size: 1rem;
	text-align: center!important;
	font-weight: 600;
}

#contenitore-file-personalizzati-carrello input[type="text"] {
    border-radius: 6px;
    height: 44px;
    border: 1px solid #CCC;
}

#contenitore-file-personalizzati-carrello tbody td {
    vertical-align: middle;
}

#contenitore-file-personalizzati-carrello tbody td label {
    margin: 0;
    font-weight: 500;
}

#importo_da_utilizzare {
    width: 140px;
    float: left;
    font-size: 0.95rem;
}

.after-input-text {
    float: left;
    font-weight: 500;
    font-size: 1rem;
    margin: 0;
    line-height: 43px;
    margin-left: 6px;
}

.contenitore-carrello-indirizzi-spedizione select,
.contenitore-carrello-fatturazione select {
    border: 2px solid #000;
}

.contenitore-carrello-indirizzi-spedizione tbody td,
.contenitore-carrello-fatturazione tbody td {
    vertical-align: middle;
}

.contenitore-carrello-indirizzi-spedizione tbody td label,
.contenitore-carrello-fatturazione tbody td label {
    margin: 0;
}

#indirizzi-utenteweb h4 {
	margin-bottom: 10px;
}

.contenitore-carrello-buoni-spesa label {
	display: inline-block!important;
}

.carrello-box .radio {
    border-radius: 6px;
}

.carrello-box .radio p {
    margin: 0;
    /* 	padding: 0; */
    line-height: inherit;
}

.carrello-box .descrizione-spedizione,
.carrello-box .note-corriere-indirizzo-spedizione,
.carrello-box .cellulare-indirizzo-spedizione,
.carrello-box .telefono-indirizzo-spedizione {
    margin: 0 23px;
}

.img-copertina-tabella a {
	float: left;
	width: 100%;
	text-align: center;
}

.img-copertina-tabella {
	text-align: center;
}

.img-copertina-tabella a img,
.img-copertina-tabella img {
	float: none!important;
	margin: 0!important;
}

.statoordini table.tabelle-interne tbody {
	display: flex;
	flex-direction: column;
}

#contenitore-riepilogo-dati-carrello .tabellaordine.dati thead th,
#contenitore-riepilogo-dati-carrello .tabellaordine.dati tfoot th {
	background: #fff!important;
    color: #000 !important;
    border-bottom: 1px solid #e2e2e2;
}

#contenitore-riepilogo-dati-carrello .tabellaordine.dati tfoot th span {
	color: #000!important;
}

#contenitore-riepilogo-dati-carrello table td,
#form-step1-carrello table td {
    padding: 14px;
}

.contenitore-carrello-metodi-spedizione,
.contenitore-carrello-indirizzi-spedizione,
.contenitore-carrello-metodi-pagamento,
.contenitore-carrello-fatturazione,
.contenitore-carrello-buoni-spesa,
.contenitore-carrello-coupon-cultura,
#contenitore-riepilogo-dati-carrello {
	border: 0;
    border-radius: 6px;
}

.contenitore-carrello-fatturazione .contenitore-carrello-padding {
	display: flex;
	flex-direction: column;
}

.contenitore-carrello-buoni-spesa .contenitore-carrello-padding-space {
	display: grid;
    column-gap: 20px;
    grid-template-columns: 1fr 1fr;
}

#contenitore-riepilogo-dati-carrello {
	margin: 25px 0 25px;
	border: 2px solid #e6e6e6;
    padding: 25px 30px 0;
    border-radius: 0;
}

.tabellaordine.dati .carrello-tfoot-text:last-child {
	padding: 20px 0!important;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 20px;
	font-size: 18px;
}

#contenitore-riepilogo-dati-carrello .carrello-tfoot-text:last-child {
	border-bottom: 0!important;
}

.titolo_thankyou {
margin-bottom: 20px;
}

.ordine_link_pagamento {
float: left;
  width: 100%;
  display: flex;
  justify-content: center;
}

.ordine_link_pagamento a {
background: var(--colore-blu-ciano);
  color: #FFF!important;
  padding: 10px 20px;
  float: left;
  margin: 30px 0;
  text-decoration: none;
}

.link_redirect_pagamento {
	width: 100%;
	float: left;
	margin: 5px 0 20px;
}



.button-save {
    padding: 10px 32px;
	color: #000!important;
	text-decoration: none;
}

.button-save:hover {
	color: #000!important;
	background: transparent!important;
	border-color: transparent!important;
}

.contenitore-carrello-fatturazione label[for="cf_ordine"] {
    font-weight: 600;
	width: 100%;
	float: left;
    color: #888;
    font-size: 0.875rem;
	margin-bottom: 3px;
}

#cf_ordine {
    height: 44px;
}

.carrello-box {
    width: 740px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 15px auto 30px;
}

.proseguiordine a {
    min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
    border-radius: 2px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	align-items: center;
	justify-content: center;
	display: flex;
	color: #fff;
	background: var(--colore-blu-ciano);
	transition: 0.2s linear;
}

.proseguiordine a:hover{
	background: #58b4e9;
}


@media ( min-width: 780px ) {
	.img-copertina-mobile {
		background-image: none!important;
	}

	.testo-mobile {
		display: none;
	}
}
/* FINE - CARRELLO */

/* INIZIO - PAGINA PROFILO */
#dati-utenteweb-contenitore h4 {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	text-transform: unset;
}

.indirizzi-box h3 {
	font-size: 1.5rem;
	text-align: left;
	text-transform: unset;
}

strong {
	font-weight: 600;
}

.js-add-button,
#dati-utenteweb-contenitore .indirizzi__form-modifica table tr td [type="submit"],
#dati-utenteweb table tr td [type="submit"] {
    min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
	display: flex;
	align-items: center;
    border-radius: 2px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	color: #fff;
	background: #000;
	transition: 0.2s linear;
	margin: 15px 0 10px;
}

.js-add-button:hover,
#dati-utenteweb-contenitore .indirizzi__form-modifica table tr td [type="submit"]:hover,
#dati-utenteweb table tr td [type="submit"]:hover {
	background: #333;
}

.indirizzi__form-aggiungi {
	display: none;
}

.indirizzi__form-aggiungi--mostra {
	display: block;
}

.indirizzi__ind-cont {
	margin: 0 0 20px;
	width: 100%;
	float: left;
}

.elimina-button-indirizzo {
	margin: 5px 10px 0 0;
	border-radius: 2px;
}

.js-edit-button {
    padding: 8px 24px;
    width: auto;
    float: right;
    text-transform: capitalize;
    cursor: pointer;
	border-radius: 2px;
}

.js-edit-button:hover {
}

.indirizzi__form-modifica {
	display: none;
}

.indirizzi__form-modifica--mostra {
	display: block;
}
/* FINE - PAGINA PROFILO */

/* INIZIO - PAGINA I MIEI ORDINI */
.contenitore_carrello_vuoto {
	width: 100%;
    max-width: 640px;
    margin: 30px auto;
    background: #f6f6f6;
    border-radius: 3px;
    padding: 30px 20px 20px;
    text-align: center;
}

.carrello_vuoto_testo,
.carrello_vuoto_testo_sottotitolo {
	margin-bottom: 0;
}

.carrello_vuoto_icona {
	position: relative;
}

.carrello_vuoto_icona .fa-truck,
.carrello_vuoto_icona .fa-shopping-cart {
	font-size: 3rem;
	color: #222;
}

.carrello_vuoto_icona span {
	position: absolute;
    font-size: 1rem;
    top: -10px;
    margin-left: -10px;
}

.carrello_vuoto_icona span i {
	font-size: 1.5rem;
    background: #d6d6d6;
    width: 35px;
    height: 35px;
    display: flex;
	color: #222;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
/* FINE - PAGINA I MIEI ORDINI */

/* INIZIO - CARRELLO STEP 2 */
#js-form-nuovo-indirizzo-spedizione,
#js-form-nuovo-indirizzo-fatturazione {
	display: none;
	width: 100%;
	position: relative;
}

.close-button {
	padding: 16px;
    border-radius: 2px;
	top: 0;
	right: 0;
	position: absolute;
    outline: none;
    background: #c00;
    white-space: nowrap;
    font-weight: 600;
	color: #fff;
    text-transform: uppercase;
    font-size: 0.875rem;
    cursor: pointer;
    transition: 0.2s linear;
}

.close-button:hover {
	background: rgb(223, 1, 1);
}

.contenitore-carrello-metodi-spedizione,
.contenitore-carrello-indirizzi-spedizione,
.contenitore-carrello-metodi-pagamento,
.contenitore-carrello-fatturazione,
.contenitore-carrello-buoni-spesa,
.contenitore-carrello-coupon-cultura {
	width: 100%;
    background: #fbfbfb;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 20px;
}

.contenitore-carrello-metodi-spedizione h2,
.contenitore-carrello-indirizzi-spedizione h2,
.contenitore-carrello-metodi-pagamento h2,
.contenitore-carrello-fatturazione h2,
.contenitore-carrello-buoni-spesa h2,
.contenitore-carrello-coupon-cultura h2,
#contenitore-riepilogo-dati-carrello h2 {
    font-weight: 600!important;
    font-size: 1.25rem!important;
    margin-bottom: 0!important;
    padding: 0 0 10px;
	text-transform: unset;
}

.contenitore-carrello-fatturazione h3 {
	text-align: left;
	text-transform: unset!important;
	font-size: 1.25rem;
	margin: 20px 0 10px;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding {
	display: flex;
    flex-direction: column;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio input,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio input,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio input {
	margin-top: 6px;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio input,
.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio label,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio input,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio label,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio input,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio label {
	float: left;
	cursor: pointer!important;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio label,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio label,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio label {
	margin-left: 15px;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio {
	cursor: pointer!important;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space .radio:last-child,
.contenitore-carrello-fatturazione .contenitore-carrello-padding .radio:last-child,
.contenitore-carrello-indirizzi-spedizione .contenitore-carrello-padding .radio:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.radio-metodo-spedizione--prezzo-spedizione {
	margin-top: 0!important;
	font-weight: 600;
}

.descrizione-spedizione {
	color: #666;
    font-style: italic;
    font-size: 0.875rem;
}

/*
.contenitore-carrello-padding-table {
    padding: 24px;
}
*/

.contenitore-carrello-metodi-spedizione .contenitore-carrello-padding-space p,
.contenitore-carrello-metodi-pagamento .contenitore-carrello-padding-space p {
    margin-bottom: 0;
}

#richiesta_fattura_ordine {
	margin-right: 5px;
}

.contenitore-carrello-padding {
	margin-top: 10px;
}

.contenitore-carrello-padding label {
	line-height: 1.3;
}

.check_buoni_spesa label {
	background: #e8e8e8;
	border-radius: 2px;
	padding: 10px!important;
	cursor: pointer;
	transition: 0.2s linear;
	width: 100%;
}

.check_buoni_spesa label:hover {
	background: #e2e2e2;
}

.contenitore-carrello-buoni-spesa .contenitore-carrello-padding-space {
	padding: 0!important;
}

.contenitore-carrello-buoni-spesa .testo_dati_label_op {
	font-weight: 600;
}

.contenitore-carrello-padding-lrb {
	padding: 10px 0;
}

.contenitore-carrello-padding-lrb {
	display: flex;
	column-gap: 10px;
}

#utilizza_codice_sconto,
#js-aggiungi-indirizzo-spedizione,
#js-aggiungi-indirizzo-fatturazione,
#salva-dati-fatturazione {
    padding: 16px;
    border-radius: 2px;
    outline: none;
    background: #e8e8e8;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.875rem;
	min-width: 262px;
	cursor: pointer;
	align-self: end;
	transition: 0.2s linear;
	border: 1px solid #f6f6f6;
}

#utilizza_codice_sconto:hover,
#js-aggiungi-indirizzo-spedizione:hover,
#js-aggiungi-indirizzo-fatturazione:hover,
#salva-dati-fatturazione:hover {
    background: #e2e2e2!important;
	border: 1px solid #f6f6f6!important;
}

#salva-dati-fatturazione {
	margin-top: 15px;
}

#js-aggiungi-indirizzo-spedizione,
#js-aggiungi-indirizzo-fatturazione {
	align-self: end;
	margin-top: 20px;
	margin-bottom: 0;
}

.contenitore-carrello-buoni-spesa input[type="text"] {
	width: 100%;
    padding: 16px 8px;
    border-radius: 2px;
	font-size: 0.925rem;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#cf_ordine {
    padding: 16px 8px;
    border-radius: 2px;
	font-size: 0.925rem;
	height: 52px;
	width: 100%;
	margin-right: 10px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#prosegui_ordineweb {
	min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
    border-radius: 2px;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	color: #fff;
	background: var(--colore-blu-ciano);
	transition: 0.2s linear;
}

#prosegui_ordineweb:hover {
	background: var(--colore-blu-ciano-hover);
}

#indietro_ordineweb {
	min-width: 250px;
    height: 54px;
	padding: 0 15px;
    outline: none;
    border: none;
    border-radius: 2px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.925rem;
	color: #444;
	background: #e6e6e6;
	transition: 0.2s linear;
}

#indietro_ordineweb:hover {
	background: #e2e2e2;
}
/* FINE - CARRELLO STEP 2 */

/* INIZIO - PAGINA PRODOTTO */
.schedaProdotto__prodottiCorrelati .prodotto form input[type="submit"], .action-buttons__add-to-cart {
	font-family: inherit;

}
/* FINE - PAGINA PRODOTTO */

/* ========================================================================== */
/* FINE - STILI CARRELLO (ex style-carrello.css)                              */
/* ========================================================================== */


/* ========================================================================== */
/* PAGINA CATEGORIA PRODOTTI (solo dentro .pagina_categoria)                   */
/* Layout/animazioni qui, colori in color2.css                                 */
/* ========================================================================== */

.pagina_categoria .wrapper {
	max-width: 1366px;
	margin: 0 auto;
	padding: 18px 14px 40px;
}

.pagina_categoria .main-content {
	width: 100%;
	float: left;
}

.pagina_categoria .main-content__menu-categorie {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 6px 0;
	margin: 4px 0 18px;
}

.pagina_categoria .main-content__contenuti {
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 20px;
	align-items: start;
}

.pagina_categoria .colonna_sx_filtro {
	position: sticky;
	top: 88px;
	width: auto;
	height: fit-content;
	padding: 16px;
}

.pagina_categoria .colonna_sx_filtro__sopra,
.pagina_categoria .colonna_sx_filtro__consigliati {
	width: 100%;
	float: left;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.pagina_categoria .colonna_sx_filtro__sopra p {
	margin-bottom: 0;
	font-weight: 500;
}

.pagina_categoria .filtroCategoria_nomeCaratteristica {
	margin: 6px 0;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.3px;
}

.pagina_categoria .filtroCategoria {
	display: flex;
	flex-direction: column;
	margin-bottom: 6px;
}

.pagina_categoria .filtroCategoria label {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 10px 7.5px;
	border-bottom: 0;
	transition: transform 120ms ease, box-shadow 160ms ease, background 160ms ease;
}

.pagina_categoria .filtroCategoria input[type="checkbox"] {
	margin: 0;
	width: 16px !important;
	height: 16px;
	flex: 0 0 16px;
    float: left;
}

.pagina_categoria #main-content__colonna-dx {
	width: auto;
	float: none;
	padding: 0;
	min-width: 0;
}

.pagina_categoria #contenitore_prodotti_ricerca {
	width: 100%;
	float: left;
}

.pagina_categoria #lista_prodotti {
	width: 100%;
	float: left;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 16px;
}

.pagina_categoria .prodotti_nessun_prodotto {
	font-size: 1rem;
	font-style: italic;
	padding: 4px 0;
}

.pagina_categoria .prodotto {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform: translateZ(0);
	transition: transform 180ms ease, box-shadow 220ms ease;
}

.pagina_categoria .prodotto:hover {
	transform: translateY(-3px);
}

.bloccoListaProdotto .prodotto__contenitore,
.bloccoProdotto .prodotto__contenitore,
.pagina_categoria .prodotto__contenitore {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.bloccoListaProdotto .prodotto_contenitore__immagine,
.bloccoProdotto .prodotto_contenitore__immagine,
.pagina_categoria .prodotto_contenitore__immagine {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	isolation: isolate;
}

.bloccoListaProdotto .prodotto_contenitore__immagine::after,
.bloccoProdotto .prodotto_contenitore__immagine::after,
.pagina_categoria .prodotto_contenitore__immagine::after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 220ms ease;
	z-index: 1;
}

.bloccoListaProdotto .prodotto:hover .prodotto_contenitore__immagine::after,
.bloccoProdotto .prodotto:hover .prodotto_contenitore__immagine::after,
.pagina_categoria .prodotto:hover .prodotto_contenitore__immagine::after {
	opacity: 1;
}

.bloccoListaProdotto .prodotto_contenitore__immagine::before,
.bloccoProdotto .prodotto_contenitore__immagine::before,
.pagina_categoria .prodotto_contenitore__immagine::before {
	content: "";
	position: absolute;
	inset: 0;
	background: inherit;
	transform: scale(1);
	filter: saturate(1.05) contrast(1.03);
	transition: transform 260ms ease;
	z-index: 0;
}

.bloccoListaProdotto .prodotto:hover .prodotto_contenitore__immagine::before,
.bloccoProdotto .prodotto:hover .prodotto_contenitore__immagine::before,
.pagina_categoria .prodotto:hover .prodotto_contenitore__immagine::before {
	transform: scale(1.06);
}

.bloccoListaProdotto .prodotto_contenitore__dati_prodotto,
.bloccoProdotto .prodotto_contenitore__dati_prodotto,
.pagina_categoria .prodotto_contenitore__dati_prodotto {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 12px 5px;
	min-height: 84px;
	text-decoration: none;
}

.bloccoListaProdotto .prodotto_contenitore__dati_prodotto,
.bloccoProdotto .prodotto_contenitore__dati_prodotto {
	padding: 12px 0 5px;
}

.bloccoListaProdotto .dati_prodotto__titolo_prezzo,
.bloccoProdotto .dati_prodotto__titolo_prezzo,
.pagina_categoria .dati_prodotto__titolo_prezzo {
	font-size: 0.95rem;
	line-height: 1.25;
	font-weight: 700;
	text-transform: none;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.bloccoListaProdotto .dati_prodotto__titolo_prezzo,
.bloccoProdotto .dati_prodotto__titolo_prezzo {
	padding: 10px 14px 5px;
}

.bloccoListaProdotto .product-info__saled-price,
.bloccoProdotto .product-info__saled-price,
.pagina_categoria .product-info__saled-price {
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: line-through;
	white-space: nowrap;
    margin-bottom: 3px;
}

.bloccoListaProdotto .prezzo_finale,
.bloccoProdotto .prezzo_finale,
.pagina_categoria .prezzo_finale {
	font-weight: 900;
	font-size: 1.15rem;
	white-space: nowrap;
    float: left;
    width: 100%;
}

.bloccoListaProdotto .prodotto__contenitore_sconto,
.bloccoProdotto .prodotto__contenitore_sconto,
.pagina_categoria .prodotto__contenitore_sconto {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	padding: 4px 10px;
	font-size: 0.75rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.3px;
}

.bloccoListaProdotto .prodotto__aggiunta_carrello,
.bloccoProdotto .prodotto__aggiunta_carrello,
.pagina_categoria .prodotto__aggiunta_carrello {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 14px 14px;
	margin-top: auto;
}

.bloccoListaProdotto .aggiunta_carrello__selettore_quantita,
.bloccoProdotto .aggiunta_carrello__selettore_quantita,
.pagina_categoria .aggiunta_carrello__selettore_quantita {
	display: grid;
	grid-template-columns: 38px 1fr 38px;
	align-items: center;
	gap: 8px;
}

.bloccoListaProdotto .action-buttons__span,
.bloccoProdotto .action-buttons__span,
.pagina_categoria .action-buttons__span {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	font-weight: 900;
	user-select: none;
	cursor: pointer;
	transition: transform 120ms ease, opacity 160ms ease;
}

.bloccoListaProdotto .action-buttons__span:active,
.bloccoProdotto .action-buttons__span:active,
.pagina_categoria .action-buttons__span:active {
	transform: scale(0.98);
}

.bloccoListaProdotto .action-buttons__dec-quantity--disabled,
.bloccoProdotto .action-buttons__dec-quantity--disabled,
.pagina_categoria .action-buttons__dec-quantity--disabled {
	opacity: 0.55;
	cursor: not-allowed !important;
}

.bloccoListaProdotto .quantity-product,
.bloccoProdotto .quantity-product,
.pagina_categoria .quantity-product {
	width: 100%;
	height: 38px;
	text-align: center;
	font-size: 1.05rem;
	font-weight: 800;
	border: 0;
}

.bloccoListaProdotto .prodotto,
.bloccoProdotto .prodotto {
	width: calc(100% - 28px);
	margin: 0 14px 14px;
	padding: 0;
}

.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 {
	width: 100%;
	height: 42px;
	border: 0;
	letter-spacing: 0.6px;
	cursor: pointer;
	transition: transform 140ms ease, box-shadow 200ms ease, background 200ms ease;
}

.bloccoListaProdotto .prodotto__aggiunta_carrello input[type="submit"]:active,
.bloccoListaProdotto .prodotto__aggiunta_carrello .button:active,
.bloccoProdotto .prodotto__aggiunta_carrello input[type="submit"]:active,
.bloccoProdotto .prodotto__aggiunta_carrello .button:active,
.pagina_categoria .prodotto__aggiunta_carrello input[type="submit"]:active,
.pagina_categoria .prodotto__aggiunta_carrello .button:active {
	transform: translateY(1px);
}

.bloccoListaProdotto .prodotto_esaurito,
.bloccoProdotto .prodotto_esaurito,
.pagina_categoria .prodotto_esaurito {
	position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    padding: 4px 8px 4px;
    font-weight: 500;
    letter-spacing: 0.6px;
    font-size: 0.75rem;
    height: auto;
    text-transform: uppercase;
}


.bloccoListaProdotto .boxTop.col6,
.bloccoListaProdotto .boxTop.col5,
.bloccoListaProdotto .boxTop.col4 {
	min-width: unset;
	max-width: 100%;
	display: grid;
	width: 100%;
}


.bloccoListaProdotto .boxTop.col6 {
	grid-template-columns: repeat(6, 1fr);
}

.bloccoListaProdotto .boxTop.col5 {
	grid-template-columns: repeat(5, 1fr);
}

.bloccoListaProdotto .boxTop.col4 {
	grid-template-columns: repeat(4, 1fr);
}

.bloccoListaProdotto .bloccoProdotto {
	width: 100%!important;
	flex: 0 0 100%!important;
}

@media screen and (max-width: 980px) {
	.pagina_categoria .main-content__contenuti {
		grid-template-columns: 1fr;
	}

	.pagina_categoria .colonna_sx_filtro {
		position: relative;
		top: auto;
	}
}

@media screen and (max-width: 520px) {
	.pagina_categoria #lista_prodotti {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pagina_categoria * {
		transition: none !important;
		animation: none !important;
	}
}