.frame-color-variants__choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.frame-color-variants__choices button{min-width:52px;padding:9px 12px;border:1px solid #c9d7ed;border-radius:10px;background:#fff;color:#143456;font-weight:700;cursor:pointer}
.frame-color-variants__choices button.is-selected{border-color:#1769ff;background:#eef5ff;color:#1559d5}
.frame-color-variants__choices button:disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through}
.frame-color-variants__choices button.is-out-of-stock{opacity:.65}
.frame-color-variants__choices button.is-out-of-stock.is-selected{opacity:1}
.frame-color-variants__choices button small{display:block;font-size:10px;text-decoration:none}
.frame-color-variants__sku{margin:8px 0 0;color:#586b84;font-size:12px}
.ddm-frame-color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;margin:12px 0;border:1px solid #d8e1ef;border-radius:10px;background:#fafcff}
.ddm-frame-color-row label{display:grid;gap:4px;font-weight:600}
.ddm-frame-color-public{color:#d92d20;font-weight:800}
.ddm-frame-color-draft-note{padding:10px 12px;border-left:4px solid #d92d20;background:#fff4f2;color:#7a271a}
.ddm-frame-color-row input:not([type=checkbox]),.ddm-frame-color-row select{width:100%}
.ddm-frame-color-row img:not([src]),.ddm-frame-color-row img[src=""]{display:none}
.ddm-frame-color-row [data-frame-color-gallery-preview]{display:flex;flex-wrap:wrap;gap:5px}
.ddm-frame-color-row [data-frame-color-gallery-preview] img{width:72px;height:54px;object-fit:cover;border-radius:5px}
@media(max-width:782px){.ddm-frame-color-row{grid-template-columns:1fr 1fr}.frame-color-variants__choices button{min-height:44px}}
@media(max-width:480px){.ddm-frame-color-row{grid-template-columns:1fr}}