/* STAGING: comparison only appears while Sales Mode is active. */
.leon-variant-comparison{margin:8px 0 12px;padding:10px;border:1px solid #c4b28e;border-radius:12px;background:#f9f6ee;color:#24302c;display:grid;gap:7px}
.preview-panel:not(.leon-sales-focus) .leon-variant-comparison{display:none}
.leon-variant-controls{display:flex;flex-wrap:wrap;gap:6px}
.leon-variant-controls button{border:1px solid #9b8b6d;background:#fff;border-radius:8px;padding:7px 10px;font:inherit;cursor:pointer}
.leon-variant-controls button:disabled{opacity:.43;cursor:not-allowed}
.leon-variant-controls button:focus-visible{outline:2px solid #756033;outline-offset:2px}
.leon-variant-comparison [data-variant-status]{font-size:12px;line-height:1.4;margin:0}
.leon-variant-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.leon-variant-display figure{margin:0;min-width:0;border:1px solid #cbbda3;border-radius:9px;overflow:hidden;background:white}
.leon-variant-display img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.leon-variant-display figcaption{font-size:12px;overflow-wrap:anywhere;padding:5px 7px}
@media(max-width:530px){.leon-variant-display{grid-template-columns:1fr}.leon-variant-display img{max-height:180px}}