.ccard{box-shadow:none;border-radius:14px;flex-direction:column;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:relative}.ccard:hover{box-shadow:var(--shadow);border-color:var(--ink-2);transform:translateY(-2px)}.ccard .pic{aspect-ratio:4/3;background-color:var(--sunken);overflow:hidden}.ccard .pic.ph-box{background-color:#0000}.ccard .pic img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ccard .pic .ico{opacity:.5;width:56px;height:56px;color:var(--muted)}.ccard .b{flex:1;gap:3px;padding:10px 12px 12px}.ccard h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ccard h3 a{color:inherit;text-decoration:none}.ccard h3 a:after{content:"";z-index:1;position:absolute;inset:0}.ccard .specs{-webkit-line-clamp:2;font-family:var(--f-mono);color:var(--muted);-webkit-box-orient:vertical;min-height:1.4em;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.ccard .price{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:auto;padding-top:8px;font-size:28px;font-weight:800;line-height:1}.ccard .price small{color:var(--muted);white-space:normal;margin:4px 0 0;font-size:11.5px;font-weight:500;line-height:1.3;display:block}.ccard .eu{margin-top:2px;font-size:12px}.fav{z-index:2;background:var(--surface);width:34px;height:34px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0000002e}.ccard .pic .fav svg{opacity:1;width:16px;height:16px}.fav:hover{color:var(--ink)}.fav.on{color:#d1434b}@media (max-width:640px){.ccard .b{padding:9px 10px 11px}.ccard h3{font-size:14px}.ccard .price{font-size:25px}}@media (prefers-reduced-motion:reduce){.ccard{transition:none}}@media (max-width:560px){.ccard .specs{-webkit-line-clamp:3}}