/* Solar uses the same configurator component as Reisemobil-Klima; only the palette and content differ. */
/* Component boundary: the legacy website styles must not change cards or checkout. */
#solar-configurator,#solar-configurator *{all:revert;box-sizing:border-box}
#solar-configurator{display:block;font:400 16px/1.5 Lato,Arial,sans-serif;color:#102d3c;letter-spacing:normal;padding:12px 0 30px;text-align:left}
#solar-configurator *{font-family:inherit}
#solar-configurator button,#aj.klima-dialog button{cursor:pointer;font:inherit}
#solar-configurator a{color:#147c77;text-decoration:none;background:none;padding:0;white-space:normal}
#solar-configurator button:focus-visible,#solar-configurator a:focus-visible,#solar-configurator [tabindex]:focus-visible,#aj.klima-dialog :focus-visible{outline:3px solid #e7a12d;outline-offset:3px}
#solar-configurator .kc-heading{padding:30px;background:#edf7f5;border:1px solid #d8e8f1;border-radius:14px;margin:0 0 32px}
#solar-configurator .kc-eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.6px;font-weight:700;color:#147c77;margin:0 0 10px;text-align:left}
#solar-configurator h2{font-size:34px;font-weight:800;line-height:1.15;letter-spacing:-.8px;margin:0 0 12px;color:#102d3c}
#solar-configurator .kc-heading>p:not(.kc-eyebrow){font-size:16px;line-height:1.6;color:#526c7c;margin:0 0 24px;text-align:left;max-width:700px}
#solar-configurator .kc-navigation{display:block;background:none;color:inherit;position:static;margin:20px 0 0;padding:0;text-align:left}
#solar-configurator .kc-navigation ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
#solar-configurator .kc-navigation li{flex:1 1 auto;margin:0;padding:0;list-style:none}
#solar-configurator .kc-step{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 10px;border:1px solid #ccdce6;border-radius:7px;background:#fff;color:#405e70;font-size:13px;line-height:1.4;font-weight:700;box-shadow:none}
#solar-configurator .kc-step>span{display:inline-grid;place-items:center;width:19px;height:19px;font-size:10px;background:#e8f2f8;border-radius:50%}
#solar-configurator .kc-step[aria-current]{background:#102d3c;border-color:#102d3c;color:white}
#solar-configurator .kc-step[aria-current]>span{background:#2a536f;color:white}
#solar-configurator .kc-category{display:block;margin:32px 0;scroll-margin-top:24px}
#solar-configurator .kc-category h3{font-size:24px;font-weight:700;line-height:1.3;color:#102d3c;border-bottom:1px solid #dce7ed;padding:0 0 12px;margin:0 0 16px}
#solar-configurator .kc-picker{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:9px;position:relative}
#solar-configurator .kc-arrow{width:36px;height:48px;display:grid;place-items:center;background:#fff;border:1px solid #cbdde8;border-radius:8px;color:#147c77;font-size:20px;line-height:1;padding:0;box-shadow:0 3px 12px #102d3c09}
#solar-configurator .kc-arrow:hover{background:#e4f4ef;border-color:#147c77}
#solar-configurator .kc-track{--kc-card-width:240px;position:relative;display:flex;align-items:stretch;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:8px 3px 16px;min-width:0;touch-action:pan-x pan-y}
#solar-configurator .kc-track::-webkit-scrollbar,#solar-configurator #kc-summary-items::-webkit-scrollbar{display:none}
#solar-configurator .kc-track::before,#solar-configurator .kc-track::after{content:"";flex:0 0 max(0px,calc((100% - var(--kc-card-width))/2 - 16px));pointer-events:none}
#solar-configurator .kc-card{position:relative;flex:0 0 var(--kc-card-width);display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;min-height:304px;text-align:center;background:#fff;border:1px solid #d6e4ec;border-radius:12px;padding:34px 18px 20px;color:#102d3c;scroll-snap-align:center;box-shadow:0 5px 16px #102d3c06;transition:border-color .15s,box-shadow .15s,opacity .2s,filter .2s}
#solar-configurator .kc-track:has(.kc-card.is-selected) .kc-card:not(.is-selected){opacity:.32;filter:grayscale(.85)}
#solar-configurator .kc-track:has(.kc-card.is-selected) .kc-card:not(.is-selected):hover,#solar-configurator .kc-track:has(.kc-card.is-selected) .kc-card:not(.is-selected):focus-visible{opacity:.85;filter:grayscale(0)}
#solar-configurator .kc-card:hover{border-color:#86b9d4;box-shadow:0 7px 22px #147c7712}
#solar-configurator .kc-card.is-selected{border:2px solid #147c77;padding:33px 17px 19px;background:#f3faf8;box-shadow:0 7px 22px #147c771b}
#solar-configurator .kc-selected-label{position:absolute;top:10px;left:12px;right:12px;text-align:left;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:#147c77;visibility:hidden}
#solar-configurator .kc-card.is-selected .kc-selected-label{visibility:visible}
#solar-configurator .kc-card-title{font-size:18px;line-height:1.3;font-weight:700;min-height:46px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
#solar-configurator .kc-image{display:flex;align-items:center;justify-content:center;height:142px;width:100%}
#solar-configurator .kc-image img{height:100%;width:100%;object-fit:contain;border:0;border-radius:0;margin:0;padding:0}
#solar-configurator .kc-card-detail{font-size:13px;line-height:1.5;color:#577181;display:block;min-height:40px;overflow-wrap:anywhere}
#solar-configurator .kc-selection{font-size:12px;line-height:1.5;color:#587587;margin:8px 45px 0;text-align:left}
#solar-configurator .kc-summary{display:block;border:1px solid #d3e3ec;border-radius:14px;overflow:hidden;margin:40px 0 24px;background:#edf7f5;box-shadow:0 12px 30px #102d3c0c}
#solar-configurator .kc-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px;background:#e6f3ef}
#solar-configurator .kc-summary-heading h3{font-size:28px;line-height:1.25;font-weight:700;margin:0 0 8px;color:#102d3c}
#solar-configurator .kc-summary-heading p:not(.kc-eyebrow){font-size:14px;line-height:1.5;margin:0;color:#526f81;text-align:left}
#solar-configurator .kc-summary-controls{display:flex;gap:8px}
#solar-configurator .kc-summary-controls button{width:36px;height:36px;display:grid;place-items:center;background:white;border:1px solid #bdd5e3;color:#147c77;border-radius:7px;padding:0;font-size:17px}
#solar-configurator #kc-summary-items{display:flex;align-items:stretch;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:24px;list-style:none}
#solar-configurator #kc-summary-items li{display:block;flex:0 0 210px;list-style:none;border:1px solid #deebf2;border-radius:10px;background:white;padding:18px;scroll-snap-align:start}
#solar-configurator .kc-summary-category{display:block;font-size:10px;line-height:1.4;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#147c77;margin-bottom:16px}
#solar-configurator #kc-summary-items img{display:block;height:100px;width:100%;object-fit:contain;margin:0 0 16px}
#solar-configurator #kc-summary-items strong{display:block;font-size:16px;line-height:1.35;font-weight:700;color:#102d3c}
#solar-configurator #kc-summary-items p{font-size:12px;line-height:1.55;color:#577181;margin:7px 0 0;text-align:left}
#solar-configurator .kc-summary-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 24px 22px;font-size:12px;line-height:1.5;color:#688494}
#solar-configurator .kc-offer{display:block;background:#102d3c;padding:28px;color:white;text-align:left}
#solar-configurator .kc-offer h3{font-size:12px;line-height:1.4;letter-spacing:1.5px;text-transform:uppercase;color:#b7dfd3;margin:0 0 14px;font-weight:700}
#solar-configurator #new-configurator-resultat{color:white;font-size:14px;line-height:1.6;min-height:120px}
#solar-configurator .kc-price strong{display:block;font-size:38px;line-height:1.3;font-weight:700;color:white;letter-spacing:-.6px}
#solar-configurator .kc-price s{font-size:18px;line-height:1.5;color:#bdced9;margin-right:12px}
#solar-configurator .kc-price span{color:#b7dfd3;font-size:13px}
#solar-configurator .kc-offer p{font-size:13px;line-height:1.6;color:#cee0eb;margin:12px 0;text-align:left}
#solar-configurator .kc-offer #bestnr{font:700 15px/1.4 monospace;color:white;letter-spacing:1px}
#solar-configurator .kc-offer-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}
#solar-configurator .kc-order-button,#solar-configurator .kc-retry{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:7px;padding:15px 22px;background:#147c77;color:white;font-size:15px;line-height:1.4;font-weight:700}
#solar-configurator .kc-order-button:hover{background:#0e6662}
#solar-configurator .kc-offer-actions a{color:#b8e2f5;text-decoration:underline;font-size:12px}
#solar-configurator .kc-error{color:#ffe4bf!important}
#solar-configurator .kc-help{font-size:14px;line-height:1.6;color:#577181;margin:24px 0 0;text-align:center}
#seller{scroll-margin-top:20px}

.sc-hero{display:flex;align-items:center;min-height:355px;padding:clamp(28px,5vw,66px);border-radius:18px;background:linear-gradient(90deg,rgba(7,28,41,.94),rgba(7,28,41,.56) 47%,rgba(7,28,41,.04) 78%),url('/images/solar-brand/solar-hero-2026.png') center/cover no-repeat;color:#fff;overflow:hidden}
.sc-hero-content{max-width:565px}
.sc-kicker{display:block;color:#bc825d;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.sc-hero .sc-kicker{color:#ffd98b}
.sc-hero h2{margin:12px 0 15px;color:#fff;font:800 clamp(35px,5vw,62px)/1.08 Lato,Arial,sans-serif;letter-spacing:-1.6px}
.sc-hero p{max-width:480px;margin:0 0 26px;color:#e4edf0;font-size:17px;line-height:1.65}
.sc-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 21px;border-radius:9px;background:#f3b841;color:#15313c!important;text-decoration:none;font-weight:800!important;box-shadow:0 5px 18px rgba(0,0,0,.15)}
.sc-primary:hover{background:#ffd177}

#solar-configurator{margin:24px auto 50px;max-width:1180px}#solar-configurator .kc-card{cursor:pointer}#solar-configurator .kc-offer-actions span{color:#b7dfd3;font:700 14px/1.4 monospace}#solar-configurator .kc-price>p{margin:10px 0;color:#d0e7e2;font-size:12px}#solar-configurator .kc-retry{cursor:pointer}
#solar-configurator .kc-category[data-art="service"] .kc-image img,#solar-configurator .kc-category[data-art="artfzgsolar"] .kc-image img{object-fit:cover;border-radius:7px}
body.sc-enhanced #mainb,body.sc-enhanced #seller,body.sc-enhanced #resultat{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}body.sc-enhanced #mainb+div>h2:first-child{display:none}body.sc-enhanced #mainb+div{font-size:0}
@media(max-width:700px){#solar-configurator .kc-heading{padding:22px 18px}#solar-configurator h2{font-size:28px}#solar-configurator .kc-step{font-size:12px;padding:10px 8px}#solar-configurator .kc-step span{display:none}#solar-configurator .kc-category h3{font-size:22px}#solar-configurator .kc-picker{grid-template-columns:28px minmax(0,1fr) 28px;gap:5px}#solar-configurator .kc-arrow{width:28px;font-size:16px}#solar-configurator .kc-track{--kc-card-width:220px}#solar-configurator .kc-selection{margin-left:34px}#solar-configurator .kc-summary-heading{padding:22px 18px}#solar-configurator .kc-summary-heading h3{font-size:24px}#solar-configurator #kc-summary-items{padding:18px;gap:12px}#solar-configurator #kc-summary-items li{flex-basis:78%;max-width:240px}#solar-configurator .kc-summary-footer{padding:0 18px 18px}#solar-configurator .kc-offer{padding:22px 18px}#solar-configurator .kc-price strong{font-size:34px}#solar-configurator .kc-order-button{width:100%}}
@media(prefers-reduced-motion:reduce){#solar-configurator *{scroll-behavior:auto!important;transition:none!important}}
body.sc-enhanced{background:#f5f8f7;color:#263f4a}
body.sc-enhanced #header{display:flex;align-items:center;gap:24px;min-height:84px;height:auto;padding:15px max(24px,calc((100vw - 1180px)/2));background:#102d3c;color:#fff;box-sizing:border-box}
body.sc-enhanced #header .moverhe{display:none}
body.sc-enhanced #header h1.logotext{position:static;display:flex;align-items:center;gap:12px;float:none;margin:0;font:800 25px/1.1 Lato,Arial,sans-serif;letter-spacing:-.5px}
body.sc-enhanced #header h1.logotext img{float:none;width:48px;height:48px;object-fit:contain}
body.sc-enhanced #header h1.logotext a{font:inherit!important;color:#fff!important;text-shadow:none;text-decoration:none}
body.sc-enhanced #header h1.logotext i{display:none!important}
body.sc-enhanced #header>br{display:none}
body.sc-enhanced #header>h3{position:static!important;display:block!important;margin:0 0 0 auto!important;color:#d1e5e4;font:600 12px/1.5 Lato,Arial,sans-serif;text-align:right}
body.sc-enhanced #wrap{max-width:1230px;margin:0 auto;padding:0 24px}
body.sc-enhanced #maink{display:none!important}
body.sc-enhanced #footer{background:#102d3c}
@media(max-width:700px){body.sc-enhanced #header{display:block;padding:13px 18px}body.sc-enhanced #header h1.logotext{font-size:20px}body.sc-enhanced #header h1.logotext img{width:40px;height:40px}body.sc-enhanced #header>h3{text-align:left;margin:8px 0 0!important}body.sc-enhanced #wrap{padding:0 14px}}
