.card-product{overflow:hidden;position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border-radius:1.5rem;padding:3rem 2rem 2.2rem}.card-product>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-product-image{border-radius:1rem;overflow:hidden;position:relative;padding-bottom:100%}.card-product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s,visibility .2s}.card-product-image img+img{opacity:0;visibility:hidden}.card-product-image img.show{opacity:1;visibility:visible}.card-product-meta{margin-top:1.5rem}.card-product-vendor{font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-product-info h3{margin:0;font-size:100%;line-height:140%;font-weight:600;letter-spacing:0;font-size:1.8rem}.card-product-info p{font-size:1.2rem}.card-product-price{color:#1a1a1a;line-height:140%;white-space:nowrap;margin-top:2rem;font-size:2.6rem;font-weight:600}.card-product-compare{color:#aaaaac;font-size:1.4rem;font-weight:400;position:relative}.card-product-price>.decimals{font-size:1.3rem;transform:translateY(calc(-50% + .9rem));display:inline-block;font-weight:700}.card-product-compare .decimals{font-size:1rem;transform:translateY(calc(-50% + 1.55rem));display:inline-block;font-weight:500}.card-product-compare:after{content:"";width:100%;height:1px;position:absolute;top:0;bottom:0;margin:auto;left:0;background:#000}collection-slider .swiper-slide{height:auto}.card-product:hover .card-product-image img:has(+.second-img){opacity:0;visibility:hidden}.card-product:hover .card-product-image .second-img{opacity:1;visibility:visible}.card-product-info{padding:1rem 1rem 0}.card-button span{font-size:1.4rem;line-height:1.6rem;text-decoration:none;color:#fff;font-weight:600;background-color:var(--color-orange);border-radius:6rem;height:3.8rem;padding:1.5rem;display:flex;align-items:center;justify-content:center;width:100%;margin-top:1.2rem;text-transform:uppercase}@media screen and (max-width: 768px){.card-product-info h3,.card-product-price,.card-product-vendor{font-size:1.2rem}}@media screen and (max-width: 749px){.product-grid .card-product-info{flex-direction:column}.card-product-metafield{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/card-product.css.map */
