.collection-grid-product{border:1px #efefef solid;border-radius:3px;transition:border-color .3s ease;cursor:pointer;box-sizing:border-box}.grid-product-img-wrapper{position:relative;background-color:#f2f2f2}.grid-product-img-wrapper .media-img-wrapper{opacity:0;width:100%;aspect-ratio:1;z-index:1;position:relative}.grid-product-img-wrapper .media-img-wrapper .img-item{opacity:0;transition:opacity .1s;position:absolute;left:0;top:0;width:100%;height:100%}.grid-product-img-wrapper .media-img-wrapper .img-item.active,.grid-product-img-wrapper .media-img-wrapper-show,.grid-product-img-wrapper .media-img-wrapper:hover,.grid-product-img-wrapper .media-img-wrapper:hover .swiper-button-next,.grid-product-img-wrapper .media-img-wrapper:hover .swiper-button-prev{opacity:1}.grid-product-img-wrapper .media-img-wrapper .swiper-button-next{opacity:0;display:flex;align-items:center;justify-content:center;right:0;background:#fff;color:#707173;width:30px;height:30px;border-radius:3px 0 0 3px;z-index:1;border:1px solid rgba(112,113,115,.2);transition:all .3s}.grid-product-img-wrapper .media-img-wrapper .swiper-button-next:after,.grid-product-img-wrapper .media-img-wrapper .swiper-button-prev:after{display:none}.grid-product-img-wrapper .media-img-wrapper .swiper-button-prev{opacity:0;display:flex;align-items:center;justify-content:center;left:0;background:#fff;color:#707173;width:30px;height:30px;border-radius:0 3px 3px 0;z-index:1;border:1px solid rgba(112,113,115,.2);transition:all .3s}.grid-product-img-wrapper .media-img-wrapper .swiper-button-prev:hover,.grid-product-img-wrapper .media-img-wrapper .swiper-button-next:hover{opacity:1}.grid-product-img-wrapper .media-img-wrapper .swiper-button-next svg{width:30%}.grid-product-img-wrapper .media-img-wrapper .swiper-button-prev svg{width:30%;transform:rotate(180deg)}.grid-product-img-wrapper .media-img-wrapper .swiper-button-next svg path,.grid-product-img-wrapper .media-img-wrapper .swiper-button-prev svg path{stroke:#707173}.grid-product-img-wrapper .color-img-wrapper{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0}.grid-product-img-wrapper .color-img-wrapper .img-item{position:absolute;left:0;top:0;bottom:0;right:0;opacity:0}.grid-product-img-wrapper .color-img-wrapper .img-item.active{opacity:1}.grid-product-img-wrapper .discount-wrapper{position:absolute;left:15px;top:-4px;z-index:2;width:70px;height:54px;background-size:cover;color:#fff;line-height:1}.grid-product-img-wrapper .discount-wrapper .text{font-size:15px;color:#fff;text-align:center;position:absolute;top:20px;left:9px}.grid-product-img-wrapper .discount-wrapper .text span{font-weight:700}.color-item-wrapper{display:flex;gap:6px;margin-bottom:6px;line-height:1;width:100%;z-index:1}.color-item-wrapper .color-item[data-color=White]{border:1px solid #ccc}.color-item-wrapper span{width:25px;height:25px;border-radius:50%;border:1px solid #eeeeee}.color-item-wrapper span.active{box-shadow:0 0 0 1px #fff,0 0 0 2px #7071734d}.info-wrapper{padding:0 10px 20px}.info-wrapper .product-name{font-size:18px;line-height:1.5;color:#1a1a1a;font-weight:700;margin-top:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.info-wrapper .text{margin:10px 0 6px;font-size:13px;line-height:1.3;color:#a19f9f;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.info-wrapper .price-wrapper{justify-content:center;margin-top:5px;display:flex;align-items:center;gap:8px}.info-wrapper .price-wrapper .price{color:rgb(var(--color-button));font-size:24px;font-weight:600}.info-wrapper .price-wrapper .compare_price{color:#707173!important;text-decoration:line-through;font-size:16px}.info-wrapper .shop-now{background:rgb(var(--color-button));border-radius:10px;border:none;padding:0;font-size:18px;color:#fff;transition:all .3s;border:1px solid transparent;display:table;font-weight:600;display:flex;justify-content:center;align-items:center;width:45px;height:45px;line-height:0}.info-wrapper .shop-now:hover{background:#fff;border:1px solid rgb(var(--color-button));color:rgb(var(--color-button))}.info-wrapper .shop-now.sold-out{background:#666;pointer-events:none}.info-wrapper .tag{font-weight:700;border:1px solid #666;padding:2px 10px;width:fit-content;margin:15px auto auto;font-size:14px}.price-add-box{display:flex;justify-content:space-between;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/13/assets/collection-product-item.css.map */