.pcats{padding:var(--pcats-pad) 0}
.pcats__head{text-align:center;margin-bottom:18px}
.pcats__title{margin:0;font-size:28px;line-height:1.2}
.pcats__sub{margin:8px 0 0;opacity:.75;font-size:14px}

.pcats__grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:750px){
  .pcats__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pcats__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.pcats__card{display:block;border-radius:18px;overflow:hidden;text-decoration:none;background:rgba(0,0,0,.03);transform:translateY(0);transition:transform .18s ease,box-shadow .18s ease}
.pcats__card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.pcats__media{aspect-ratio:1/1;background:rgba(0,0,0,.06)}
.pcats__media img{width:100%;height:100%;object-fit:cover;display:block}
.pcats__placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(0,0,0,.08),rgba(0,0,0,.02))}
.pcats__meta{padding:12px 14px 14px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pcats__name{font-weight:600;font-size:14px;color:inherit}
.pcats__cta{font-size:12px;opacity:.75;white-space:nowrap}