.ltud-color-finder{border:1px solid #ddd;padding:18px;border-radius:12px;background:#fff;margin:20px 0;font-family:Arial,Helvetica,sans-serif}
.ltud-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ltud-controls select,.ltud-controls input{padding:10px;border:1px solid #bbb;border-radius:6px;min-width:160px;background:#fff}
.ltud-controls select:disabled{opacity:.55;cursor:not-allowed}
.ltud-color-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.ltud-color-card{width:170px;text-align:left;border:1px solid #d7d7d7;border-radius:10px;padding:12px;background:#fafafa;cursor:pointer;transition:.15s;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;appearance:none;-webkit-appearance:none;color:#111;min-height:155px}
.ltud-color-card:hover,.ltud-color-card.selected{box-shadow:0 0 0 3px #f4d232;border-color:#111}
.ltud-color-card .ltud-swatch,.ltud-swatch{display:block!important;width:100%!important;height:72px!important;min-height:72px!important;min-width:120px!important;border-radius:7px;border:1px solid #888;margin:0!important;box-sizing:border-box;background-color:#999;line-height:0!important;flex:0 0 72px!important;overflow:hidden!important}
.ltud-card-text{display:block;text-align:center}
.ltud-code{display:block;font-weight:700;font-size:20px;line-height:1.2}
.ltud-name{display:block;font-size:14px;color:#333;margin-top:4px;line-height:1.25}
.ltud-notes{display:block;font-size:12px;color:#666;margin-top:4px;text-align:center}
.ltud-message{margin-top:14px;padding:10px;background:#f6f6f6;border-radius:6px}
.ltud-selected-color-note{font-size:14px;color:#555;display:flex;align-items:center;gap:8px;margin:12px 0}
.ltud-selected-color-note:before{content:"";display:inline-block;width:28px;height:28px;min-width:28px;border:1px solid #999;border-radius:4px;background:var(--ltud-selected-hex,#ccc);box-sizing:border-box}
.ltud-required-warning{color:#9b1c1c;font-weight:700}
.ltud-selected-ok{color:#14532d;font-weight:700}
.single_add_to_cart_button.ltud-add-disabled{opacity:.55;cursor:not-allowed}
.ltud-cart-hidden-fields{display:none!important}
@media(max-width:520px){.ltud-controls{display:block}.ltud-controls select{width:100%;margin-bottom:10px}.ltud-color-card{width:calc(50% - 8px);min-width:140px}.ltud-color-card .ltud-swatch,.ltud-swatch{min-width:0!important;height:58px!important;min-height:58px!important;flex-basis:58px!important}}

/* Selected swatch checkmark - displayed inside the color swatch */
.ltud-color-card .ltud-swatch{position:relative!important}
.ltud-color-card.selected .ltud-swatch:after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#1f6feb;color:#fff;font-weight:700;font-size:18px;line-height:26px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.35);z-index:2}
.ltud-color-card.selected{border-color:#1f6feb!important;box-shadow:0 0 0 3px rgba(31,111,235,.18)!important}