.panapp-product-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:11rem;margin-inline:auto;text-align:center;cursor:default}.panapp-product-card--clickable{cursor:pointer;border-radius:var(--panapp-radius-lg);outline:none}.panapp-product-card--clickable:focus-visible{box-shadow:0 0 0 2px var(--panapp-background),0 0 0 4px var(--panapp-ring)}.panapp-product-card__image-wrap{position:relative;width:100%;max-width:9.5rem;aspect-ratio:1;margin-bottom:1rem;border-radius:9999px;background:var(--panapp-muted);border:1px solid var(--panapp-border);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform var(--panapp-transition-base),border-color var(--panapp-transition-base)}.panapp-product-card--clickable:focus-visible .panapp-product-card__image-wrap,.panapp-product-card--clickable:hover .panapp-product-card__image-wrap{border-color:color-mix(in srgb,var(--panapp-primary) 40%,transparent);transform:scale(1.03)}.panapp-product-card__image{width:100%;height:100%;object-fit:cover}.panapp-product-card__placeholder{color:var(--panapp-muted-foreground);display:flex;align-items:center;justify-content:center}.panapp-product-card__badge{position:absolute;top:.5rem;right:.5rem;max-width:82%;padding:.125rem .5rem;border-radius:var(--panapp-radius-full);background:var(--panapp-primary);color:var(--panapp-primary-foreground);font-family:var(--panapp-font-mono);font-size:.625rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panapp-product-card__name{font-family:var(--panapp-font-display);font-size:.875rem;font-weight:700;line-height:1.25;color:var(--panapp-foreground)}.panapp-product-card__name,.panapp-product-card__subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}.panapp-product-card__subtitle{margin-top:.375rem;font-family:var(--panapp-font-body);font-size:.75rem;line-height:1.4;color:var(--panapp-muted-foreground)}.panapp-product-card__rating{display:flex;align-items:center;justify-content:center;gap:.125rem;margin-top:.375rem}.panapp-product-card__rating-value{font-family:var(--panapp-font-mono);font-size:.75rem;color:var(--panapp-muted-foreground);margin-left:.25rem}.panapp-product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin-top:.5rem;min-height:1.75rem;padding-inline:.25rem}.panapp-product-card__meta{margin:0;font-family:var(--panapp-font-mono);font-size:var(--panapp-text-base);font-weight:500;color:var(--panapp-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panapp-product-card__meta--center{flex:1;text-align:center}.panapp-product-card__add-btn{flex-shrink:0;width:1.75rem;height:1.75rem;border:0;border-radius:9999px;background:var(--panapp-primary);color:var(--panapp-primary-foreground);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--panapp-transition-fast),transform var(--panapp-transition-fast)}.panapp-product-card__add-btn:hover{background:var(--panapp-primary-hover)}.panapp-product-card__add-btn:active{transform:scale(.92)}.panapp-product-card__add-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--panapp-background),0 0 0 4px var(--panapp-ring)}.panapp-product-card__sold{margin-top:.125rem;font-family:var(--panapp-font-mono);font-size:var(--panapp-text-xs);color:var(--panapp-muted-foreground)}@media (prefers-reduced-motion:reduce){.panapp-product-card__add-btn,.panapp-product-card__image-wrap{transition:none}.panapp-product-card--clickable:focus-visible .panapp-product-card__image-wrap,.panapp-product-card--clickable:hover .panapp-product-card__image-wrap,.panapp-product-card__add-btn:active{transform:none}}.panapp-product-card__actions{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--panapp-border)}.panapp-product-card__actions:empty{display:none;margin:0;padding:0;border:0}