.mkcsi-colours{margin:18px 0 0;padding:20px;border:1px solid #dbe2d8;border-radius:12px;background:#f7f8f4;color:#25392c;text-align:left;box-sizing:border-box}
.mkcsi-colours h2{font-size:20px!important;line-height:1.3!important;margin:0 0 8px!important;font-weight:600}
.mkcsi-colours p{font-size:14px;line-height:1.55;margin:8px 0;color:#526051}
.mkcsi-colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.mkcsi-colour-button{appearance:none;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:8px 5px;border:1px solid #d9ded5;border-radius:8px;background:#fff;color:#263a2d;font:inherit;font-size:12px;line-height:1.3;text-align:center;cursor:pointer}
.mkcsi-colour-button img{display:block;width:100%;height:42px;object-fit:cover;border:1px solid #e3e4df;border-radius:4px;box-shadow:none}
.mkcsi-colour-button:hover{border-color:#637a58;background:#fff}
.mkcsi-colour-button[aria-pressed="true"]{border:2px solid #314c35;padding:7px 4px;background:#eef3e9;font-weight:600;box-shadow:0 0 0 1px #314c3518}
.mkcsi-colours button:focus-visible{outline:3px solid #68874e;outline-offset:3px}
.mkcsi-colour-status{font-weight:600;color:#25392c!important;min-height:22px}
.mkcsi-colour-original{border:0;background:transparent;padding:0;color:#314c35;font:inherit;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mkcsi-colour-original[hidden]{display:none}
.mkcsi-colour-preview-image{transition:opacity .15s ease}
.mkcsi-colour-preview-image[aria-busy="true"]{opacity:.7}
@media(min-width:992px){.mkcsi-preview-column{align-self:stretch}.mkcsi-preview-wrap{position:sticky;top:110px}.mkcsi-preview-column .product-image-position{max-width:380px;margin-inline:auto}}
@media(max-width:575px){.mkcsi-colours{padding:15px}.mkcsi-colour-grid{gap:8px}.mkcsi-colour-button{font-size:11px}}

@media(min-width:992px){.mkcsi-preview-column .product-image-position img{max-height:380px!important;width:auto!important;max-width:100%!important;object-fit:contain;margin-inline:auto}.mkcsi-preview-wrap .mkcsi-colours{padding:16px;margin-top:12px}.mkcsi-preview-wrap .mkcsi-colour-button img{height:32px}.mkcsi-preview-wrap .mkcsi-colour-grid{margin:10px 0;gap:8px}.mkcsi-preview-wrap .mkcsi-colours p{font-size:13px}}