.pc{flex-direction:column;display:flex}.pc-img{aspect-ratio:5/4;border-radius:var(--r-md);background:var(--white);border:1px solid var(--line);text-decoration:none;display:block;position:relative;overflow:hidden}.pc-img img{object-fit:contain;width:100%;height:100%;transition:transform .8s var(--ease-out);padding:10% 8%}@media (hover:hover){.pc:hover .pc-img img{transform:scale(1.05)translate(-2%)}}.pc-tag{z-index:2;background:var(--putty);border-radius:var(--r-pill);color:var(--walnut);padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:12px;left:12px}.pc-meta{justify-content:space-between;align-items:baseline;gap:12px;padding:14px 2px 4px;display:flex}.pc-name{font:600 18px var(--disp);text-decoration:none}.pc-meta small{color:var(--walnut);margin-top:2px;font-size:13px;display:block}.pc-price{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.pc-colours{align-items:center;gap:7px;padding:4px 2px 6px;display:flex}.pc-colours button{cursor:pointer;width:22px;height:22px;box-shadow:inset 0 1px 1px #fff6, 0 0 0 2px var(--sand);border:0;border-radius:50%;transition:box-shadow .3s;position:relative}.pc-colours button.on{box-shadow:inset 0 1px 1px #fff6, var(--sel)}.pc-colour-name{color:var(--walnut);margin-left:4px;font-size:12.5px}.pc-colours button:after{content:"";position:absolute;inset:-11px}.pc-stock{color:var(--walnut);margin-left:auto;font-size:12px}