/* Solar thermal collectors service page */
.sgcollect-page{--sg-navy:#082B42;--sg-gold:#FFBD2E;--sg-teal:#00ADA5;--sg-light:#F4F8FA}
.sgcollect-hero{background:radial-gradient(ellipse at 17% 13%,#155C71,#082B42 61%,#061E2C)}
.sgcollect-hero .sgrepair-hero__primary{width:69%;height:424px}
.sgcollect-hero .sgrepair-hero__secondary{width:43%;height:256px;top:187px}
.sgcollect-faults{background:linear-gradient(135deg,#EEF8F9,#E7F6F3)}
.sgcollect-faults__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sgcollect-fault,.sgcollect-scope__card{min-width:0;border-radius:19px;overflow:hidden;background:white;border:1px solid #DAE9EB;box-shadow:0 11px 31px #082B4210;transition:transform .24s,border-color .24s,box-shadow .24s;cursor:pointer}
.sgcollect-fault:hover,.sgcollect-scope__card:hover{transform:translateY(-6px);border-color:#00ADA5;box-shadow:0 22px 46px #082B4224}
.sgcollect-fault.is-selected,.sgcollect-scope__card.is-selected{border-color:#00ADA5;background:#F0FFFB;box-shadow:0 17px 39px #00ADA528}
.sgcollect-fault__photo,.sgcollect-scope__image{height:182px;position:relative;overflow:hidden;background:#E1EEF0}
.sgcollect-fault__photo img,.sgcollect-scope__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.sgcollect-fault:hover img,.sgcollect-scope__card:hover img{transform:scale(1.055)}
.sgcollect-fault__photo>span,.sgcollect-scope__image>span{display:grid;place-items:center;position:absolute;right:14px;bottom:13px;width:42px;height:42px;border-radius:12px;background:#FFBD2E;color:#082B42;font-size:25px}
.sgcollect-fault__body,.sgcollect-scope__body{min-height:211px;display:flex;flex-direction:column;padding:21px 18px}
.sgcollect-fault__body h3,.sgcollect-scope__body h3{font-size:21px;font-weight:900;letter-spacing:-.025em;line-height:1.3}
.sgcollect-fault__body p,.sgcollect-scope__body p{font-size:13px;color:#526C79;line-height:1.78;margin:10px 0 16px;flex:1}
.sgcollect-fault__button,.sgcollect-scope__button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #C6E8E2;background:#E4F8F3;color:#007871;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:850;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.sgcollect-fault__button:hover,.sgcollect-scope__button:hover{background:#D4F3EC}
.sgcollect-fault__button[aria-pressed=true],.sgcollect-scope__button[aria-pressed=true]{background:#082B42;border-color:#082B42;color:white}
.sgcollect-fault__button[aria-pressed=true]:hover,.sgcollect-scope__button[aria-pressed=true]:hover{background:#12516B}
.sgcollect-fault__button:active,.sgcollect-scope__button:active{transform:scale(.98)}
.sgcollect-fault__button span,.sgcollect-scope__button span{font-size:19px;transition:transform .2s}
.sgcollect-fault:hover .sgcollect-fault__button span,.sgcollect-scope__card:hover .sgcollect-scope__button span{transform:translateX(-4px)}
.sgcollect-result{display:flex;align-items:center;gap:18px;margin-top:22px;background:#082B42;border:1px solid #082B42;color:white;border-radius:19px;padding:23px 25px;box-shadow:0 14px 35px #082B4226;transition:background .25s,box-shadow .25s}
.sgcollect-result.is-updated{background:#07576A;box-shadow:0 17px 40px #00ADA526}
.sgcollect-result__icon{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#FFBD2E;color:#082B42;display:grid;place-items:center;font-size:28px}
.sgcollect-result>div{flex:1;min-width:0}
.sgcollect-result__eyebrow{font-size:12px;color:#FFCC6A;font-weight:850}
.sgcollect-result h3{font-size:22px;line-height:1.3;margin:4px 0}
.sgcollect-result p{font-size:14px;line-height:1.76;color:#DEEBEF}
.sgcollect-result>a{white-space:nowrap;font-size:12px;font-weight:850;border:1px solid #FFFFFF94;color:white;border-radius:10px;padding:12px 15px;transition:transform .2s,background .2s}
.sgcollect-result>a:hover{background:#FFFFFF22;transform:translateY(-3px)}
.sgcollect-result--light{background:#F6FAFA;color:#082B42;border-color:#D6E7E9}
.sgcollect-result--light .sgcollect-result__eyebrow{color:#00877E}
.sgcollect-result--light p{color:#526C79}
.sgcollect-result--light>a{background:#082B42}
.sgcollect-result--light.is-updated{background:#E0F8F3}
.sgcollect-how{background:white;padding:104px 0}
.sgcollect-how__layout,.sgcollect-decision__layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}
.sgcollect-how__image,.sgcollect-decision__image{position:relative;height:564px;border-radius:22px 84px 22px 22px;overflow:hidden;box-shadow:0 22px 54px #082B4227}
.sgcollect-how__image img,.sgcollect-decision__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.sgcollect-how__image:hover img,.sgcollect-decision__image:hover img{transform:scale(1.045)}
.sgcollect-how__image>span,.sgcollect-decision__image>span{position:absolute;left:20px;bottom:20px;border-radius:10px;padding:12px 16px;background:#082B42DA;color:white;font-size:13px;font-weight:850}
.sgcollect-how__copy>p:not(.sgroyal-index),.sgcollect-decision__copy>p:not(.sgroyal-index){font-size:16px;line-height:1.9;color:#526C79;margin:18px 0 25px}
.sgcollect-how__steps{display:grid;gap:9px}
.sgcollect-how__steps article,.sgcollect-decision__cards article{display:flex;align-items:flex-start;gap:13px;padding:16px;border:1px solid #DCE8E9;border-radius:13px;background:#F4F9FA;transition:transform .2s,border-color .2s}
.sgcollect-how__steps article:hover,.sgcollect-decision__cards article:hover{transform:translateX(-3px);border-color:#00ADA5}
.sgcollect-how__steps article>span,.sgcollect-decision__cards article>span{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#E1F8F4;color:#00847C;font-size:24px}
.sgcollect-how__steps h3,.sgcollect-decision__cards h3{font-size:17px;font-weight:850}
.sgcollect-how__steps p,.sgcollect-decision__cards p{font-size:13px;color:#526C79;line-height:1.76;margin-top:5px}
.sgcollect-choices{background:#F4F8FA}
.sgcollect-choices__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sgcollect-choice{text-align:right;min-width:0;min-height:272px;padding:26px 24px;background:white;border:1px solid #D8E7EA;border-radius:19px;box-shadow:0 11px 29px #082B420D;color:#082B42;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:transform .24s,border-color .24s,background .24s,box-shadow .24s}
.sgcollect-choice:hover{transform:translateY(-6px);border-color:#00ADA5;box-shadow:0 20px 41px #082B4220}
.sgcollect-choice.is-selected{background:#082B42;color:white;border-color:#00ADA5}
.sgcollect-choice>span{width:49px;height:49px;background:#E0F8F3;color:#00867D;display:grid;place-items:center;border-radius:13px;font-size:27px;margin-bottom:23px}
.sgcollect-choice.is-selected>span{background:#FFBD2E;color:#082B42}
.sgcollect-choice strong{font-size:21px;font-weight:900}
.sgcollect-choice small{font-size:14px;color:#526C79;line-height:1.73;margin-top:11px}
.sgcollect-choice.is-selected small{color:#D9E8EF}
.sgcollect-choice>b{display:flex;justify-content:space-between;width:100%;font-size:12px;color:#008780;margin-top:auto;border-top:1px solid #DEE9EC;padding-top:13px}
.sgcollect-choice.is-selected>b{color:#FFCD65;border-color:#FFFFFF50}
.sgcollect-issues{background:white}
.sgcollect-issues__grid,.sgcollect-roof__grid,.sgcollect-pricing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sgcollect-issues__grid article,.sgcollect-roof__grid article,.sgcollect-pricing__grid article{background:#F4F8FA;padding:25px 21px;min-height:250px;border:1px solid #DBE8EB;border-radius:17px;transition:transform .23s,border-color .23s,box-shadow .23s}
.sgcollect-issues__grid article:first-child,.sgcollect-roof__grid article:first-child{background:#082B42;color:white;border-color:#082B42}
.sgcollect-issues__grid article:hover,.sgcollect-roof__grid article:hover,.sgcollect-pricing__grid article:hover{transform:translateY(-5px);border-color:#00ADA5;box-shadow:0 17px 36px #082B421D}
.sgcollect-issues__grid article>span,.sgcollect-roof__grid article>span,.sgcollect-pricing__grid article>span{width:45px;height:45px;display:grid;place-items:center;background:#E0F7F2;color:#00847C;border-radius:12px;font-size:26px;margin-bottom:18px}
.sgcollect-issues__grid article:first-child>span,.sgcollect-roof__grid article:first-child>span{background:#FFBD2E;color:#082B42}
.sgcollect-issues__grid h3,.sgcollect-roof__grid h3,.sgcollect-pricing__grid h3{font-size:19px;font-weight:850;line-height:1.3}
.sgcollect-issues__grid p,.sgcollect-roof__grid p,.sgcollect-pricing__grid p{font-size:13px;line-height:1.75;color:#526C79;margin-top:11px}
.sgcollect-issues__grid article:first-child p,.sgcollect-roof__grid article:first-child p{color:#DBE9EE}
.sgcollect-issues__safety{display:flex;align-items:center;gap:13px;padding:17px 20px;background:#FFF7E2;border-inline-start:4px solid #FFBD2E;border-radius:11px;margin-top:24px}
.sgcollect-issues__safety>span{font-size:27px}
.sgcollect-issues__safety p{font-size:14px;line-height:1.75;color:#526C79}
.sgcollect-decision{background:#F4F8FA;padding:105px 0}
.sgcollect-decision__layout{grid-template-columns:1.08fr .92fr}
.sgcollect-decision__cards{display:grid;gap:9px;margin-bottom:26px}
.sgcollect-decision__cards article{background:white}
.sgcollect-scope{background:white}
.sgcollect-scope__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sgcollect-scope__image{height:259px}
.sgcollect-scope__body{min-height:193px;padding:22px 24px}
.sgcollect-scope__body h3{font-size:23px}
.sgcollect-roof{background:#F4F8FA}
.sgcollect-pricing{background:white}
.sgcollect-local{background:radial-gradient(circle at 12% 18%,#155F74,#082B42 63%,#061F2D);color:white;padding:104px 0}
.sgcollect-local__layout{display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}
.sgcollect-local .sgroyal-index{color:#FFBD2E}
.sgcollect-local__layout>div:first-child>p:not(.sgroyal-index){font-size:17px;line-height:1.9;color:#D5E8EF;margin:20px 0 25px}
.sgcollect-local__links{background:#FFFFFFF4;border:1px solid white;border-radius:19px;padding:29px;box-shadow:0 23px 54px #0018277A}
.sgcollect-local__links>span{font-size:13px;color:#00847A;font-weight:850}
.sgcollect-local__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#082B42;background:#F3F9F8;border:1px solid #DEEBE9;border-radius:11px;padding:15px;margin-top:11px;font-size:14px;font-weight:850;transition:transform .2s,background .2s}
.sgcollect-local__links a:hover{transform:translateX(-3px);background:#E0F7F2}
.sgcollect-local__links b{color:#008B82;font-size:19px}
.sgcollect-faq{background:#F4F8FA}
.sgcollect-faq__layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:65px}
.sgcollect-faq__layout>div:first-child>p:not(.sgroyal-index){font-size:16px;line-height:1.8;color:#526C79;margin-top:19px}
.sgcollect-faq__items details{border-bottom:1px solid #D8E6E9}
.sgcollect-faq__items details:first-child{border-top:1px solid #D8E6E9}
.sgcollect-faq__items summary{display:flex;align-items:center;gap:13px;padding:21px 4px;list-style:none;cursor:pointer;font-size:17px;font-weight:850;border-radius:9px;transition:background .22s,color .22s}
.sgcollect-faq__items summary::-webkit-details-marker{display:none}
.sgcollect-faq__items summary:hover,.sgcollect-faq__items details[open] summary{color:#007F77;background:#EAF8F5}
.sgcollect-faq__items summary b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;margin-inline-start:auto;background:#DEF6F1;color:#00867F;font-size:22px;font-weight:500;transition:transform .24s,background .24s}
.sgcollect-faq__items details[open] summary b{transform:rotate(45deg);background:#00ADA5;color:white}
.sgcollect-faq__items details>p{color:#526C79;font-size:14px;line-height:1.82;padding:0 15px 21px 27px}
@supports selector(details::details-content){.sgcollect-faq__items details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .3s,opacity .3s,content-visibility .3s}.sgcollect-faq__items details[open]::details-content{block-size:auto;opacity:1}}
.sgcollect-final{background:radial-gradient(circle at 14% 20%,#147087,transparent 37%),#082B42;color:white;padding:82px 0}
.sgcollect-final__layout{display:flex;align-items:center;justify-content:space-between;gap:54px}
.sgcollect-final__layout>div:first-child{max-width:760px}
.sgcollect-final__layout>div:first-child>p{font-size:13px;color:#FFCA65;font-weight:850;margin-bottom:12px}
.sgcollect-final h2{font-size:clamp(35px,4vw,58px);line-height:1.19}
.sgcollect-final__layout>div:first-child>span{display:block;font-size:17px;line-height:1.78;color:#DCE8EF;margin-top:18px}
.sgcollect-final__buttons{flex:none;display:flex;flex-direction:column;gap:12px}
@media(max-width:1100px){.sgcollect-faults__grid,.sgcollect-issues__grid,.sgcollect-roof__grid,.sgcollect-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgcollect-how__layout,.sgcollect-decision__layout{gap:38px}}
@media(max-width:850px){.sgcollect-how__layout,.sgcollect-decision__layout,.sgcollect-local__layout,.sgcollect-faq__layout{grid-template-columns:1fr;gap:37px}.sgcollect-how__image,.sgcollect-decision__image{height:385px}.sgcollect-final__layout{flex-direction:column;align-items:flex-start}.sgcollect-final__buttons{flex-direction:row}}
@media(max-width:560px){
 .sgcollect-page{overflow-x:clip}
 .sgcollect-hero .sgrepair-hero__primary{height:210px;width:65%}
 .sgcollect-hero .sgrepair-hero__secondary{height:130px;width:43%;top:97px}
 .sgcollect-faults__grid,.sgcollect-issues__grid,.sgcollect-roof__grid,.sgcollect-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sgcollect-fault{border-radius:13px}
 .sgcollect-fault__photo{height:119px}.sgcollect-fault__photo>span{width:31px;height:31px;font-size:19px;bottom:7px;right:7px}
 .sgcollect-fault__body{min-height:205px;padding:13px 11px}
 .sgcollect-fault__body h3{font-size:16px}.sgcollect-fault__body p{font-size:11px;line-height:1.62}
 .sgcollect-fault__button{font-size:10px;padding:9px 7px;gap:4px}
 .sgcollect-result{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:16px 13px}
 .sgcollect-result__icon{flex:0 0 39px;width:39px;height:39px;font-size:21px}
 .sgcollect-result>div{flex-basis:calc(100% - 50px)}
 .sgcollect-result h3{font-size:18px}.sgcollect-result p{font-size:12px}
 .sgcollect-result>a{font-size:11px;padding:9px 11px;margin-inline-start:auto}
 .sgcollect-how,.sgcollect-decision{padding:69px 0}
 .sgcollect-how__image,.sgcollect-decision__image{height:268px;border-radius:15px 44px 15px 15px}
 .sgcollect-how__copy>p:not(.sgroyal-index),.sgcollect-decision__copy>p:not(.sgroyal-index){font-size:14px}
 .sgcollect-how__steps article,.sgcollect-decision__cards article{padding:13px;gap:9px}
 .sgcollect-how__steps article>span,.sgcollect-decision__cards article>span{flex-basis:33px;width:33px;height:33px;font-size:20px}
 .sgcollect-how__steps h3,.sgcollect-decision__cards h3{font-size:15px}
 .sgcollect-how__steps p,.sgcollect-decision__cards p{font-size:12px}
 .sgcollect-choices__grid{grid-template-columns:1fr;gap:10px}
 .sgcollect-choice{min-height:0;padding:16px;display:grid;grid-template-columns:42px 1fr;gap:3px 12px}
 .sgcollect-choice>span{width:40px;height:40px;font-size:22px;grid-row:span 3;margin:0}
 .sgcollect-choice strong{font-size:17px}.sgcollect-choice small{font-size:12px;margin:2px 0}
 .sgcollect-choice>b{font-size:11px;margin-top:6px;padding-top:7px}
 .sgcollect-issues__grid article,.sgcollect-roof__grid article,.sgcollect-pricing__grid article{min-height:246px;padding:16px 12px}
 .sgcollect-issues__grid article>span,.sgcollect-roof__grid article>span,.sgcollect-pricing__grid article>span{width:36px;height:36px;font-size:21px;margin-bottom:12px}
 .sgcollect-issues__grid h3,.sgcollect-roof__grid h3,.sgcollect-pricing__grid h3{font-size:16px}
 .sgcollect-issues__grid p,.sgcollect-roof__grid p,.sgcollect-pricing__grid p{font-size:11px;line-height:1.66}
 .sgcollect-issues__safety{padding:13px;gap:9px}.sgcollect-issues__safety p{font-size:12px}
 .sgcollect-scope__grid{gap:9px}
 .sgcollect-scope__image{height:137px}.sgcollect-scope__image>span{width:31px;height:31px;font-size:20px;bottom:7px;right:7px}
 .sgcollect-scope__body{padding:13px 11px;min-height:216px}
 .sgcollect-scope__body h3{font-size:17px}.sgcollect-scope__body p{font-size:11px;line-height:1.63}
 .sgcollect-scope__button{font-size:10px;padding:9px 7px;gap:3px}
 .sgcollect-local{padding:70px 0}.sgcollect-local__layout>div:first-child>p:not(.sgroyal-index){font-size:14px}
 .sgcollect-local__links{padding:18px}.sgcollect-local__links a{font-size:12px;padding:12px}
 .sgcollect-faq__items summary{font-size:14px;padding:18px 3px}.sgcollect-faq__items details>p{font-size:13px}
 .sgcollect-final{padding:67px 0}.sgcollect-final__layout>div:first-child>span{font-size:14px}
 .sgcollect-final__buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){.sgcollect-page *,.sgcollect-page *:before,.sgcollect-page *:after{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}}