.product-card{display:flex;flex-direction:column;position:relative;border-radius:var(--radius-lg);background:hsl(var(--color-background));overflow:hidden;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);container-type:inline-size}.product-card:hover,.product-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:hsl(var(--color-surface))}.product-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-card__img--primary{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.product-card__img--secondary{opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.product-card__media--hover-active .product-card__img--primary{opacity:0}.product-card__media--hover-active .product-card__img--secondary{opacity:1}.product-card:hover .product-card__img--primary{transform:scale(1.05)}.product-card__media--swatch-preview .product-card__img--primary{opacity:1}.product-card__media--swatch-preview .product-card__img--secondary{opacity:0}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);z-index:2}.badge--sale{background:hsl(var(--color-sale));color:#fff}.badge--sold-out{background:hsl(var(--color-foreground) / .7);color:#fff}.badge--fashion{background:hsl(var(--color-badge-fashion) / .9);color:#fff}.badge--toys{background:hsl(var(--color-badge-toys));color:hsl(var(--color-foreground))}.badge--accessories{background:hsl(var(--color-badge-accessories));color:#fff}.badge--gifts{background:hsl(var(--color-badge-gifts));color:#fff}.product-card__badge{opacity:0;transform:translateY(-8px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.product-card__badge.is-visible{opacity:1;transform:translateY(0)}.badge__age{font-size:var(--text-xs);margin-left:var(--space-1)}.product-card__quick-add{position:absolute;bottom:var(--space-3);right:var(--space-3);opacity:0;transform:translateY(8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:2}.product-card:hover .product-card__quick-add,.product-card:focus-within .product-card__quick-add{opacity:1;transform:translateY(0)}.product-card__quick-add.is-loading .product-card__quick-add-text,.product-card__quick-add.is-loading .product-card__quick-add-icon{visibility:hidden}.product-card__quick-add.is-loading .product-card__spinner{display:block}.product-card__quick-add.is-success .product-card__quick-add-text,.product-card__quick-add.is-success .product-card__quick-add-icon{visibility:hidden}.product-card__quick-add.is-success .product-card__check{display:block}.product-card__spinner,.product-card__check{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}@media(hover:none){.product-card__quick-add{opacity:1;transform:none}}.product-card__info{padding:var(--space-3) var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card__vendor{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:hsl(var(--color-muted));font-weight:var(--font-weight-medium);margin:0}.product-card__title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__title>a{color:hsl(var(--color-foreground));text-decoration:none}.product-card__title>a:hover{color:hsl(var(--color-primary))}.product-card__title>a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-card__price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.product-card__price-current{font-weight:var(--font-weight-semibold);font-size:var(--text-base);color:hsl(var(--color-foreground))}.product-card__price--on-sale .product-card__price-current{color:hsl(var(--color-sale))}.product-card__price-compare{font-size:var(--text-sm);color:hsl(var(--color-muted));text-decoration:line-through}.product-card__price-from{font-size:var(--text-xs);color:hsl(var(--color-muted))}.product-card__unit-price{font-size:var(--text-xs);color:hsl(var(--color-muted));width:100%}.product-card__swatches{display:flex;align-items:center;gap:var(--space-1);position:relative;z-index:2}.product-card__swatch{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid hsl(var(--color-border));padding:2px;cursor:pointer;background-color:hsl(var(--color-border) / .35);transition:border-color var(--duration-fast),transform var(--duration-fast),background-color var(--duration-fast)}.product-card__swatch:hover,.product-card__swatch:focus-visible{border-color:hsl(var(--color-foreground));background-color:hsl(var(--color-border) / .7);transform:scale(1.15)}.product-card__swatch[aria-pressed=true]{border-color:hsl(var(--color-primary));box-shadow:0 0 0 1px hsl(var(--color-primary))}.product-card__swatch-inner{display:block;width:100%;height:100%;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px hsl(var(--color-foreground) / .15)}.product-card__swatch-overflow{font-size:var(--text-xs);color:hsl(var(--color-muted));font-weight:var(--font-weight-medium);padding-left:var(--space-1)}.product-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(var(--color-surface))}.product-card__placeholder-svg{width:50%;fill:hsl(var(--color-border))}@container (max-width: 200px){.product-card__swatches{display:none}.product-card__info{padding:var(--space-2)}.product-card__title{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover,.product-card:focus-within{transform:none}.product-card__img--primary,.product-card__img--secondary,.product-card:hover .product-card__img--primary,.product-card__badge,.product-card__quick-add,.product-card__swatch,.product-card__swatch:hover{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-card.css.map */