/* Scoped implementation of Figma 969:47 and 969:48. */
.al-figma .al-container{width:min(1240px,calc(100% - 200px))}
.al-figma .al-hero-photo{inset:0;width:100%;height:650px;object-fit:none;object-position:right center;max-width:none}
.al-figma .al-hero-content{top:144.808px;transform:none;width:555px;max-width:590px}
.al-figma .al-hero h1{margin:16px 0 0;font-size:64.8px;line-height:73.872px;letter-spacing:-2.916px;font-weight:800}
.al-figma .al-hero-overview{margin-top:46px;width:555px}.al-figma .al-hero-overview p{padding-top:13px;line-height:30.6px}
.al-figma .al-heading{margin-bottom:28px}.al-figma .al-heading h2{border-left:5px solid #EA5414;padding-left:14px;font-size:35px;line-height:42.7px;font-weight:700;letter-spacing:-.875px}
.al-figma .al-section--advantages{height:444px;padding:78px 0 80px}
.al-figma .al-advantage{padding:24px 22px 26px;min-height:215px}
.al-figma .al-advantage>img{width:auto;height:auto;max-width:none;margin-bottom:25.797px}
.al-figma .al-advantage h3{line-height:32.55px;margin:0 0 8px;font-weight:700}
.al-figma .al-section--foundations{height:507.016px;padding:64px 0 80px}
.al-figma .al-section--foundations .al-heading{margin-bottom:26px}.al-figma .al-section--foundations .al-heading h2{font-size:34px;line-height:40px}
.al-figma .al-section--foundations .al-four-grid{gap:22px}
.al-figma .al-foundation{border:1px solid #e9e9e9;border-radius:10px;min-height:297.016px}
.al-figma .al-foundation>img{height:190px;border-radius:0}
.al-figma .al-foundation>div{padding:15px}.al-figma .al-foundation h3{line-height:26px;margin-bottom:6px}.al-figma .al-foundation p{line-height:22px}
.al-figma .al-section--system{height:720px;padding:50px 0 0;background:#fff}
.al-figma .al-system-visual{height:500px;background:#fff}
.al-figma .al-system-visual img{width:100%;height:100%;object-fit:cover}
.al-figma .al-section--engineering{height:532px;padding:68px 0 0}
.al-figma .al-engineering-item{min-height:217.609px;padding:18px 12px}
.al-figma .al-engineering-item>img{width:auto;height:auto;max-width:none;margin-bottom:11px}
.al-figma .al-engineering-item .al-number{display:block;line-height:24.797px}
.al-figma .al-engineering-item h3{line-height:21px;margin:3px 0 7px}
.al-figma .al-engineering-photo img{height:100%;object-fit:cover}
.al-figma .al-tip{padding:17px 22px;line-height:24px;margin-top:16px}
.al-figma .al-section--docs{height:291px;padding:48px 0 47px}
.al-figma .al-section--docs .al-heading{margin-bottom:22px}.al-figma .al-documents{gap:16px}
.al-figma .al-document{min-height:100px;background:#fff;padding:17px;gap:13px;position:relative}
.al-figma .al-pdf{width:40px;height:46px;border-radius:5px;background:#fff0e8;border:1px solid #f4c6b2;clip-path:none;font-size:11px}
.al-figma .al-document h3{font-size:17px;font-weight:700;line-height:26.35px;flex:1}
.al-figma .al-doc-pending{position:absolute;left:70px;bottom:5px;font-size:10px;color:#98a2b3}
.al-figma .al-doc-arrow{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:#e8e8e8;color:#8b9098;font-size:20px}
.al-figma .al-section--alternatives{height:416.641px;padding:55px 0}
.al-figma .al-alternative-art{position:relative;height:153px;overflow:hidden}.al-figma .al-alternative-art img{width:100%;height:100%;object-fit:cover}
.al-figma .al-alternative-1 .al-alternative-art img{position:absolute;width:81.83%;height:127.86%;left:6.45%;top:-13.67%;max-width:none}
.al-figma .al-alternative-label{padding:15px 18px}.al-figma .al-alternative-label h3{font-size:17px;line-height:26.35px}.al-figma .al-alternative-label>span{line-height:35.65px}
.al-figma .al-cta{height:202px;min-height:202px}.al-figma .al-cta-photo{inset:0;width:100%;height:202px;object-fit:none;object-position:right center;max-width:none}
.al-figma .al-cta h2{font-size:31px;line-height:48.05px;margin:0}.al-figma .al-cta p{padding-top:6px;font-size:16px;line-height:24.8px}
.al-figma .al-cta-actions{display:flex;gap:16px;flex:none}.al-figma .al-cta-actions a{height:44px;min-width:150px;padding:0 20px;border-radius:4px;font-size:14px;white-space:nowrap}
.al-figma .al-cta-actions a+a{background:#ffffffe6;color:#EA5414;border:1px solid #EA5414}
.al-figma>header{height:82px;padding:0 32px;gap:34px;box-shadow:0 6px 12px #1e23290d}
.al-figma>header>img{width:172px;height:42px;object-fit:contain;flex:none}
.al-figma>header>nav{flex:1;justify-content:center;gap:40px;margin:0}
.al-figma>header>nav>a,.al-figma>header .mounting-trigger,.al-figma>header .suni-about-trigger{font-size:16px;line-height:21.45px;font-weight:560}
.al-figma>header>button{display:none}.al-figma>header>.global-language{flex:none}
.al-figma>header>.al-header-search{display:grid;place-items:center;width:40px;height:44px;flex:none}.al-header-search img{width:auto;height:auto;max-width:none}
.al-figma>footer{height:calc(100vw * 508 / 1440);min-height:0;background-image:url('/solar-mounting/ground/aluminum-double-pile/figma-assets/cn-imgFooter.png')}
html[lang=en] .al-figma .al-hero-content{top:86.79px;width:590px}
html[lang=en] .al-figma .al-section--advantages{height:auto;min-height:444px}
html[lang=en] .al-figma .al-advantage{min-height:215px}
html[lang=en] .al-figma .al-section--foundations{height:auto;padding:50px 0 88px}
html[lang=en] .al-figma .al-foundation{border:0;min-height:300.81px;border-radius:12px}
html[lang=en] .al-figma .al-foundation>img{height:208px;border-radius:0}
html[lang=en] .al-figma .al-foundation>div{padding:15px 1px 0}
html[lang=en] .al-figma .al-foundation h3{line-height:29.45px;margin-bottom:5px}
html[lang=en] .al-figma .al-section--engineering{height:auto;padding-bottom:58px}
html[lang=en] .al-figma .al-engineering-item{min-height:258.8px}
html[lang=en] .al-figma .al-engineering-item .al-number{line-height:18.6px}
html[lang=en] .al-figma .al-section--alternatives{height:auto;min-height:416.641px}
html[lang=en] body.al-figma>footer.has-english-footer{height:397.5px!important;min-height:397.5px!important}
.al-figma .global-english-footer{width:min(1240px,calc(100% - 200px));padding-top:54px;padding-bottom:24px}
@media(min-width:1351px){html[lang=en] body.al-figma.suni-bilingual>header nav{gap:40px}html[lang=en] body.al-figma.suni-bilingual>header nav>a,html[lang=en] body.al-figma.suni-bilingual>header .mounting-trigger,html[lang=en] body.al-figma.suni-bilingual>header .suni-about-trigger{font-size:16px;line-height:21.45px}}
@media(min-width:901px) and (max-width:1350px){.al-figma>header>nav{gap:15px}.al-figma>header>nav>a,.al-figma>header .mounting-trigger,.al-figma>header .suni-about-trigger{font-size:13px}}
@media(min-width:1441px){.al-figma .al-hero-photo{object-fit:cover}.al-figma .al-cta-photo{object-fit:cover}}
@media(max-width:1100px){.al-figma .al-container{width:calc(100% - 80px)}.al-figma .al-section--engineering{height:auto;padding-bottom:58px}.al-figma .al-engineering-photo{height:220px}.al-figma .al-section--foundations{height:auto}.al-figma .al-section--advantages{height:auto}}
@media(max-width:900px){
 .al-figma .al-container{width:calc(100% - 40px)}
 .al-figma .al-hero{height:730px}.al-figma .al-hero-photo{width:100%;height:320px;object-fit:cover;object-position:75% center;inset:0}
 .al-figma .al-hero::after{background:linear-gradient(0deg,#fff 0%,#fff 55%,rgba(255,255,255,.05) 90%)}
 .al-figma .al-breadcrumb{position:relative;z-index:2;padding-top:18px;font-size:11px;gap:6px;flex-wrap:wrap;line-height:18px}
 .al-figma .al-hero-content,html[lang=en] .al-figma .al-hero-content{top:310px;bottom:auto;width:100%;max-width:100%}
 .al-figma .al-hero h1{font-size:38px;line-height:44px;letter-spacing:-1.2px;margin:0}
 .al-figma .al-hero-overview{width:100%;margin-top:24px}.al-figma .al-hero-overview p{font-size:15px;line-height:25px;padding-top:13px}
 html[lang=en] .al-figma .al-hero{height:830px}
 .al-figma .al-heading h2,.al-figma .al-section--foundations .al-heading h2{font-size:26px;line-height:34px;letter-spacing:-.5px}
 .al-figma .al-heading{margin-bottom:24px}.al-figma .al-heading--with-note{display:flex;align-items:flex-start;gap:10px;flex-direction:column}
 .al-figma .al-section,.al-figma .al-section--foundations,html[lang=en] .al-figma .al-section--foundations{height:auto;min-height:0;padding:44px 0}
 .al-figma .al-four-grid,.al-figma .al-three-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .al-figma .al-advantage{min-height:225px;padding:18px 14px}.al-figma .al-advantage>img{margin-bottom:20px}.al-figma .al-advantage h3{font-size:17px;line-height:24px}.al-figma .al-advantage p{font-size:13px;line-height:21px}
 .al-figma .al-section--foundations .al-four-grid{gap:12px}.al-figma .al-foundation{min-height:0}.al-figma .al-foundation>img,html[lang=en] .al-figma .al-foundation>img{height:auto;aspect-ratio:291.5/190}
 .al-figma .al-foundation>div,html[lang=en] .al-figma .al-foundation>div{padding:12px}.al-figma .al-foundation h3,html[lang=en] .al-figma .al-foundation h3{font-size:16px;line-height:23px}.al-figma .al-foundation p{font-size:12px;line-height:20px}
 .al-figma .al-system-visual{height:auto;aspect-ratio:1240/500}.al-figma .al-system-visual img{object-fit:contain}
 .al-figma .al-engineering-layout{grid-template-columns:1fr}.al-figma .al-engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.al-figma .al-engineering-item{min-height:205px}.al-figma .al-engineering-item h3{font-size:14px}.al-figma .al-tip{font-size:13px;line-height:22px;padding:15px}
 .al-figma .al-documents{grid-template-columns:1fr}.al-figma .al-document{min-height:100px;padding:17px}.al-figma .al-document h3{font-size:17px}.al-figma .al-doc-pending{display:block}
 .al-figma .al-three-grid{grid-template-columns:1fr}.al-figma .al-alternative-art{height:auto;aspect-ratio:400/153}
 .al-figma .al-cta{height:auto;min-height:300px}.al-figma .al-cta-photo{width:100%;height:100%;object-fit:cover}.al-figma .al-cta .al-container{display:block;padding:35px 0}.al-figma .al-cta h2{font-size:26px;line-height:34px}.al-figma .al-cta p{font-size:14px;line-height:23px}.al-figma .al-cta-actions{margin-top:22px;flex-wrap:wrap;gap:10px}.al-figma .al-cta-actions a{margin:0;font-size:13px;min-width:0;padding:0 12px}
 .al-figma>footer{height:auto;min-height:508px}.al-figma .global-english-footer{width:calc(100% - 40px)}html[lang=en] body.al-figma>footer.has-english-footer{height:auto!important;min-height:397.5px!important}
}

@media(max-width:900px){.al-figma .al-breadcrumb{background:#ffffffd9;padding:12px;border-radius:6px;top:14px}}
.al-figma .al-alternative-art{padding:0!important;display:block!important}
.al-figma .al-engineering-photo{height:217.609px}
html[lang=en] .al-figma .al-engineering-photo{height:258.8px}
@media(max-width:1100px){.al-figma .al-engineering-photo,html[lang=en] .al-figma .al-engineering-photo{height:220px}}
.al-figma .al-system-interactive{display:block;position:relative;isolation:isolate}
.al-figma .al-system-interactive .al-system-base{clip-path:url(#al-base-without-leaders)}
.al-figma .al-system-interactive .al-system-detail{position:absolute;inset:0;max-width:none;pointer-events:none;opacity:0;transition:opacity .18s ease}
.al-figma .al-system-detail-upper{clip-path:inset(0 0 51% 60.8%)}
.al-figma .al-system-detail-lower{clip-path:inset(49% 0 0 53.1%)}
.al-figma .al-hotspot{position:absolute;z-index:2;border:2px dashed #a2a7ac;background:transparent;border-radius:50%;padding:0;min-width:0;min-height:0;width:4.5%;height:11.2%;cursor:pointer;transform:translate(-50%,-50%);box-shadow:none;color:#EA5414}
.al-figma .al-hotspot-upper{left:61.1%;top:37.6%}.al-figma .al-hotspot-lower{left:52.5%;top:64%}
.al-figma .al-hotspot:hover,.al-figma .al-hotspot:focus-visible,.al-figma .al-hotspot[aria-expanded=true]{border-color:#EA5414;outline:2px solid #EA541430;outline-offset:4px;background:#EA541408}
.al-figma .is-upper-open .al-system-detail-upper,.al-figma .is-lower-open .al-system-detail-lower{opacity:1}
.al-figma .al-engineering-item h3,.al-figma .al-engineering-item h3 span{color:#000;font-weight:700}
.al-figma .al-engineering-item p,.al-figma .al-engineering-item p span{color:#000;font-weight:400}
@media(max-width:900px){.al-figma .al-hotspot{min-width:28px;min-height:28px}}
@media(prefers-reduced-motion:reduce){.al-figma .al-system-interactive .al-system-detail{transition:none}}
.al-figma .al-system-interactive:has(.al-hotspot-upper:hover) .al-system-detail-upper,.al-figma .al-system-interactive:has(.al-hotspot-upper:focus-visible) .al-system-detail-upper,.al-figma .al-system-interactive:has(.al-hotspot-lower:hover) .al-system-detail-lower,.al-figma .al-system-interactive:has(.al-hotspot-lower:focus-visible) .al-system-detail-lower{opacity:1}

/* Shift the complete interactive composition, keeping hotspots aligned. */
.al-figma .al-system-interactive{width:calc(100% - 40px);margin-left:40px;height:auto;aspect-ratio:1240/500}
@media(max-width:900px){.al-figma .al-system-interactive{width:calc(100% - 12px);margin-left:12px}}

.al-figma .al-system-interactive .al-system-underlay{position:absolute;inset:0;transform:translateY(7px);clip-path:url(#al-leader-texture);z-index:-1;pointer-events:none}

/* Approved English hero naming and two-line title. */
.al-figma .al-hero h1 .al-product-brand,.al-figma .al-hero h1 .al-product-name{display:block}
.al-figma .al-hero h1 .al-product-brand{color:#EA5414}
html[lang=en] .al-figma .al-hero h1{font-size:64.8px;line-height:1.15;letter-spacing:-2.5px}
@media(max-width:900px){html[lang=en] .al-figma .al-hero h1{font-size:38px;line-height:44px;letter-spacing:-1.2px}}