.growatt-layout{background:#fff}.product-breadcrumb{height:88px;display:flex;align-items:center;gap:12px;padding:0 max(6vw,30px);font-size:12px;color:#92979b;border-bottom:1px solid #e9ebed}.product-breadcrumb b{color:#34383b;font-weight:400}.product-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:72px;max-width:1440px;margin:auto;padding:72px 50px 120px}.product-sidebar{align-self:start;position:sticky;top:110px}.side-title{border-bottom:2px solid #25292c;padding-bottom:25px}.side-title small{font-size:10px;letter-spacing:.18em;color:var(--brand)}.side-title h1{font-size:34px;font-weight:500;margin:10px 0 0}.product-sidebar nav>a{display:flex;justify-content:space-between;align-items:center;padding:21px 2px;border-bottom:1px solid #e2e5e7;font-size:14px}.product-sidebar nav>a.active,.product-sidebar nav>a:hover{color:var(--brand)}.product-sidebar nav>a span{font-size:10px;color:#a1a6aa}.side-sub{padding:9px 0 13px;border-bottom:1px solid #e2e5e7}.side-sub a{display:block;color:#7b8185;font-size:12px;padding:8px 2px 8px 15px;position:relative}.side-sub a:before{content:"";position:absolute;left:2px;top:14px;width:5px;height:1px;background:#aaa}.side-sub a:hover{color:var(--brand)}.product-content{min-width:0}.product-intro{max-width:860px;padding:4px 0 75px}.product-intro>p{font-size:10px;letter-spacing:.19em;color:var(--brand);font-weight:700}.product-intro h2{font-size:clamp(36px,3.4vw,54px);line-height:1.2;font-weight:500;margin:18px 0 24px}.product-intro>span{display:block;color:#747b80;line-height:1.9;max-width:720px}.product-family{scroll-margin-top:100px;margin-bottom:110px}.family-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #25292c;padding-bottom:20px;margin-bottom:48px}.family-title>div{display:flex;align-items:baseline;gap:17px}.family-title small{font-size:11px;color:var(--brand)}.family-title h2{font-size:32px;font-weight:500;margin:0}.family-title>span{font-size:10px;letter-spacing:.12em;color:#9ba0a4}.subfamily{scroll-margin-top:100px;font-size:17px;font-weight:500;margin:50px 0 22px;padding-left:14px;border-left:3px solid var(--brand)}.series-grid{display:grid;grid-template-columns:minmax(0,520px);gap:28px}.series-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.series-grid article{border:1px solid #e4e7e9;background:#fff;transition:box-shadow .3s,transform .3s}.series-grid article:hover{box-shadow:0 16px 45px rgba(24,36,45,.1);transform:translateY(-3px)}.series-image{height:295px;background:#eef1f3;overflow:hidden}.series-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}.series-grid article:hover img{transform:scale(1.035)}.series-copy{padding:25px 28px 28px}.series-copy>span{font-size:9px;letter-spacing:.12em;color:var(--brand)}.series-copy h4{font-size:20px;font-weight:500;margin:12px 0 7px}.series-copy p{font-size:11px;color:#8b9195;margin:0;min-height:30px;line-height:1.5}.series-copy a{display:flex;justify-content:space-between;border-top:1px solid #e8eaec;margin-top:20px;padding-top:17px;font-size:12px}.series-copy a b{font-size:17px;color:var(--brand)}
@media(max-width:1000px){.product-shell{grid-template-columns:220px minmax(0,1fr);gap:35px;padding-left:28px;padding-right:28px}.series-grid.two-col{grid-template-columns:1fr}.series-image{height:340px}}
@media(max-width:760px){.product-breadcrumb{height:65px}.product-shell{display:block;padding:38px 20px 80px}.product-sidebar{position:static;margin-bottom:55px}.product-sidebar .side-title{display:flex;justify-content:space-between;align-items:end}.side-title h1{font-size:28px}.product-sidebar nav{display:flex;overflow:auto;border-bottom:1px solid #ddd}.product-sidebar nav>a{min-width:max-content;border:0;padding:18px 20px 18px 0;margin-right:20px}.product-sidebar nav>a span,.side-sub{display:none}.product-intro{padding-bottom:55px}.family-title{align-items:flex-start}.family-title>span{display:none}.family-title h2{font-size:27px}.series-grid,.series-grid.two-col{grid-template-columns:1fr}.series-image{height:290px}.product-family{margin-bottom:80px}}

/* Product page banner and supplied cutout imagery */
.product-banner{height:470px;position:relative;overflow:hidden;background:#eaf1f6}.product-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.product-banner__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,45,.72) 0%,rgba(7,35,57,.42) 38%,rgba(7,35,57,.04) 75%)}.product-banner__copy{position:absolute;left:max(6vw,30px);top:50%;transform:translateY(-44%);color:#fff}.product-banner__copy>.product-breadcrumb{height:auto;padding:0;border:0;color:rgba(255,255,255,.7);margin-bottom:55px}.product-banner__copy>.product-breadcrumb b{color:#fff}.product-banner__copy>p{font-size:10px;letter-spacing:.2em;margin:0 0 13px;color:#8ec2ef}.product-banner__copy>h1{font-size:54px;font-weight:500;margin:0 0 18px}.product-banner__copy>span{font-size:14px;color:rgba(255,255,255,.82)}.series-image{height:360px;background:#f5f6f7;display:flex;align-items:center;justify-content:center}.series-image img{width:100%;height:100%;object-fit:contain;padding:22px;transform:none}.series-grid article:hover img{transform:scale(1.025)}
@media(max-width:760px){.product-banner{height:380px}.product-banner__copy{left:24px;right:24px}.product-banner__copy>.product-breadcrumb{margin-bottom:42px}.product-banner__copy>h1{font-size:42px}.product-banner__copy>span{font-size:12px;line-height:1.7}.series-image{height:330px}.series-image img{padding:18px}}

/* Growatt-style product states: plain white by default, rounded card on hover */
.series-grid{align-items:start}.series-grid article{position:relative;display:grid;grid-template-rows:auto 350px 42px auto;overflow:visible;border:0;background:#fff;padding:30px 28px 22px;box-shadow:none;transform:none;isolation:isolate}.series-grid article::before{content:"";position:absolute;z-index:-1;inset:0 0 58px;background:#fafafa;border-radius:30px;box-shadow:0 18px 42px rgba(24,36,45,.08);opacity:0;transform:scale(.985);transition:opacity .28s ease,transform .28s ease}.series-grid article:hover{box-shadow:none;transform:none}.series-grid article:hover::before{opacity:1;transform:scale(1)}.series-copy{display:contents}.series-copy h4{grid-row:1;text-align:center;font-size:20px;margin:0 0 18px;align-self:center}.series-image{grid-row:2;height:350px;background:#fff;overflow:visible}.series-image img{padding:14px 24px 20px;object-fit:contain}.series-copy>a{grid-row:3;width:max-content;justify-self:center;align-self:center;border:0;margin:0;padding:0;color:var(--brand);font-size:14px;gap:13px;visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease,visibility .22s}.series-copy>a b{margin-left:10px}.series-grid article:hover .series-copy>a,.series-grid article:focus-within .series-copy>a{visibility:visible;opacity:1;transform:translateY(0)}.series-copy>span{display:none}.series-copy>p{grid-row:4;margin:18px 0 0;min-height:0;color:#202326;font-size:15px;line-height:1.5}.series-grid article:hover img{transform:none}
@media(max-width:760px){.series-grid article{grid-template-rows:auto 310px 38px auto;padding:25px 16px 18px}.series-grid article::before{border-radius:24px;bottom:52px}.series-image{height:310px}.series-image img{padding:12px 15px}.series-copy>a{visibility:visible;opacity:1;transform:none;font-size:13px}.series-copy>p{font-size:13px}}

/* Final hover interaction: the upper panel itself appears, grows and floats. */
.series-grid article{display:block;padding:0 14px 20px;transform:none!important;overflow:visible}.series-grid article::before{display:none}.hover-panel{position:relative;display:grid;grid-template-rows:auto 350px 42px;padding:30px 14px 18px;background:transparent;border-radius:0;box-shadow:none;transform:scale(.975);transform-origin:center center;transition:transform .3s cubic-bezier(.2,.7,.2,1),background-color .25s,border-radius .25s,box-shadow .3s}.hover-panel h4{text-align:center;font-size:20px;font-weight:500;margin:0 0 18px;align-self:center}.hover-panel .series-image{height:350px;background:transparent}.hover-panel>a{width:max-content;justify-self:center;align-self:center;border:0;margin:0;padding:0;color:var(--brand);font-size:14px;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .25s,visibility .2s}.hover-panel>a b{margin-left:10px}.series-grid article:hover .hover-panel,.series-grid article:focus-within .hover-panel{background:#fafafa;border-radius:30px;box-shadow:0 22px 48px rgba(24,36,45,.11);transform:scale(1.025) translateY(-6px)}.series-grid article:hover .hover-panel>a,.series-grid article:focus-within .hover-panel>a{visibility:visible;opacity:1;transform:translateY(0)}.series-copy{display:block}.series-copy>p{margin:20px 14px 0;color:#202326;font-size:15px;line-height:1.5}.series-copy>span{display:none}
@media(max-width:760px){.series-grid article{padding:0 4px 18px}.hover-panel{grid-template-rows:auto 310px 38px;padding:25px 12px 15px;transform:none}.hover-panel .series-image{height:310px}.series-grid article:hover .hover-panel,.series-grid article:focus-within .hover-panel{border-radius:24px;transform:none}.hover-panel>a{visibility:visible;opacity:1;transform:none;font-size:13px}.series-copy>p{margin:16px 12px 0;font-size:13px}}

/* More compact product cards */
@media(min-width:1001px){.series-grid{grid-template-columns:minmax(0,460px);justify-content:start}.series-grid.two-col{grid-template-columns:repeat(2,minmax(0,460px))}}
@media(min-width:761px) and (max-width:1000px){.series-grid,.series-grid.two-col{grid-template-columns:minmax(0,460px);justify-content:start}}
@media(min-width:761px){.series-grid article{padding:0 10px 18px}.hover-panel{grid-template-rows:auto 285px 38px;padding:24px 12px 14px}.hover-panel h4{font-size:18px;margin-bottom:12px}.hover-panel .series-image{height:285px}.hover-panel .series-image img{padding:10px 20px 16px}.series-copy>p{margin:16px 12px 0;font-size:14px}.series-grid article:hover .hover-panel,.series-grid article:focus-within .hover-panel{border-radius:26px;transform:scale(1.018) translateY(-4px)}}

/* Growatt-inspired product-combination banner */
.product-banner{height:510px;background:linear-gradient(112deg,#f7fafc 0%,#edf4f8 56%,#e4eef4 100%)}.product-banner:after{content:"";position:absolute;width:470px;height:470px;border-radius:50%;right:9vw;top:20px;background:rgba(255,255,255,.58);filter:blur(1px)}.product-banner__copy{z-index:4;color:#20262a;transform:translateY(-46%)}.product-banner__copy>.product-breadcrumb{color:#7b858c}.product-banner__copy>.product-breadcrumb b{color:#252b2f}.product-banner__copy>p{color:var(--brand)}.product-banner__copy>span{color:#727c82}.product-banner__combo{position:absolute;z-index:2;right:4.5vw;top:35px;width:57%;height:455px}.product-banner__combo:after{content:"";position:absolute;left:4%;right:2%;bottom:25px;height:30px;background:rgba(56,79,92,.18);filter:blur(18px);border-radius:50%}.product-banner__combo .combo{position:absolute;z-index:2;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(31,52,65,.12))}.combo-esjz{right:0;bottom:42px;max-width:46%;max-height:300px}.combo-esc{right:38%;bottom:35px;max-width:25%;max-height:345px}.combo-esgb{right:22%;bottom:38px;max-width:19%;max-height:280px}.combo-est3{right:58%;bottom:35px;max-width:17%;max-height:330px}.combo-esd{right:48%;bottom:35px;max-width:16%;max-height:240px}.product-content>.product-family:first-child{margin-top:0}.product-shell{padding-top:72px}
@media(max-width:1050px){.product-banner__combo{right:1vw;width:59%;opacity:.92}.product-banner__copy{left:5vw}.combo-esjz{max-width:49%}}
@media(max-width:760px){.product-banner{height:430px}.product-banner:after{width:300px;height:300px;right:-80px;top:110px}.product-banner__copy{top:38%;left:24px}.product-banner__copy>.product-breadcrumb{margin-bottom:30px}.product-banner__copy>h1{font-size:40px}.product-banner__copy>span{max-width:270px;display:block}.product-banner__combo{right:-12%;top:175px;width:92%;height:250px;opacity:.72}.combo-esjz{max-width:47%;max-height:180px}.combo-esc{max-width:23%;max-height:210px}.combo-esgb{max-width:18%;max-height:160px}.combo-est3{max-width:16%;max-height:190px}.combo-esd{max-width:15%;max-height:145px}.product-shell{padding-top:45px}}

/* Full-viewport visual with a floating rounded navigation bar */
.growatt-layout{padding-top:0}.header{top:28px;left:4vw;right:4vw;bottom:auto;width:auto;height:88px;padding:0 3vw;border:0;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 12px 38px rgba(31,52,65,.10);backdrop-filter:blur(12px)}.header .logo-placeholder{width:150px;height:46px;background:transparent;color:#145c9d;justify-content:flex-start}.header .logo-placeholder span{padding:0;border:0;background:transparent;font-size:17px;font-weight:700;letter-spacing:.08em}.header .nav{gap:38px}.header .nav a{font-size:14px;font-weight:600;position:relative}.header .nav a.active{color:var(--brand)}.header .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:5px;border-radius:5px 5px 0 0;background:var(--brand)}.header .header-tools button{background:transparent}.product-banner{height:100vh;min-height:690px}.product-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 13%,rgba(255,255,255,.92),transparent 43%),linear-gradient(180deg,rgba(222,237,246,.2),rgba(177,207,226,.38));z-index:1}.product-banner:after{width:640px;height:640px;right:20vw;top:11vh;background:rgba(255,255,255,.52);z-index:1}.product-banner__combo{z-index:3;left:8%;right:8%;top:18%;bottom:4%;width:auto;height:auto}.product-banner__combo:after{left:13%;right:10%;bottom:4%;height:45px}.combo-esjz{right:7%;bottom:7%;max-width:44%;max-height:61%}.combo-esc{right:42%;bottom:5%;max-width:23%;max-height:64%}.combo-esgb{right:29%;bottom:7%;max-width:18%;max-height:52%}.combo-est3{right:62%;bottom:4%;max-width:17%;max-height:62%}.combo-esd{right:52%;bottom:5%;max-width:16%;max-height:46%}
@media(max-width:900px){.header{top:18px;left:20px;right:20px;height:70px;border-radius:22px;padding:0 22px}.header .logo-placeholder{width:130px}.header .nav{top:105px}.product-banner{min-height:640px}.product-banner__combo{left:-5%;right:-8%;top:25%;bottom:3%}}
@media(max-width:560px){.header{top:12px;left:12px;right:12px;height:62px;border-radius:19px;padding:0 18px}.header .logo-placeholder{width:115px}.header .logo-placeholder span{font-size:14px}.product-banner{min-height:610px}.product-banner__combo{left:-18%;right:-22%;top:28%;opacity:.88}.combo-esjz{max-width:48%}.combo-esc{max-width:25%}}

/* Navigation docks into the page after the full-screen visual. */
.header{transition:top .32s ease,left .32s ease,right .32s ease,height .32s ease,border-radius .32s ease,box-shadow .32s ease,background-color .32s ease}.header.header--docked{top:0;left:0;right:0;width:auto;height:78px;border-radius:0;background:#fff;box-shadow:0 3px 18px rgba(31,52,65,.08);backdrop-filter:none}.header.header--docked .nav a.active:after{bottom:-29px}.product-content>.product-family:first-child .family-title{padding-top:28px;padding-bottom:31px}.product-content>.product-family:first-child .family-title>div{align-items:baseline}.side-title h1,.product-content>.product-family:first-child .family-title h2{line-height:1.15}
@media(max-width:900px){.header.header--docked{height:66px}.header.header--docked .nav{top:66px}.header.header--docked .nav a.active:after{display:none}.product-content>.product-family:first-child .family-title{padding-top:0}}

/* Growatt-style expanding category rail */
.product-sidebar nav{padding-top:20px}.product-sidebar nav>a{width:calc(100% + 38px);margin-left:-38px;padding:22px 26px 22px 38px;border:0;border-radius:0 48px 48px 0;font-size:17px;font-weight:700;color:#202326;transition:background-color .25s,color .25s}.product-sidebar nav>a span{display:none}.product-sidebar nav>a.active{background:#f7f4f4;color:var(--brand)}.product-sidebar nav>a:not(.active):hover{background:transparent;color:var(--brand)}.side-sub{display:none;padding:12px 0 24px 0;border:0}.product-sidebar nav>a.active+.side-sub{display:block}.side-sub a{padding:12px 0 12px 16px;color:#6f7771;font-size:14px;line-height:1.5}.side-sub a:before{display:none}.side-sub a:hover{color:var(--brand)}
@media(max-width:760px){.product-sidebar nav{padding-top:0}.product-sidebar nav>a{width:auto;margin:0 22px 0 0;padding:17px 20px;border-radius:30px}.product-sidebar nav>a.active+.side-sub{display:none}}

/* Final compact product-card sizing */
@media(min-width:1001px){.series-grid{grid-template-columns:minmax(0,400px);gap:20px}.series-grid.two-col{grid-template-columns:repeat(2,minmax(0,400px))}}
@media(min-width:761px) and (max-width:1000px){.series-grid,.series-grid.two-col{grid-template-columns:minmax(0,400px);gap:20px}}
@media(min-width:761px){.hover-panel{grid-template-rows:auto 250px 36px;padding:21px 10px 12px}.hover-panel .series-image{height:250px}.hover-panel h4{font-size:17px;margin-bottom:10px}.hover-panel .series-image img{padding:8px 18px 14px}.series-grid article:hover .hover-panel,.series-grid article:focus-within .hover-panel{border-radius:23px;transform:scale(1.014) translateY(-3px)}}
@media(max-width:760px){.series-grid,.series-grid.two-col{width:100%;max-width:360px;margin-left:auto;margin-right:auto}.series-grid article{padding-left:2px;padding-right:2px}.hover-panel{grid-template-rows:auto 220px 34px;padding:19px 8px 11px}.hover-panel .series-image{height:220px}.hover-panel h4{font-size:16px;margin-bottom:8px}.hover-panel .series-image img{padding:7px 14px 11px}}