.cxcp{margin:40px 0 8px}
.cxcp__title{font-size:22px;font-weight:700;margin:0 0 18px;color:#1a1a1a;line-height:1.2}
.cxcp__grid{display:grid;gap:20px}
.cxcp__grid--cols-2{grid-template-columns:repeat(2,1fr)}
.cxcp__grid--cols-3{grid-template-columns:repeat(3,1fr)}
.cxcp__grid--cols-4{grid-template-columns:repeat(4,1fr)}
.cxcp-card{display:flex;flex-direction:column;border:1px solid #e6e9ec;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .18s,transform .18s}
.cxcp-card:hover{box-shadow:0 14px 32px -16px rgba(15,27,35,.28);transform:translateY(-3px)}
.cxcp-card__img{display:block;aspect-ratio:1/1;background:#f5f6f8 center/cover no-repeat;text-decoration:none}
.cxcp-card__img--empty{background:repeating-linear-gradient(135deg,#eef1f4 0 10px,#f5f7f9 10px 20px)}
.cxcp-card__body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px;flex:1}
.cxcp-card__name{font-size:15px;font-weight:600;line-height:1.35;color:#1a1a1a;text-decoration:none;min-height:40px}
.cxcp-card__name:hover{color:#1E40AF;text-decoration:none}
.cxcp-card__price{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.cxcp-card__now{font-size:19px;font-weight:700;color:#1a1a1a}
.cxcp-card__was{font-size:13px;color:#9aa6b1;text-decoration:line-through}
.cxcp-card__btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:#1E40AF;color:#fff;border-radius:9px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .15s}
.cxcp-card__btn:hover{filter:brightness(1.08);color:#fff;text-decoration:none}
@media (max-width:991px){.cxcp__grid--cols-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.cxcp__grid--cols-3,.cxcp__grid--cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:479px){.cxcp__grid--cols-2,.cxcp__grid--cols-3,.cxcp__grid--cols-4{grid-template-columns:1fr}}