.collection-grid-product{border:1px #e0e0e0 solid;border-radius:3px;transition:border-color .3s ease;cursor:pointer;box-sizing:border-box}.collection-grid-product:hover{border:1px #030303 solid}.collection-grid-product .grid-product-img-wrapper{position:relative;background-color:#f2f2f2}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper{opacity:0;width:100%;aspect-ratio:1;z-index:1;position:relative}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .img-item{opacity:0;transition:opacity .1s;position:absolute;left:0;top:0;width:100%;height:100%}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .img-item.active,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper-show,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper:hover,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper:hover .swiper-button-next,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper:hover .swiper-button-prev{opacity:1}.collection-grid-product .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}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-next:after,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-prev:after{display:none}.collection-grid-product .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}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-prev:hover,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-next:hover{opacity:1}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-next svg{width:30%}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-prev svg{width:30%;transform:rotate(180deg)}.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-next svg path,.collection-grid-product .grid-product-img-wrapper .media-img-wrapper .swiper-button-prev svg path{stroke:#707173}.collection-grid-product .grid-product-img-wrapper .color-img-wrapper{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0}.collection-grid-product .grid-product-img-wrapper .color-img-wrapper .img-item{position:absolute;left:0;top:0;bottom:0;right:0;opacity:0}.collection-grid-product .grid-product-img-wrapper .color-img-wrapper .img-item.active{opacity:1}.collection-grid-product .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}.collection-grid-product .grid-product-img-wrapper .discount-wrapper .text{font-size:15px;color:#fff;text-align:center;position:absolute;top:20px;left:9px}.collection-grid-product .grid-product-img-wrapper .discount-wrapper .text span{font-weight:700}.collection-grid-product .grid-product-img-wrapper .color-item-wrapper{display:flex;gap:6px;padding:14px 0;line-height:1;position:absolute;bottom:0;left:0;width:100%;justify-content:center;z-index:1}.collection-grid-product .grid-product-img-wrapper .color-item-wrapper .color-item[data-color=White]{border:1px solid #ccc}.collection-grid-product .grid-product-img-wrapper .color-item-wrapper span{width:16px;height:16px;border-radius:50%}.collection-grid-product .grid-product-img-wrapper .color-item-wrapper span.active{box-shadow:0 0 0 1px #fff,0 0 0 2px #7071734d}.collection-grid-product .info-wrapper{padding:20px 10px;text-align:center}.collection-grid-product .info-wrapper .product-name{font-size:26px;line-height:1.5;color:#1a1a1a;font-weight:700;text-align:center;margin-top:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:39px}.collection-grid-product .info-wrapper .text{margin:10px 0 6px;font-size:15px;line-height:1.3;color:#000;text-align:center;font-weight:600;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39px}.collection-grid-product .info-wrapper .price-wrapper{justify-content:center;margin-top:5px;display:flex;align-items:center;gap:8px}.collection-grid-product .info-wrapper .price-wrapper .price{color:rgb(var(--color-button));font-size:24px;font-weight:600}.collection-grid-product .info-wrapper .price-wrapper .compare_price{color:#707173!important;text-decoration:line-through;font-size:20px}.collection-grid-product .info-wrapper .shop-now{background:rgb(var(--color-button));border-radius:20px;border:none;padding:0;font-size:20px;margin:20px auto 0;display:flex;color:#fff;transition:all .3s;border:1px solid transparent;align-items:center;justify-content:center;display:table;width:170px;heihgt:40px;font-weight:600}.collection-grid-product .info-wrapper .shop-now:hover{background:#fff;border:1px solid rgb(var(--color-button));color:rgb(var(--color-button))}.collection-grid-product .info-wrapper .shop-now.sold-out{background:#666;pointer-events:none}.collection-grid-product .info-wrapper .tag{font-weight:700;border:1px solid #666;padding:2px 10px;width:fit-content;margin:15px auto auto;font-size:14px}@media screen and (max-width:589px){.collection-grid-product .info-wrapper .price-wrapper .price{font-size:14px}.collection-grid-product .info-wrapper .product-name{font-size:18px;min-height:auto}.collection-grid-product .info-wrapper .price-wrapper .compare_price{font-size:12px}.collection-grid-product .info-wrapper .shop-now{padding:5px 10px;background:rgb(var(--color-button));border-radius:20px;border:none;font-size:12px;margin:10px auto 0;display:flex;color:#fff;transition:all .3s;border:1px solid transparent;align-items:center;justify-content:center;display:table;width:auto;heihgt:40px;font-weight:600;line-height:1.2}.collection-grid-product .info-wrapper{padding:10px;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-product-item.css.map */