.ccp{--gap:1rem}
.ccp__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.ccp__btn{padding:.45rem .8rem;border:1px solid #ddd;border-radius:999px;text-decoration:none;color:#111;background:#fff}
.ccp__btn.is-active{background:#111;color:#fff;border-color:#111}
.ccp__grid{display:grid;gap:var(--gap);grid-template-columns:repeat(12,1fr)}
.ccp__card{grid-column:span 12;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}
@media (min-width:640px){.ccp__card{grid-column:span 6}}
@media (min-width:992px){.ccp__card{grid-column:span 4}}
.ccp__media{display:block;aspect-ratio:16/10;background:#f6f6f6}
.ccp__media img{width:100%;height:100%;object-fit:cover;display:block}
.ccp__ph{width:100%;height:100%;background:linear-gradient(90deg,#f3f3f3,#e9e9e9,#f3f3f3)}
.ccp__title{margin:.8rem 1rem 1rem;font-size:1.05rem}
.ccp__pagination ul{list-style:none;display:flex;gap:.4rem;padding:0;margin:1rem 0;flex-wrap:wrap}
.ccp__pagination a,.ccp__pagination span{padding:.45rem .7rem;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:#111;background:#fff}
.ccp__pagination .current{background:#111;color:#fff;border-color:#111}
.ccp__empty{padding:1rem;text-align:center;color:#666}