.card-product{position:relative;display:flex;flex-direction:column;color:inherit}.card-product__media-link{display:block;outline-offset:4px}.card-product__media{position:relative;overflow:hidden;background-color:var(--color-surface-alt);border-radius:var(--radius-md)}.card-product__media--portrait{aspect-ratio:4 / 5}.card-product__media--square{aspect-ratio:1 / 1}.card-product__media--landscape{aspect-ratio:4 / 3}.card-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-slow) var(--ease-standard)}.card-product__image--primary{opacity:1}.card-product__image--hover{opacity:0}@media(hover:hover){.card-product:hover .card-product__image--primary{opacity:0}.card-product:hover .card-product__image--hover{opacity:1}.card-product:hover .card-product__image{transform:scale(1.03)}}.card-product__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-300)}.card-product__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:2}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text-primary)}.badge--sale{background-color:var(--color-primary);color:var(--color-text-primary)}.badge--sold-out{background-color:var(--gray-200);color:var(--gray-700)}.badge--custom{background-color:var(--color-accent);color:var(--color-primary)}.card-product__wishlist{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background-color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.card-product__wishlist:hover{background-color:#fff;transform:scale(1.06)}.card-product__wishlist[aria-pressed=true]{color:var(--color-error)}.card-product__wishlist:focus-visible,.card-product__media-link:focus-visible,.card-product__swatch:focus-visible,.button--quick-add:focus-visible{outline:2px solid var(--color-accent-dark);outline-offset:2px}.card-product__info{padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.card-product__vendor{margin:0;font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary)}.card-product__title{margin:0;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-product__title a{color:inherit;text-decoration:none}.card-product__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card-product__swatches{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-1)}.card-product__swatch{width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--swatch-color, var(--gray-300));cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-standard)}.card-product__swatch:hover{transform:scale(1.15)}.card-product__swatch-more{font-size:var(--text-xs);color:var(--color-text-secondary)}.card-product__price{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-base)}.card-product__price-compare{color:var(--color-text-secondary);text-decoration:line-through;font-size:var(--text-sm)}.card-product__price-sale{color:var(--color-error);font-weight:var(--font-weight-medium)}.card-product__price-regular{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.card-product--sold-out .card-product__media{opacity:.6}.card-product__quick-add{margin-top:var(--space-2);opacity:0;transform:translateY(4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media(hover:hover){.card-product__quick-add{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}.card-product:hover .card-product__quick-add,.card-product:focus-within .card-product__quick-add{opacity:1;transform:translateY(0)}}@media(hover:none){.card-product__quick-add{opacity:1;transform:none;position:static}}.button--quick-add{width:100%;background-color:var(--color-primary);color:var(--color-text-primary);border-color:var(--color-primary)}.button--quick-add:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.button--quick-add[disabled]{opacity:.6;cursor:not-allowed}.button--quick-add[data-state=success]{background-color:var(--color-success);border-color:var(--color-success)}.button--quick-add[data-state=error]{background-color:var(--color-error);border-color:var(--color-error)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-card-product.css.map */