article.product{position: relative;display: block;text-decoration: none;}
article.product a:not([class]){display: block;text-decoration: none;}
article.product .remove{position: absolute;top: 12px;right: 12px;padding-right: 19px;z-index: 10;line-height: 13px;}
article.product .remove::after{content: '';position: absolute;top: 0;right: 0;width: 13px;height: 13px;background: url(../../sysimages/icon-remove.png) no-repeat left top;background-size: 13px;}
article.product .image{position: relative;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
article.product.hideChangeColors:not(.productMobile) .image .wrapper-colors{display: none;}
article.product .image .wrapper-colors{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0;font-size: 0;line-height: 0;text-align: center;z-index: 10;}
article.product .image .wrapper-colors > div{position: relative;display: inline-block;padding: 0 10px;display: none;background-color: rgba(255, 255, 255, 0.9);}
article.product .image:hover .wrapper-colors > div{display: block;padding-top: 16px;padding-bottom: 7px;}
article.product .image:hover .wrapper-colors > p{visibility: hidden;opacity: 0;}
article.product .image .wrapper-colors > p{cursor: pointer;display: inline-block;text-align: center;margin-bottom: 8px;padding-bottom: 1px;border-bottom: 1px solid transparent;}
article.product .image .wrapper-colors > p:hover{border-bottom-color: #666;}
article.product .image .wrapper-colors ul{margin: 0;}
article.product .image .wrapper-colors ul{list-style: none;margin: 0;text-align: center;max-height: 210px;overflow-y: auto;}
article.product .image .wrapper-colors ul li{display: inline-block;vertical-align: middle;width: 32px;height: 44px;margin-right: 9px;margin-bottom: 9px;}
article.product .image .wrapper-colors ul li:first-child{margin-left: 0;}
article.product .image .wrapper-colors ul li{border: 1px solid transparent;}
article.product .image .wrapper-colors ul li:hover{border-color: #666666;}
article.product .image .wrapper-colors ul li.sel{border-color: #666666;}
article.product .image .wrapper-colors ul li a{border: 1px solid #fff;display: block;}
article.product .image .wrapper-colors ul li:not(.sel):not(:hover) a.blank{border-color: #ccc;}
article.product .image .wrapper-colors ul li span{width: 28px;height: 40px;display: block;}
article.product .image .wrapper-colors img{display: block;}
article.product .image .wrapper-colors ul li.hideColor{display: none;}
article.product .image .wrapper-colors ul li.hideColor + li:last-child{border:0;}
article.product .image .wrapper-colors ul li a.more-colors{width: 32px;height: 44px;position: relative;}
article.product .image .wrapper-colors ul li a.more-colors::before{content:'';position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);width: 20px;height: 20px;border-radius:20px;background: rgba(204, 204, 204, 0.4) url(../../sysimages/icon-more-colors.png) center/10px no-repeat;}
article.product .image .wrapper-colors ul li a.more-colors:hover::before{background-color: rgba(204, 204, 204, 0.7);}

article.product .desc{position: relative;display: block;padding: 14px 25px 0;text-align: center;min-height: 86px;}
article.product .desc .brand{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;min-height: 14px;margin-bottom: 3px;}
article.product .desc .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
article.product .price{display: table;margin: 5px auto 0;font-size: 0;line-height: 0;}
article.product .price p{display: inline-block;vertical-align: middle;}
article.product .price .discount{margin-left: 10px;}
article.product .price .old{position: relative;margin-right: 12px;}
article.product .price .old::before{content: '';position: absolute;bottom: 3px;left: -1px;width: calc(100% - 3px);height: 8px;background: url(../../sysimages/line-through.png) left top/100% 8px no-repeat;}
article.product .desc .prest{margin-top: 1px;min-height: 14px;}
article.product .flags{position: absolute;top: 12px;left: 0;}
article.product .flags .flag{float: left;clear: left;padding: 3px 9px;margin-top: 4px;}
article.product .flags .flag:first-child{margin-top: 0;}
article.product .item-buttons span:not(.addCart){position: absolute;top: 4px;right: 4px;cursor: pointer;z-index: 10;}
article.product .item-buttons span:not(.addCart)::before{content: '';display: block;width: 32px;height: 32px;background-size: 32px;background-position: left top;background-repeat: no-repeat;}
article.product .item-buttons span:not(.disabled):hover::before{background-position: left bottom;}
article.product .item-buttons span.sel::before{background-position: left bottom;}
article.product .item-buttons span.addCart{text-transform:none;background:#fff;color:#333;border-color:#d38344;font-size:12px;line-height:14px;width:100%;text-transform:uppercase;margin-top:28px;cursor: pointer;}
article.product .item-buttons span.addCart:hover{color: #d38344;padding: 11px 23px 10px;border-width: 2px;}
article.product .addWish::before{background-image: url(../../sysimages/icon-wish.png);}
article.product .remWish::before{background-image: url(../../sysimages/removeWish.png);}
article.product.loadingInfo .image::after{content:'';display: block;position: absolute;top: 0;left: 0;z-index: 42;background: rgba(255,255,255,0.4) url(../../sysimages/listloader.gif) no-repeat;background-size: 32px; background-position: center;width: 100%;height: 100%;}

/* ------------------ */

@media screen and (max-width: 768px){
	article.product .flags .flag{padding: 3px 7px 2px;}
	article.product .desc{padding: 0;}
	article.product .price{margin:2px auto 0;}
	article.product .price p.current span{display: none;}
	article.product .price p.old{margin-right: 4px;}
	article.product .price p.discount{margin-left: 4px;}
	article.product .desc .brand{margin-top: 5px;}
	article.product .desc .prest{margin-top: 4px;}
	article.product .item-buttons span.addCart{margin-top: 10px;}
	article.product:not(.productMobile) .image .wrapper-colors{display: none;}
}



article.product .colors_desktop{display: none;}
@media screen and (max-width: 767px){

	article.product .colors_desktop{display: block;z-index: 11;font-size: 0;line-height: 0;position: absolute;bottom: 91px;right: 0;width: 100%;left: 0;text-align: center;opacity: 0;visibility: hidden;transition: all 0.3s}
	article.product .colors_desktop a:hover {opacity: 0.8;}
	article.product:hover .colors_desktop{background: rgba(255, 255, 255, 0.8);opacity: 1;visibility: visible;transition: all 0.3s;}
	article.product .colors_desktop a {border-bottom: 1px solid transparent;display: inline-block;width: 34px !important;height: 46px;margin: 8px 4px;background-size: 34px}
	article.product .colors_desktop a.sel{border-color: #000}
	article.product .colors_desktop > div {max-width: 168px;margin: 0 auto;}
	article.product .colors_desktop a {width: 20px !important;height: 27px;margin: 8px 4px;background-size: 20px;}
	article.product .colors_desktop > div {max-width: 114px;}
	article.product .colors_desktop .slick-arrow {height: 10px;width: 10px;}
	article.product .colors_desktop button.slick-prev {left: -7px;top: 17px;}
	article.product .colors_desktop button.slick-next {right: -7px;top: 17px;}

}