.pv-simulator{--ink:#123b4c;--muted:#657a80;--green:#98bd3c;background:#f7f8f5;padding:30px 24px 72px;color:var(--ink)}.flow-shell{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:44px;align-items:start}.pv-simulator .solar-workspace{width:100%;max-width:none;margin:0;padding:0;min-width:0}.pv-simulator .solar-steps{display:flex;gap:16px;margin:0 0 28px}.pv-simulator .solar-steps button{font-size:11px;line-height:1.5;text-align:start;padding:9px 0 13px;min-height:42px;border-bottom:2px solid #d9e1dd;color:#80908d;font-weight:550}.pv-simulator .solar-steps b{display:inline;margin:0 7px 0 0;border:0;background:none;width:auto;height:auto;font-weight:700}.pv-simulator .solar-steps button[aria-current=step]{color:#123b4c;border-color:#829e32}.pv-simulator .solar-panel{border:0;box-shadow:none;border-radius:0;background:transparent;padding:0;margin:0}.pv-simulator .solar-panel>h1{font-size:clamp(31px,3.2vw,44px);font-weight:700;letter-spacing:-1.7px;line-height:1.12;max-width:590px;margin:0 0 14px}.pv-simulator .flow-intro-copy{font-size:15px;line-height:1.65;max-width:470px;color:#60767e;margin:0 0 25px}.flow-context{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:12px 0;border-bottom:1px solid #dce5df;margin-bottom:24px}.flow-context strong{font-size:16px}.flow-context button{font-size:12px;color:#657a80;text-decoration:underline;text-underline-offset:4px;min-height:36px}.pv-simulator .solar-profiles{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}.pv-simulator .solar-profiles>button,.pv-simulator .solar-profiles>button[aria-pressed=true]{display:flex;align-items:center;text-align:start;padding:16px 14px;gap:12px;background:#fff;border:1px solid #d7e2de;border-radius:10px;box-shadow:none;min-height:87px;position:relative;overflow:visible}.pv-simulator .solar-profiles>button>svg{width:28px;height:28px;flex-shrink:0;color:#5a787f}.pv-simulator .solar-profiles>button>div{padding:0;flex:1}.pv-simulator .solar-profiles strong{font-size:15px;line-height:1.35}.pv-simulator .solar-profiles small{font-size:10px;margin-top:5px;line-height:1.4;min-height:0}.pv-simulator .solar-profiles>button[aria-pressed=true]{border-color:#89a443;background:#f0f5e6}.pv-simulator .flow-selection{display:block!important;width:15px;height:15px;border:1px solid #b7c9c5;border-radius:50%;margin:0;flex-shrink:0}.pv-simulator button[aria-pressed=true] .flow-selection{background:#759c2b;border-color:#759c2b;box-shadow:inset 0 0 0 3px #f0f5e6}.flow-goal>span{font-size:12px;font-weight:650;color:#657a80;display:block;margin-bottom:11px}.flow-intent{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.flow-intent a{padding:15px 17px;min-height:76px;border-radius:10px;border:1px solid #dce4df;background:white;display:flex;flex-direction:column;justify-content:center;gap:6px}.flow-intent strong{font-size:14px;font-weight:650}.flow-intent small{font-size:11px;color:#657a80}.flow-intent a[aria-current=page]{background:#123b4c;border-color:#123b4c;color:white}.flow-intent a[aria-current=page] small{color:#c9dddd}.pv-simulator .solar-field{font-size:12px;font-weight:650}.pv-simulator .solar-field input,.pv-simulator .solar-field select{background:#fff;border-radius:9px;border:1px solid #d0dcd7;min-height:50px;font-size:15px}.pv-simulator .flow-governorate{margin-top:0}.pv-simulator .solar-actions{margin-top:24px;gap:15px}.pv-simulator .solar-primary{background:#9bc43e;border-radius:9px;min-height:52px;font-size:14px;font-weight:750;padding:14px 24px;color:#153226}.pv-simulator [data-panel="0"]>.solar-actions>.solar-primary{flex:1}.pv-simulator .flow-phone{font-size:11px;color:#5d7479;text-decoration:underline;text-underline-offset:3px}.flow-visual{position:sticky;top:110px;min-height:640px;height:calc(100dvh - 145px);max-height:820px;border-radius:18px;overflow:hidden;background:#123b4c;isolation:isolate}.flow-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center;z-index:-2}.flow-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102f3e00 25%,#102f3e44 50%,#102f3ef5);z-index:-1}.flow-visual-copy{position:absolute;bottom:48px;inset-inline:30px;color:white}.flow-visual-copy>span{display:block;font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-.7px;max-width:330px}.flow-visual-copy p{font-size:14px;line-height:1.7;color:#e0e8e5;margin:15px 0 22px;max-width:320px}.flow-visual-copy a{display:inline-flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #ffffff55;padding-bottom:9px;color:#fff}.flow-visual>small{position:absolute;bottom:16px;inset-inline:30px;color:#c2d3d4;font-size:10px}.pv-simulator [data-panel="1"]>h2{font-size:32px;letter-spacing:-1px;line-height:1.2;font-weight:700;margin:0 0 20px}.pv-simulator .journey-method{padding:0;background:transparent;border-radius:0;gap:10px;margin:10px 0 24px}.pv-simulator .journey-method button{border:1px solid #d1dfd7;border-radius:9px;background:#fff;font-size:13px;min-height:53px}.pv-simulator .journey-method button[aria-pressed=true]{color:#123b4c;background:#eef4e5;border-color:#7c9d38;box-shadow:inset 0 -2px #7c9d38}.pv-simulator .solar-upload{margin:20px 0;background:#fff;border:1px solid #dce5df;border-radius:12px;padding:25px}.pv-simulator .solar-upload strong{font-size:19px;line-height:1.3;font-weight:700}.pv-simulator .solar-upload p{font-size:13px;line-height:1.6;margin:9px 0 18px;color:#657a80}.pv-simulator .solar-upload>small{font-size:10px;line-height:1.6;margin-top:15px;color:#71848a}.flow-upload-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:100px;border:1.5px dashed #92ae6a;border-radius:10px;background:#f4f8ed;cursor:pointer;font-size:14px;font-weight:650;text-align:center;padding:15px}.flow-upload-button svg{width:30px;height:30px;flex-shrink:0}.pv-simulator .flow-file-input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%)}.flow-upload-button:has(+input:focus-visible){outline:3px solid #49778e;outline-offset:4px}.pv-simulator #expert-reading{background:none;border:0;padding:8px 0;margin-top:0;font-size:12px;text-decoration:underline;min-height:36px;justify-content:flex-start;color:#365d68}.pv-simulator .solar-details{padding:16px 0;margin:16px 0;border-top:1px solid #d8e1da;font-size:13px}.pv-simulator .solar-details>summary{font-size:13px;line-height:1.6;min-height:24px}.pv-simulator .solar-fields{gap:17px;margin:20px 0}.pv-simulator .solar-confirm{font-size:12px;line-height:1.6;margin-top:18px}.pv-simulator .solar-confirm input{width:17px;height:17px}.pv-simulator[data-entry="appliances"] #flow-manual{display:none}.pv-simulator[data-entry="appliances"] [data-panel="1"]>.solar-actions>#calculate{display:none}.pv-simulator .journey-appliance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pv-simulator .journey-appliance-grid button{min-height:108px;background:white;border-radius:10px;gap:8px}.pv-simulator .journey-appliance-grid button[aria-pressed=true]{background:#eef5e3}.pv-simulator .journey-appliance-row{background:white;padding:15px;border-radius:10px}.pv-simulator .journey-consumption{border-radius:10px;background:#123b4c;padding:21px}.pv-simulator #journey-use-appliances{width:100%}.pv-simulator #journey-appliance-panel>h3{font-size:22px;letter-spacing:-.5px}.pv-simulator #journey-appliance-panel>p{font-size:13px}.pv-simulator .solar-callout{font-size:13px;border-radius:10px;background:#edf2ef}.pv-simulator .solar-result-heading h2{font-size:31px;letter-spacing:-1px}.pv-simulator .solar-result-heading p{font-size:12px;margin-top:8px}.pv-simulator[data-current-step="2"]{padding-top:25px}.pv-simulator[data-current-step="2"] .flow-shell{display:block;max-width:1040px}.pv-simulator[data-current-step="2"] .flow-visual{display:none}.pv-simulator[data-current-step="2"] .solar-steps{max-width:610px;margin-bottom:25px}.pv-simulator[data-current-step="2"] .solar-panel{padding:0;background:none}.pv-simulator .journey-chart-card{border:0;background:#fff;border-radius:12px}.pv-simulator .journey-gain{border:0;border-radius:12px;background:#eaf3df}.pv-simulator .journey-result-cta{border-radius:12px}.pv-simulator #solar-contact{margin-top:42px;padding-top:30px;border-top:1px solid #d4ded8}.pv-simulator #solar-contact>h2{font-size:31px;letter-spacing:-1px}.pv-simulator #solar-contact>p{font-size:14px}.pv-simulator .solar-metrics{margin-top:18px}.pv-simulator .solar-metric{background:white}.pv-simulator .battery-results .battery-card{background:white}.pv-simulator .battery-chart{background:white;border:0}.pv-simulator .battery-goal{border:0}.pv-simulator .battery-intent-links{display:none}.pv-simulator .solar-contact .pv-form{max-width:680px}.pv-simulator .solar-error{font-size:13px;border:1px solid #edc8b3;background:#fff2e9;border-radius:9px}.site-public:has(.pv-simulator) .pv-footer{margin-top:0}.pv-simulator .solar-panel h1:focus,.pv-simulator .solar-panel h2:focus{outline:none}.pv-simulator .flow-intent a:focus-visible,.pv-simulator .flow-context button:focus-visible{outline:3px solid #537d91;outline-offset:3px}
@media(max-width:1099px){.flow-shell{grid-template-columns:minmax(0,1.1fr) minmax(270px,.8fr);gap:28px}.pv-simulator{padding:24px 24px 70px}.flow-visual{top:96px;min-height:600px}.flow-visual-copy{inset-inline:23px}.flow-visual-copy>span{font-size:27px}.pv-simulator .solar-profiles>button,.pv-simulator .solar-profiles>button[aria-pressed=true]{padding:13px 11px;gap:8px}.pv-simulator .solar-profiles small{font-size:10px}.pv-simulator .solar-profiles strong{font-size:13px}.pv-simulator .solar-profiles>button>svg{width:23px}.pv-simulator .flow-phone{font-size:10px}}
@media(max-width:760px){.pv-simulator{padding:0 0 70px;background:#f8f9f6}.flow-shell{display:flex;flex-direction:column;gap:0}.pv-simulator .solar-workspace{padding:20px 20px 0}.flow-visual{position:relative;order:-1;top:auto;height:130px;min-height:130px;width:100%;max-height:none;border-radius:0}.flow-visual>img{object-position:center 47%}.flow-visual:after{background:linear-gradient(90deg,#102f3eaa,#102f3e11)}.flow-visual-copy{inset-inline:20px;bottom:25px}.flow-visual-copy>span{font-size:25px;max-width:230px;font-weight:650;letter-spacing:-.6px}.flow-visual-copy>p,.flow-visual-copy>a{display:none}.flow-visual>small{bottom:7px;inset-inline:20px;font-size:8px}.pv-simulator .solar-steps{margin:0 0 23px;gap:15px}.pv-simulator .solar-steps button{font-size:10px;padding:4px 0 11px;min-height:31px}.pv-simulator .solar-steps b{display:none}.pv-simulator .solar-panel>h1{font-size:31px;letter-spacing:-1px;line-height:1.14;margin-bottom:12px}.pv-simulator .flow-intro-copy{font-size:13px;line-height:1.6;margin-bottom:17px}.flow-context{padding:9px 0;margin-bottom:18px;font-size:12px}.flow-context strong{font-size:14px}.flow-context button{font-size:11px}.pv-simulator .solar-profiles{gap:9px;margin:18px 0}.pv-simulator .solar-profiles>button,.pv-simulator .solar-profiles>button[aria-pressed=true]{min-height:78px;gap:9px;padding:12px 10px;border-radius:9px}.pv-simulator .solar-profiles>button>svg{width:23px;height:23px}.pv-simulator .solar-profiles strong{font-size:13px}.pv-simulator .solar-profiles small{font-size:9px}.pv-simulator .flow-selection{width:12px;height:12px}.flow-goal>span{font-size:11px;margin-bottom:9px}.flow-intent{gap:9px;margin-bottom:18px}.flow-intent a{min-height:74px;padding:13px 12px}.flow-intent strong{font-size:12px}.flow-intent small{font-size:10px}.pv-simulator .solar-field{font-size:12px}.pv-simulator .solar-actions{gap:10px;margin-top:20px}.pv-simulator [data-panel="0"]>.solar-actions>.solar-primary{width:100%}.pv-simulator .flow-phone{font-size:11px;display:block;text-align:center;width:100%;min-height:30px}.pv-simulator[data-current-step="1"] .flow-visual{display:none}.pv-simulator [data-panel="1"]>h2{font-size:29px;letter-spacing:-.8px;margin-bottom:18px}.pv-simulator .solar-upload{padding:19px;margin-top:16px}.flow-upload-button{font-size:13px;min-height:95px}.pv-simulator .solar-upload strong{font-size:18px}.pv-simulator .journey-method button{font-size:12px;min-height:50px}.pv-simulator .solar-fields{grid-template-columns:1fr}.pv-simulator .journey-appliance-grid button{font-size:11px;min-height:103px}.pv-simulator .solar-panel>p{font-size:13px}.pv-simulator[data-current-step="2"]{padding-top:0}.pv-simulator[data-current-step="2"] .solar-workspace{padding-inline:16px}.pv-simulator .solar-result-heading h2{font-size:28px}.pv-simulator .solar-result-heading button{font-size:11px}.pv-simulator #solar-contact>h2{font-size:27px}.pv-simulator #solar-contact{margin-top:28px}.pv-simulator .solar-panel{margin-bottom:22px}.pv-simulator .flow-manual{margin-top:12px}.pv-simulator .solar-details>summary{font-size:12px}.pv-simulator .journey-legend{font-size:10px}.pv-simulator .solar-metric{border:0;border-radius:9px}}
@media(max-width:350px){.pv-simulator .solar-workspace{padding-inline:16px}.flow-visual{height:110px;min-height:110px}.pv-simulator .solar-profiles>button>svg{display:none}.pv-simulator .solar-panel>h1{font-size:28px}.flow-intent strong{font-size:11px}.flow-intent small{font-size:9px}.pv-simulator .solar-profiles strong{font-size:12px}}
[dir=rtl] .pv-simulator .solar-panel>h1{letter-spacing:0;line-height:1.5}[dir=rtl] .flow-visual-copy>span{letter-spacing:0;line-height:1.5}[dir=rtl] .flow-visual:after{background:linear-gradient(180deg,#102f3e00 25%,#102f3e44 50%,#102f3ef5)}[dir=rtl] .pv-simulator .solar-steps b{margin-inline-end:7px;margin-inline-start:0}[dir=rtl] .flow-intent strong{line-height:1.6}@media(max-width:760px){[dir=rtl] .flow-visual:after{background:linear-gradient(270deg,#102f3eaa,#102f3e11)}[dir=rtl] .pv-simulator .solar-panel>h1{font-size:28px}[dir=rtl] .flow-visual-copy>span{font-size:23px}}
@media print{.flow-visual,.pv-header-clear,.flow-goal,.flow-context,.flow-intro-copy{display:none!important}.flow-shell{display:block}.pv-simulator{padding:0;background:white}.pv-simulator .solar-workspace{padding:0}}

.pv-simulator .solar-steps,.pv-simulator #solar-contact,.pv-simulator #flow-manual{scroll-margin-top:96px}