.config-main{padding-block:50px 70px;min-height:calc(100dvh - 220px)}.config-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.config-intro .eyebrow{font-size:10px;margin-bottom:15px}.config-intro h1{font-size:44px;letter-spacing:-1.8px}.config-intro p{font-size:13px;margin-top:14px}.config-intro .text-link{font-size:11px}.config-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 265px;gap:26px;align-items:start}.config-steps{padding:18px 0}.config-steps>.eyebrow{font-size:9px;color:var(--muted)}.config-steps ol{list-style:none;padding:0;margin:28px 0 45px}.config-steps li{display:flex;align-items:start;gap:12px;min-height:79px;position:relative;color:var(--muted)}.config-steps li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:6px;border-left:1px solid var(--line)}.config-steps li>span{width:28px;height:28px;border-radius:50%;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;font-size:10px}.config-steps li>div{display:flex;flex-direction:column;gap:7px;padding-top:5px}.config-steps li strong{font-size:11px;font-weight:500}.config-steps li small{font-size:9px;color:var(--muted)}.config-steps li.active{color:var(--brand)}.config-steps li.active>span{background:var(--brand);color:var(--surface);border-color:var(--brand)}.config-steps li.complete>span{background:var(--line);color:var(--brand)}.config-help{padding:18px;background:var(--soft);border-radius:10px;border:1px solid var(--line)}.config-help>.icon{width:17px;height:17px;margin-bottom:12px}.config-help strong{font-size:12px}.config-help p{font-size:10px;margin:9px 0 13px}.config-help a{font-size:10px;color:var(--brand);font-weight:600}.config-workspace{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;min-height:520px}.config-progress{padding:20px 24px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.config-progress button{padding:0;background:transparent;font-size:9px;color:var(--muted)}#configQuestion{padding:32px 27px}.question-label{font-size:9px;color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px}.config-workspace h2{font-size:26px;letter-spacing:-.8px;line-height:1.2}.question-hint{font-size:11px;margin:14px 0 26px;max-width:360px}.config-options{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.config-option{position:relative;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:17px;cursor:pointer;transition:background .2s,border-color .2s}.config-option:hover{background:var(--brand-soft)}.config-option:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.config-option:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:3px}.config-option input{position:absolute;opacity:0;width:1px;height:1px}.config-option>.icon{width:20px;height:20px;color:var(--muted)}.config-option>div{display:flex;flex-direction:column;gap:7px}.config-option strong{font-size:12px;font-weight:500}.config-option>div>span{font-size:9px;color:var(--muted);line-height:1.5}.option-radio{margin-left:auto;width:15px;height:15px;border-radius:50%;border:1px solid var(--muted);flex-shrink:0}.config-option:has(input:checked) .option-radio{border:4px solid var(--brand);background:var(--surface)}.config-form-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:25px}.config-form-footer button{font-size:11px}.config-form-footer .button{padding:13px 19px}.config-back{background:transparent;color:var(--muted);padding:10px 0;font-size:11px}.config-footnote{padding:15px 20px;background:var(--paper);border-top:1px solid var(--line);font-size:8px;color:var(--muted);display:flex;align-items:center;gap:8px}.config-footnote .icon{width:12px;height:12px}.config-product-preview{background:var(--soft);border:1px solid var(--line);border-radius:15px;overflow:hidden}.config-preview-photo{height:200px;position:relative}.config-preview-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.65)}.config-preview-photo>span{position:absolute;bottom:20px;left:23px;color:var(--surface);font-size:25px;letter-spacing:-.5px;line-height:1.2}.config-preview-photo em{font-size:27px}.config-preview-copy{padding:24px}.config-preview-copy>.eyebrow{font-size:8px;margin-bottom:16px}.config-preview-copy h3{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.8px}.config-preview-copy p{font-size:11px;margin:16px 0 22px}.config-preview-copy>div{display:flex;gap:8px;align-items:center;font-size:9px;margin:12px 0;color:var(--muted)}.config-preview-copy .icon{width:12px;height:12px;color:var(--brand)}.number-field{display:flex;flex-direction:column;gap:12px;margin:25px 0}.number-field label{font-size:11px;color:var(--muted)}.number-field input{width:130px;font-size:35px;padding:18px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper)}.field-error{color:var(--red);font-size:11px;min-height:15px;margin-top:12px}.result-status{margin-bottom:20px}.recommendation-items{margin-top:22px}.recommendation-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.recommendation-item img{width:65px;height:70px;object-fit:contain;background:var(--soft);border-radius:8px;padding:5px}.recommendation-item>div{display:flex;flex-direction:column;gap:7px;flex:1}.recommendation-item strong{font-size:13px;font-weight:500}.recommendation-item span{font-size:10px;color:var(--muted)}.recommendation-item>span{font-size:12px;color:var(--ink)}.recommendation-total{display:flex;justify-content:space-between;align-items:center;padding-block:25px 12px}.recommendation-total>span{font-size:12px;color:var(--muted)}.recommendation-total strong{font-size:26px;font-weight:500;letter-spacing:-.8px}.recommendation-notes{font-size:11px;line-height:1.7;color:var(--amber);background:var(--brand-soft);border-radius:9px;padding:17px 17px 17px 30px;margin:22px 0}.recommendation-notes li+li{margin-top:9px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.result-actions .button{font-size:11px;padding:13px 17px}.result-context{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.result-context summary{font-size:11px;color:var(--muted);cursor:pointer;padding:5px 0}.result-context dl{font-size:11px;line-height:1.6}.result-context dt{color:var(--muted);margin-top:12px}.result-context dd{margin:4px 0;color:var(--ink)}.preferred-product{padding:15px 0 5px;margin-bottom:15px;color:var(--brand);font-size:11px;line-height:1.6}.preview-hardware{width:100%;height:230px;object-fit:contain;padding:25px}.review-note{font-size:11px;color:var(--muted);line-height:1.7;margin-block:16px}.config-workspace .nosettings{padding:40px 27px}
@media(max-width:1100px){.config-layout{grid-template-columns:170px minmax(0,1fr) 220px;gap:20px}.config-preview-copy{padding:20px}.config-preview-copy h3{font-size:21px}#configQuestion{padding:28px 22px}.config-option{padding:15px}.config-steps li strong{font-size:10px}.config-steps li small{font-size:8px}}
@media(max-width:950px){.config-layout{grid-template-columns:155px minmax(0,1fr)}.config-product-preview{display:none}.config-intro h1{font-size:39px}.config-help p{font-size:10px}}
@media(max-width:650px){.config-main{padding-block:35px 45px}.config-intro{display:block;margin-bottom:30px}.config-intro .eyebrow{font-size:8px;margin-bottom:16px}.config-intro h1{font-size:38px}.config-intro p{font-size:12px;max-width:300px}.config-intro .text-link{margin-top:10px;font-size:11px}.config-layout{grid-template-columns:1fr;gap:18px}.config-steps{padding:0}.config-steps>.eyebrow,.config-help{display:none}.config-steps ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.config-steps li{min-height:auto;flex-direction:column;gap:10px;align-items:center;text-align:center}.config-steps li:after{display:none}.config-steps li small{display:none}.config-steps li strong{font-size:9px;line-height:1.5;max-width:75px;display:block}.config-steps li>div{padding:0}.config-steps li>span{width:26px;height:26px;font-size:9px}.config-workspace{min-height:0;border-radius:12px}.config-progress{padding:17px 20px;font-size:9px}.config-progress button{font-size:9px}#configQuestion{padding:27px 21px}.config-workspace h2{font-size:26px;line-height:1.25}.question-hint{font-size:12px;margin:15px 0 23px}.config-option{padding:17px 14px;gap:12px}.config-option strong{font-size:13px}.config-option>div>span{font-size:10px}.config-option>.icon{width:19px;height:19px}.config-form-footer .button{font-size:12px}.config-back{font-size:12px;min-height:44px}.config-footnote{font-size:8px;padding:15px}.recommendation-item img{width:55px;height:60px}.recommendation-item strong{font-size:12px}.recommendation-item>span{font-size:11px}.recommendation-total strong{font-size:24px}.result-actions{flex-direction:column}.result-actions .button{font-size:12px}.recommendation-notes{font-size:12px}.config-form-footer button{font-size:12px}.result-context summary{font-size:12px}.result-context dl{font-size:12px}}