/* MLDI color picker — checkout / landing */
.mldi-color-picker{margin:0 0 18px;padding:0}
.mldi-color-block{border:1px solid #ddd4c6;border-radius:4px;padding:12px 14px 14px;margin:0 0 14px;background:#faf7f2}
.mldi-color-block legend{font-size:15px;font-weight:700;color:#1c1a17;padding:0 4px}
.mldi-color-rows{display:grid;gap:14px;margin-top:4px}
.mldi-color-lab{margin:0 0 8px;font-size:13px;font-weight:500;color:#6a645c}
.mldi-colors{display:flex;flex-wrap:wrap;gap:8px}
.mldi-swatch{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:#fff;padding:7px 12px 7px 8px;border-radius:4px;cursor:pointer;font-size:15px;color:#1c1a17;font-weight:400;margin:0;line-height:1.3}
.mldi-swatch input{position:absolute;opacity:0;width:0;height:0;margin:0}
.mldi-swatch i{width:22px;height:22px;display:block;border-radius:2px;box-sizing:border-box;flex:0 0 22px}
.mldi-swatch.on,.mldi-swatch:has(input:checked){border-color:#1c1a17;font-weight:700;background:#fff}
.mldi-swatch:hover{transform:translateY(-1px)}
.mldi-swatch:focus-within{outline:2px solid #1c1a17;outline-offset:2px}
.mldi-color-hint{margin:6px 0 0;font-size:12px;color:#6a645c;font-weight:400}
.mldi-order-note-lab{display:block;margin:10px 0 0;font-size:13px;font-weight:500;color:#6a645c}
.mldi-order-color-note-view{display:block;width:100%;margin-top:6px;border:1px solid #ddd4c6;border-radius:3px;padding:8px 10px;font-size:13px;font-family:inherit;background:#f4f1ea;color:#1c1a17;resize:none;box-sizing:border-box}
/* hide legacy single-color radio if residual markup exists */
.mldi-checkout .mldi-color-row.form-row{display:none}