/* Shared six-section canvas. Keep the original fixed artwork and glass surfaces. */
body:is(.page-bg-factory-company,.page-bg-factory-videos,.page-bg-installation-projects,.page-bg-solar-street-lights,.page-bg-solar-energy-storage,.page-bg-other-products){--sg-shell:min(1280px,calc(100vw - 48px));--sg-ink:#244359;--sg-muted:#526b7c;--sg-gold:#527c98;--sg-line:#d2e1ec;--sg-glass:linear-gradient(145deg,rgba(255,255,255,.91),rgba(238,247,252,.82));background:#eaf1f6!important}
body.page-bg-factory-company{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-desktop-v26.webp')}
body.page-bg-factory-videos{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-desktop-v26.webp')}
body.page-bg-installation-projects{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-desktop-v26.webp')}
body.page-bg-solar-street-lights{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-desktop-v26.webp')}
body.page-bg-solar-energy-storage{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-desktop-v26.webp')}
body.page-bg-other-products{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-desktop-v26.webp')}
body:is(.page-bg-factory-company,.page-bg-factory-videos,.page-bg-installation-projects,.page-bg-solar-street-lights,.page-bg-solar-energy-storage,.page-bg-other-products)::before{background-image:linear-gradient(145deg,rgba(233,243,250,.8),rgba(237,245,250,.9)),var(--sj122-art)!important}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115{background:transparent!important}
body[data-sj-professional="118"] :is(.factory-page,.video-page,.installation-page){--f-ink:#244359;--f-muted:#526b7c;--f-paper:#eaf2f8;--f-accent:#527c98;--f-link:#294b60;--f-line:#d2e1ec;--c-ink:#244359;--c-muted:#526b7c;--c-gold:#527c98;--c-gold-soft:#527c98}
body[data-sj-professional="118"] :is(.content-nav,.factory-nav){width:var(--sg-shell);min-height:72px;margin:18px auto 0;padding:10px 24px;gap:16px;border-radius:18px;border:1px solid #d2e1ec;background:rgba(249,253,255,.88);box-shadow:inset 0 1px 0 #fff,0 10px 30px #203f5612;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
body[data-sj-professional="118"] :is(.factory-brand,.content-brand,.sj96-wordmark){font-size:18px!important;letter-spacing:-.6px!important;color:#244359}
body[data-sj-professional="118"] :is(.factory-nav,.content-nav)>nav>a{min-height:44px;display:inline-flex;align-items:center;border-radius:7px;color:#365a72}
body[data-sj-professional="118"] :is(.factory-nav,.content-nav)>nav>a:hover{background:#e4eff6;border-color:#c5dce9;color:#244359;transform:none}
body[data-sj-professional="118"] .video-page .content-nav>nav>a:is([href="#overview"],[href="#yuki-partnership-videos"]){display:none!important}
body[data-sj-professional="118"] :is(.back-home,.content-home){min-height:44px;border:1px solid #c6d9e6;border-radius:8px;background:#edf5fa;color:#294b60;text-transform:none;letter-spacing:0;box-shadow:none;font-size:12px}
body[data-sj-professional="118"] :is(.factory-kicker,.content-kicker){letter-spacing:.12em}
body[data-sj-professional="118"] :is(.factory-page,.content-page) :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #568eaf;outline-offset:3px}
/* Catalogues use the same wordmark, glass header and website access. */
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-service-bar{background:#e8f0f6;border-bottom:1px solid #d7e4ed;color:#4d6b80}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-shell{width:var(--sg-shell);max-width:1280px}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header{border-color:#cddfeb;background:rgba(248,252,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto auto;column-gap:16px;min-height:78px;padding-block:12px;align-items:center;overflow:visible}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj96-wordmark{grid-column:1;grid-row:1}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>nav{grid-column:2;grid-row:1;min-width:0;gap:14px}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>nav>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-search{grid-column:3;grid-row:1;min-width:0;width:100%;margin:0}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore{grid-column:4;grid-row:1}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{grid-column:5;grid-row:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;font-size:12px}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-search input{min-width:0;width:100%;font-size:13px}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore>summary{min-height:44px;background:#f7fbfe}
.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore>nav{top:calc(100% + 12px)}
@media(min-width:901px) and (max-width:1190px){
 body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{grid-template-columns:auto minmax(160px,1fr) auto auto;row-gap:4px}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:24px}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-search{grid-column:2}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore{grid-column:3}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{grid-column:4}
}
@media(max-width:1050px){body[data-sj-professional="118"] :is(.content-nav,.factory-nav)>nav{display:none}body[data-sj-professional="118"] :is(.factory-menu-button,.content-menu-button){display:block}}
@media(max-width:900px){
 body:is(.page-bg-factory-company,.page-bg-factory-videos,.page-bg-installation-projects,.page-bg-solar-street-lights,.page-bg-solar-energy-storage,.page-bg-other-products){--sg-shell:calc(100vw - 28px)}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav){grid-template-columns:1fr auto auto auto!important;min-height:64px;margin-top:12px;padding:8px 14px;column-gap:8px!important}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav)>:is(.factory-menu-button,.content-menu-button){grid-column:2;grid-row:1}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav)>.sj120-explore{grid-column:3;grid-row:1}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav)>:is(.back-home,.content-home){grid-column:4;grid-row:1}
 body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 12px;padding-block:10px}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>nav{display:none!important}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore{grid-column:2;grid-row:1}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{grid-column:3;grid-row:1}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-search{grid-column:1/-1;grid-row:2;display:flex;min-height:44px}
}
@media(max-width:700px){
 body.page-bg-factory-company{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-mobile-v26.webp')}
 body.page-bg-factory-videos{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-mobile-v26.webp')}
 body.page-bg-installation-projects{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-mobile-v26.webp')}
 body.page-bg-solar-street-lights{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-mobile-v26.webp')}
 body.page-bg-solar-energy-storage{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-mobile-v26.webp')}
 body.page-bg-other-products{--sj122-art:url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-mobile-v26.webp')}
 body[data-sj-professional="118"] :is(.factory-brand,.content-brand,.sj96-wordmark){font-size:15px!important}
 body[data-sj-professional="118"] :is(.back-home,.content-home){padding-inline:9px;font-size:11px}
 body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{gap:8px}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{font-size:11px;padding-inline:9px}
 .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore>summary{font-size:12px;padding-inline:8px}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav){padding-inline:12px;column-gap:5px!important}
 body[data-sj-professional="118"] :is(.content-nav,.factory-nav)>:is(.back-home,.content-home){min-width:40px;padding:8px}
}
@media(max-width:359px){body[data-sj-professional="118"] :is(.factory-brand,.content-brand,.sj96-wordmark){font-size:13px!important}.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore>summary{padding-inline:6px}.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{font-size:10px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){body[data-sj-professional="118"] :is(.factory-page,.video-page,.installation-page,.content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122) :is(a,button,article,img){scroll-behavior:auto!important;transition:none!important}}

body.page-bg-factory-videos .video-page.sj122-videos :is(.brand-video-hero,.video-library-section>.content-shell,#customer-visits.customer-visit-library .visit-layout){width:var(--sg-shell);max-width:1280px}

/* Anchor narrow-screen menus to the whole header rather than the middle button. */
@media(max-width:900px){
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{position:relative}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore{position:static}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj120-explore>nav{left:0;right:0;top:calc(100% + 8px);width:auto;max-width:none}
}
@media(max-width:390px){
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner{column-gap:6px}
body[data-sj-professional="118"] .content-page.series-page.sj-directory96.sj-store98.sj-store99.sj-store100.sj-store102.sj-store115.sj-store122 .sj98-header-inner>.sj98-header-quote{width:76px;max-width:76px;white-space:normal;text-align:center;line-height:1.3;padding-inline:7px}
}