/* Electric repair page, shared cinematic design and interaction system. */
.sger-page{--sg-ink:#082B42;--sg-sun:#FFBD2E;--sg-teal:#00ADA5;--sg-cream:#F4F8FA}
.sger-hero{background:radial-gradient(ellipse at 16% 9%,#165C73,#082B42 60%,#061E2D)}
.sger-hero .sgrepair-hero__primary{width:69%;height:420px}
.sger-hero .sgrepair-hero__secondary{height:253px;top:184px;width:43%}
.sger-faults{background:linear-gradient(148deg,#ECF7F8,#F3F8FA)}
.sger-faults__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sger-fault{min-width:0;border:1px solid #DAE8EA;border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 12px 32px #082B4212;transition:transform .25s,border-color .25s,box-shadow .25s;cursor:pointer}
.sger-fault:hover{transform:translateY(-6px);border-color:#00ADA5;box-shadow:0 23px 48px #082B4225}
.sger-fault.is-selected{background:#F0FFFC;border-color:#00ADA5;box-shadow:0 22px 43px #00ADA527}
.sger-fault__photo{height:179px;overflow:hidden;position:relative;background:#E7F1F3}
.sger-fault__photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.sger-fault:hover .sger-fault__photo img{transform:scale(1.06)}
.sger-fault__photo>span{display:grid;place-items:center;position:absolute;right:14px;bottom:11px;width:41px;height:41px;background:#FFBD2E;border-radius:11px;color:#082B42;font-size:25px;box-shadow:0 6px 17px #082B4240}
.sger-fault__body{display:flex;flex-direction:column;padding:19px 17px 21px;min-height:212px}
.sger-fault__body h3{font-size:21px;font-weight:900;letter-spacing:-.03em;line-height:1.3}
.sger-fault__body p{font-size:13px;color:#526C79;line-height:1.7;margin:8px 0 17px;flex:1}
.sger-fault__button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#E8F7F4;border:1px solid #C7E8E4;color:#007771;border-radius:10px;padding:11px 12px;cursor:pointer;font-size:13px;font-weight:850;transition:background .2s,color .2s,transform .2s}
.sger-fault__button[aria-pressed=true]{background:#082B42;color:#fff;border-color:#082B42}
.sger-fault__button:hover{background:#D9F3EF}
.sger-fault__button[aria-pressed=true]:hover{background:#124A60}
.sger-fault__button:active{transform:scale(.98)}
.sger-fault__button span{font-size:19px;transition:transform .2s}
.sger-fault:hover .sger-fault__button span{transform:translateX(-4px)}
.sger-result{margin-top:22px;display:flex;gap:18px;align-items:center;padding:23px 26px;background:#082B42;color:#fff;border:1px solid #082B42;border-radius:19px;box-shadow:0 14px 36px #082B4227;transition:background .26s,box-shadow .26s}
.sger-result.is-updated{background:#07586B;box-shadow:0 20px 39px #00ADA525}
.sger-result__symbol{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#FFBD2E;color:#082B42;font-size:28px}
.sger-result>div{flex:1;min-width:0}
.sger-result__eyebrow{color:#FFCA61;font-size:12px;font-weight:850}
.sger-result h3{font-size:23px;line-height:1.3;margin:3px 0}
.sger-result p{font-size:14px;color:#DEEBEE;line-height:1.75}
.sger-result>a{color:#fff;border:1px solid #FFFFFF8A;border-radius:10px;padding:12px 17px;font-size:13px;font-weight:850;white-space:nowrap;transition:background .2s,transform .2s}
.sger-result>a:hover{background:#FFFFFF28;transform:translateY(-3px)}
.sger-parts{padding:107px 0;background:#fff}
.sger-parts__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:63px;align-items:center}
.sger-parts__image{height:585px;overflow:hidden;position:relative;border-radius:22px 83px 22px 22px;box-shadow:0 24px 57px #082B4225}
.sger-parts__image img{width:100%;height:100%;object-fit:cover;transition:transform .58s}
.sger-parts__image:hover img{transform:scale(1.05)}
.sger-parts__image>span{position:absolute;left:21px;bottom:21px;background:#082B42DD;color:#fff;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:850}
.sger-parts__copy>p:not(.sgroyal-index){color:#526C79;font-size:16px;line-height:1.9;margin:19px 0 25px}
.sger-parts__items{display:grid;gap:8px}
.sger-parts__items article{background:#F4F8FA;border:1px solid #DCE8EB;border-radius:13px;padding:15px;display:flex;align-items:flex-start;gap:13px;transition:transform .2s,border-color .2s}
.sger-parts__items article:hover{transform:translateX(-3px);border-color:#00ADA5}
.sger-parts__items article>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;background:#DFF7F2;color:#008980;border-radius:10px;font-size:24px}
.sger-parts__items h3{font-size:17px;font-weight:850}
.sger-parts__items p{font-size:13px;line-height:1.75;color:#526C79;margin-top:4px}
.sger-diagnosis{background:#F4F8FA}
.sger-diagnosis__grid,.sger-solutions__grid,.sger-pricing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.sger-diagnosis__grid article,.sger-solutions__grid article,.sger-pricing__grid article{padding:26px 22px;border:1px solid #DCE9EB;border-radius:18px;background:#fff;min-height:258px;box-shadow:0 10px 30px #082B420D;transition:transform .23s,border-color .23s,box-shadow .23s}
.sger-diagnosis__grid article:hover,.sger-solutions__grid article:hover,.sger-pricing__grid article:hover{transform:translateY(-5px);border-color:#00ADA5;box-shadow:0 19px 39px #082B421F}
.sger-diagnosis__grid article:first-child{background:#082B42;border-color:#082B42;color:#fff}
.sger-diagnosis__grid article>span,.sger-solutions__grid article>span,.sger-pricing__grid article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#E1F7F3;color:#008B81;font-size:26px;margin-bottom:19px}
.sger-diagnosis__grid article:first-child>span{background:#FFBD2E;color:#082B42}
.sger-diagnosis__grid h3,.sger-solutions__grid h3,.sger-pricing__grid h3{font-size:19px;font-weight:850;line-height:1.3}
.sger-diagnosis__grid p,.sger-solutions__grid p,.sger-pricing__grid p{font-size:13px;line-height:1.76;color:#526C79;margin-top:12px}
.sger-diagnosis__grid article:first-child p{color:#D7E8ED}
.sger-diagnosis__safety{display:flex;gap:13px;align-items:center;margin-top:25px;padding:18px 21px;border-inline-start:4px solid #FFBD2E;background:#FFF6DD;border-radius:11px}
.sger-diagnosis__safety>span{font-size:29px;color:#986A0B}
.sger-diagnosis__safety p{color:#566570;font-size:14px;line-height:1.72}
.sger-solutions{background:#fff}
.sger-solutions__grid article{display:flex;flex-direction:column;min-height:285px;background:#F7FAFB}
.sger-solutions__grid article:nth-child(2) span{background:#FFF1D0;color:#AA750A}
.sger-solutions__grid article p{flex:1}
.sger-solutions__grid a{color:#007E77;font-size:12px;font-weight:850;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #86CEC7;margin-top:20px;padding-bottom:6px}
.sger-solutions__grid a b{font-size:19px}
.sger-compare{padding:105px 0;background:#F4F8FA}
.sger-compare__layout{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.sger-compare__copy>p:not(.sgroyal-index){font-size:16px;color:#526C79;line-height:1.9;margin:22px 0}
.sger-compare__cards{display:grid;gap:10px;margin-bottom:25px}
.sger-compare__cards article{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #DAE7EB;border-radius:13px;padding:17px}
.sger-compare__cards article>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#007E75;background:#E1F8F4;font-size:23px}
.sger-compare__cards article:nth-child(2)>span{color:#AC7109;background:#FFF1CC}
.sger-compare__cards h3{font-size:18px;font-weight:850}
.sger-compare__cards p{font-size:13px;line-height:1.76;color:#526C79;margin-top:6px}
.sger-compare__image{height:555px;position:relative;overflow:hidden;border-radius:24px 83px 24px 24px;box-shadow:0 22px 55px #082B4228}
.sger-compare__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sger-compare__image:hover img{transform:scale(1.05)}
.sger-compare__image>span{position:absolute;bottom:20px;left:20px;background:#082B42DD;color:#fff;font-size:13px;font-weight:850;border-radius:11px;padding:12px 16px}
.sger-pricing{background:#fff}
.sger-pricing__grid article>span{background:#FFF1CE;color:#A06D0B}
.sger-local{background:radial-gradient(circle at 12% 20%,#17677C,#082B42 60%,#061E2D);padding:105px 0;color:#fff}
.sger-local__layout{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:70px}
.sger-local .sgroyal-index{color:#FFBD2E}
.sger-local__layout>div:first-child>p:not(.sgroyal-index){color:#DAE7EC;font-size:17px;line-height:1.9;margin:22px 0 25px}
.sger-local__links{background:#FFFFFFF4;border:1px solid #fff;border-radius:18px;padding:28px;box-shadow:0 22px 51px #00182785}
.sger-local__links>span{display:block;color:#007D77;font-size:13px;font-weight:850;margin-bottom:13px}
.sger-local__links a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;margin-top:10px;border:1px solid #E2ECEA;border-radius:11px;background:#F3F9F8;color:#082B42;font-size:15px;font-weight:800;transition:transform .2s,background .2s}
.sger-local__links a:hover{transform:translateX(-3px);background:#E4F9F4}
.sger-local__links b{color:#008C82;font-size:19px}
.sger-faq{background:#F4F8FA}
.sger-faq__layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:65px}
.sger-faq__layout>div:first-child>p:not(.sgroyal-index){font-size:16px;line-height:1.8;color:#526C79;margin-top:18px}
.sger-faq__items details{border-bottom:1px solid #D9E5E7}
.sger-faq__items details:first-child{border-top:1px solid #D9E5E7}
.sger-faq__items summary{list-style:none;display:flex;align-items:center;gap:13px;padding:20px 4px;cursor:pointer;font-size:17px;font-weight:850;border-radius:9px;transition:color .22s,background .22s}
.sger-faq__items summary::-webkit-details-marker{display:none}
.sger-faq__items summary:hover,.sger-faq__items details[open] summary{background:#E8F6F3;color:#007D77}
.sger-faq__items summary b{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#E1F7F2;color:#008A81;margin-inline-start:auto;font-size:22px;font-weight:500;transition:transform .23s,background .23s}
.sger-faq__items details[open] summary b{transform:rotate(45deg);background:#00ADA5;color:#fff}
.sger-faq__items details>p{font-size:14px;line-height:1.8;color:#526C79;padding:0 16px 22px 28px}
@supports selector(details::details-content){.sger-faq__items details::details-content{block-size:0;opacity:0;overflow:hidden;transition:block-size .3s,opacity .3s,content-visibility .3s}.sger-faq__items details[open]::details-content{block-size:auto;opacity:1}}
.sger-final{background:radial-gradient(circle at 12% 24%,#147286,transparent 37%),#082B42;color:#fff;padding:82px 0}
.sger-final__layout{display:flex;justify-content:space-between;align-items:center;gap:54px}
.sger-final__layout>div:first-child{max-width:760px}
.sger-final__layout>div:first-child>p{color:#FFCD68;font-size:13px;font-weight:850;margin-bottom:12px}
.sger-final h2{font-size:clamp(35px,4vw,57px);line-height:1.2}
.sger-final__layout>div:first-child>span{color:#D8E9EE;font-size:17px;line-height:1.8;display:block;margin-top:17px}
.sger-final__buttons{display:flex;flex-direction:column;gap:12px;flex:none}
@media(max-width:1100px){.sger-diagnosis__grid,.sger-solutions__grid,.sger-pricing__grid,.sger-faults__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sger-parts__layout,.sger-compare__layout{gap:40px}}
@media(max-width:850px){.sger-parts__layout,.sger-compare__layout,.sger-local__layout,.sger-faq__layout{grid-template-columns:1fr;gap:35px}.sger-parts__image,.sger-compare__image{height:385px}.sger-final__layout{flex-direction:column;align-items:flex-start}.sger-final__buttons{flex-direction:row}}
@media(max-width:560px){
 .sger-page{overflow-x:clip}
 .sger-hero .sgrepair-hero__primary{height:212px;width:65%}
 .sger-hero .sgrepair-hero__secondary{height:132px;width:43%;top:97px}
 .sger-faults__grid,.sger-diagnosis__grid,.sger-solutions__grid,.sger-pricing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .sger-fault{border-radius:13px}
 .sger-fault__photo{height:124px}
 .sger-fault__photo>span{width:31px;height:31px;font-size:19px;bottom:7px;right:7px}
 .sger-fault__body{padding:13px 12px;min-height:216px}
 .sger-fault__body h3{font-size:17px}
 .sger-fault__body p{font-size:11px;line-height:1.65}
 .sger-fault__button{font-size:11px;padding:9px 8px;gap:6px}
 .sger-fault__button span{font-size:14px}
 .sger-result{padding:16px 14px;gap:9px;align-items:flex-start;flex-wrap:wrap}
 .sger-result__symbol{width:39px;height:39px;flex-basis:39px;font-size:22px;border-radius:10px}
 .sger-result>div{flex-basis:calc(100% - 50px)}
 .sger-result h3{font-size:18px}.sger-result p{font-size:12px}
 .sger-result>a{margin-inline-start:auto;font-size:11px;padding:10px 12px}
 .sger-parts,.sger-compare{padding:69px 0}
 .sger-parts__image,.sger-compare__image{height:268px;border-radius:16px 45px 16px 16px}
 .sger-parts__copy>p:not(.sgroyal-index),.sger-compare__copy>p:not(.sgroyal-index){font-size:14px}
 .sger-parts__items article{padding:13px;gap:9px}
 .sger-parts__items article>span{width:33px;height:33px;flex-basis:33px;font-size:21px}
 .sger-parts__items h3,.sger-compare__cards h3{font-size:15px}
 .sger-parts__items p,.sger-compare__cards p{font-size:12px}
 .sger-diagnosis__grid article,.sger-solutions__grid article,.sger-pricing__grid article{padding:16px 12px;min-height:244px}
 .sger-diagnosis__grid article>span,.sger-solutions__grid article>span,.sger-pricing__grid article>span{width:37px;height:37px;font-size:23px;margin-bottom:13px}
 .sger-diagnosis__grid h3,.sger-solutions__grid h3,.sger-pricing__grid h3{font-size:16px}
 .sger-diagnosis__grid p,.sger-solutions__grid p,.sger-pricing__grid p{font-size:11px;line-height:1.69}
 .sger-solutions__grid a{font-size:10px}
 .sger-diagnosis__safety{padding:15px;gap:9px}.sger-diagnosis__safety p{font-size:12px}
 .sger-compare__cards article{padding:14px;gap:9px}
 .sger-local{padding:69px 0}
 .sger-local__layout>div:first-child>p:not(.sgroyal-index){font-size:14px}
 .sger-local__links{padding:19px}.sger-local__links a{font-size:12px;padding:13px}
 .sger-faq__items summary{font-size:14px;padding:18px 3px}.sger-faq__items details>p{font-size:13px}
 .sger-final{padding:66px 0}
 .sger-final__layout>div:first-child>span{font-size:14px}
 .sger-final__buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(prefers-reduced-motion:reduce){.sger-page *,.sger-page *:before,.sger-page *:after{transition:none!important;animation:none!important;transform:none!important;scroll-behavior:auto!important}}
