#models [hidden]{display:none!important}.color-layout{display:grid;grid-template-columns:1.22fr 1fr;gap:48px;align-items:center}.color-visual{position:relative;min-width:0}.color-car{width:100%;aspect-ratio:16/9;background-size:200% 500%;background-repeat:no-repeat;border-radius:12px}.color-model{display:block;text-align:center;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#8d7558;margin-top:12px}.color-panel{padding:12px 0}.color-label{font-size:10px;letter-spacing:.19em;color:#8d7558;margin:0 0 10px}.color-name{min-height:83px}.color-name h3{margin:0;font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.04em}.color-name p{margin:8px 0 18px;color:#797b74;font-size:14px}.color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 12px}.color-option{padding:0;border:0;background:transparent;color:#535b53;cursor:pointer;font-family:inherit;text-align:center}.color-dot{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:50%;background:linear-gradient(145deg,#ffffff3b,transparent 50%,#00000020),var(--paint);box-shadow:inset 0 0 0 1px #171b191f;color:#fff;text-shadow:0 1px 3px #0008}.color-option[aria-pressed=true] .color-dot{outline:2px solid #9c8362;outline-offset:4px}.color-option[aria-pressed=true]{color:#171b19;font-weight:700}.color-option-name{display:block;font-size:10px;line-height:1.4;min-height:28px}.color-option:hover .color-dot{transform:translateY(-2px)}.color-option:focus-visible,.color-continue:focus-visible,#color-back:focus-visible{outline:2px solid #9c8362;outline-offset:6px}.color-help{font-size:11px;color:#8a8b81;line-height:1.6;margin:20px 0}.color-continue{width:100%;padding:19px 24px;border:0;border-radius:9px;background:#d6c3a5;color:#171b19;font:800 13px Manrope,Arial,sans-serif;letter-spacing:.045em;cursor:pointer;box-shadow:0 5px 16px #171b190a}.color-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}.color-footer button{border:0;background:none;color:#8d7558;font:500 12px Manrope,Arial,sans-serif;padding:10px 0;cursor:pointer}.color-footer>span{font-size:10px;color:#8a8b81}.color-status{margin:8px 0 0;text-align:center;font-size:12px;min-height:18px;color:#697361}@media(max-width:900px){.color-layout{gap:24px;grid-template-columns:1fr 1fr}.color-options{gap:18px 8px}.color-name h3{font-size:26px}}@media(max-width:650px){.color-layout{grid-template-columns:1fr;gap:16px}.color-visual{margin:0 -10px}.color-model{margin-top:4px;font-size:11px}.color-panel{padding:0 8px}.color-name{min-height:76px}.color-name h3{font-size:28px}.color-options{gap:20px 10px}.color-dot{width:39px;height:39px}.color-option-name{font-size:10px}.color-footer{flex-direction:column;align-items:flex-start;gap:4px;margin-top:18px}.color-footer>span{line-height:1.6}.color-continue{padding:18px}.color-help{margin:16px 0}}@media(prefers-reduced-motion:reduce){.color-option:hover .color-dot{transform:none}}

.color-car{background-size:197.65625% 200.56338%;background-position:15.2% 43.417%}.color-dot{background-size:cover;background-position:center}
/* Photo-style previews apply only to question 2; other steps retain their assets. */
.villa-color-car{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:12px;background:#e9e2d5}
.color-footer>span{max-width:580px;line-height:1.5}
/* Brighten only clickable paint chips; vehicle images retain their original pixels. */
.color-options .color-dot{filter:brightness(1.3) saturate(1.45)}