.cgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 20px; margin: 0; padding: 0; list-style: none; }
.cgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cgrid .pcard { width: auto; margin: 0; }

.pairs { margin-top: clamp(56px, 8vw, 112px); }
.pairs > .wrap { padding-bottom: clamp(56px, 8vw, 112px); }
.pairs__title { margin: 0 0 clamp(24px, 3.4vw, 44px); color: var(--ink); font: 500 clamp(2rem, 4.2vw, 3.25rem)/1.12 var(--font-d); letter-spacing: -.015em; }

@media (max-width: 1219px) {
  .cgrid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .cgrid, .cgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .cgrid { gap: 16px 12px; }
  .cgrid .pcard__media { margin: 8px 8px 0; border-radius: 16px; }
  .cgrid .pcard__body { padding: 14px 14px 16px; }
  .cgrid .pcard__title { font-size: 1.12rem; }
  .cgrid .pcard__type { font-size: .8rem; }
  .cgrid .pcard__buy { flex-direction: column; align-items: stretch; gap: 10px; padding-top: 14px; }
  .cgrid .pcard__buy .btn { width: 100%; padding-inline: 12px; }
  .cgrid .pcard__buy .price { font-size: 1rem; }
}