.pc{--pad:clamp(12px,6cqi,18px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;min-width:0;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;container-type:inline-size}@media (hover:hover){.pc:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px #1c1b1947}}.pc-media{z-index:1;aspect-ratio:var(--photo-ratio);background:var(--photo);position:relative;overflow:hidden}.pc-photo{color:var(--text-4);place-items:center;display:grid;position:absolute;inset:0}.pc-photo img{object-fit:cover;width:100%;height:100%}.pc.is-sold .pc-photo{filter:grayscale();opacity:.7}.pc-tags{top:8px;pointer-events:none;gap:4px;display:flex;position:absolute;inset-inline-start:8px}.pc-tag{height:22px;font:700 11px/14px var(--font);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:4px;padding-inline:7px;display:inline-flex}.pc-tag-off{background:var(--price);color:#fff}.pc-tag-low{background:var(--outbid);color:#fff}.pc-low{bottom:8px;pointer-events:none;position:absolute;inset-inline-start:8px}.pc-sold{pointer-events:none;background:#1c1b1973;place-items:center;display:grid;position:absolute;inset:0}.pc-sold>span{border-radius:var(--r-pill);height:30px;color:var(--text);font:700 13px/18px var(--font);background:#fff;align-items:center;padding-inline:12px;display:inline-flex}.pc-fav{top:0;z-index:2;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-inline-end:0}.pc-fav .fav{background:#ffffffe6}.pc-fav .fav:after{inset:-8px}.pc-body{padding:var(--pad);flex-direction:column;flex:1;gap:12px;display:flex}.pc-title{height:44px;font:600 clamp(14px,5.6cqi,15px)/22px var(--font);color:var(--text-strong);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pc-link:after{content:"";z-index:0;position:absolute;inset:0}.pc-link:focus-visible{outline:none}.pc-link:focus-visible:after{z-index:3;pointer-events:none;outline:2px solid var(--text);outline-offset:-2px;border-radius:var(--r-lg)}.pc-cond{vertical-align:1px;background:var(--cond-soft);height:20px;color:var(--cond);border-radius:5px;margin-inline-end:6px;padding-inline:6px;font-size:11px;font-weight:700;line-height:20px;display:inline-block}.pc-seller{height:18px;font:600 12px/18px var(--font);color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;min-width:0;display:flex}.pc-seller svg{flex:none}.pc-seller span{text-overflow:ellipsis;min-width:0;overflow:clip visible}.pc-price{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;height:30px;display:flex}.pc-amount{font:700 clamp(19px,8.5cqi,24px)/30px var(--font);font-variant-numeric:tabular-nums}.pc.is-sold .pc-amount{color:var(--text-4)}.pc-cur{font:700 12px/16px var(--font);color:var(--text-2)}.pc-was{text-overflow:ellipsis;min-width:0;font:600 12px/16px var(--font);color:var(--text-4);font-variant-numeric:tabular-nums;overflow:clip visible}.pc-bar{z-index:1;width:100%;height:52px;padding-inline:var(--pad);white-space:nowrap;font:700 14px/20px var(--font);flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.pc-bar svg{flex:none}.pc-bar-t{text-overflow:ellipsis;min-width:0;overflow:clip visible}button.pc-bar{transition:filter .2s}@media (hover:hover){button.pc-bar:hover{filter:brightness(1.12)}}button.pc-bar:active{filter:brightness(.92)}.pc-bar-add{background:var(--primary);color:var(--on-primary)}.pc-bar-add .pc-bar-t{font-size:clamp(14px,6cqi,16px)}.pc-bar-add svg{color:var(--brand)}.pc-bar-added{background:var(--price);color:#fff;justify-content:center;animation:.2s pc-in}.pc-bar-muted{background:var(--tile-2);color:var(--text-2)}.pc-bar-qty{background:var(--primary);color:#fff;gap:4px;padding-inline:4px}.pc-step{color:#fff;background:#ffffff24;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}@media (hover:hover){.pc-step:hover:not(:disabled){background:#ffffff38}}.pc-step:disabled{opacity:.35;cursor:not-allowed}.pc-qty{text-align:center;min-width:0;font:700 18px/1 var(--font);font-variant-numeric:tabular-nums;flex:1}@keyframes pc-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pc:hover{transform:none}}
