.weeb-image-grid{display:grid;grid-template-columns:repeat(var(--weeb-cols,4),1fr);gap:var(--weeb-gap,20px);padding:10px 0;width:100%;}
.weeb-image-item{position:relative;}
.weeb-real-input{position:absolute;opacity:0;pointer-events:none;}
.weeb-image-card{cursor:pointer;display:block;text-align:center;}
.weeb-img-wrapper{border:var(--weeb-bw,2px) solid var(--weeb-border,#eaeaea);border-radius:var(--weeb-radius,12px);padding:var(--weeb-pad,15px);margin-bottom:10px;transition:.3s;background:var(--weeb-bg,#fff);display:flex;justify-content:center;align-items:center;}
.weeb-image-card img{width:var(--weeb-img,60px);height:var(--weeb-img,60px);object-fit:contain;filter:grayscale(var(--weeb-gray,100%));transition:.3s;}
.weeb-label{font-size:14px;font-weight:500;color:var(--weeb-label,#333);display:block;}
.weeb-real-input:checked + .weeb-image-card .weeb-img-wrapper{border-color:var(--weeb-border-active,#ff4d4d);background:var(--weeb-bg-active,#fff5f5);}
.weeb-real-input:checked + .weeb-image-card img{filter:grayscale(0%);transform:scale(1.1);}
.weeb-real-input:checked + .weeb-image-card .weeb-label{color:var(--weeb-label-active,#ff4d4d);font-weight:700;}
@media (max-width:768px){.weeb-image-grid{grid-template-columns:repeat(2,1fr);}}