article.product{position: relative;display: block;text-decoration: none;border: 1px solid #CFCFCF;}
article.product:hover{border-color: #757171;}
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;margin: 21px auto;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
article.product .wrapper-images{position: absolute;top: -12px;right: 10px;}
article.product .wrapper-images p{width: 56px;height: 56px;text-align: center;margin-top: 10px;}
article.product .wrapper-images p:first-child{margin-top: 0;}
article.product .wrapper-images p.discount{background-color: #cd0a0a;background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);padding: 14px 0;border-radius: 56px;}
article.product .wrapper-images p span{display: block;}
article.product .wrapper-images p img{width: 100%;display: block;}
article.product .flags{position: absolute;top: -9px;left: 0;width: 100%;}
article.product .flags .flag{/*float: left;clear: left;margin-top: 2px;*/padding: 4px 8px 3px;display: inline-block;vertical-align: top;margin: 0 2px;}
article.product .flags .flag:first-child{/*margin-top: 0;*/}
article.product .image .wrapper-colors ul{list-style: none;margin: 0;}
article.product .image .wrapper-colors ul li{float: left;width: 30px;margin-right: 9px;}
article.product .image .wrapper-colors ul li:first-child{margin-left: 0;}
article.product .image .wrapper-colors ul li img{width: auto;}
article.product .wrapper-colors{position: absolute;bottom: 0;left: 0;width: 100%;padding: 8px 0;background-color: rgba(51, 51, 51, 0.25);visibility: hidden;opacity: 0;font-size: 0;line-height: 0;text-align: center;z-index: 1;}
article.product .wrapper-colors > div{position: relative;display: inline-block;padding: 0 40px;}
article.product .wrapper-colors ul{margin: 0;}
article.product .wrapper-colors img{display: block;/*width: 100%;*/}
article.product .wrapper-colors .bx-controls a{position: absolute;top: calc(50% - 15px);width: 30px;height: 30px;background: url(../../sysimages/icon-controls-02.png) left top/60px;no-repeat;text-indent: -9999px;}
article.product .wrapper-colors .bx-controls a.disabled{display: none;}
article.product .wrapper-colors .bx-controls a.bx-prev{left: 5px;background-position: left top;}
article.product .wrapper-colors .bx-controls a.bx-next{right: 5px;background-position: right top;}
article.product .wrapper-colors .bx-controls a.bx-prev:hover{background-position: left bottom;}
article.product .wrapper-colors .bx-controls a.bx-next:hover{background-position: right bottom;}
article.product .desc{position: relative;display: block;margin: 7px 15px 0;padding: 14px 15px 13px;text-align: center;border-top: 1px dotted #ccc;}
body.isIOS article.product .desc{border-color: #828282;}
article.product .desc .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-bottom: 2px;}
article.product .desc .price{display: table;margin: 3px auto 0;font-size: 0;line-height: 0;}
article.product .desc .price p{float: left;line-height: 16px;}
article.product .desc .price .old{position: relative;margin-left: 10px;}
article.product .desc .price .old::before{content: '';position: absolute;top: 7px;left: 2px;height: 1px;width: 29px;transform: rotate(-29deg);-ms-transform: rotate(-29deg);-webkit-transform: rotate(-29deg);background-color: #cd0a0a;}
article.product .desc .price .discount{margin-left: 4px;padding: 0 4px;background: #D0021B;font-size: 12px !important;color: white;}
article.product .desc .rating{display: none;}
.products article.product .desc .rating{display: block;min-height: 11px;margin-top: 5px;margin-bottom: 5px;font-size: 0;line-height: 0;text-align: center;}
article.product .desc .rating span{display: inline-block;width: 11px;height: 11px;margin-left: 1px;background: url(../../sysimages/icon-star.png) no-repeat left bottom;background-size: 11px;}
article.product .desc .rating:not(.disabled) span{cursor: pointer;}
article.product .desc .rating span.sel{background-position: left top;}
article.product .desc .rating span.sel2{background-position: left -11px;}
article.product .desc .rating span:first-child{margin-left: 0;}
article.product .desc .item-buttons span{position: absolute;top: 0;cursor: pointer;z-index: 10;}
article.product .desc .item-buttons span::before{content: '';display: block;}
article.product .desc .item-buttons span:not(.disabled):hover::before{background-position: left bottom;}
article.product .desc .item-buttons span.sel::before{background-position: left bottom;}
article.product .desc .button_cart button,
article.product .desc .button_cart a{margin-top: 12px;font-size: 10px;}
article.product .desc .button_cart a{padding: 4px 10px 4px 27px;}
article.product .desc .button_cart .button.btn-add-cart:not(.disabled):not(.loader)::before{width: 8px;height: 10px;background-size: 8px;top: calc(50% - 5px);}
article.product .desc .button_cart button{padding: 4px 10px;}
article.product .desc .button_cart .btn-cart-esgotado{background-color: #c0c0c0;border-color: #c0c0c0;pointer-events: none;}
article.product .desc .item-buttons .addCart{left: 3px;padding: 2px;}
article.product .desc .item-buttons .addCart::before{width: 16px;height: 16px;background: url(../../sysimages/icon-cart-small.png) left top/16px no-repeat;}
article.product .desc .item-buttons .addComp{left: 3px;padding: 5px;}
article.product .desc .item-buttons .addComp::before{width: 10px;height: 10px;background: url(../../sysimages/icon-compare.png) left top/10px no-repeat;}
article.product .desc .item-buttons .addWish{right: 3px;padding: 4px;}
article.product .desc .item-buttons .addWish::before{width: 12px;height: 12px;background: url(../../sysimages/icon-wishlist02.png) left top/12px no-repeat;}
article.product .desc .item-buttons .remWish{right: 0;padding: 4px;}
article.product .desc .item-buttons .remWish::before{width: 12px;height: 12px;background: url(../../sysimages/icon-close.png) left top/12px no-repeat;}
article.product .desc .item-buttons .addComp.disabled{opacity: 0.5;cursor: default;}
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;}

@media screen and (min-width: 768px){
	article.product:hover .image{border-color: #999;}
	article.product:hover .quickshop{opacity: 1;visibility: visible;}
}

@media screen and (max-width: 768px){
	body.isIOS article.product{border-color: #BABABA;}
	body.isIOS article.product:hover{border-color: #6F6F6F;}
   article.product .flags .flag{padding: 3px 7px 2px;}
   article.product .desc{margin: 0 20px;padding: 13px 20px 15px;}

   article.product.layout2 .wrapper-images, article.product.layout2 .flags, article.product.layout2 .item-available{display: none;}
   article.product.layout2 .desc{margin: 0 5px;padding: 0 0 8px;border-top: 0;}
}