.configurator{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.config-main{border:1px solid var(--line);background:#fff}.config-intro{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px 28px;background:var(--navy);color:#fff}.config-intro h3,.config-intro p{margin:0}.config-intro h3{font:700 17px Manrope}.config-intro p{font-size:12px;color:#aebaca}.config-intro>strong{font:800 23px Manrope}.config-step{font-size:9px;letter-spacing:1px;border:1px solid #ffffff55;padding:5px 8px}.config-group{border:0;border-top:1px solid var(--line);padding:28px;margin:0}.config-group legend{width:100%;display:flex;align-items:center;gap:13px;padding-top:28px}.config-group legend>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-weight:800}.config-group legend b,.config-group legend small{display:block}.config-group legend b{font:700 16px Manrope}.config-group legend small{color:var(--muted);font-size:11px}.data-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.data-options label,.chip-options label,.number-options label{cursor:pointer}.data-options input,.chip-options input,.number-options input{position:absolute;opacity:0}.data-options label>span{min-height:115px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:.18s}.data-options label>span:hover{border-color:var(--navy)}.data-options input:checked+span,.chip-options input:checked+span,.number-options input:checked+span{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);background:#fff8f5}.data-options b{font:800 22px Manrope}.data-options small{font-size:10px;color:var(--muted)}.data-options strong{font-size:13px;margin-top:6px}.data-options i{position:absolute;top:0;left:0;right:0;background:var(--coral);color:#fff;font-size:7px;font-style:normal;text-align:center;letter-spacing:1px}.chip-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip-options span{display:block;border:1px solid var(--line);padding:10px 18px;font-weight:700;font-size:13px}.number-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.number-options label>span{display:block;border:1px solid var(--line);padding:14px}.number-options b,.number-options small{display:block}.number-options b{font-size:13px}.number-options small{font-size:10px;color:var(--muted)}.config-summary{position:sticky;top:100px;background:var(--cream);padding:28px}.config-summary h3{font:800 21px Manrope;margin:7px 0 22px}.summary-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d8d5ce;padding:10px 0;font-size:12px}.summary-line span{color:var(--muted)}.summary-total{display:flex;align-items:end;justify-content:space-between;border-top:2px solid var(--navy);padding:16px 0}.summary-total span{font-weight:700}.summary-total b{font:800 32px Manrope}.config-summary>small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:8px}.summary-trust{border-top:1px solid #d8d5ce;margin-top:20px;padding-top:16px;color:#526071;font-size:11px;line-height:2}.modal-card .order-row:nth-of-type(3){display:none}
.benefits-banner{height:50px;gap:clamp(18px,4vw,58px);background:#eee;color:#333}.benefits-banner span{display:flex;align-items:center;gap:8px;margin:0;color:#333;white-space:nowrap;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.1}.benefits-banner svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#333;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.benefits-banner span:first-child svg{fill:#333;stroke:none}.email-callout{background:#eef6f1;border-left:3px solid #4a9b71;padding:11px 13px;color:#486357;font-size:11px;line-height:1.5}.login-card>p{color:var(--muted);font-size:13px;margin-top:-12px}.password-field{display:flex;border:1px solid var(--line)}.password-field input{border:0;flex:1;min-width:0}.password-field button{border:0;background:none;padding:0 12px;color:var(--navy);font-weight:700;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:2px 0 16px}.login-options label{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}.login-options input{height:auto}.login-options button{border:0;background:none;color:var(--coral);font-weight:700;cursor:pointer}.login-divider{text-align:center;border-top:1px solid var(--line);margin:28px 0 18px;height:1px}.login-divider span{position:relative;top:-13px;background:#fff;padding:0 12px;color:var(--muted);font-size:10px}.create-account{display:block;text-align:center;color:var(--navy);font-weight:700;font-size:13px}
@media(max-width:900px){.configurator{grid-template-columns:1fr}.config-summary{position:static}.data-options{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.benefits-banner{justify-content:flex-start;overflow-x:auto;padding:0 15px;gap:24px;scrollbar-width:none}.benefits-banner::-webkit-scrollbar{display:none}.data-options{grid-template-columns:1fr 1fr}.number-options{grid-template-columns:1fr}.config-group{padding:20px}.config-intro{padding:20px;grid-template-columns:1fr auto}.config-intro .config-step{display:none}}