.ccbs{--orange:#e98c00;--ink:#222;--muted:#62676e;font-family:inherit;color:var(--ink);max-width:1250px;margin:auto}.ccbs *{box-sizing:border-box}.ccbs .intro{margin-bottom:25px}.ccbs h2{font-size:clamp(25px,3vw,38px);line-height:1.15;margin:0 0 12px;font-weight:750}.ccbs .intro p{color:var(--muted);max-width:800px;line-height:1.65;margin:0}.ccbs .tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:25px 0}.ccbs input{flex:1 1 250px;min-width:0;border:1px solid #d9dce0;border-radius:9px;padding:13px 16px;font:inherit;background:white;color:var(--ink)}.ccbs input:focus{outline:2px solid var(--orange);outline-offset:1px}.ccbs .filters{display:flex;gap:7px;flex-wrap:wrap}.ccbs button.filter{border:1px solid #dadada;border-radius:7px;background:#fff;color:#333;padding:10px 13px;font:inherit;font-size:13px;cursor:pointer;transition:.2s}.ccbs button.filter.active,.ccbs button.filter:hover{background:var(--orange);border-color:var(--orange);color:white}.ccbs .count{color:var(--muted);font-size:13px;margin-bottom:15px}.ccbs .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ccbs .card{border:1px solid #e5e5e5;border-radius:13px;overflow:hidden;background:#fff;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}.ccbs .card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000012}.ccbs .art{background:linear-gradient(140deg,#faf7f1,#f0ede7);height:185px;display:flex;align-items:center;justify-content:center;padding:12px}.ccbs svg{width:100%;height:100%;max-width:250px}.ccbs .content{padding:20px;display:flex;flex-direction:column;flex:1}.ccbs .cat{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a76500;font-weight:700;margin-bottom:7px}.ccbs h3{font-size:18px;line-height:1.3;margin:0 0 10px}.ccbs .code{color:var(--orange)}.ccbs .description{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.ccbs details{margin-top:auto;padding-top:15px}.ccbs summary{font-size:13px;font-weight:650;color:#a76500;cursor:pointer;list-style:none}.ccbs summary::-webkit-details-marker{display:none}.ccbs summary:after{content:' +';font-weight:bold}.ccbs details[open] summary:after{content:' −'}.ccbs .detail{padding-top:10px;font-size:13px;line-height:1.6;color:var(--muted)}.ccbs .empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed #ddd;border-radius:10px}.ccbs .note{font-size:12px;color:#777;margin-top:22px;line-height:1.6}@media(max-width:920px){.ccbs .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.ccbs .grid{grid-template-columns:1fr}.ccbs .tools{display:block}.ccbs input{width:100%;margin-bottom:12px}.ccbs .filters{gap:6px}.ccbs button.filter{font-size:12px;padding:9px 11px}.ccbs .art{height:195px}}@media(prefers-reduced-motion:reduce){.ccbs .card,.ccbs button{transition:none}}
.ccbs .art img{width:100%;height:100%;object-fit:contain}.ccbs .image-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:24px;font-weight:700;color:#a76500}.ccbs .image-placeholder small{font-size:11px;font-weight:400;color:#777}
.ccbs .art img{display:block;max-width:100%;} .ccbs .filters button{line-height:1.35}