article.product{position: relative;display: block;text-decoration: none;}
article.product a:not([class]){display: block;text-decoration: none;}
article.product .image{position: relative;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
article.product .flags{position: absolute;top: 20px;left: 10px;}
article.product .flags .flag{float: left;clear: left;padding: 4px 9px;margin-top: 2px;border-radius: 2px;height: 20px;margin-left: 2px}
article.product .flags .flag:first-child{margin-top: 0;margin-left: 2px}
article.product .discount{text-align: center;position: absolute;top: 9px;right: 10px;padding: 13px 6px;border-radius: 21px;width: 41px;height: 41px;}
article.product .desc{position: relative;display: block;margin: 13px auto 26px; /*max-width: 456px*/}
article.product .desc .wrapper-top{padding: 0 10px 10px;border-bottom: 1px solid #E6E6E6;}
article.product .desc .brand{float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
article.product .desc .available-colors{float: right;}
article.product .desc .wrapper-bottom{position: relative;padding: 14px 10px 0;text-align: left;min-height: 74px;}
article.product .desc .name{padding-bottom: 8px;padding-right: 25px;}
article.product:hover .desc .name{text-decoration: underline;}
article.product .desc .price{font-size: 0;line-height: 0;}
article.product .desc .price p{float: left;line-height: normal;}
article.product .desc .price .old{margin-right: 17px;text-decoration: line-through;}
article.product .desc .price .discount{margin-left: 10px;padding: 0 4px;background: #D0021B;}
article.product .item-buttons.hidden-lg.hidden-md.hidden-sm{position: relative;}
article.product .desc span{position: absolute;top: calc(50% - 13px);right: 10px;cursor: pointer;z-index: 10;padding: 6px 0;}
article.product .desc span::before{content: '';display: block;width: 26px;height: 26px;}
article.product .desc span:not(.disabled):hover::before{background-position: left bottom;}
article.product .desc span.sel::before{background-position: left bottom;}
article.product .desc .addWish::before{background: url(../../sysimages/icon-wishlist02.png) left top/26px no-repeat;}
.wishlist article.product .desc .remWish::before{background: url(../../sysimages/icon-remove-bag.png) left top/26px no-repeat;}
.wishlist article.product .desc .remWish:hover::before{opacity: 0.6;}
.products article.product .desc .remWish::before{background: url(../../sysimages/icon-wishlist03.png) center/17px 15px no-repeat;}
.products article.product .desc .remWish:hover::before{opacity: 0.6;background-position: center;}
article.product .wrapper-button{padding: 20px 10px 0;}
article.product .addCart{width: 100%;cursor: pointer;}
article.product .quickshop{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 0, 0, 0.4);z-index: 2;}
article.product .wrapper-ads-desc{text-align: center;padding: 24px;}
article.product .wrapper-ads-desc .descAds{padding-top: 13px;}
article.product .wrapper-ads-desc a{text-decoration: none;margin-top: 11px;display: inline-block;border-bottom-width: 1px;border-bottom-style: solid;}
article.product .wrapper-ads-desc a:hover{border-bottom-color: transparent;}

@media screen and (min-width: 768px) {
   .featuredProductColumn article.product .flags {left: calc(-100% - 14px);}
   //.featuredProductColumn article.product .desc {position: absolute; left: -50%;width: 100%;}
   .featuredProductColumn article.product .desc { position: relative; left: calc(-100% - 12px); width: calc(200% + 12px);}
}

/* ----- BANNER ----- */
.container-list .row .column-image:not([style*="display: none"]) + .column{clear: left;}
.container-list > .row .column-special{padding-bottom: 0;}

article.banner-list .image img{display: block;width: 100%;}
article.banner-list .desc{padding: 15px 0 0;text-align: center;}
/* ------------------ */

/* ---- ICONS RETINA ---- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
   article.product .item-buttons .remWish::before{background: url(../../sysimages/icon-remove-bag@2x.png) left top/26px no-repeat;}
}
/* ---- ICONS RETINA ---- */

@media screen and (min-width: 768px){
	article.product:hover .image{border-color: #999;}
	article.product:hover .quickshop{opacity: 1;visibility: visible;}
	article.product .desc .wrapper-top{min-height: 23px;}

   .related-products .row.row4 > .column .slider-images,
   .related-products .row.row3 > .column .singleImage{display: none;}
   .related-products .row.row4 > .column .singleImage,
   .related-products .row.row3 > .column .slider-images{display: block;}
}

@media screen and (max-width: 768px){
   .featuredProductColumn.col-xs-offset-4, .featuredProductColumn.col-xs-offset-3 {margin-left: 0 !important;}
   
   .two-columns article.product .flags, .row4 article.product .flags{top: 11px;left: 5px;}
   .two-columns article.product .flags .flag, .row4 article.product .flags .flag{padding: 3px 7px 3px;height: auto;}
   .two-columns article.product .desc, .row4 article.product .desc{margin: 0;}
   .two-columns article.product .desc .wrapper-top, .row4 article.product .desc .wrapper-top{padding: 10px 4px 6px;}
   .two-columns article.product .desc .wrapper-bottom, .row4 article.product .desc .wrapper-bottom{padding: 8px 4px 6px;}
   .two-columns article.product .desc .available-colors, .row4 article.product .desc .available-colors{padding-top: 3px;}
   .two-columns article.product .wrapper-ads-desc, .row4 article.product .wrapper-ads-desc{padding: 14px;}
   .two-columns article.product .wrapper-ads-desc .descAds, .row4 article.product .wrapper-ads-desc .descAds{padding-top: 10px;}
   .two-columns article.product .desc .name, .row4 article.product .desc .name{padding-bottom: 9px;padding-right: 0;}
   .two-columns article.product .item-buttons span, .row4 article.product .item-buttons span{top: auto;padding: 0;right: 1px;bottom: 1px;width: 26px;height: 26px;display: block;}
   .two-columns article.product .item-buttons .addWish::before, .row4 article.product .item-buttons .addWish::before{background-size: 18px;background-position: center top;width: 18px;height: 18px;margin: 4px;}
   .two-columns article.product .discount, .row4 article.product .discount{top: 5px;right: 5px;padding: 9px 4px;width: 28px;height: 28px;}

   .row3 article.product .image .item-buttons{display: none !important;}
   .row3 article.product .desc .item-buttons{display: block !important;}
   
   article.product .desc .brand{width: calc(100% - 50px);}
   article.product .desc .available-colors{max-width: 50px;}

   article.product .wrapper-ads-desc{text-align: center;padding: 20px;}
   article.product .wrapper-ads-desc .descAds{padding-top: 5px;}
   article.product .wrapper-ads-desc a{margin-top: 15px;}

   article.product .slider-images .slide-image{opacity: 0;visibility: hidden;}
   article.product .slider-images.slick-initialized .slide-image,
   article.product .slider-images .slide-image:first-child{opacity: 1;visibility: visible;}
   article.product .slider-images.slick-initialized .slide-image{display: block !important;}
   article.product .slider-images .slide-image:not(:first-child){display: none;}
   article.product .slider-images .slick-dots{position: absolute;bottom: 7px;width: auto;margin: 0;font-size: 0;line-height: 0;text-align: left;left: 6px;}
   article.product .slider-images .slick-dots li{display: inline-block;margin-left: 3px;}
   article.product .slider-images .slick-dots li:first-child{margin-left: 0;}
   article.product .slider-images .slick-dots li button{width: 4px;height: 4px;background-color: #000;opacity: .3;padding: 0;margin: 0;border: 0;border-radius: 10px;text-indent: -9999px;font-size: 0;}
   article.product .slider-images .slick-dots li button:hover, article.product .slider-images .slick-dots li.slick-active button{opacity: 1;}
   article.product .slider-images .slide-image img{display: block;width: 100%;}

   article.product .image .remWish{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:url(../../sysimages/icon-wishlist-mobile.png) center/12px no-repeat;z-index:10;}
}