.vetrinaProdotti {padding:1px 2px;}
.cards-container .swiper-container {padding-top: 5px;}
.prodPopup {z-index:2;}

.layout-di-default .tessera .flagPromo {position:absolute; top:-4px; right:-4px; z-index:2;}
.layout-di-default .tessera .flagPromo img {width:60px !important;}

.tessera {}
.tessera figure {position:relative; width: 100%; height: 230px; text-align:center; overflow:hidden; z-index:1;}
.tessera figure img {max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.tessera .bottoniera-card {}
.tessera .pulsanteAcquista {}
.tessera .quickView {position: absolute; bottom:0;left:0;width:100%; margin-bottom:-50px; padding:10px 0; display:inline-block; opacity: 0.8; text-align: center; text-transform:capitalize; color:#fff; background-color:#00acc2; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.tessera:hover .quickView {margin-bottom:0;}
/*
.tessera .wishList {width:30px; height:30px; position:absolute; right:10px; top:10px; cursor:pointer; display:grid; align-content:center; justify-content:center;z-index:2;}
.tessera .wishList > i {height:20px; width:20px; display: inline-block; background-color:#ddd; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;  -webkit-mask-size: 20px; mask-repeat: no-repeat;  mask-position: center; mask-size: 20px;}
.tessera .wishList:hover > i, .wishList.active > i {background-color:red; }
*/
.tessera .wishList {position:absolute; left:10px; top:10px; cursor:pointer; padding: 5px; z-index:2;}
.tessera .wishList > i {height:20px; width:20px; display: inline-block; background-color:#ddd; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center;  -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center; mask-size: contain;}
.tessera .wishList.active > i {animation: none; background-color:red; }
@keyframes heartbeat{
  0% {transform: scale( 1 ); }
  100% {transform: scale( 0.85 );}
}
.colCorrelati.visulizzaProdotto .layout-di-default.d {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-gap:10px;}
.colCorrelati.visulizzaProdotto .layout-di-default.t {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:10px;}
.colCorrelati.visulizzaProdotto .layout-di-default.s {display:grid; grid-template-columns:1fr 1fr; grid-gap:10px;}

.colCorrelati.visulizzaNews .layout-di-default.d {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; grid-gap:10px;}
.colCorrelati.visulizzaNews .layout-di-default.t {display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:10px;}
.colCorrelati.visulizzaNews .layout-di-default.s {display:grid; grid-template-columns:1fr 1fr; grid-gap:10px;}
/*// LAYOUT //*/
.vetrinaProdotti .swiper-slide {padding:3px;}
.layout-di-default {}
.layout-di-default .tessera {top:0; position:relative; font-size:12px; background-color:#fff; border: 1px solid transparent; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -ms-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -webkit-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.layout-di-default .tessera:hover {}
.layout-di-default .tessera figure {}
.layout-di-default .tessera figure img {}
.layout-di-default .tessera .badge-caratteristiche-prodotti {width:100%; height:40px; padding:0 10px; margin-top:10px; margin-bottom:10px; position:relative; float:left; background-color:#fff;}
.layout-di-default .tessera .badge-caratteristiche-prodotti span {width:auto; margin-top:0; margin-bottom:0; display:block; float:left;}
.layout-di-default .tessera .badge-caratteristiche-prodotti span img {width:40px; height:40px; margin-right:5px;}
.layout-di-default .tessera .bottoniera-card {width:calc(100% - 20px); margin:10px; text-align:center;}
.layout-di-default .tessera .bottoniera-card .boxDisponibilita {height:35px; display:grid; align-content:center; background-color:#ddd; padding:5px; margin-top:5px;} 
.layout-di-default .tessera .pulsanteAcquista {width:100%; height:50px; line-height:50px; display:inline-block; cursor:pointer; background-color:transparent; color:#b1056b; background-image:url(../grafica/addCartSmart.png); font-size:1em; text-transform:uppercase; text-align:left; background-size:auto 50px; background-position:right center; background-repeat:no-repeat;}
.layout-di-default .tessera .pulsanteAcquista span {width:calc(100% - 60px); height:24px; line-height:20px; padding-right:5px; padding-left:5px; position:relative; top:13px; display:inline-block; border-bottom:solid 1px #00acc2;}
.layout-di-default .descrizione-articolo {width:calc(100% - 20px); min-height:60px; margin-left:10px; }
.layout-di-default .descrizione-articolo h3 {text-align:left; font-size: 1em; font-weight:normal; color:#01abc4;}
.layout-di-default .descrizione-articolo .marca-prodotto {margin-bottom:5px; font-size:0.8em; font-weight:bold; color:#000;}
.layout-di-default .prezzo {width:100%; line-height:35px; padding:0 10px; font-size:1.3em; text-align:left; color:#b1116c;}
.layout-di-default span.listino {text-decoration:line-through;}
.layout-di-default span.finale {font-weight:bold;}
.layout-di-default span.percent-sconto {padding:0 10px; background-color:#b1116c; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
/*// LABEL PROMO //*/
/*.layout-di-default .label-prodotto-in-offerta {width:160px; padding:5px 30px 5px 5px; position:absolute; top:5px; left:-130px; z-index:99; background-color:#e4e4e4; background-repeat:no-repeat; background-size:20px auto; background-position:right 5px center; -ms-transition:ease-out .3s; -o-transition:ease-out .3s; -moz-transition:ease-out .3s; -webkit-transition:ease-out .3s; transition:ease-out .3s;}*/
.layout-di-default .label-prodotto-in-offerta {width:100%; height: 35px; padding:4px; line-height: 1.2; color:#000; text-align: center; background-repeat:no-repeat; background-size:20px auto; background-position:right 5px center; -ms-transition:ease-out .3s; -o-transition:ease-out .3s; -moz-transition:ease-out .3s; -webkit-transition:ease-out .3s; transition:ease-out .3s;}
.layout-di-default .label-prodotto-in-offerta.active {background-color: #ff8d00; background-image:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNTgzLjcyOCwzNzUuNzkzYy0xMi4zMTYsMTI0LjAwMS0xMTIuNzksMjIzLjY2Ni0yMzYuODgsMjM1LjA2OEMyMDAuMTYsNjI0LjM0LDc1LjA3Nyw1MTYuNDksNjAuNTY4LDM3Ni4zMTJIMzQuNzE2ICAgYy0xNS43MTcsMC0yNS41NC0xNy4wMTYtMTcuNjgtMzAuNjI2bDU3LjgxOC0xMDAuMTIyYzcuODU5LTEzLjYwOSwyNy41MDMtMTMuNjA4LDM1LjM2MSwwLjAwMWw1Ny44MDcsMTAwLjEyMiAgIGM3Ljg1OCwxMy42MTEtMS45NjUsMzAuNjI1LTE3LjY4MSwzMC42MjVoLTIyLjUwNmMxNC42MjEsMTA0LjY1OSwxMTIuMDU3LDE4My4xNTIsMjIzLjc3MiwxNjYuNzc4ICAgYzgyLjY2Ny0xMi4xMTUsMTQ5LjcyMi03Ny4zMzYsMTYzLjc3My0xNTkuNjk3YzIxLjAzMS0xMjMuMjcxLTczLjgyOS0yMzAuNTU4LTE5My4yNzEtMjMwLjU1OCAgIGMtMzguNzM0LDAtNzYuMTE5LDExLjIzOC0xMDguMjMzLDMyLjUxOWMtMTQuOTA0LDkuODc2LTM1LjU2NCw3LjkyMi00Ni40OTgtNi4yMjNjLTExLjkwNS0xNS40MDItOC4xODgtMzcuMzg5LDcuNjg3LTQ4LjEwOSAgIGMzNC40NTUtMjMuMjc2LDczLjUxNS0zNy44MjIsMTE0LjQzOC00Mi44ODdWNTAuMTg0aC0yNi43ODRjLTkuMjE1LDAtMTYuNjg2LTcuNDctMTYuNjg2LTE2LjY4NlYxNi42ODYgICBDMjQ2LjAzMyw3LjQ3LDI1My41MDMsMCwyNjIuNzE5LDBIMzg2LjkzYzkuMjE1LDAsMTYuNjg2LDcuNDcsMTYuNjg2LDE2LjY4NnYxNi44MTJjMCw5LjIxNS03LjQ3LDE2LjY4Ni0xNi42ODYsMTYuNjg2aC0yOS41MDIgICB2MzguMzQ3QzQ5NC4yOCwxMDYuOTk2LDU5OC4xMDIsMjMxLjA2Miw1ODMuNzI4LDM3NS43OTN6IE01OTIuMzcsMTIzLjI2NUw1NDIuMDU4LDc2Ljc2Yy02Ljc2OC02LjI1NS0xNy4zMjQtNS44NC0yMy41OCwwLjkyNyAgIGwtMTMuMzA5LDE0LjM5OWMtNi4yNTYsNi43NjctNS44NDEsMTcuMzI0LDAuOTI3LDIzLjU4bDUwLjMxMiw0Ni41MDRjNi43NjgsNi4yNTQsMTcuMzI0LDUuODQsMjMuNTgtMC45MjdsMTMuMzA5LTE0LjM5OSAgIEM1OTkuNTUzLDE0MC4wNzcsNTk5LjEzOCwxMjkuNTIsNTkyLjM3LDEyMy4yNjV6IE0zMjEuMzE4LDE4Ny4xMzl2MTYzLjE5NGgxNjEuNTY1ICAgQzQ4Mi44ODUsMjUwLjk0OSw0MDcuNDgxLDE4Ny4xMzksMzIxLjMxOCwxODcuMTM5eiIgZmlsbD0iIzMzMzMzMyIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");}
.layout-di-default.t .label-prodotto-in-offerta, .layout-di-default.s .label-prodotto-in-offerta {left:0px;}
.layout-di-default.d .label-prodotto-in-offerta:hover {left:0;}
.layout-di-default .label-prodotto-in-offerta h4 {color:#fff;}
.layout-di-default .label-prodotto-in-offerta span {font-weight: bold;}
.layout-di-default .single-card:hover .label-prodotto-in-offerta {left:0;}

@media screen and (min-width: 0px) and (max-width: 320px) {
.layout-di-default .prezzo {}
.layout-di-default .tessera figure img {height:170px;}
.layout-di-default .label-prodotto-in-offerta {left: 0;}
	
}
@media screen and (min-width: 321px) and (max-width: 600px) {
.layout-di-default .prezzo {}
.layout-di-default .tessera figure img {height:170px;}
.layout-di-default .label-prodotto-in-offerta {left: 0;}	
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.layout-di-default .prezzo {min-height:70px; margin-bottom:10px;}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.layout-di-default .prezzo {margin-bottom:10px; margin-top:10px;}
.layout-di-default .tessera figure img {height:200px;}
.layout-di-default .label-prodotto-in-offerta {left: 0;}	
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.layout-di-default .prezzo {margin-bottom:10px; margin-top:10px;}
.layout-di-default .tessera figure img {height:200px;}
.layout-di-default .label-prodotto-in-offerta {left: 0;}
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
.layout-di-default .prezzo {margin-bottom:10px; margin-top:10px; }
.tessera .wishList:hover > i {animation: heartbeat 0.4s alternate infinite; background-color:red;}
}
@media only screen and (min-width: 1200px){
.tessera .wishList:hover > i {animation: heartbeat 0.4s alternate infinite; background-color:red;}
}