.card-product{display:flex;flex-direction:column;gap:.75rem;position:relative;text-align:var(--card-text-alignment, left)}.card-product--card{padding:var(--card-image-padding, 0);border:var(--card-border-width, 0) solid rgba(var(--color-foreground),var(--card-border-opacity, .1));border-radius:var(--card-corner-radius, 0);background:rgb(var(--color-background))}.card-product__media-wrap{position:relative;overflow:hidden;border-radius:var(--media-radius, 0)}.card-product__media-link{display:block;color:inherit;text-decoration:none}.card-product__media{position:relative;background:rgba(var(--color-foreground),.04);aspect-ratio:3 / 4;overflow:hidden}.card-product__media.media--natural{aspect-ratio:auto}.card-product__media.media--natural .card-product__image--primary{position:relative;height:auto}.card-product__media.media--square{aspect-ratio:1 / 1}.card-product__media.media--landscape{aspect-ratio:4 / 3}.card-product--text-left{--card-text-alignment: left}.card-product--text-center{--card-text-alignment: center}.card-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .28s var(--ease-out),transform .6s var(--ease-out)}.card-product__image--secondary,.card-product--has-second:hover .card-product__image--primary{opacity:0}.card-product--has-second:hover .card-product__image--secondary{opacity:1}@media(prefers-reduced-motion:reduce){.card-product__image{transition:none}}.card-product__badges{position:absolute;top:.75rem;left:.75rem;right:auto;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;z-index:2;pointer-events:none}[data-badge-position=top-right] .card-product__badges{left:auto;right:.75rem;align-items:flex-end}.card-product__badge{display:inline-block;padding:.25rem .6rem;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:2px;pointer-events:auto}.card-product__badge--sale{background:rgb(var(--color-accent));color:rgb(var(--color-on-accent));border-color:transparent}.card-product__badge--soldout{opacity:.85;background:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));border-color:transparent}.card-product__badge--new{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:transparent}.card-product__badge--low-stock{background:#ffefdc;color:#b3591a;border-color:transparent}.card-product__badge--custom{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media(max-width:749px){.card-product__badges{top:.5rem;left:.5rem;gap:.2rem}[data-badge-position=top-right] .card-product__badges{left:auto;right:.5rem}.card-product__badge{padding:.15rem .4rem;font-size:.625rem;letter-spacing:.02em}}.card-product__quick-add{position:absolute;inset-inline:.75rem;bottom:.75rem;z-index:3;opacity:0;transform:translateY(.5rem);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none}.card-product:hover .card-product__quick-add,.card-product:focus-within .card-product__quick-add{opacity:1;transform:translateY(0);pointer-events:auto}.card-product__quick-add-btn{width:100%;font-size:var(--text-sm);padding-block:.65rem}.card-product__quick-add-btn.loading{opacity:.7;pointer-events:none}@media(hover:none){.card-product__quick-add{opacity:1;transform:none;pointer-events:auto}}.card-product__content{padding:.25rem 0;display:flex;flex-direction:column;gap:.25rem}.card-product__link-text{color:inherit;text-decoration:none;display:block}.card-product__vendor{margin:0;opacity:.7}.card-product__title{margin:0;font-size:var(--text-base);font-weight:var(--font-body-weight);line-height:1.3}.card-product__link-text:hover .card-product__title{text-decoration:underline}.card-color-swatches{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.25rem 0 0;padding:0;list-style:none}.card-color-swatches__swatch{display:block;width:1.125rem;height:1.125rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background-size:cover;background-position:center}.card-color-swatches__more{font-size:var(--text-xs);color:rgba(var(--color-foreground),.6)}.swatch{display:block;width:100%;height:100%;background-size:cover;background-position:center}.swatch--neutral{background:repeating-linear-gradient(45deg,rgba(var(--color-foreground),.12) 0 3px,transparent 3px 6px),rgba(var(--color-foreground),.08)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card-product.css.map */