/* product-card.css - card used in every grid (partials/product-card.php) + size chips + price */
.pc{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 8px rgba(59,31,20,.07)}
.pc-img{position:relative;display:block;background:var(--alt)}
.pc-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pc-badge{display:inline-block;background:#fff;color:var(--b);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 11px;border-radius:999px;line-height:1.5}
.pc-img .pc-badge{position:absolute;top:10px;inset-inline-start:10px}
.pc-b{padding:16px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc-title{margin:0;font-size:1.12rem;line-height:1.3}.pc-title a{text-decoration:none}
.pc-desc{margin:0;font-size:.8rem;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-form{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.price{font-weight:700;color:var(--b)}.price b{font-size:1.05rem}.price s{color:var(--muted);font-weight:500;font-size:.85rem;margin-inline-start:6px}
.pc .price{margin:2px 0 4px}
.pc .btn-solid{min-height:44px}
/* size chips / boxes (partials/variant-picker.php) */
.vp-in{position:absolute;opacity:0;pointer-events:none}
.vp-chips{display:flex;flex-wrap:wrap;gap:6px}
.vp-chips .vp-lab{border:1px solid var(--line);border-radius:999px;padding:1px 12px;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:#fff;line-height:1.9}
.vp-chips .vp-in:checked+.vp-lab{border-color:var(--o);background:var(--o-tint);color:var(--o-dark)}
.vp-lab.off{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.vp-in:focus-visible+.vp-lab{outline:2px solid var(--o);outline-offset:2px}
