.wcg-grid{display:grid;grid-template-columns:repeat(var(--wcg-cols,6),minmax(0,1fr));gap:var(--wcg-gap,20px);}
@media(max-width:1024px){.wcg-grid{grid-template-columns:repeat(var(--wcg-cols-t,4),minmax(0,1fr));}}
@media(max-width:640px){.wcg-grid{grid-template-columns:repeat(var(--wcg-cols-m,2),minmax(0,1fr));}}
.wcg-item{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;transition:transform .25s ease;}
.wcg-item-img{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:var(--wcg-radius,999px);border:var(--wcg-bw,2px) solid var(--wcg-bc,#e5e7eb);background:var(--wcg-bg,#fff);transition:border-color .25s ease;}
.wcg-item-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.wcg-item-name{margin-top:12px;font-weight:600;color:var(--wcg-nc,#111827);transition:color .2s ease;}
.wcg-item-count{margin-top:2px;font-size:.85em;color:var(--wcg-cc,#6b7280);}
.wcg-item:hover .wcg-item-img{border-color:var(--wcg-bch,#0d5c3d);}
.wcg-item:hover .wcg-item-name{color:var(--wcg-nch,#0d5c3d);}
.wcg-empty{padding:20px;text-align:center;color:#6b7280;}