.product-card{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--transition-base),transform var(--transition-base);position:relative}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card:focus-visible{outline:2px solid var(--color-cta);outline-offset:3px}.product-card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:var(--color-light-gray);flex-shrink:0}.product-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow),opacity var(--transition-base)}.product-card__image--primary{position:relative;z-index:1}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity var(--transition-slow)}.product-card:hover .product-card__image--primary{transform:scale(1.04)}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);z-index:3;display:flex;flex-direction:column;gap:var(--space-1);pointer-events:none}.product-card__price-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:auto}.product-card__atc-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-charcoal);color:var(--color-white);border:none;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.product-card__atc-btn:hover{background-color:#2d2d2d;color:var(--color-white);transform:scale(1.08)}.product-card__atc-btn:focus-visible{outline:2px solid var(--color-cta);outline-offset:2px}.product-card__atc-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.product-card__info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1}.product-card__vendor{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-dark-gray)}.product-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:var(--line-height-snug);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__tagline{font-size:var(--font-size-sm);color:var(--color-dark-gray);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-card__swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.product-card__swatch{display:inline-block;width:28px;height:28px;border-radius:var(--radius-full);border:.5px solid rgba(0,0,0,.23);flex-shrink:0;cursor:pointer;padding:0;background-clip:padding-box;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.product-card__swatch:hover{transform:scale(1.1)}.product-card__swatch.is-active{box-shadow:0 0 0 2px var(--color-white),0 0 0 3.5px #00000047}.product-card__rating{display:flex;align-items:center;gap:var(--space-2)}.product-card__stars{display:flex;gap:1px;color:#f5a623}.product-card__stars svg{width:13px;height:13px;fill:currentcolor;flex-shrink:0}.product-card__review-count{font-size:var(--font-size-xs);color:var(--color-dark-gray)}.product-card__price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.product-card__price-current{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground);line-height:1}.product-card__price-compare{font-size:var(--font-size-sm);color:var(--color-dark-gray);text-decoration:line-through;line-height:1}.product-card--sold-out .product-card__media{opacity:.65}.product-card--sold-out .product-card__image{filter:grayscale(.3)}.product-card--compact .product-card__info{padding:var(--space-3);gap:var(--space-1)}.product-card--compact .product-card__title{font-size:var(--font-size-sm)}.product-card--compact .product-card__price-current{font-size:var(--font-size-base)}@media(max-width:479px){.product-card__info{padding:var(--space-3);gap:var(--space-1)}.product-card__title{font-size:var(--font-size-sm)}@media(hover:none){.product-card__quick-add{transform:translateY(0);opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-product-card.css.map */