.wcyt-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;margin-bottom:12px}.wcyt-swatch-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;width:100%}.wcyt-swatch-label{font-size:11px;font-weight:500;color:#444;line-height:1.2;max-width:100%;word-wrap:break-word}.wcyt-swatch{border:2px solid #ccc;cursor:pointer;padding:0;background-size:cover;background-position:center;box-sizing:border-box;overflow:hidden;transition:border-color 0.15s ease,box-shadow 0.15s ease,transform 0.1s ease}.wcyt-swatch:hover{border-color:#777;transform:scale(1.08)}.wcyt-swatch.selected{border-color:#111;box-shadow:0 0 0 2.5px rgb(0 0 0 / .22);transform:scale(1)}.wcyt-swatches~select,.wcyt-swatches+select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0,0,0,0)!important;overflow:hidden!important}.wcyt-value-label{margin-left:6px;font-weight:600;color:#555;font-size:.9em}