.product-card{display:grid;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--glass-border-base);border-radius:calc(var(--radius-lg) * 1.05);background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent 50%),var(--glass-fill-base);-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);box-shadow:var(--shadow-card);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow)}.product-card:hover,.product-card:focus-within{transform:translateY(var(--lift-hover-strong));border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-primary) 18%,transparent)}.product-card__media{position:relative;overflow:clip;border-radius:calc(var(--radius-lg) * .9);background:radial-gradient(circle at top,color-mix(in srgb,var(--color-coconut) 10%,transparent),transparent 42%),color-mix(in srgb,white 72%,transparent)}.product-card__media img{width:100%;aspect-ratio:.86;object-fit:cover;transition:transform var(--transition-base)}.product-card:hover .product-card__media img,.product-card:focus-within .product-card__media img{transform:scale(1.03)}.product-card__body,.product-card__heading{display:grid;gap:var(--space-3)}.product-card__title{font-family:var(--font-heading);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700}.product-card__price{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary)}.product-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.product-card__meta span{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-alt) 75%,white)}.product-card--featured{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}@media(max-width:56rem){.product-card--featured{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-product-card.css.map */