/* Product card (.pc) — from design/jojoparts.css "product cards". */
.pc{position:relative;background:var(--card);border-radius:var(--r);box-shadow:var(--sh-1);padding:10px 10px 14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .25s,transform .25s var(--ease)}
.pc:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.pc .pi{position:relative;display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--bg);margin-bottom:6px}
.pc .pi img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pc:hover .pi img{transform:scale(1.04)}
.art{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,var(--card) 0 30%,transparent 31%),linear-gradient(160deg,var(--tint2),var(--tint));color:var(--brand)}
.art svg{width:38%;height:38%;stroke-width:1.3;transition:transform .5s var(--ease)}
.pc:hover .art svg{transform:scale(1.06) rotate(-3deg)}
.art em{position:absolute;left:10px;bottom:10px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:var(--card);padding:3px 8px;border-radius:999px}
.pc .badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--sale);color:#fff;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px}
.pc .sku{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--ink3);padding:0 4px}
.pc h4{font-size:14.5px;font-weight:700;line-height:1.3;min-height:2.6em;padding:0 4px;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc h4 a:hover{color:var(--brand)}
.pc .stock{align-self:flex-start;margin:2px 4px 0;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok);background:color-mix(in oklab,var(--ok) 10%,#fff);padding:3px 9px;border-radius:999px}
.pc .stock i{width:6px;height:6px;border-radius:50%;background:currentColor}
.pc .stock.low{color:var(--warn);background:color-mix(in oklab,var(--warn) 12%,#fff)}
.pc .pr{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding:8px 4px 2px}
.pc .pr b{font-size:19px;font-weight:800;letter-spacing:-.025em}
.pc .pr s{font-size:13px;color:var(--ink3)}
.pc .pr small{font-size:11px;color:var(--ink3);margin-left:auto}
.pc .buy{display:flex;gap:6px;padding:4px 4px 0}
.qty{display:flex;align-items:center;height:40px;background:var(--bg);border-radius:10px;flex:none}
.qty button{width:30px;height:100%;border:0;background:none;cursor:pointer;font-size:17px;font-weight:600;color:var(--ink2);border-radius:10px}
.qty button:hover{color:var(--ink)}
.qty input{width:24px;border:0;text-align:center;font-weight:700;font-size:14px;outline:none;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pc .addq{flex:1;height:40px;border:0;border-radius:10px;background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s}
.pc .addq:hover{background:var(--brand2)}
.pc .addq svg{width:16px;height:16px}
.pc .addq.ok{background:var(--ok)}
@media(max-width:620px){.pc .qty button{width:24px}}
/* No web checkout yet: the card's action links to the product page. */
.pc .more{flex:1;height:40px;border-radius:10px;background:var(--tint);color:var(--brand);font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s,color .2s}
.pc .more:hover{background:var(--brand);color:var(--brand-ink)}
.pc .more svg{width:16px;height:16px}
.pc .brand{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:0 4px}