.pc{flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pc:hover{transform:translateY(-4px)}.pc:before{content:"";background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--beam-warm-white) 9%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.pc:hover:before{opacity:1}.pc-art{background:var(--category-icon-black);justify-content:center;align-items:center;height:190px;display:flex;overflow:hidden}.pc-art svg,.pc-art img{object-fit:contain;filter:drop-shadow(0 8px 24px #0000004d);width:88%;height:88%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.pc:hover .pc-art svg,.pc:hover .pc-art img{transform:scale(1.05)}.pc-body{flex-direction:column;flex:1;gap:11px;padding:18px 18px 20px;display:flex}.pc-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pc-top>div:first-child{min-width:0}.pc-sub{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--panel-dark-hover) 60%, transparent);border:1px solid var(--line-dark);border-radius:var(--radius-pill);max-width:100%;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;align-items:center;min-height:2.8em;padding:3px 10px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex;overflow:hidden}.pc-model{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.02em;font-size:18px;font-weight:800}.pc-model a{transition:color .2s}.pc-model a:hover{color:var(--brand-red)}.pc-name{color:var(--text-secondary);min-height:2.8em;margin-top:2px;font-size:12.5px;line-height:1.4}.pc-specs{color:var(--text-muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.pc-specs li{align-items:baseline;gap:8px;display:flex}.pc-specs li:before{content:"";background:var(--brand-red);flex:none;width:4px;height:4px;transform:translateY(-2px)}.pc-actions{align-items:stretch;gap:8px;margin-top:auto;display:flex}.pc-actions .btn{flex:1}.pc-actions .icon-btn{flex:none;width:44px;height:44px}.pc-actions .btn{height:44px}.pc-actions .icon-btn.added{color:var(--status-success);border-color:color-mix(in srgb, var(--status-success) 50%, transparent)}.pc-add-labeled{border:1px solid var(--line-dark-strong);height:44px;color:var(--text-primary);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0 13px;font-size:11.5px;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.pc-add-labeled:hover,.pc-add-labeled:focus-visible{color:var(--brand-red);border-color:var(--brand-red)}.pc-add-labeled.added{color:var(--status-success);border-color:color-mix(in srgb, var(--status-success) 50%, transparent)}.tag.role{color:var(--brand-red);border-color:color-mix(in srgb, var(--brand-red) 45%, transparent);background:color-mix(in srgb, var(--brand-red) 8%, transparent)}@media (max-width:767px){.pc-sub{letter-spacing:.08em;padding:3px 8px;font-size:10px}}