/* Same colour-square visual as Ludor; native retail card/price/actions keep their existing layout. */
[data-ds-model-card] .ds-model-colors{position:relative;z-index:2;min-height:72px;margin:8px 0 4px;text-align:left;box-sizing:border-box}
.ds-model-colors__label{font-size:12px;line-height:20px;color:inherit;margin-bottom:3px}
.ds-model-colors__row{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.ds-model-colors__choice{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;position:relative;border-radius:3px;text-decoration:none!important;box-sizing:border-box}
.ds-model-colors__choice>span{width:24px;height:24px;border:1px solid #c9c5bf;border-radius:2px;box-sizing:border-box;box-shadow:0 0 0 2px #fff}
.ds-model-colors__choice>span[data-unknown-color]{background:repeating-linear-gradient(45deg,#ece8e3 0 5px,#fff 5px 10px)}
.ds-model-colors__choice.is-selected>span{outline:1px solid #181818;outline-offset:3px}
.ds-model-colors__choice.is-selected:after{content:'✓';position:absolute;right:1px;bottom:0;font-size:10px;font-weight:700;line-height:13px;width:13px;text-align:center;color:#fff;background:#191919;border-radius:50%}
.ds-model-colors__choice:focus-visible{outline:2px solid #242424;outline-offset:1px}
.ds-model-colors[aria-busy=true]{opacity:.65}
.ds-model-colors__status{font-size:12px;line-height:18px;color:#8b2034;margin:4px 0}
@media(max-width:600px){.ds-model-colors__row{gap:0}}