.ccat{position:relative;width:110px;flex-shrink:0;border-radius:var(--radius-xl);overflow:hidden;border:2px solid transparent;cursor:pointer;background:0 0;padding:0;transition:all .25s ease;font-family:inherit}.ccat:hover{transform:translateY(-4px);border-color:var(--primary)}.ccat--active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(5,173,192,.2)}.ccat__img-wrap{position:relative;aspect-ratio:3/4;width:100%;background:var(--bg-tertiary);overflow:hidden}.ccat__img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ccat:hover .ccat__img{transform:scale(1.08)}.ccat__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.ccat__img-placeholder .mat-icon{font-size:2.5rem;width:2.5rem;height:2.5rem;color:var(--text-muted);opacity:.4}.ccat__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0,rgba(0,0,0,.1) 60%,transparent 100%);transition:background .3s ease}.ccat__info{position:absolute;bottom:0;left:0;right:0;padding:.5rem .5rem .625rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.ccat__name{font-size:.72rem;font-weight:700;color:#fff;text-align:center;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccat__count{font-size:.62rem;font-weight:600;color:rgba(255,255,255,.8);background:rgba(0,0,0,.35);padding:.1rem .4rem;border-radius:var(--radius-full);backdrop-filter:blur(4px)}.ccat__check{position:absolute;top:.4rem;right:.4rem;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.ccat__check .mat-icon{font-size:18px;width:18px;height:18px}