.wc-attr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0;}
.wc-attr-grid .wc-attr-tile{display:flex;flex-direction:column;align-items:center;border:1px solid transparent;padding:6px;border-radius:8px;background:#fff;cursor:pointer;transition:box-shadow .15s, border-color .15s;}
.wc-attr-grid .wc-attr-tile .tile-thumb{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;margin-bottom:6px;}
.wc-attr-grid .wc-attr-tile .tile-thumb img{max-width:100%;max-height:100%;display:block;}
.wc-attr-grid .wc-attr-tile .tile-label{font-size:13px;text-align:center;line-height:1.2;}
.wc-attr-grid .wc-attr-tile.tile-noimg{background:#f5f5f5;color:#333;}
.wc-attr-grid .wc-attr-tile.selected{border-color:#2b7cff;box-shadow:0 6px 18px rgba(43,124,255,0.12);}
.wc-attr-hidden-select{position:absolute !important;left:-9999px !important;opacity:0 !important;height:1px;width:1px;overflow:hidden;}
@media (max-width:800px){ .wc-attr-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:420px){ .wc-attr-grid{grid-template-columns:repeat(1,1fr);} }