#ehco-colors .ec-wizard-dialog{width:min(1480px,calc(100vw - 56px));max-width:1480px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid #b8c3ac;border-radius:14px;background:#fff;color:#202820;overflow:auto;box-shadow:0 20px 80px #0005}
#ehco-colors .ec-wizard-dialog::backdrop{background:#14200ba6}
#ehco-colors .ec-wizard-dialog[data-step=finish]{width:min(820px,calc(100vw - 56px))}
#ehco-colors .ec-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
#ehco-colors .ec-wizard-head h2{font-size:28px;line-height:1.2;margin:6px 0 0}
#ehco-colors #ec-wizardstep{font-size:15px;color:#58664c}
#ehco-colors #ec-wizardclose{font-size:28px;width:46px;min-width:46px;padding:0}
#ehco-colors .ec-wizard-lines,#ehco-colors .ec-wizard-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#ehco-colors .ec-wizard-lines .ec-paintchoice,#ehco-colors .ec-sizechoice{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;min-width:0;text-align:center}
#ehco-colors .ec-wizard-lines .ec-paintchoice img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
#ehco-colors .ec-wizard-lines strong,#ehco-colors .ec-sizechoice strong{font-size:18px;line-height:1.3}
#ehco-colors .ec-wizard-lines small{font-size:14px;color:#4b5d3c}
#ehco-colors .ec-wizard-lines [aria-pressed=true],#ehco-colors .ec-wizard-sizes [aria-pressed=true],#ehco-colors .ec-wizard-finishes [aria-pressed=true]{outline:3px solid #567700;outline-offset:1px;background:#f2f7e7}
#ehco-colors .ec-sizechoice .ec-product-photo{width:100%;height:300px;object-fit:contain;aspect-ratio:auto}
#ehco-colors .ec-wizard-finishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#ehco-colors .ec-finishchoice{display:flex;flex-direction:column;min-height:150px;padding:25px;gap:10px}
#ehco-colors .ec-finishchoice strong{font-size:26px}
#ehco-colors .ec-finishchoice span{font-size:16px}
#ehco-colors .ec-wizard-all{margin-top:18px;text-decoration:underline}
#ehco-colors .ec-wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e3e8dd}
#ehco-colors .ec-wizard-footer span{font-size:14px;color:#58664c}
@media(max-width:1000px){#ehco-colors .ec-wizard-lines,#ehco-colors .ec-wizard-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}#ehco-colors .ec-sizechoice .ec-product-photo{height:230px}}
@media(max-width:600px){#ehco-colors .ec-wizard-dialog,#ehco-colors .ec-wizard-dialog[data-step=finish]{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px}#ehco-colors .ec-wizard-head{gap:10px;margin-bottom:18px}#ehco-colors .ec-wizard-head h2{font-size:22px}#ehco-colors #ec-wizardstep{font-size:13px}#ehco-colors .ec-wizard-lines,#ehco-colors .ec-wizard-sizes{gap:12px}#ehco-colors .ec-wizard-lines .ec-paintchoice,#ehco-colors .ec-sizechoice{padding:8px}#ehco-colors .ec-wizard-lines strong{font-size:14px}#ehco-colors .ec-wizard-lines small{font-size:13px}#ehco-colors .ec-sizechoice .ec-product-photo{height:165px}#ehco-colors .ec-wizard-footer{align-items:flex-start;flex-direction:column}#ehco-colors .ec-finishchoice{padding:16px;min-height:130px}#ehco-colors .ec-finishchoice strong{font-size:22px}#ehco-colors .ec-finishchoice span{font-size:14px}}

/* Nine paint choices, including the first all-colors exploration card. */
#ehco-colors .ec-wizard-lines{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#ehco-colors .ec-wizard-lines .ec-paintchoice{padding:10px;gap:7px}
#ehco-colors .ec-wizard-lines .ec-paintchoice img{width:100%;height:148px;aspect-ratio:auto;flex-shrink:0}
@media(max-width:1000px){#ehco-colors .ec-wizard-lines{grid-template-columns:repeat(2,minmax(0,1fr))}#ehco-colors .ec-wizard-lines .ec-paintchoice img{height:130px}}
@media(max-width:600px){#ehco-colors .ec-wizard-lines{gap:12px}#ehco-colors .ec-wizard-lines .ec-paintchoice{padding:8px}#ehco-colors .ec-wizard-lines .ec-paintchoice img{height:85px}#ehco-colors .ec-wizard-lines small{font-size:12px}}

/* The general option reuses the outer card's logo, copy and left-aligned treatment. */
#ehco-colors .ec-wizard-lines .ec-all-colors-choice{align-items:stretch;text-align:left;padding:14px;border-radius:7px;background:#fff;color:#202820;gap:14px}
#ehco-colors .ec-wizard-lines .ec-all-colors-choice img{width:320px;max-width:100%;height:auto;aspect-ratio:auto;margin:0 auto;object-fit:contain}
#ehco-colors .ec-wizard-lines .ec-all-colors-choice strong{display:block;font-size:18px;line-height:1.25}
#ehco-colors .ec-wizard-lines .ec-all-colors-choice small{display:block;font-size:14px;line-height:1.4;margin-top:8px;color:#202820;font-weight:400}
#ehco-colors .ec-wizard-lines .ec-all-colors-choice .ec-selected-presentation{color:#354b20;font-weight:600}
@media(max-width:600px){#ehco-colors .ec-wizard-lines .ec-all-colors-choice{padding:10px;gap:10px}#ehco-colors .ec-wizard-lines .ec-all-colors-choice strong{font-size:16px}#ehco-colors .ec-wizard-lines .ec-all-colors-choice small{font-size:12px;margin-top:6px}}

#ehco-colors .ec-wizard-lines .ec-all-colors-choice .ec-general-copy{display:block;padding:0;text-align:left}

/* Finish illustrations retain text contrast independently of the image. */
#ehco-colors .ec-finish-illustrated{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:0;gap:0;justify-content:flex-end;background:#e6ebe2}
#ehco-colors .ec-finish-illustrated .ec-finish-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#ehco-colors .ec-finish-illustrated .ec-finish-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:92px;padding:11px 10px;background:rgba(255,255,255,.96);color:#202820}
#ehco-colors .ec-finish-reference{font-size:12px;line-height:1.4;color:#58664c;margin-top:10px}
@media(max-width:600px){#ehco-colors .ec-finish-illustrated{min-height:200px}#ehco-colors .ec-finish-illustrated .ec-finish-copy{padding:10px 8px}}

#ehco-colors .ec-wizard-all{display:flex;width:max-content;max-width:100%;margin:18px auto 0;white-space:nowrap;text-align:center}