.product-card{position:relative;overflow:hidden;padding:0}.product-card__link{display:block;text-decoration:none;color:inherit}.product-card__image-wrapper{position:relative;overflow:hidden;border-radius:12px 12px 0 0;aspect-ratio:1}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .3s ease}.product-card__image--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.product-card:hover .product-card__image:not(.product-card__image--hover){transform:scale(1.05)}.product-card:hover .product-card__image--hover{opacity:1}.product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface);color:var(--color-text-secondary)}.product-card__badge{position:absolute;top:12px;left:12px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;z-index:1}.product-card__badge--sale{background:var(--color-primary);color:#000}.product-card__badge--sold-out{background:#ffffff1a;color:var(--color-text-secondary)}.product-card__info{padding:1.25rem}.product-card__title{font-size:1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{display:flex;align-items:center;gap:.5rem}.product-card__price--current{font-size:1.125rem;font-weight:700;color:var(--color-primary)}.product-card__price--compare{font-size:.875rem;color:var(--color-text-secondary);text-decoration:line-through}.product-card__form{padding:0 1.25rem 1.25rem}.product-card__add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.product-card__add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#000}.product-card:hover{transform:translateY(-8px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-card.css.map */
