/***
    2021 - Federico Sfiligoi
    CSS NUOVA VERSIONE SCHEDA PRODOTTO 2021
***/
:root {
  --blu-ws: #15558F;
  --txt-color-bf: #f2f2f2;
  --txt-color-cm: #fff; 
	--bck-ws: #77BABB;
}



.sa-hide{display:none !important;}/* deve sovrascrivere eventuali display:flex per questo ci va important */

/* Modifico Configuratore */
.product-options__caption, .recap-options__caption{
	text-transform: none;
	font-weight:700;
}



@media screen and (max-width: 991px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 375px){}

article.product-page{
	position:relative;
	width:100%;
	max-width: 1170px;
	margin:0 auto;
	padding:0 15px 30px;
	
}

/* Contenitore grid per gallery descrizione e configuratore */    
.container-grid-pdp{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); 
	grid-template-rows: auto 1fr;
	grid-column-gap: 60px;
	margin-top:30px;
}

/* contenitore della colonna sx */
.pdp_colsx { 
	grid-area: 1 / 1 / 3 / 2;
}

/* contenitore gallery desktop */
section.cont-art-gallery{
	position:relative;
	/*padding-bottom: 75px; calcolo la grandezza della freccia piu lo spazio sopra */
}

/* splide gallery desktop */
.cont-gallery-slide-desk{
	height:auto;
	/*max-height:540px;*/
	min-height:540px;
	width:100%;
}
@media screen and (max-width: 1140px) {
	.cont-gallery-slide-desk{min-height:0;}
}

.product-gallery-slide-item {
	display:flex;
  justify-content: center;
  height:100%;
  padding: 0;
	margin:0;
}
.product-gallery-slide-item img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/* Pulsanti Splide Gallery */
/* N.B. important perche sovrascrive il css di default */
.splide__arrow{
	width:40px !important;
	height:40px !important;
	background:#231F20 !important;
	opacity: 1 !important;
}
.splide__arrow:hover{opacity: .7 !important;}
/* N.B. important perche sovrascrive il css di default */
.splide__arrow svg{
	width:15px !important;
	height:15px !important;
}
.splide__arrow svg path{transform: translateX(25%);fill:#fff;}


#secondary-slider{
	position:relative;
	/*margin-top:20px;*/
	width:78%;
	height:70px;
	max-width:430px!important;
	margin:20px auto 0;
	/*border:1px solid #000;*/
}		
#secondary-slider li{
	opacity:0.5;
	border:none;
	cursor:pointer;
}
/*#secondary-slider li img{
	width:16%;
	height:auto;
	border:1px solid red;
}*/
#secondary-slider > .splide__track > .splide__list > .splide__slide.is-active{
	opacity:1;
}

#secondary-slider .splide__arrow{top:50%;transform: translateY(-50%);background:transparent !important;}
#secondary-slider .splide__arrow svg path{fill:#231F20}
#secondary-slider .splide__arrow--prev{left:0;transform: translate(-146%, -50%);}
#secondary-slider .splide__arrow--next{right: 0;transform: translate(146%, -50%);}


@media screen and (max-width: 768px) {
	.cont-art-gallery{display:none;}/* nascondo sezione gallery in mobile */
}
/* fine splide desktop */

/* gallery img prodotto mobile */
.cont-art-gallery-mobile{
	display:none;
	position:relative;
	width:100%;
	max-height:768px;
	height: 300px;
	margin-bottom:40px;
}
@media screen and (max-width: 768px) {
	.cont-art-gallery-mobile{
		display:block;
	}	
}



.pdp_cont-info { grid-area: 1 / 2 / 2 / 3; }
.pdp_cont-secondblock { grid-area: 2 / 2 / 2 / 3;  align-self: start;} 
		
@media screen and (max-width: 768px) {
	.container-grid-pdp{
		grid-template-columns:minmax(0, 1fr);
		grid-template-rows: repeat(3, minmax(0, auto));
	}
	.pdp_colsx { grid-area: 2 / 1 / 3 / 1; margin-top:30px;border-top:1px solid #c3c3c3}
	.pdp_cont-info { grid-area: 1 / 1 / 2 / 1; }
	.pdp_cont-secondblock { grid-area: 3 / 1 / 4 / 1;margin-top:30px; } 
}

/* CSS PAGE PRODUCT-INTRO +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.product_logo_link{	height:50px;}
.product_logo_link img{
	/*height:100%;*/
	max-height:60px;
	width:auto;
}
/* titolo scheda prodotto */
.product-page-intro .art-title{
	position: relative;
	margin: 30px 0 0;
	font-size: 1.375rem;
	text-transform: none;
	font-weight: 700;
}
/* descrizione breve scheda prodotto */
.product-page-intro .art-descb{
	margin-top: 20px;
	color: #231F20;
	font-size: 1rem;
	font-weight: 400;
}
/* sezione configuratore */
/* rimane invariato il tutto qui sotto ci sono solo degli aggiustamenti */
.product-configurator--compact{
	margin:30px 0 0;
	width:100%;
}

/***************************** SEZIONE PREZZO *****************************/
/* rimane invariato ci sono degli aggiustamenti */
.art_final_price{
	font-size:1.625rem;
	font-weight:700;
	color:#ff5740;	
	margin-bottom:0px;
}
.art_final_price span{
	display: inline-block;
	font-size:1rem;
	font-weight:500;
}
.product__price, .product-configurator__price { margin-top: 30px; }
    /* line 44, src/sass/application/_product.sass */
/* line 46, src/sass/application/_product.sass */
    /* line 48, src/sass/application/_product.sass */
/*.product__price span, .product-configurator__price span { display: block; }*/
.cont-price{
    display:flex;
    flex:0 1 100%;
}

.sa_price{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
}
    /* ELiminare ins. 10-5-19 */
    .sa_col_promo_price {
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: center;
        padding: 0 15px 0 0;
        margin-bottom:10px;
    }
    /* ELiminare ins. 10-5-19 */
    .product__string-promo{
        display:block;
        color:#fff;
        background:#ff5740;
        padding:3px 10px;
        text-transform: uppercase;
        text-align:center;
        font-size:13px;
        font-weight:bold;
        
    }
    /* ELiminare ins. 10-5-19 */
    .product__promo{
        color:#ff5740;
        font-size:13px;
        text-transform: lowercase;
        font-weight: 400;
        margin-left:5px;
        margin-top:0;
    }
    /* ELiminare ins. 10-5-19 */
    .product__promo span{font-weight:500;display:inline;}

.sa_col_price .product__unit{margin-top:0;text-transform: lowercase}
.sa_col_price .product__unit::first-letter{text-transform:uppercase}

.sa_price, .sa_price_pro{ 
    display:flex;
}
/* Modificato 17/05/2019 da inserire in sass */
.sa_price_pro{margin-top:20px;padding-left:15px;}/* solo pro */
/* ELiminare ins. 3-5-19 */
.sa_col_price{
    flex:0 1 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-left:0!important ;/*15px*/
}
/* ELiminare ins. 3-5-19 */
.sa_price_pro .sa_col_price{ /* solo pro */
    flex:0 1 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
} 
/* ELiminare ins. 3-5-19 */
.sa_price_pro .product__sx{flex:0 1 auto;}
/* ELiminare ins. 3-5-19 */
.sa_price_pro .product__vat{margin-bottom:0;flex:0 1 40%;padding: 0 0px 0 11px;}
/* ELiminare ins. 3-5-19 */
/*.sa_col_price .product__full-price{color: #6d6e71;margin-bottom: 3px;}*/
.sa_col_price .product__full-p-pieno{color:#231F20;margin-bottom: 3px;}

/* ELiminare ins. 3-5-19 */
.sa_col_price .product__final-price,.sa_col_price .product__final-pricepro,.product__full-p-finale{
    line-height: 1;
    font-size:2rem;
    margin-bottom:3px;
}
/* ELiminare ins. 3-5-19 */
.sa_col_price .product__final-pricepro{margin-bottom:0;}
/* ELiminare ins. 3-5-19 */
.sa_col_price .product__final-pricepro {/* prezzo solo pro */
	color: #ff5740;
	font-weight: bold;
}

/* ELiminare ins. 3-5-19 */
.sa_col_price .product__final-txt{/* solo pro */
    font-weight: bold;
    font-size:1rem;
    text-transform:uppercase;
    color: #ff5740;
    margin:0;
}
/* ELiminare ins. 3-5-19 */
.sa_col_price .product__from{margin-bottom:3px}/* solo pro */
/* ELiminare ins. 3-5-19 */
.sa_col_price .product__from span {display:inline;text-decoration:line-through}

/* ELiminare ins. 3-5-19 */
.sa_col_price div:nth-child(1){padding-left:0;}
/* ELiminare ins. 3-5-19 */
.sa_col_price .product__unit{
    color: #aeaeae;
    font-size: .657rem;
    text-transform:uppercase;
    margin-top:3px;
}
/* ELiminare ins. 3-5-19 */
/*.sa_col_promo_price{display: flex;justify-content:center;align-items: center;text-align:center;}*/




/***************************** FINE SEZIONE PREZZO *****************************/

/* pulsante acquista apre modale */
.cont-action-button{
	display:flex;
  justify-content: space-between;
	margin-top:30px;
}
.cont-action-button .art-open-mdal,
.cont-action-button .art_preventivo,
.cont-action-button .art-gestmag{
	width:100%;
	max-width:470px;
	height:55px;
	line-height:55px;
	border-radius:5px;
	background: #FF5740;
	color:#fff !important;
	font-size:0.875rem;
	transition: background .5s;
}
.cont-action-button .art-open-mdal:hover{background: #DE3929;}
/* GESTIONE MAGAZZINO */
.cont-action-button .art-gestmag{
	color:#231f20 !important;
	text-align:center;
	background:#ffddd9;
}

@media screen and (max-width: 468px) {
	.cont-action-button .art-gestmag{max-width:265px; }
}

.cont-action-button .art-open-mdal svg {
	stroke: #fff;
  width: 20px;
  transform: translateY(25%);
  margin-left: 20px;
}

/* pulsante richiedi preventivo */
.cont-action-button .art_preventivo{
	background:#006072;
	text-decoration:none;
	text-align: center;
}
.cont-action-button a.art_preventivo:hover{
	text-decoration: none;
	color:#fff;
	background:#004859;
}

/* gestione button disabled */
.cont-action-button .art-open-mdal.sa-btn-disaled{
	cursor:not-allowed;
}
	
@media screen and (max-width: 768px) {
	.cont-action-button .art-open-mdal{width:calc(100% - 70px);}
	/*.cont-action-button .art-open-mdal svg {display:none;}*/
}
.cont-action-button .art-add-wishlist{
	width:55px;
	height:55px;
	border-radius:5px;
	border:1px solid #D8D8D8;
}
.cont-action-button .art-add-wishlist:hover,
.cont-action-button .art-add-wishlist.active{ border:1px solid #000;}
.cont-action-button .art-add-wishlist svg{
	display:block;
	width:23px;
	height:20px;
	margin:0 auto;
	fill:transparent
}
.cont-action-button .art-add-wishlist:hover svg,
.cont-action-button .art-add-wishlist.active svg{fill:#000;}

/* contenitore disponibilità */
.art-disponibilita{
	width:100%;
	margin-top:30px;
}
.art-disponibilita ul {
	padding:0;
	list-style: none;
}
.art-disponibilita ul li{	display:flex;	}
.art-disponibilita ul li:not(:last-child){margin-bottom:20px;}
.art-disponibilita ul li p{
	font-size:1rem;
}
.art-disponibilita ul li p span.consegna-prevista{font-size:12px;}
.art-disponibilita ul li p span.consegna-prevista strong,
.art-disponibilita ul li p span.trasp-gratuito {color:#00BB0C;}

.art-disponibilita ul li.noprontaconsegna p span.consegna-prevista strong {color:#231F20;}

.art-disponibilita ul li.sanew-consegna.sa-exhide{display:none;}
.art-disponibilita ul li.sanew-consegna.sa-show{display:flex;}

.art-disponibilita ul li svg{
	width:15px;
	height:10px;
	margin-top:4px;
	margin-right:20px;
	stroke:#00bb0c;
}

/* Anchor per prodotto express */
.cont-express-anchor{
	position:relative;
	display:flex;
	justify-content: space-around;
	align-items: center;
	margin-top:30px;
	background:#F2F2F2; 
	border:1px solid #F2F2F2;
	width:100%;
	height:80px;
	border-radius:5px;
}
.cont-express-anchor:hover{border:1px solid #aeaeae;}
.cont-express-anchor a{
	position:absolute;
	width:100%;
	height:100%;
}

.cont-express-anchor svg{
	width:40px;
	height:40px;
	fill:none;
	stroke:#ff5740;
}
.cont-express-anchor svg:nth-of-type(2){
	width:15px;
	height:15px;
	stroke:#231F20
}
.cont-express-anchor p{
	margin:0;
	width:70%;
	font-size:1rem;
}
.cont-express-anchor p span{color: #ff5740;}

.sa-arrow{
	display:block;
	width:10px;
	height:10px;
	border-bottom:2px solid #000;
	border-right:2px solid #000;
	transform: rotate(-45deg);
}

.sa-arrow__r{}

/* stepper modale */
.cont-stepper{
	display:flex;
	justify-content: center;
}
.cont-stepper .add-qt{   
	width: 40px;
  height: 40px;
}
/* sfondo svg disabilitato */
.cont-stepper .add-qt.disabled svg circle{ fill: #e5e5e5 !important;}

.cont-stepper .qt-stepper{
	width:40px;
	height:40px;
	margin:0 10px;
	font-size: 22px;
	text-align:center;
	background:#fff;
	border:1px solid #CECECE;
	border-radius:5px;
	appearance: textfield;
	-moz-appearance: textfield;
}



/* FINE CSS PAGE INTRO +++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* CSS BLOCCO CONTRACT +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.info-contract,
.info-consulenza,
.info-richiedi-campioni{
	width:100%;
	height:auto;
	padding:30px;
	border-radius:5px;
	border:1px solid #CECECE
}

.info-contract .wrap-info-title,
.info-consulenza .wrap-info-title,
.info-richiedi-campioni .wrap-info-title{
	display:flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom:20px;
}

.artContract-title{
	display:inline-block;
	padding:5px 10px;
	font-size:0.875rem;
	color:#fff;
	margin:0;
	background: #006072;
	border-radius:3px;
}
.info-contract h6,
.info-consulenza h6,
.info-richiedi-campioni h6{
	font-size:1rem;
	color:#006072;
	line-height:1.6;
}

.info-contract p:not(.artContract-title),
.info-consulenza p:not(.artContract-title),
.info-richiedi-campioni p:not(.artContract-title){line-height:1.7;}

.info-consulenza .wrap-info-title svg,
.info-richiedi-campioni .wrap-info-title svg{
	width:30px;
	height:30px;
	margin-right:20px;
	fill: none;
stroke: #231F20;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
}
.artInfo-txt{
	font-size:0.875rem;
	margin:0 0 30px 0;
	color:#231F20;
	line-height:1.4;
}
.info-contract .sa-cta{margin-top:30px;}

/* blocco info consulenza */
.info-consulenza,
.info-richiedi-campioni{	margin-top:20px; }
.info-consulenza h6,
.info-richiedi-campioni h6{color:#231F20;}

/* FINE CSS BLOCCO CONTRACT +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* DESCRIZIONE PRODOTTO */
.art-description{
	position:relative;
	margin-top:40px;
	padding-bottom:0;
}
.art-description h4{
	margin:0;
}
.art-description iframe{width:100%;}
.product-description__description {
	margin-top:20px;
  color: #6d6e71;
}
.product-description__description h2,
.product-description__description h3,
.product-description__description h4{
	font-size: 16px;
	color: #231F20;
	font-weight: 700;
	margin:0;
}
.product-description__description h2{margin-bottom:20px;font-size:20px;}
.product-description__description h3,
.product-description__description h4{margin:20px 0 10px;font-weight:500;}
.product-description__description p, 
.product-description__description ul,
.product-description__description ol{
	line-height: 1.7;
  font-size: 14px; 
	color:#231F20;
}
.product-description__description p{margin:0 0 10px 0;}
/* link read more */
.read-more__link-wrap{
	display:inline-block;
	margin-top:30px;
}
.read-more__link{
	font-size:0.875rem;/* 14px */
}
.read-more__link::after{
	content: "";
	display:inline-block;
	width:8px;
	height:8px;
	margin-left:12px;
	margin-bottom:2px;
	border-bottom:1px solid #231F20;
	border-right:1px solid #231F20;
	transform:rotateZ(45deg);
}
.read-more__link:hover::after{
	border-bottom:1px solid #FF5740;
	border-right:1px solid #FF5740;
}
.read-more__link[data-clicked="true"]::after{
	transform:rotateZ(-135deg);
	margin-bottom:-4px;
}
/* FINE DESCRIZIONE PRODOTTO */


/*** DATI ADD TO KART MODALE ***/
#modal-addKart  .sa-modal-content{padding:40px 0 0;}
#modal-addKart .sa-modal-body{padding:0!important;}
/* add to kart */
#modal-addKart .sa-cta svg{
	width: 20px;
	height:20px;
}
/*@media (max-width: 768px) {
	#modal-addKart .sa-cta svg{display:none;}
}*/

.modal-addkartwrapper-white,
.modal-addkartwrapper-gray{padding:0 30px;}
.modal-addkartwrapper-gray{
	background:#F2F2F2;
	padding-bottom:30px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

@media (max-width: 576px) {
	/*#modal-addKart	.sa-modal-dialog {min-width:400px !important;}*/
	.modal-addkartwrapper-white, .modal-addkartwrapper-gray {padding:0 15px;}
	.modal-addkartwrapper-gray{padding-bottom:15px;}
}

p.modal_pro_display,
p.modal_art_descb{font-size:14px;margin:0 0 5px 0;}
p.modal_art_modello{font-size:16px;font-weight:bold;margin:0 0 5px 0;}
p.modal_art_descb{margin-bottom:30px;}

.modal-artvar-desc ul{
	padding:0;
	list-style: none;
}
.modal-artvar-desc ul li {
	margin-bottom:10px;
}
.modal-artvar-desc ul li p{
	font-size:14px;
	color:#231F20;		
	margin:0;
}
.modal-artvar-desc ul li span{color:#AEAEAE;font-weight:bold;}
.modal-artvar-desc ul li img{
	width:18px;
	height:18px;
	margin-right:15px;
}
.modal-artvar-desc .sing-oln{ display:flex; align-items: center}

.addkart-qt {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top:30px;
}
.addkart-qt h4{	margin:0 0 20px;}

.addkart-qt p{
	margin:0 0 20px 0;
	font-size:12px;
}

.addkart-qt p.modal_qt_consegna{ margin: 10px 0 0 0;}
.addkart-qt p.modal_qt_consegna span{color:#ff5740}

.modal_prontaconsegna{
	display:flex;	
	flex-direction:column;
	width:100%;
	margin:30px 0;
	padding:15px;
	background: #e5e5e5;
	border-radius:5px;
	align-items: center;
	justify-content: center;
}
.modal_prontaconsegna svg{
	width:40px; 
	height:40px;
	stroke:#aeaeae;
	margin-bottom:15px;	
}
/*se in pronta consegna*/
.modal_prontaconsegna.isprontaconsegna svg{ stroke:#ff5740;}
.modal_prontaconsegna p{
	font-size:14px;
	font-weight:400;
	text-align:center;
	line-height:1.4;	
	margin:0;
}

/*.modal_prontaconsegna p:first-child{display:none;}
.modal_prontaconsegna.isprontaconsegna p:first-child{display:inline;}*/
.modal_prontaconsegna p:not(:last-child){margin-bottom:10px;}

.modal_prontaconsegna p .pronta-consegna{color:#ff5740;font-weight:bold;}
.modal_prontaconsegna.isprontaconsegna p strong{color:#00BB0C;}/* ff5740 */

/*** FINE DATI ADD TO KART MODALE ***/




/* CSS ACCORDION */
.accordion{margin-top:40px;}


a.accordion_link{
	position:relative;
	display:block;	
  padding: 40px 0; 
	letter-spacing: .6px;
	font-size:1rem;
	text-decoration:none;
	font-weight:700;
	line-height:1rem;
}
a.accordion_link:visited,
a.accordion_link:active{text-decoration:none;}

a.accordion_link svg{
	position:absolute;
	right:30px;
	width:15px;
	height:15px;	
	transform:rotate(90deg); 
	transform-origin: center center;
	transition: transform 0.3s ease-out;
	stroke:#231f20;
}
a.accordion_link.in svg{
	transform:rotate(-90deg); 
}
.accordion__container{
	opacity:0;
	height: auto;
  max-height: 0;
	flex:0;
	transition: all 0.3s ease-out;
}
.accordion__container.accordion-open{
	opacity:1;
	height:auto;
	max-height:100%;
}
/** FINE CSS ACCORDION **/

/** CSS PRONTA CONSEGNA**/
.wrapper-prontaconsegna{
	width:100%;
	padding:60px 0;
	background:#F2F2F2;
	margin-bottom:30px;
}
.wrapper-prontaconsegna a[name="product-prompt"]{position:relative;top:-200px;}
.prontaconsegna-container{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	padding:0 20px;
}

.prontaconsegna-title{
	display:flex;
	align-items:center;
}
.prontaconsegna-title svg{
	width:40px;
	height:40px;
	stroke:#ff5740;
	margin-right:20px;
}
.prontaconsegna-title h2{
	margin:0;
	font-size:22px;
	font-weight:400;
}
.prontaconsegna-title h2 span{color: #ff5740;}
.prontaconsegna-container p {margin-top:30px;}

.prontaconsegna-gallery{
	width:100%;
	max-width:1130px;
	margin-top:50px;
}
.prontaconsegna-gallery .splide__pagination{display: none;}

.prontaconsegna-item{
	display:flex;
	flex-direction: column;
	min-height:400px;
	height:auto;
	background:#fff;
	border-radius:8px;
	padding:20px;
}
/*.prontaconsegna-item .responsive-img{max-width:150px;align-self:center;}*/

/* wrapper image */
.prontaconsegna-item  .item-wrap-img{
	position:relative;
	align-self:center;
	max-width:150px;	
}
/* OVERLAY SE IMMAGINE NON C'E */
.prontaconsegna-item  .item-wrap-img .item-overlay{
	position:absolute;
	display:flex;
	justify-content: center;
	align-items: center;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	z-index:3;
}
.prontaconsegna-item  .item-wrap-img .item-overlay svg{
	width:60px;
	stroke:#AFAFAF;
	
}

.prontaconsegna-item ul{
	padding:0;
	margin:0;
	list-style: none;
	font-size:14px;
}
.prontaconsegna-item ul li{
	line-height:1.3;margin-top:20px;
	display:flex;
	align-items:center;
	justify-content: flex-start;
}
.prontaconsegna-item ul li:not(:last-child){}
.prontaconsegna-item ul li img{
	width:18px;
	height:18px;
	margin-right:10px;
}

.prontaconsegna-item ul li strong{color:#aeaeae;}
p.prontaconsegna-price{
	margin:30px 0 0 0;
	font-size:22px;
	font-weight:700;
}
p.prontaconsegna-price small{
	font-weight: 400;
}

p.prontaconsegna-qt{
	margin:10px 0 0 0;
	padding:0;
	color:#ff5740;
/*	font-weight:14px;*/
}
.prontaconsegna-addKart{
	position:relative;
	width:50px;
	height:50px;
	margin-top:30px;
	border-radius: 25px;
	background:#ff5740;
	align-self: flex-end;
	white-space: nowrap;
  overflow: hidden;
	transition: all .2s;
	color:#fff;
	text-align: left;
	margin-left: 15px;
	padding-left: 40px;
	font-size:14px;
}
.prontaconsegna-addKart::before{
		content:"";
		display:block;
		position:absolute;
		width:50px;
		height:50px;
		border-radius:50%;
		background:#ff5740;
		top:50%;
		right:0;
		transform: translateY(-50%);
	}
.prontaconsegna-addKart:hover{
	background:#DE3929;
	width:100%;
	border-radius:8px;
}
.prontaconsegna-addKart:hover::before{background:#DE3929;}

.prontaconsegna-addKart svg{
	position:absolute;
	top:50%;
	right: 14px;
	transform: translateY(-50%);
	width:22px;
	height:22px;
	stroke:#fff !important;
}
/* pulsante torna su */
.prontaconsegna-container .wrap-tornasu{
	display:flex;
	width:100%;
	justify-content: center;
}
.prontaconsegna-container .sa-cta{margin-top:60px;font-size:14px;}
/* mobile version */
@media (max-width: 768px) {
	.prontaconsegna-addKart{
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position:relative;
		text-align:center;
		border-radius:8px;
		padding:0;
		width:100%;
		height:60px;
		max-width:400px;
		transition:none;
	}
	.prontaconsegna-addKart svg{
		position: relative;
		transform:none;
		top:initial;
		right:initial;
		margin-left:20px;
	}
}
/** FINE CSS PRONTa CONSEGNA**/

/**** CSS PRODUCT SUGGESTED ****/

.art-suggested{margin-top:100px;}

/* gestione gallery arrow */
#similar,#recommended,#collezione,#histor,#history,#prontaconsegna-gallery{padding-bottom:0;
	width:85%;
	margin: 0 auto;}

#similar .splide__arrow,
#recommended .splide__arrow,
#collezione .splide__arrow,
#history .splide__arrow,
#prontaconsegna-gallery .splide__arrow{top:50%;;transform: translateY(-50%);}

#similar .splide__arrow--prev,
#recommended .splide__arrow--prev,
#collezione .splide__arrow--prev,
#history .splide__arrow--prev,
#prontaconsegna-gallery .splide__arrow--prev{left:0;transform: translate(-175%, -50%);}

#similar .splide__arrow--next,
#recommended .splide__arrow--next,
#collezione .splide__arrow--next,
#history .splide__arrow--next,
#prontaconsegna-gallery .splide__arrow--next{right: 0;transform: translate(175%, -50%);}

@media (max-width: 768px) {
	#similar,#recommended,#collezione,#history,#prontaconsegna-gallery{width:100%;padding-bottom: 0;}	
	#similar .splide__arrow,
	#recommended .splide__arrow,
	#collezione .splide__arrow,
	#history .splide__arrow,
	#prontaconsegna-gallery .splide__arrow{display:none;}
	
	#prontaconsegna-gallery .splide__pagination{display:inline-flex;}/* mostro pallini per  */
}

.art-suggested .gallery_suggested h4{display:none;}

.art-suggested-selection{margin-bottom:30px;}
.art-suggested-selection > button{
	font-size:1rem;
	color:#AFAFAF;
}
.art-suggested-selection > button:not(:last-child){margin-right:60px;}
.art-suggested-selection .switch-active{font-weight:bold;color:#231F20}

/*gestione mobile*/
/*@media (max-width: 768px) {
	.art-suggested{margin-top:30px;}
}*/
@media (max-width: 768px) {
	/*.art-suggested{border:1px solid red;}*/
	.art-suggested{margin-top:30px;}
	.art-suggested .gallery_suggested h4{display:block;}
	.art-suggested-selection{display:none;}
	.art-suggested > div:not(.art-suggested-selection){display:block !important;} 
}


/* nascondo tutte le gallery tranne history 
.gallery_generic:not(#history){display:none;}*/

/**** FINE CSS PRODUCT SUGGESTED ****/

.art-history{width:100%;
max-width:1140px;
margin:0 auto;}
.art-history-title{font-size:1rem;color:#231F20;}

/**** SPLIDE GENERIC GALLERY ****/

.splide__pagination{bottom:-30px !important;}
.splide__pagination__page{opacity:1;}
.splide__pagination__page.is-active{background:#231f20 !important;opacity:1;transform: none!important;}
.splide__list{will-change:auto;}
.splide--draggable > .splide__track > .splide__list > .splide__slide.is-active.is-visible .splide__spinner{display:none;}

/**** END SPLIDE GENERIC GALLERY ****/

/**** CSS ARTICLE HISTORY ****/
.gallery_generic .splide__list li{
	width:16.666%;
	/*padding:15px;*/
}

.gallery_generic .splide__list  li a,
.gallery_generic .splide__list  li a:hover{text-decoration:none;}

.gallery_generic .splide__list  li figure{margin:0;position:relative;}
.gallery_generic .splide__list  li img{
	width:100%;
	height:auto;
}

.gallery_generic .splide__list  li figcaption{
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	z-index: 2;	
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 1rem;
	color:#fff;
	padding:0 15px;
	text-align:center;
	font-weight:700;	
}
.gallery_generic .splide__list  li:hover figcaption{
	display:flex;
}
@media (max-width: 768px) {
	.gallery_generic:not(:last-child){margin-bottom: 60px;}
	#similar.gallery_generic:not(:last-child),
	#recommended.gallery_generic:not(:last-child),
	#collezione.gallery_generic:not(:last-child),
	#history.gallery_generic:not(:last-child) {margin-bottom: 60px;}
	
	.gallery_generic .splide__list  li figcaption{
		position:relative;
		display: flex;
		background: transparent;
		font-weight: 300;
		font-size: calc(12px + 0.5vw);
		text-transform: lowercase;
		line-height: 1.4;
		color: #6d6e71;
	}
	.art-history{padding:0 15px 40px;}
}

/* nascondo i pallini */
.gallery_generic .splide__pagination{display:none;}
@media (max-width: 768px) {
	.gallery_generic .splide__pagination{display:inline-flex;}
}

/**** FINE CSS ARTICLE HISTORY ****/



/* line 3, src/sass/application/_accordion.sass */
.accordion__block {
	border-top: 1px solid #dedede;
  overflow: hidden; 
}
  /* line 8, src/sass/application/_accordion.sass */
.accordion__block:last-of-type { border-bottom: 1px solid #dedede; }

/* line 14, src/sass/application/_accordion.sass */
.accordion__inner {/*padding-top: 30px;*/ }
  /* line 17, src/sass/application/_accordion.sass */
  .accordion__inner p {
    margin-bottom: 20px;
    color: #231F20;
    font-size: 14px;
    line-height: 1.7; }
  @media (max-width: 991px) {
    /* line 14, src/sass/application/_accordion.sass */
    .accordion__inner {
      padding-top: 15px; } }

/* line 26, src/sass/application/_accordion.sass */
.accordion [data-toggle="collapse"] {
  position: relative;
  color: #231f20;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  display: block; }
  /* line 35, src/sass/application/_accordion.sass */
  .accordion [data-toggle="collapse"]:after, .accordion [data-toggle="collapse"]:before {
    content: '';
    width: 12px;
    height: 2px;
    background-color: #231f20;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }
  /* line 45, src/sass/application/_accordion.sass */
  .accordion [data-toggle="collapse"]:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  /* line 48, src/sass/application/_accordion.sass */
  .accordion [data-toggle="collapse"]:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  /* line 54, src/sass/application/_accordion.sass */
  .accordion [data-toggle="collapse"].collapsed:before {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  /* line 57, src/sass/application/_accordion.sass */
  .accordion [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

/* line 60, src/sass/application/_accordion.sass */
.accordion--faq {
  padding-bottom: 50px; }
  /* line 65, src/sass/application/_accordion.sass */
  .accordion--faq .panel [data-toggle="collapse"] {
    background: #ff8473;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    /* line 69, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"]:hover {
      color: #231f20;
      text-decoration: none; }
    /* line 73, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"]:after, .accordion--faq .panel [data-toggle="collapse"]:before {
      width: 20px;
      height: 2px;
      right: 20px; }
    /* line 78, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"]:before {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    /* line 81, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"]:after {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    /* line 85, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"].collapsed:before {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    /* line 88, src/sass/application/_accordion.sass */
    .accordion--faq .panel [data-toggle="collapse"].collapsed:after {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }

/* line 95, src/sass/application/_accordion.sass */
.pro .accordion--faq .panel [data-toggle="collapse"] {
  background: #008ba5; }


 .product__details {
    padding-bottom: 10px;
    color:#231F20;
	  font-size:14px;
    display: block;
    overflow: hidden; }
/* line 101, src/sass/application/_product.sass */
  .product__detail {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 1.3; }
    /* line 106, src/sass/application/_product.sass */
    .product__detail:after {
      content: '';
      margin: 0 10px;
      border-right: 1px solid #aeaeae; }
    /* line 112, src/sass/application/_product.sass */
    .product__detail:last-of-type:after {
      content: '';
      display: none; }
    @media (max-width: 991px) {
      /* line 101, src/sass/application/_product.sass */
      .product__detail {
        display: block;
        width: 100%; }
        /* line 119, src/sass/application/_product.sass */
        .product__detail:after {
          display: none; } }


.art_sa_timeline {
  min-height: 50px;
  height: auto;
  /*border-left: 1px solid #EEEEEE;
  margin-left: 10px;*/ }

.art_sa_timeline ul {display:none;}
  @media screen and (max-width: 768px) {
    /* line 1, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline {
      border-left: none; } }
  /* line 11, src/sass/application/_accordion-timeline.sass */
  .art_sa_timeline ul {
    padding-left: 2.1%;
    z-index: 10; }
    /* line 15, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline ul li:first-child {
      color: #ff5740; }
    /* line 18, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline ul .sa_standard {
      margin-bottom: 20px; }
    /* line 21, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline ul .sa_hide {
      display: none; }
  /* line 24, src/sass/application/_accordion-timeline.sass */
  .art_sa_timeline .icon_container {
    padding-left: 45px;
    position: relative;
    min-height: 20px; }
    /* line 28, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline .icon_container + p {
      margin-top: 8px; }
  /* line 31, src/sass/application/_accordion-timeline.sass */
  .art_sa_timeline .icon-box {
    background: transparent;
    line-height: 29px;
    position: absolute;
    top: -10px;
    left: 0; }
    /* line 38, src/sass/application/_accordion-timeline.sass */
    .art_sa_timeline .icon-box + span {
      font-weight: 700;
      text-transform: uppercase; }
  /* line 42, src/sass/application/_accordion-timeline.sass */
  .art_sa_timeline .gray {
    color: #6C6D71; }


/****** CSS PER GIFT CARD ***********************/
.err-giftcard{opacity: 1 !important;transform: translateY(-20px) !important;color:#ff5740}
#giftcard-form .formLabelError{display:none;}

/****** FINE CSS PER GIFT CARD ***********************/















/* CS RIGUARDANTI LE MODALI ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
FORSE DA METTERE IN UN ALTRO CSS E LO STESSO CHE USIAMO IN MYSA */
.modal-open {
  overflow: hidden;
}

.modal-open .sa-pdp-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.sa-pdp-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
	align-items: center;
	justify-content: center;
  overflow: hidden;
  outline: 0;
	background: rgba(0,0,0,0.6);
}

.sa-modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
	top:0;
}

/*.modal .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}*/

@media screen and (prefers-reduced-motion: reduce) {
  .sa-pdp-modal sa-.modal-dialog {
    transition: none;
  }
}

.sa-pdp-modal.show .sa-modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.sa-modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.sa-modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}

.sa-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
	padding:30px;
}


.sa-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.sa-modal-backdrop.fade {
  opacity: 0;
}

.sa-modal-backdrop.show {
  opacity: 0.5;
}

.sa-modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  padding: 1rem 1rem 1rem 0;
  /*border-bottom: 1px solid #e9ecef;*/
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.sa-modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.sa-modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.sa-modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem 0;
}

.sa-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid #e9ecef;
}

.sa-modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.sa-modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.sa-modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* ADD SA*/
/* liste modali */
.sa-modal-dialog .modal-list{
	/*margin-top:30px;*/
	padding:0;
	list-style-type: none;
}
.sa-modal-dialog .modal-list li{
	font-size:var(--sa-fsize-s);
	margin-bottom:15px;
}

.sa-pdp-close-modal,
.sa-pdp-close-config{
	position:absolute;
	z-index:10;
	width:30px;
	height:30px;
	/*top:10px;*/
	bottom:auto;
	right:10px;
	background:#F2F2F2;
	transform:rotate(45deg);
	border-radius: 50%;
}
.sa-pdp-close-modal{top:10px;}
.sa-pdp-close-modal::after,
.sa-pdp-close-config::After{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:15px;
	height:1px;
	background:#231F20;
}
.sa-pdp-close-modal::before,
.sa-pdp-close-config::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:1px;
	height:15px;
	background:#231F20;
}



p.terms{
	text-align:center;
	font-size:var(--sa-fsize-xs);
	color:	var(--sa-col-lightgray);
}

@media (min-width: 576px) {
  .sa-modal-dialog {
    max-width: 700px;
		min-width: 500px;
    /*margin: 1.75rem auto;*/
		margin:0 auto;
  }
  .sa-modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .sa-modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .sa-modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .sa-modal-lg {
    max-width: 800px;
  }
}

@media (max-width: 500px) {
	.sa-modal-content {
		max-height: 95vh;
		overflow: scroll;
	}
	
}

/* Mostra dettaglio crop nella selezione della variante */
.sa-crop{
	width:60px;
	height:60px;
	margin:0 auto;
}

/* Gestione modale per descrizione gruppo */

/* corregge il cursore */		
					/* aggiunge il cursore solo se è settato un gruppo con descrizione */
.product-configurator--compact .option-choices__category[data-group^="#GR"] {
	cursor:auto;
}
.product-configurator--compact{padding-bottom:0;}
			
/* icona i apertura modale */
.sa-desc-info{
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:auto;
	height:auto;
	padding:4px 6px;
	line-height:1;
	margin-left:10px;
	border:1px solid #aeaeae;
	font-weight:400;
	font-size:11px;
	border-radius:4px;
	cursor:pointer;
}
					
/* wrapper modale  */
.sa-wrap-desc-opt{
	display:none;
	position:sticky;
	top:0;
	left:0;
	height:350px;
	width:100%;
	padding:15px;
	z-index:4;
	background:#fff;
}
/* modale */
/*
.sa-desc-opt{
						font-size:1rem;						
						width:100%;
						height:100%;			
						background:#fef5da;
						padding:20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
					/* icona x chiusura modale interna al configuratore 
					.sa-desc-opt .sa-desc-opt__close{
						position:absolute;
						top:14px;
						right:20px;
						width:30px;
						height:30px;
						border:2px solid #aeaeae;
						border-radius:50%;
						font-size:20px;
						text-align:center;
						line-height:25px;	
						cursor:pointer;
					}					
					.sa-desc-opt .sa-desc-opt__close::before, 
					.sa-desc-opt .sa-desc-opt__close::after {
							position: absolute;
							top: 50%;
							left: 50%;
							width: 2px;
							height: 15px;
							background-color: #aeaeae;
							transform: rotate(45deg) translate(-50%, -50%);
							transform-origin: top left;
							content: '';
					}
					.sa-desc-opt .sa-desc-opt__close::after {
							transform: rotate(-45deg) translate(-50%, -50%);
					}
*/
					/* contenitore testo descrittivo */
.opt_text{
	display:flex;
	height:100%;
	overflow: auto;
}	
/* sovrascrive il pulsante info all'interno della modale */
.opt_text .sa-desc-info{
	cursor:auto;
	margin-left:0;
	margin-right:10px;
	align-self: flex-start;
	color:#aeaeae;
}
					
/* titolo descrizione interna modale */
.opt_text h4{
	display: flex;
	align-items: center;
	margin:0 0 20px 0;
	font-size:18px;
	color:#aeaeae;
}
.opt_text p,
.opt_text li{font-size:13px;}
.opt_text ul{padding-left:18px;}
.opt_text li{margin-bottom:8px;}

/*  ingrandimento oln */
					.sa-wrapper-oln{
						display:none;
						position:absolute;
						width:100%;
						height:100%;
						background: rgba(255,255,255,0.85);
						z-index:5;
						justify-content: center;
						align-items: flex-start;
						/*box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;*/
					}
					.sa-wrapper-oln .sa-cont-oln{
						margin-top:40px;
						background:#fff;
						padding:15px 15px 20px 15px;
						min-width:70%;
						display:flex;
						flex-direction: column;
						align-items: center;
						border-radius:4px;
					}
					.sa-wrapper-oln .sa-cont-oln > img{align-self: center;}
					
					.sa-wrapper-oln .sa-cont-oln p{
						margin-top:10px;
						color:#231f20;
						font-size:0.725rem;
					}
					.sa-wrapper-oln .sa-cont-oln p{font-weight:600;}
					.sa-wrapper-oln .sa-cont-oln p span{ font-weight:400;	}

/* elimino ombra variante selezionata [sovrascrittura] */
.option-choices__entry.selected{box-shadow:none;background:#f8f8f8}