.card-product{position:relative;display:flex;flex-direction:column;gap:var(--space-4)}.card-product__media-wrap{position:relative;overflow:hidden;background-color:var(--color-surface-hover)}.card-product__media{position:relative}.card-product__image{transition:transform var(--duration-slow) var(--ease-out-expo),opacity var(--duration-slow) ease}.card-product .media--natural,.card-product .media--square,.card-product .media--landscape,.card-product .media--tall,.card-product .media--wide,.card-product .media{aspect-ratio:3 / 4}.card-product .media__img{width:100%;height:100%;object-fit:cover;object-position:center center}.card-product__media-secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-slow) ease}.card-product--hover:hover .card-product__media-secondary{opacity:1}.card-product--hover:not(.card-product--gallery):hover .card-product__image{transform:scale(1.04)}.card-product__badges{position:absolute;top:var(--space-3);left:var(--space-3);z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card-product__quick-view{position:absolute;z-index:3}.card-product .card-product__quick-view.button,.card-product .card-product__quick-view.button.button--atc{isolation:auto;background-color:color-mix(in srgb,var(--color-atc) 86%,transparent);border-color:color-mix(in srgb,var(--color-atc) 86%,transparent);color:var(--color-atc-text);--btn-fx-bg: color-mix(in srgb, var(--color-atc-hover) 92%, transparent);--btn-fx-text: var(--color-atc-hover-text);-webkit-backdrop-filter:saturate(120%) blur(12px);backdrop-filter:saturate(120%) blur(12px)}.card-product .card-product__quick-view.button:hover:not(:disabled):not([aria-disabled=true]),.card-product .card-product__quick-view.button:focus-visible,.card-product .card-product__quick-view.button.button--atc:hover:not(:disabled):not([aria-disabled=true]),.card-product .card-product__quick-view.button.button--atc:focus-visible,.buttons-fx-overlay .card-product .card-product__quick-view.button:not(.button--link):not(.button--icon):hover:not(:disabled):not([aria-disabled=true]),.buttons-fx-overlay .card-product .card-product__quick-view.button:not(.button--link):not(.button--icon):focus-visible,.buttons-fx-overlay .card-product .card-product__quick-view.button.button--atc:not(.button--link):not(.button--icon):hover:not(:disabled):not([aria-disabled=true]),.buttons-fx-overlay .card-product .card-product__quick-view.button.button--atc:not(.button--link):not(.button--icon):focus-visible{background-color:color-mix(in srgb,var(--color-atc-hover) 92%,transparent);border-color:color-mix(in srgb,var(--color-atc-hover) 92%,transparent);color:var(--color-atc-hover-text)}.buttons-fx-overlay .card-product .card-product__quick-view.button:before,.buttons-fx-shimmer .card-product .card-product__quick-view.button:before,.buttons-fx-liquid .card-product .card-product__quick-view.button:before,.buttons-fx-flip .card-product .card-product__quick-view.button:before{display:none}@media(prefers-reduced-transparency:reduce){.card-product .card-product__quick-view.button,.card-product .card-product__quick-view.button.button--atc{background-color:var(--color-atc);border-color:var(--color-atc);-webkit-backdrop-filter:none;backdrop-filter:none}}.card-product__quick-view-icon{display:none}@media screen and (min-width:990px){.card-product__quick-view{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.card-product--hover:hover .card-product__quick-view,.card-product__quick-view:focus-visible{opacity:1;transform:none}.card-product .card-product__quick-view:disabled{opacity:0}.card-product--hover:hover .card-product__quick-view:disabled,.card-product__quick-view:disabled:focus-visible{opacity:.75}}@media screen and (min-width:990px)and (hover:none){.card-product__quick-view{opacity:1;transform:none}.card-product .card-product__quick-view:disabled{opacity:.45}}@media screen and (max-width:989px){.card-product .card-product__quick-view.button{bottom:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:0;overflow:hidden;border-radius:var(--radius-full)}.card-product .card-product__quick-view-text,.card-product .card-product__quick-view .button__text,.card-product .card-product__quick-view .button__chars{display:none!important}.card-product .card-product__quick-view-icon{display:inline-flex;align-items:center;justify-content:center;margin:0}.card-product .card-product__quick-view-icon svg{width:16px;height:16px}.card-product .card-product__quick-view:disabled{display:none}}.card-product__info{display:flex;flex-direction:column;gap:var(--space-2)}.card-product__title{font-family:var(--font-body-family);font-size:var(--font-size-body-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.card-product:not(.card-product--gallery) .card-product__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-product__link:focus-visible{outline:none}.card-product__price{font-size:var(--font-size-body-sm)}.card-product--center .card-product__info{align-items:center;text-align:center}.card-product--center .card-product__badges{align-items:center}.swatches{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-1)}.swatches__item{position:relative;width:18px;height:18px;margin:0 3px 3px;border-radius:var(--radius-full);background:var(--swatch, var(--color-border-strong));background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--color-border-strong);transition:box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease}.swatches__item:hover,.swatches__item:focus-visible{outline:none;transform:scale(1.12);box-shadow:0 0 0 1px var(--color-foreground)}.swatches__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}.swatches__item--soldout:after{content:"";position:absolute;inset:50% -2px auto -2px;height:1px;background-color:var(--color-foreground);transform:rotate(-20deg)}.swatches__more{font-size:var(--font-size-caption);color:var(--color-foreground-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card-product.css.map */