/* Variant color cards. Prices, stock and option behavior use the existing picker. */
body.cine[data-page="product"] .pv-axis-color .pv-axis-name { font-size: 14px; font-weight: 400; margin-bottom: 14px; }
body.cine[data-page="product"] .pv-axis-color .pv-opts { gap: 12px; }
body.cine[data-page="product"] .pv-axis-color .pv-opt {
    display: grid; grid-template-rows: 14px 22px auto; justify-items: center;
    align-content: start; gap: 10px; min-width: 78px; max-width: 100%; min-height: 120px;
    padding: 16px 12px; border: 1px solid #d5dce4; border-radius: 0;
    background: #fff; color: var(--ink, #0a1626); font-size: 15px;
    white-space: normal; overflow-wrap: anywhere; text-align: center;
}
body.cine[data-page="product"] .pv-axis-color .pv-opt.on {
    border-color: var(--ink, #0a1626); background: #f0f3f6; color: var(--ink, #0a1626);
}
body.cine[data-page="product"] .pv-axis-color .pv-opt:hover:not(:disabled) { transform: none; border-color: var(--ink, #0a1626); }
body.cine[data-page="product"] .pv-axis-color .pv-opt:focus-visible { outline: 2px solid var(--brass, #c4a159); outline-offset: 3px; }
body.cine[data-page="product"] .pv-color-check { grid-row: 1; width: 12px; height: 12px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(10,22,38,.10); background: #fff; }
body.cine[data-page="product"] .pv-opt.on .pv-color-check { background: var(--ink, #0a1626); }
body.cine[data-page="product"] .pv-axis-color .pv-sw { grid-row: 2; width: 21px; height: 21px; border: 1px solid rgba(10,22,38,.22); border-radius: 50%; background: var(--sw); }
body.cine[data-page="product"] .pv-axis-color [data-swatch-name] { grid-row: 3; }

/* Optional, compact editor section; no changes to other admin forms. */
.wr-swatch-editor { margin: 16px 0; padding: 18px; }
.wr-swatch-editor summary { cursor: pointer; font-weight: 600; min-height: 44px; align-content: center; }
.wr-swatch-editor summary:focus-visible { outline: 2px solid #c4a159; outline-offset: 3px; }
.wr-swatch-editor p { max-width: 70ch; margin: 8px 0 18px; }
.wr-swatch-editor fieldset { min-width: 0; border: 0; padding: 0; margin: 0 0 18px; }
.wr-swatch-editor legend { font-weight: 600; margin-bottom: 8px; }
.wr-swatch-fields { display: flex; flex-wrap: wrap; gap: 10px; }
.wr-swatch-field { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border: 1px solid #d5dce4; background: #fff; max-width: 100%; }
.wr-swatch-field label { display: flex; align-items: center; gap: 8px; min-height: 44px; margin: 0; overflow-wrap: anywhere; }
.wr-swatch-field input[type="checkbox"] { width: 18px; height: 18px; flex: none; margin: 0; }
.wr-swatch-field input[type="color"] { flex: none; width: 44px; height: 44px; min-height: 44px; padding: 3px; border: 1px solid #d5dce4; border-radius: 0; background: #fff; cursor: pointer; }