:root{--cc-bg:#f5f5f5;--cc-card:#fff;--cc-text:#222;--cc-table:#eee;--cc-shadow:0 10px 25px rgba(0,0,0,0.1)}body{background:var(--cc-bg)}.cc-header-img img{width:100%;border-radius:10px}.cc-header-desc{margin:10px 0 20px;color:var(--cc-text)}.cc-controls{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}#cc-search{flex:1;padding:10px}#cc-sort{padding:10px}.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cc-card{background:var(--cc-card);color:var(--cc-text);box-shadow:var(--cc-shadow);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.cc-card img{width:100%;height:180px;object-fit:cover}.cc-card-title{padding:10px;font-size:16px}.cc-card-desc{padding:0 10px 10px;font-size:13px;opacity:.8}.cc-btn{margin:10px;padding:8px;text-align:center;background:#000;color:#fff;text-decoration:none;border-radius:6px}@media(max-width:768px){.cc-grid{grid-template-columns:1fr}}