.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pc{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.pc:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pc:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.pc img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--sunk)}
.pc__b{padding:12px 14px;display:grid;gap:6px}.pc__b b{font-weight:500;font-size:14.5px}.pc__r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}
.pc__off{display:flex;gap:6px;align-items:center;color:var(--warn);font-size:12px}.pc__off svg{width:14px;height:14px}.pc small.muted{font-size:12px}
.drawer>img{flex:none}
@media (max-width:820px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pc__b{padding:10px}.pc__r{flex-direction:column;align-items:flex-start}}