.card-product__media-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:.1rem solid currentColor;opacity:0;pointer-events:none;z-index:2;transition:opacity var(--duration-default)}.card-product--sold-out .card-product__media-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background-media);pointer-events:none;opacity:.5;z-index:1}.card-product__media{transition:opacity var(--duration-default)}.card-product__media-wrapper:has([data-variants]) .card-product__media:not(:first-child),.card-product__media--secondary{opacity:0;pointer-events:none}.card-product__media-wrapper:has([data-variants]) .card-product__media:not(:first-child).is-active{opacity:1}.card-product__media-wrapper:has(.is-active) .card-product__media:first-child{opacity:0}.card-product__overlay{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;padding:1.2rem;z-index:2;pointer-events:none}.card-product__overlay-foot{margin-top:auto;opacity:0;visibility:hidden;transition:opacity var(--duration-default),visibility var(--duration-default)}.card-product__badge{margin-left:auto}.card-product__options{gap:.8rem;margin-bottom:1rem}.card-product__options label{flex:1 1 max-content}.card-product__options label,.card-product__submit{pointer-events:auto}.card-product__content{margin-top:1.3rem}.card-product__title{margin-bottom:1rem}.card-product__subtitle{margin:0;letter-spacing:-.02em}.card-product__price{margin:1rem 0 0}.card-product__title+.card-product__price{margin-top:0}.card-product__price--variant{display:none}.card-product__foot{padding-top:1.1rem;margin-top:auto}@media(hover:hover)and (pointer:fine){.card-product:hover .card-product__media-wrapper:before{opacity:1}.card-product:hover .card-product__media--primary{opacity:0}.card-product:hover .card-product__media--secondary{opacity:1}.card-product:hover .card-product__overlay-foot{opacity:1;visibility:inherit}}@media(min-width:990px)and (hover:hover)and (pointer:fine){.card-product:has(.card-product__submit):hover .card-product__price--variant{display:block}.card-product:has(.card-product__submit):hover .card-product__price--product{display:none}}@media screen and (max-width:989px){.card-product{display:flex;flex-direction:column}.card-product__content{flex-grow:1;display:flex;flex-direction:column}}@media screen and (min-width:750px){.card-product__overlay{padding:2.4rem}.card-product__content{margin-top:1.7rem}.card-product__title{margin-bottom:1.2rem}.card-product__subtitle{letter-spacing:-.03em}.card-product__price{margin-top:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-card-product.css.map */
