.product-card{position:relative;display:flex;flex-direction:column;background:var(--color-background);border-radius:var(--card-border-radius, 8px);overflow:hidden;transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out)}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a}.product-card__media{position:relative;overflow:hidden;background-color:var(--color-background-secondary, #f8f8f8)}.product-card__media.media--square{aspect-ratio:1 / 1;padding-bottom:0}.product-card__media.media--portrait{aspect-ratio:3 / 4;padding-bottom:0}.product-card__media.media--landscape{aspect-ratio:4 / 3;padding-bottom:0}.product-card__media.media--adapt{aspect-ratio:1 / 1;padding-bottom:0}.product-card__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.product-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-position:center;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-long) var(--ease-out)}.product-card__image.media--fit-contain,.product-card__media.media--fit-contain .product-card__image{object-fit:contain;padding:10px}.product-card__image.media--fit-cover,.product-card__media.media--fit-cover .product-card__image{object-fit:cover}.product-card__image--secondary,.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--secondary{opacity:1}.product-card:hover .product-card__image{transform:scale(1.06)}.product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-background-secondary, #f5f5f5)}.product-card__placeholder .placeholder-svg{width:50%;height:auto;fill:var(--color-text-secondary, #888)}.product-card__badges{position:absolute;top:var(--spacing-3);left:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);z-index:2}.badge{display:inline-block;padding:.25em .65em;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4;border-radius:3px}.badge--sale{background-color:var(--color-sale, #DC2626);color:#fff}.badge--soldout{background-color:var(--color-foreground);color:var(--color-background)}.badge--new{background-color:var(--color-primary);color:var(--color-button-text)}.product-card__quick-add{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3);transform:translateY(100%);opacity:0;transition:transform var(--duration-default) var(--ease-out),opacity var(--duration-default) var(--ease-out);z-index:2}.product-card:hover .product-card__quick-add{transform:translateY(0);opacity:1}.product-card__quick-add-btn{width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-card__quick-add-btn svg{width:16px;height:16px}@media(hover:none){.product-card__quick-add{transform:translateY(0);opacity:1;position:relative;padding:var(--spacing-3) 0 0}}.product-card__info{padding:.875rem;display:flex;flex-direction:column;gap:.3rem}.product-card__vendor{order:-1;font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.product-card__title{margin:0;font-size:.875rem;font-weight:500;line-height:1.4;color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title-link{color:inherit;text-decoration:none;transition:color var(--duration-short) ease}.product-card__title-link:hover{color:var(--color-primary)}.product-card__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;margin-top:.15rem}.product-card__price-current{font-size:.9rem;font-weight:700;color:var(--color-foreground)}.product-card__price-current.text-sale{color:var(--color-sale)}.product-card__price-compare{font-size:.8rem;color:var(--color-text-secondary);text-decoration:line-through;font-weight:400}.product-card__unit-price{font-size:.75rem;color:var(--color-text-secondary);width:100%}.product-card__price-from{font-weight:400;font-size:.8rem;color:var(--color-text-secondary)}.product-card__swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-2);position:relative;z-index:2}.product-card__swatch{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--color-border);cursor:pointer;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease;position:relative}.product-card__swatch:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.product-card__swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground)}@media screen and (max-width:749px){.product-card__swatches{gap:10px}.product-card__swatch{width:22px;height:22px}}.product-card__swatch-more{display:flex;align-items:center;font-size:.7rem;color:var(--color-text-secondary);font-weight:500}.product-card--sold-out .product-card__image,.product-card--sold-out .product-card__title-link,.product-card--sold-out .product-card__price-current{opacity:.6}.product-card__compare{position:absolute;top:8px;right:8px;z-index:3}.product-card__compare-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border, #e5e5e5);background:var(--color-background, #fff);color:var(--color-foreground);cursor:pointer;opacity:0;transition:opacity var(--duration-short) ease,background var(--duration-short) ease}.product-card:hover .product-card__compare-btn,.product-card__compare-btn:focus-visible,.product-card__compare-btn.is-active{opacity:1}@media(hover:none){.product-card__compare-btn{opacity:1;width:40px;height:40px}}.product-card__compare-btn .icon{width:16px;height:16px}.product-card__compare-btn .compare-checkmark{display:none}.product-card__compare-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-card__compare-btn.is-active .compare-icon{display:none}.product-card__compare-btn.is-active .compare-checkmark{display:flex}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-product-card.css.map */