.featured-grid-image{position:relative;display:block}.card-image{position:relative;width:100%;overflow:hidden}.collection .product-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .35s ease;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.04)}.product-card-image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02)}.card-image:hover .product-card-image--secondary{opacity:1;transition:opacity .3s ease-in-out;will-change:opacity}.card-image:hover .product-card-image--primary{opacity:0;transition:opacity .3s ease-in-out;will-change:opacity}.product-card-image{transition:opacity .3s ease-in-out;will-change:opacity}.variant-wrapper{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.variant-values{display:flex;gap:6px;flex-wrap:wrap}.variant-swatch.active,.variant-swatch.active:hover,.variant-swatch:hover.active{border:none!important}.variant-swatch:hover{border:1px solid;transition:.5s border}.variant-swatch{padding:2px 8px;font-size:12px;font-family:var(--font-button-family);border:1px solid var(--border-color);background:rgb(var(--color-background));cursor:pointer}.swatch.active{position:relative}.swatch.active:after{content:"";position:absolute;left:0;right:0;border:1px solid rgba(var(--color-foreground));top:0;bottom:0}.card__badge{display:flex;align-items:center;gap:10px;position:absolute;top:0;left:0}.variant-swatch--color{width:13px;height:13px;padding:0;--swatch--size: var(--swatch-input--size, 44px);--swatch--border-radius: var(--swatch-input--border-radius, 50%);border-radius:var(--swatch--border-radius)}.featured-slide .sale-countdown{position:absolute;top:auto;bottom:6px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.featured-slide .countdown{display:flex;align-items:center;gap:15px}.featured-slide .countdown span{display:flex;flex-direction:column}.featured-slide .countdown span:last-child .mobile-text{color:red}@media(max-width:1400px){.featured-slide .countdown{gap:8px}}@media(max-width:767px){.variant-wrapper{padding-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/card-product.css.map */