@import url('../customer.css');
/* Dezelfde basis als zonnepanelen, thuisbatterij en airco. */
.charger-stepper{background:#fbfcf9;border-bottom:1px solid var(--line);padding:18px 22px}.charger-stepper ol{display:flex;gap:10px;list-style:none;padding:0;margin:0}.charger-stepper li{flex:1;min-width:0}.charger-stepper button{display:flex;align-items:center;gap:7px;border:0;background:transparent;text-align:left;padding:0;color:var(--muted);font-size:10px;line-height:1.5;width:100%;min-height:34px}.charger-stepper button:disabled{opacity:1;cursor:default}.charger-stepper button>span{width:23px;height:23px;border-radius:50%;background:#e9ece5;display:grid;place-items:center;font-size:10px;flex-shrink:0}.charger-stepper .current button{color:#8e3c04;font-weight:700}.charger-stepper .current button>span{background:var(--orange);color:#21180e}.charger-stepper .done button>span{background:#dbe9db;color:#38643b}.progress{height:3px;background:#f0f2eb}.progress>span{display:block;height:100%;background:var(--orange);transition:width .2s}.step-heading{display:flex;justify-content:space-between;font-size:10px;color:#72806c;padding:17px 28px 0}.step-heading>span:first-child{color:#a74805;font-weight:650}.step-heading>span:last-child{font-size:9px;letter-spacing:.8px}.form-surface .panel{padding-top:17px}.panel>.intro{font-size:12px;margin-bottom:24px}.field-group{border:0;padding:0;margin:0 0 22px;min-width:0}.field-group legend{font-size:12px;font-weight:650;margin-bottom:9px;padding:0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{position:relative;min-height:65px;align-items:flex-start!important;gap:12px!important}.choice.selected{border-color:#d77b3d;background:#fff5ec}.choice:hover{border-color:#b6bfae}.choice input{position:absolute;inset:0;opacity:0;width:100%!important;height:100%!important;cursor:pointer}.choice-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.choice strong{font-size:12px;font-weight:650;line-height:1.5}.choice small{font-size:10px;color:var(--muted);line-height:1.65}.radio-mark{width:15px;height:15px;border:1px solid #b6c0b0;border-radius:50%;flex-shrink:0;margin:2px 0 0 auto;background:#fff}.selected .radio-mark{border:4px solid var(--orange)}.choice.disabled{opacity:.45;background:#f1f3ed}.choice.disabled input{cursor:default}.choice:focus-within{outline:2px solid #db925a;outline-offset:3px}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;min-width:0}.input-group>label{font-size:12px;font-weight:650}.input-group input,.input-group textarea{width:100%;padding:11px 12px;border:1px solid #d6dcd2;border-radius:5px;background:#fff;color:var(--ink);min-height:44px;font:inherit}.input-group input:focus,.input-group textarea:focus{outline:2px solid #f9e3d3;border-color:#ad5c23}.input-group input[aria-invalid=true]{border-color:#ad3024}.input-group textarea{resize:vertical;line-height:1.6}.input-group input:disabled{background:#f0f3eb;color:#75806d}#count{max-width:160px}.help{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 16px}.input-group .help{margin:0}.info{background:#f3f6ed;border:1px solid #dfe8d6;border-radius:6px;padding:14px;font-size:11px;color:#56684d;line-height:1.8;margin-bottom:22px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.postal-row{display:grid;grid-template-columns:100px 1fr;gap:15px}.form-surface .error-box{margin:0 28px 18px}.form-surface .panel .error-box{margin:15px 0}.overview dd{overflow-wrap:anywhere}.selected-product{border-top:1px solid #445147;padding:14px 0}.selected-product small{font-size:9px;color:#b5c4b9}.selected-product strong{font-size:12px;display:block;margin-top:5px}.solution-grid{display:grid;gap:14px;margin:24px 0}.solution{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.solution.chosen{border-color:#ce7b3f;background:#fff8f0}.solution>label{display:block;padding:20px;cursor:pointer}.solution input{accent-color:var(--orange);float:right;margin-top:2px}.solution-brand{font-size:10px;font-weight:700;letter-spacing:1.2px;color:#955020}.solution-badge{font-size:9px;color:#5d7451;border:1px solid #d6e3cf;background:#f0f6e9;border-radius:20px;padding:3px 9px;display:inline-block;margin-left:15px}.solution h3{font-size:18px;margin:12px 0}.solution p,.solution li{font-size:11px;color:#6b7662;line-height:1.8}.solution ul{padding-left:17px;margin:12px 0}.solution-select{display:block;font-size:11px;font-weight:650;margin-top:15px;color:#9a511d}.source-link{font-size:10px;display:block;padding:0 20px 16px;color:#8f5b36;text-underline-offset:3px}.power-result{display:flex;justify-content:space-between;gap:20px;padding:17px;border-radius:6px;background:#edf4e7;color:#34532f;font-size:11px;line-height:1.7;margin:20px 0}.power-result strong{font-size:13px}.checks,.summary-detail{border-top:1px solid var(--line);padding:15px 0;font-size:12px}.checks summary,.summary-detail summary{cursor:pointer;font-weight:650}.checks li{font-size:11px;line-height:1.8;margin-bottom:8px}.summary-detail dl>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e8ecdf;padding:9px 0;gap:15px;font-size:11px}.summary-detail dt{color:var(--muted)}.summary-detail dd{margin:0;overflow-wrap:anywhere}.contact{margin:26px 0 0;border-top:1px solid var(--line);padding-top:25px}.contact h3{font-size:19px}.contact>p{font-size:12px;color:#6b7662;line-height:1.8}.contact>.help{font-size:10px}.required{color:#a2490b}.connector-note{margin-bottom:24px}.request-output{padding:19px;background:#eef5e8;border:1px solid #d3e4c9;border-radius:8px;margin-top:25px}.request-heading{display:flex;align-items:center;gap:12px}.request-heading h3{font-size:17px;margin:0}.request-output p{font-size:12px;line-height:1.8;margin:12px 0 0}.green-mark{color:#4a7b40}.sending-fields{padding:0;margin:0;border:0;min-width:0}.noscript{padding:25px}.embedded #website-link{display:none}
@media(max-width:900px){.charger-stepper{padding:17px}.charger-stepper ol{gap:7px}.charger-stepper button{font-size:9px;gap:5px}.charger-stepper button>span{width:20px;height:20px;font-size:9px}.choice-grid.three{grid-template-columns:1fr 1fr}.step-heading{padding-inline:20px}}
@media(max-width:700px){.charger-stepper{padding:16px 14px}.charger-stepper ol{gap:5px}.charger-stepper button{flex-direction:column;align-items:flex-start;font-size:9px;gap:6px}.charger-stepper button>span{width:21px;height:21px}.step-heading{padding:16px 19px 0}.choice-grid.three{grid-template-columns:1fr 1fr}.input-group input,.input-group textarea{font-size:16px}.form-surface .panel{padding-top:18px}.form-surface .error-box{margin-inline:19px}.choice{padding:12px!important}.input-grid{grid-template-columns:1fr}.power-result{display:block}.power-result strong{display:block;margin-top:7px}.summary-body{max-height:none}}
@media(max-width:370px){.choice-grid,.choice-grid.three{grid-template-columns:1fr}.postal-row{grid-template-columns:80px 1fr}.solution-badge{display:table;margin:9px 0 0}}