.product-wrap{position:relative;background-color:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s}
.product-wrap:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08)}
.product-wrap .product-imgs{position:relative;background-color:#fff;padding:10px 12px;overflow:hidden;max-height:320px}
.product-wrap .product-imgs .product-img{position:relative;overflow:hidden;border-radius:10px}
.product-wrap .product-imgs .product-img a{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.product-wrap .product-imgs .product-img a img{width:100%;border-radius:10px}
.product-wrap .product-imgs .product-img a img.hover-img{position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:.25s opacity,.25s visibility,transform 1.5s cubic-bezier(0,0,.2,1),-webkit-transform 1.5s cubic-bezier(0,0,.2,1)}
.product-wrap .product-imgs .product-img a img{-webkit-transition:all 1.5s cubic-bezier(0,0,.05,1);transition:all 1.5s cubic-bezier(0,0,.05,1)}
.product-wrap .product-badges{margin:0 0 10px}
.product-wrap .product-badges{position:absolute;left:20px;top:19px}
.product-wrap .product-badges span{display:inline-block;font-size:12px;line-height:1;border-radius:40px;color:#fff;padding:5px 10px;margin-right:5px;background-color:var(--main)}
.product-wrap .product-badges span:last-child{margin-right:0}
.product-wrap .product-content{padding:0 20px 15px 20px}
.product-wrap .product-content .product-category{margin-bottom:5px}
.product-wrap .product-content h2{font-size:16px;font-weight:600}
.product-wrap .product-content h2 a{color:#1a1a1a}
.product-wrap .product-content h2 a:hover{color:#088178}
.product-wrap .product-content .product-price{padding-top:5px}
.product-wrap .product-content .product-price span{font-size:18px;font-weight:700;color:#088178}
.product-wrap .product-content .product-price span.new-price{color:#088178}
.product-wrap .product-content .product-price del{font-size:.875em}
.product-wrap .product-content .product-text{display:-webkit-box;display:-ms-flexbox;display:flex}
.product-wrap .product-content .product-text>span{font-size:.85em;opacity:.85}
.product-wrap:hover .product-imgs .product-img a img.hover-img{opacity:1;visibility:visible}