.pc{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--t-surface);border:1px solid var(--t-line);border-radius:var(--t-r-md);transition:border-color var(--t-base) var(--t-ease),box-shadow var(--t-base) var(--t-ease),transform var(--t-base) var(--t-ease)}.pc:hover{border-color:var(--t-line-strong);box-shadow:var(--t-shadow-md);transform:translateY(-2px)}.pc:focus-within{border-color:var(--t-yellow);box-shadow:0 0 0 3px rgba(251,191,0,.22)}.pc__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:var(--t-s3);background:var(--t-surface-3);overflow:hidden}.pc__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform var(--t-base) var(--t-ease)}.pc:hover .pc__media img{transform:scale(1.035)}.pc__stock{position:absolute;top:var(--t-s2);left:var(--t-s2);padding:3px 8px;border-radius:var(--t-r-pill);font-size:10px;font-weight:700;letter-spacing:.03em;line-height:1.5;white-space:nowrap}.pc__stock--in{background:var(--t-success-soft);color:var(--t-success);border:1px solid rgba(15,122,74,.2)}.pc__stock--out{background:var(--t-surface);color:var(--t-ink-3);border:1px solid var(--t-line-strong)}.pc__body{display:flex;flex-direction:column;flex:1;gap:var(--t-s2);padding:var(--t-s4)}.pc__name{margin:0;font-size:14px;font-weight:600;line-height:1.4}.pc__name a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--t-ink);text-decoration:none;transition:color var(--t-fast) var(--t-ease)}.pc__name a:hover{color:var(--t-yellow-ink)}.pc__brand{align-self:flex-start;padding:2px 8px;border:1px solid var(--t-line);border-radius:var(--t-r-pill);background:var(--t-surface-2);font-size:11px;font-weight:600;line-height:1.6;color:var(--t-ink-3)}.pc__desc{margin:0;font-size:12.5px;line-height:1.5;color:var(--t-ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc__price-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--t-s2);margin-top:auto;padding-top:var(--t-s2)}.pc__price{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--t-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.pc__price--contact{font-size:15px;color:var(--t-yellow-ink)}.pc__warranty{flex-shrink:0;font-size:11px;font-weight:500;color:var(--t-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%}.pc__actions{display:flex;gap:var(--t-s2);margin-top:var(--t-s1)}.pc__cta{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 var(--t-s3);border:1px solid var(--t-yellow);border-radius:var(--t-r-sm)!important;background:var(--t-yellow);color:#14161a;font-size:13px;font-weight:700;text-decoration:none;transition:background var(--t-fast) var(--t-ease),border-color var(--t-fast) var(--t-ease)}.pc__cta:hover{background:var(--t-yellow-strong);border-color:var(--t-yellow-strong);color:#14161a}.pc__compare{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;min-height:38px;padding:0;border:1px solid var(--t-line-strong);border-radius:var(--t-r-sm)!important;background:var(--t-surface);color:var(--t-ink-2);cursor:pointer;transition:background var(--t-fast) var(--t-ease),color var(--t-fast) var(--t-ease)}.pc__compare:hover{background:var(--t-surface-2);color:var(--t-ink)}.pc[data-variant=full] .pc__media{aspect-ratio:16/11}.pc[data-variant=full] .pc__name{font-size:15px}.pc[data-variant=full] .pc__price{font-size:19px}@media(max-width:575.98px){.pc__body{gap:6px;padding:var(--t-s3)}.pc__name{font-size:13px}.pc__price-row{flex-direction:column;align-items:flex-start;gap:2px}.pc__price{font-size:15px}.pc__warranty{max-width:100%}.pc__cta{min-height:36px;padding:0 var(--t-s2);font-size:12px;white-space:nowrap}.pc__compare{width:36px;min-height:36px}}