.card-product{position:relative;display:flex;flex-direction:column;gap:1.6rem}.card-product__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--media-radius);background-color:rgb(var(--color-media-ground))}.card-product__image{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:calc(100% * var(--card-image-fill) / .87);aspect-ratio:1;object-fit:contain;transform:translate(-50%,-52%)}.card-product--accessory .card-product__image,.card-product__image--hover{top:0;left:0;width:100%;height:100%;object-fit:cover;transform:none}.card-product__image--hover{opacity:0;transition:opacity .3s ease}.card-product__image[loading=lazy]:not(.card-product__image--hover){transition:opacity .2s ease}.card-product__image.is-pending{opacity:0}@media(prefers-reduced-motion:reduce){.card-product__image[loading=lazy]:not(.card-product__image--hover){transition:none}}.card-product--sold-out .card-product__image{opacity:var(--opacity-disabled)}.card-product--sold-out .card-product__heading,.card-product--sold-out .price,.card-product--sold-out .price-item{color:rgb(var(--color-text-subtle))}@media(hover:hover)and (min-width:990px){.card-product:hover:not(.is-previewing) .card-product__image--hover{opacity:1}}.card-product__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-text-subtle))}.card-product__placeholder .svg-wrapper{--icon-size: 3.2rem}.card-product__badge{position:absolute;top:1.2rem;left:1.2rem}.card-product__info{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.card-product__heading{margin:0;font-family:var(--font-body-family);font-size:var(--type-label-l-size);line-height:var(--type-label-l-line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--type-label-l-letter-spacing);color:rgb(var(--color-foreground))}.card-product__link{color:inherit;text-decoration:none}.card-product__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--media-radius)}.card-product__link:focus-visible{outline:none;box-shadow:none}.card-product__link:focus-visible:after{outline:var(--focused-base-outline);outline-offset:.4rem}.card-product__meta{margin:0;font-size:var(--type-text-s-size);line-height:var(--type-text-s-line-height);letter-spacing:var(--type-text-s-letter-spacing);color:rgb(var(--color-text-subtle))}.card-product__swatch-list{display:flex;align-items:center;padding:.4rem 0}.card-product__swatch{position:relative;z-index:2;display:block;padding:0;border:0;background:none;cursor:pointer}@media(pointer:coarse){.card-product__swatch:after{content:"";position:absolute;top:-1rem;right:0;bottom:-1rem;left:0}}.card-product__swatch .swatch{--swatch--size: 1.6rem}.card-product__swatch-more{padding-left:.4rem;font-size:var(--type-text-s-size);line-height:var(--type-text-s-line-height);color:rgb(var(--color-text-subtle))}.card-product .price{margin:0}.card-product--quick-add{height:100%}.card-product__quick-add{position:relative;z-index:2}.card-product--quick-add-button .card-product__quick-add,.card-product--quick-add-compact .card-product__quick-add{margin-top:auto}.card-product--quick-add-icon .card-product__quick-add{position:static}.card-product__quick-add-media{position:absolute;z-index:2;top:0;left:0;width:100%;aspect-ratio:4 / 5;pointer-events:none}.quick-add{position:relative}.quick-add.button{width:100%}.quick-add__added{display:none;align-items:center;gap:.8rem}.quick-add__added .svg-wrapper{--icon-size: var(--size-icon-s)}.quick-add.is-added .quick-add__default{display:none}.quick-add.is-added .quick-add__added{display:inline-flex}.quick-add.is-loading .quick-add__default,.quick-add.is-loading .quick-add__added{visibility:hidden}.quick-add .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:auto}.quick-add .loading__spinner .spinner{width:1.8rem}.quick-add--icon{position:absolute;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;transition:background-color var(--motion-duration) ease}.quick-add--icon .svg-wrapper{--icon-size: 2rem}.quick-add--icon:hover{background-color:rgb(var(--color-background-subtle))}.quick-add--icon:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}@media screen and (min-width:750px){.quick-add--compact.button{width:16rem}}@media(prefers-reduced-motion:reduce){.quick-add--icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-card-product.css.map */