.finder-panel{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(27,28,48,.08)}
.finder-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;padding:17px 24px;background:#f7f7fa;border-bottom:1px solid var(--line)}
.finder-progress-copy{display:flex;align-items:center;gap:12px;white-space:nowrap}
.finder-progress-copy span{font-size:.72rem;font-weight:700;color:#747681;text-transform:uppercase;letter-spacing:.06em}
.finder-progress-copy strong{font-size:.88rem;color:#292a37}
.finder-progress-track{height:5px;background:#dddde7;border-radius:10px;overflow:hidden}
.finder-progress i{display:block;width:12.5%;height:100%;background:#7375b2;transition:width .25s ease}
.finder-question{display:none;margin:0;padding:0;border:0}
.finder-question.active{display:block}
.finder-question legend{width:100%;padding:24px 28px 18px;font:600 1.1rem Manrope,sans-serif}
.finder-question legend span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:#e8e9f7;color:#6668a7;font:700 .68rem "DM Sans",sans-serif}
.finder-options{display:grid}
.finder-options label{position:relative;cursor:pointer;background:#fff;transition:background .18s,box-shadow .18s,transform .18s}
.finder-options label::after{content:'✓';position:absolute;right:12px;top:12px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#6668a7;color:#fff;font-size:.76rem;font-weight:700;opacity:0;transform:scale(.75);transition:.18s}
.finder-options input{position:absolute;opacity:0;pointer-events:none}
.visual-options{grid-template-columns:repeat(4,1fr)}
.visual-options label{padding:0 0 24px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.visual-options label:last-child{border-right:0}
.visual-options img{display:block;width:100%;height:145px;object-fit:cover;filter:saturate(.78)}
.visual-options strong,.visual-options small{display:block;margin-left:20px;margin-right:20px}
.visual-options strong{margin-top:18px}
.visual-options small,.text-options small{color:var(--muted);font-size:.8rem;margin-top:3px}
.text-options{grid-template-columns:repeat(3,1fr);gap:12px;padding:4px 28px 32px}
.text-options.four-options{grid-template-columns:repeat(4,1fr)}
.text-options label{min-height:112px;padding:22px;border:1px solid var(--line);border-radius:12px}
.text-options strong,.text-options small{display:block}
.shade-options label{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center}
.shade-options label strong,.shade-options label small{grid-column:2}
.shade-swatch{grid-row:1/3;width:38px;height:38px;border:1px solid rgba(35,35,40,.18);border-radius:50%;box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.shade-light{background:#e7c1a5}.shade-medium{background:#ad7659}.shade-deep{background:#59392f}.shade-unsure{display:grid;place-items:center;background:#eeeef2;color:#666774;font-style:normal;font-weight:800}
.finder-options label:hover,.finder-options label:has(input:checked){background:#e8e9f7}
.finder-options label:has(input:checked){box-shadow:inset 0 0 0 2px #7577b4;transform:translateY(-1px)}
.finder-options label:has(input:checked)::after{opacity:1;transform:scale(1)}
.finder-options label:has(input:focus-visible){outline:3px solid #b7b9ea;outline-offset:-3px}
.finder-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 24px;border-top:1px solid var(--line)}
.finder-navigation p{margin:0;color:#858691;font-size:.75rem}
.finder-navigation button,.result-shortlist button{appearance:none;border:1px solid #20223a;border-radius:8px;padding:11px 16px;background:#20223a;color:#fff;font:700 .8rem "DM Sans",sans-serif;cursor:pointer}
.finder-navigation button:first-child{justify-self:start;background:#fff;color:#20223a}
.finder-navigation button:last-child{justify-self:end}
.finder-navigation button:disabled{opacity:.38;cursor:not-allowed}
.finder-result{display:grid;grid-template-columns:1.15fr .85fr;background:#171719;color:#fff}.finder-result[hidden]{display:none}
.result-summary,.result-shortlist{padding:34px}
.result-summary{border-right:1px solid #3b3b42}
.result-topline{display:flex;justify-content:space-between;align-items:center;gap:16px}
.match-strength{display:flex;align-items:center;gap:7px;color:#d6d6dc;font-size:.72rem;font-weight:700}
.match-strength i{width:8px;height:8px;border-radius:50%;background:#aeb1ef;box-shadow:0 0 0 4px rgba(174,177,239,.14)}
.result-title-row{display:flex;align-items:center;gap:13px;margin:12px 0}
.base-badge{display:inline-grid;place-items:center;min-height:33px;padding:0 11px;border:1px solid #7779b9;border-radius:5px;background:#292a3b;color:#c9cbff;font-size:.66rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.finder-result h3{margin:0;font:600 2rem Manrope,sans-serif}
.finder-result p{color:#c5c5cb}
.result-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.result-cautions,.result-reasons{margin:0;padding:16px 17px;background:#242429;border-top:2px solid #7779b9}
.result-reasons{border-top-color:#56586e}
.result-reasons strong{font-size:.78rem;color:#b9bbe6}
.result-reasons ul{margin:8px 0 0;padding-left:20px;color:#d0d0d5;font-size:.84rem}
.result-reasons li{margin:5px 0}
.result-shade,.result-alternative{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0 0;padding:13px 15px;border:1px solid #3b3b44;border-radius:8px;color:#aaaab2;font-size:.78rem}
.result-shade strong,.result-alternative strong{max-width:65%;color:#fff;font-size:.82rem;line-height:1.45;text-align:right}
.finder-trust-note{display:block;margin-top:14px;color:#797982;font-size:.68rem;line-height:1.45}
.result-cautions strong{font-size:.78rem;color:#b9bbe6}
.result-cautions p{margin:4px 0 0;font-size:.84rem}
.result-shortlist{display:flex;flex-direction:column}
#result-products{margin:12px 0 20px}
#result-products>.finder-product-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #37373d;color:#fff;text-decoration:none;font-weight:600}
#result-products>.finder-product-card:hover b{text-decoration:underline;text-underline-offset:3px}
#result-products img{width:46px;height:46px;object-fit:cover;border-radius:6px;background:#2b2b31}
#result-products b{font-size:.86rem}
#result-products small{color:#aaaab2;font-weight:400}
#result-products em{display:block;margin-bottom:2px;color:#c9ff57;font-size:.62rem;font-style:normal;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#result-products strong{text-align:right;font-size:.82rem}
#result-products strong i{display:block;margin-top:3px;color:#c9ff57;font-size:.67rem;font-style:normal;font-weight:700}
@media(max-width:620px){#result-products>.finder-product-card{grid-template-columns:46px 1fr}#result-products>.finder-product-card>strong{grid-column:2;text-align:left;margin-top:-7px}}
.result-shortlist #show-matches{margin-top:auto;background:#fff;color:#171719;border-color:#fff}
.result-shortlist .finder-restart{margin-top:9px;background:transparent;border-color:#66666f;color:#d0d0d5}
@media(max-width:980px){.text-options.four-options{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.visual-options{grid-template-columns:1fr 1fr}.visual-options label:nth-child(2){border-right:0}.finder-result{grid-template-columns:1fr}.result-summary{border-right:0;border-bottom:1px solid #3b3b42}}
@media(max-width:620px){.finder-progress{grid-template-columns:1fr;gap:9px}.finder-progress-copy{justify-content:space-between}.finder-question legend{padding:20px}.visual-options{grid-template-columns:1fr}.visual-options label{display:grid;grid-template-columns:108px 1fr;border-right:0;padding:0}.visual-options img{grid-row:1/3;width:108px;height:108px}.visual-options strong{align-self:end;margin:0 44px 2px 15px}.visual-options small{align-self:start;margin:0 44px 0 15px}.text-options,.text-options.four-options{grid-template-columns:1fr;padding:2px 20px 24px}.text-options label{min-height:0;padding-right:48px}.finder-navigation{grid-template-columns:1fr 1fr}.finder-navigation p{display:none}.result-summary,.result-shortlist{padding:26px 20px}.finder-result h3{font-size:1.55rem}.result-topline,.result-title-row{align-items:flex-start}.result-title-row{flex-direction:column}.result-insight-grid{grid-template-columns:1fr}.result-shade,.result-alternative{align-items:flex-start;flex-direction:column;gap:3px}.result-shade strong,.result-alternative strong{max-width:100%;text-align:left}}