.best .head { margin-bottom: clamp(24px, 3.4vw, 44px); }
.pcard {
  position: relative; display: flex; flex-direction: column; width: min(312px, 78vw);
  border-radius: var(--r-card); background: var(--paper);
  transition: transform .6s var(--ease);
}
.pcard::after { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: inherit; box-shadow: var(--shadow-lg); opacity: 0; transition: opacity .6s var(--ease); pointer-events: none; }
.pcard:hover { transform: translateY(-6px); }
.pcard:hover::after { opacity: 1; }
.pcard--lilac { background: var(--lilac); }
.pcard--blush { background: var(--blush); }
.pcard--peach { background: var(--peach); }
.pcard--paper { box-shadow: inset 0 0 0 1px var(--line); }
.pcard__media { display: block; margin: 12px 12px 0; overflow: hidden; border-radius: var(--r-img); aspect-ratio: 1; }
.pcard__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.pcard:hover .pcard__media img { transform: scale(1.05); }
.pcard__media--art { background: rgb(255 255 255 / .55); }
.pcard__media--art img { object-fit: contain; mix-blend-mode: multiply; }
.pcard--paper .pcard__media--art { background: var(--bg); }
.pcard__body { display: flex; flex: 1; flex-direction: column; padding: 22px 24px 24px; }
.pcard__type { margin: 0 0 6px; color: var(--muted); font-size: .88rem; font-weight: 500; }
.pcard__title { display: block; margin: 0; padding: 0; color: var(--ink); font: 500 1.45rem/1.2 var(--font-d); letter-spacing: 0; text-wrap: balance; }
.pcard__buy { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 20px; }

@media (max-width: 767px) {
  .pcard__title { font-size: 1.3rem; }
}