/* SOLAR GEDERA electric water-heater installation, page 36. */
.sgei-page{--sg-ink:#082B42;--sg-sun:#FFBD2E;--sg-green:#00ADA5}
.sgei-hero{background:radial-gradient(ellipse at 13% 16%,#145B70,#082B42 61%,#061D2B)}
.sgei-hero .sgrepair-hero__primary{width:69%;height:415px}
.sgei-hero .sgrepair-hero__secondary{height:255px;width:42%;top:190px}
.sgei-volume{background:linear-gradient(148deg,#EEF8F9,#E8F7F4)}
.sgei-types{background:#fff}
.sgei-types__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sgei-type{min-width:0;background:#fff;border:1px solid #DDE9EC;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #082B4210;transition:transform .26s,box-shadow .26s,border-color .26s;cursor:pointer}
.sgei-type:hover{transform:translateY(-6px);border-color:#00ADA5;box-shadow:0 23px 49px #082B4223}
.sgei-type.is-selected{background:#F0FFFC;border-color:#00ADA5;box-shadow:0 19px 42px #00ADA524}
.sgei-type__image{height:225px;position:relative;overflow:hidden;background:#E8F2F3}
.sgei-type__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.sgei-type:hover .sgei-type__image img{transform:scale(1.06)}
.sgei-type__image span{display:grid;place-items:center;position:absolute;right:16px;bottom:14px;background:#FFBD2E;color:#082B42;width:42px;height:42px;border-radius:12px;font-size:25px;box-shadow:0 7px 20px #082B4244}
.sgei-type__body{min-height:235px;display:flex;flex-direction:column;padding:22px 23px 25px}
.sgei-type__body h3{font-size:23px;font-weight:900;line-height:1.27;letter-spacing:-.025em}
.sgei-type__body p{font-size:14px;line-height:1.8;color:#526C79;margin:10px 0 21px;flex:1}
.sgei-type__choose{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#E4F7F3;color:#007A72;border:1px solid #C9E9E4;border-radius:11px;padding:12px 14px;width:100%;cursor:pointer;font-weight:850;font-size:13px;transition:background .2s,color .2s,transform .2s}
.sgei-type__choose[aria-pressed=true]{background:#082B42;color:#fff;border-color:#082B42}
.sgei-type__choose:hover{background:#D5F4EE}
.sgei-type__choose[aria-pressed=true]:hover{background:#104C61}
.sgei-type__choose:active{transform:scale(.98)}
.sgei-type__choose>span{font-size:18px;transition:transform .2s}
.sgei-type:hover .sgei-type__choose>span{transform:translateX(-4px)}
.sgei-result--dark{background:#082B42;color:#fff;border-color:#082B42}
.sgei-result--dark p{color:#D9E8EF}
.sgei-result--dark .sgelec-result__label{color:#FFCC61}
.sgei-result--dark.is-updated{background:#09546A}
.sgei-result--dark>a{border:1px solid #FFFFFF8B}
.sgei-fit{padding:106px 0;background:#F4F8FA}
.sgei-fit__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}
.sgei-fit__image{height:595px;border-radius:22px 82px 22px 22px;overflow:hidden;position:relative;box-shadow:0 23px 58px #082B4228}
.sgei-fit__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sgei-fit__image:hover img{transform:scale(1.05)}
.sgei-fit__image>span{position:absolute;bottom:22px;left:21px;padding:12px 16px;border-radius:11px;background:#082B42DF;color:#fff;font-size:13px;font-weight:850}
.sgei-fit__copy>p:not(.sgroyal-index){font-size:16px;line-height:1.94;color:#526C79;margin:19px 0 24px}
.sgei-fit__rows{display:grid;gap:9px}
.sgei-fit__rows article{display:flex;gap:13px;align-items:flex-start;padding:16px;background:#fff;border:1px solid #DCE8E9;border-radius:14px;transition:transform .22s,border-color .22s}
.sgei-fit__rows article:hover{transform:translateX(-4px);border-color:#00ADA5}
.sgei-fit__rows article>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:#E0F6F2;color:#00867E;font-size:24px}
.sgei-fit__rows h3{font-size:17px;font-weight:850}
.sgei-fit__rows p{font-size:13px;line-height:1.75;color:#526C79;margin-top:4px}
.sgei-process{background:#fff}
.sgei-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sgei-process__grid article{min-height:266px;border:1px solid #DCE9EC;background:#F4F8FA;border-radius:19px;padding:26px 22px;box-shadow:0 10px 29px #082B4209;transition:transform .24s,box-shadow .24s,border-color .24s}
.sgei-process__grid article:first-child{background:#082B42;color:#fff;border-color:#082B42}
.sgei-process__grid article:hover{transform:translateY(-5px);border-color:#00ADA5;box-shadow:0 20px 41px #082B421B}
.sgei-process__grid article>span{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#E0F6F1;color:#00837B;font-size:26px;margin-bottom:20px}
.sgei-process__grid article:first-child>span{background:#FFBD2E;color:#082B42}
.sgei-process__grid h3{font-size:20px;line-height:1.3;font-weight:850}
.sgei-process__grid p{font-size:13px;line-height:1.8;color:#526C79;margin-top:13px}
.sgei-process__grid article:first-child p{color:#D8E9EE}
.sgei-pricing{background:linear-gradient(150deg,#EAF5F7,#F4F8FA)}
.sgei-pricing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sgei-pricing__grid article{min-height:242px;padding:26px 22px;background:#fff;border:1px solid #D7E5E9;border-radius:18px;box-shadow:0 11px 29px #082B420D;transition:transform .22s,border-color .22s}
.sgei-pricing__grid article:hover{transform:translateY(-5px);border-color:#00ADA5}
.sgei-pricing__grid article>span{display:grid;place-items:center;width:45px;height:45px;background:#FFF1D0;color:#9E7009;border-radius:13px;font-size:25px;margin-bottom:18px}
.sgei-pricing__grid h3{font-size:19px;font-weight:850}
.sgei-pricing__grid p{font-size:13px;color:#526C79;line-height:1.78;margin-top:11px}
.sgei-pricing__note{background:#fff;border-inline-start:4px solid #FFBD2E;border-radius:10px;padding:16px 19px;margin-top:24px!important;font-size:14px;color:#526C79}
.sgei-local{background:radial-gradient(circle at 12% 18%,#156579,#082B42 63%,#061E2E);color:#fff;padding:105px 0}
.sgei-local__layout{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}
.sgei-local .sgroyal-index{color:#FFBD2E}
.sgei-local__layout>div:first-child>p:not(.sgroyal-index){color:#D7E8EE;font-size:17px;line-height:1.94;margin:22px 0 27px}
.sgei-local__links{background:#FFFFFFF4;border:1px solid #fff;border-radius:19px;padding:28px;box-shadow:0 22px 54px #00182785}
.sgei-local__links>span{font-size:13px;color:#007D77;font-weight:850}
.sgei-local__links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#F3F9F8;border:1px solid #DFEBE9;border-radius:11px;padding:17px 15px;color:#082B42;font-size:15px;font-weight:800;margin-top:12px;transition:transform .22s,background .22s}
.sgei-local__links>a:hover{transform:translateX(-4px);background:#E4F8F4}
.sgei-local__links>a b{font-size:20px;color:#008C82}
.sgei-faq{background:#fff}
.sgei-faq__layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:65px}
.sgei-faq__layout>div:first-child>p:not(.sgroyal-index){color:#526C79;font-size:16px;line-height:1.85;margin-top:18px}
.sgei-faq__items details{border-bottom:1px solid #D7E6E9}
.sgei-faq__items details:first-child{border-top:1px solid #D7E6E9}
.sgei-faq__items summary{list-style:none;display:flex;align-items:center;gap:14px;padding:21px 4px;cursor:pointer;font-size:17px;font-weight:850;transition:background .22s,color .22s;border-radius:9px}
.sgei-faq__items summary::-webkit-details-marker{display:none}
.sgei-faq__items summary:hover,.sgei-faq__items details[open] summary{color:#007D77;background:#F0FAF8}
.sgei-faq__items summary b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;margin-inline-start:auto;background:#E2F7F3;color:#008C82;font-size:22px;font-weight:500;border-radius:50%;transition:transform .25s,background .25s,color .25s}
.sgei-faq__items details[open] summary b{transform:rotate(45deg);background:#00ADA5;color:#fff}
.sgei-faq__items details>p{color:#526C79;font-size:14px;line-height:1.82;padding:0 17px 22px 28px}
@supports selector(details::details-content){.sgei-faq__items details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .3s,opacity .3s,content-visibility .3s}.sgei-faq__items details[open]::details-content{block-size:auto;opacity:1}}
.sgei-final{background:radial-gradient(circle at 13% 18%,#176C80,transparent 38%),#082B42;color:#fff;padding:82px 0}
.sgei-final__layout{display:flex;justify-content:space-between;align-items:center;gap:55px}
.sgei-final__layout>div:first-child{max-width:760px}
.sgei-final__layout>div:first-child>p{font-size:13px;color:#FFCB64;font-weight:850;margin-bottom:12px}
.sgei-final h2{font-size:clamp(34px,4vw,57px);line-height:1.19}
.sgei-final__layout>div:first-child>span{display:block;color:#D8E8EC;font-size:17px;line-height:1.8;margin-top:15px}
.sgei-final__buttons{display:flex;flex-direction:column;gap:12px;flex:none}
@media(max-width:1100px){.sgei-process__grid,.sgei-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgei-fit__layout{gap:37px}}
@media(max-width:850px){.sgei-types__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgei-type:first-child{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr}.sgei-type:first-child .sgei-type__image{height:100%;min-height:280px;grid-column:2;grid-row:1}.sgei-type:first-child .sgei-type__body{grid-column:1;grid-row:1}.sgei-fit{padding:75px 0}.sgei-fit__layout,.sgei-local__layout,.sgei-faq__layout{grid-template-columns:1fr}.sgei-fit__image{height:375px}.sgei-final__layout{flex-direction:column;align-items:flex-start}.sgei-final__buttons{flex-direction:row}}
@media(max-width:560px){
 .sgei-page{overflow-x:clip}
 .sgei-hero .sgrepair-hero__primary{height:210px;width:65%}
 .sgei-hero .sgrepair-hero__secondary{height:134px;width:43%;top:96px}
 .sgei-types__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sgei-type{border-radius:13px}
 .sgei-type:first-child{grid-column:span 2;grid-template-columns:1fr 1fr}
 .sgei-type:first-child .sgei-type__image{min-height:226px;height:100%}
 .sgei-type:first-child .sgei-type__body{padding:15px}
 .sgei-type__image{height:134px}
 .sgei-type__image span{width:31px;height:31px;right:8px;bottom:8px;font-size:20px}
 .sgei-type__body{padding:14px 12px;min-height:216px}
 .sgei-type__body h3{font-size:17px}
 .sgei-type__body p{font-size:11px;line-height:1.62;margin:8px 0 12px}
 .sgei-type__choose{font-size:11px;padding:9px 7px;gap:4px}
 .sgei-type__choose>span{font-size:14px}
 .sgei-fit{padding:69px 0}.sgei-fit__image{height:274px;border-radius:15px 43px 15px 15px}
 .sgei-fit__image>span{left:12px;bottom:12px;padding:10px 12px;font-size:11px}
 .sgei-fit__copy>p:not(.sgroyal-index){font-size:14px}
 .sgei-fit__rows article{padding:13px;gap:9px}
 .sgei-fit__rows article>span{flex-basis:33px;width:33px;height:33px;font-size:20px}
 .sgei-fit__rows h3{font-size:15px}.sgei-fit__rows p{font-size:12px}
 .sgei-process__grid,.sgei-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sgei-process__grid article,.sgei-pricing__grid article{padding:17px 13px;min-height:232px}
 .sgei-process__grid article>span,.sgei-pricing__grid article>span{width:38px;height:38px;font-size:22px;margin-bottom:13px}
 .sgei-process__grid h3,.sgei-pricing__grid h3{font-size:16px}
 .sgei-process__grid p,.sgei-pricing__grid p{font-size:11px;line-height:1.67}
 .sgei-pricing__note{font-size:12px}
 .sgei-local{padding:67px 0}.sgei-local__layout>div:first-child>p:not(.sgroyal-index){font-size:14px}
 .sgei-local__links{padding:19px}.sgei-local__links>a{font-size:12px;padding:13px}
 .sgei-faq__items summary{font-size:14px;padding:18px 3px}.sgei-faq__items details>p{font-size:13px}
 .sgei-final{padding:68px 0}.sgei-final__layout>div:first-child>span{font-size:14px}
 .sgei-final__buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){.sgei-page *,.sgei-page *:before,.sgei-page *:after{transition:none!important;animation:none!important;transform:none!important;scroll-behavior:auto!important}}
