.cp-section{padding:48px 22px;background:#f6f7f8}.cp-section>div{max-width:1200px;margin:auto}.cp-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:25px 0}.cp-tools input,.cp-tools select{font:inherit;padding:13px;border:1px solid #ced4da;border-radius:8px;background:white;max-width:100%;min-width:220px}.cp-tools input{flex:1}.cp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cp-card{background:white;border:1px solid #e0e4e8;border-radius:12px;overflow:hidden}.cp-card[hidden]{display:none}.cp-card img{display:block;width:100%;height:210px;object-fit:contain;padding:20px;box-sizing:border-box}.cp-card>div{padding:18px}.cp-card h3{font-size:16px;line-height:1.5;margin:0 0 8px}.cp-card p{font-size:14px}.cp-card .cp-code{font-weight:700;letter-spacing:.3px}.cp-card a{color:#c92331;font-size:13px;line-height:1.6;text-decoration:none}.cp-quote{display:block;margin-top:12px;font-weight:700}@media(max-width:1000px){.cp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.cp-grid{grid-template-columns:1fr}.cp-tools>*{width:100%}}