/* Six-section visual system · v43
   Liquid-glass containers over the fixed section artwork. */

:is(body.page-bg-factory-company,
body.page-bg-factory-videos,
body.page-bg-installation-projects,
body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) {
 --sg-shell:min(1280px,calc(100vw - 48px));
 --sg-glass:linear-gradient(145deg,rgba(255,253,249,.84),rgba(247,249,248,.68));
 --sg-line:rgba(255,255,255,.82);
 --sg-ink:#283442;
 --sg-muted:#69747e;
 --sg-gold:#b48652;
}

/* Consistent navigation bar */
:is(body.page-bg-factory-company,
body.page-bg-factory-videos,
body.page-bg-installation-projects,
body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) :is(.content-nav,.factory-nav) {
 width:var(--sg-shell);
 border:1px solid var(--sg-line);
 border-radius:22px;
 background:rgba(255,252,247,.82);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 18px 48px rgba(42,54,66,.1);
 -webkit-backdrop-filter:blur(22px) saturate(1.08);
 backdrop-filter:blur(22px) saturate(1.08);
}

/* Series landing heroes become rounded glass stages, leaving the fixed artwork visible. */
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .series-hero {
 width:var(--sg-shell);
 min-height:0;
 margin:28px auto 72px;
 overflow:hidden;
 border:1px solid var(--sg-line);
 border-radius:30px;
 background-color:rgba(250,248,244,.5);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 30px 86px rgba(41,53,64,.12);
}
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .series-hero-grid {
 width:100%;
 min-height:650px;
 padding:clamp(48px,6vw,76px);
}
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .series-hero h1 {
 font-family:Manrope,Arial,"Microsoft YaHei",sans-serif;
 font-size:clamp(46px,5.4vw,76px);
 font-weight:620;
 line-height:.98;
 letter-spacing:-.055em;
}
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .series-hero figure {
 min-height:430px;
 padding:13px;
 border:1px solid rgba(255,255,255,.86);
 border-radius:28px;
 background:rgba(255,255,255,.58);
 box-shadow:inset 0 1px 0 #fff,0 24px 66px rgba(42,55,67,.14);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
}
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .series-hero figure img {
 opacity:1!important;
 visibility:visible!important;
 border-radius:18px;
 object-fit:cover;
}

/* Shared glass containers on the six section pages. */
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) :is(.benefits-section,.applications-section) {
 margin-block:68px;
 padding:clamp(42px,5vw,68px);
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 26px 74px rgba(42,54,66,.09);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
:is(body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .products-section {
 padding-block:68px;
 background:transparent!important;
}
:is(body.page-bg-solar-energy-storage,
body.page-bg-other-products) .products-section>.content-shell {
 padding:clamp(42px,5vw,68px);
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 26px 74px rgba(42,54,66,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}

/* Installation page: remove the dark full-width interruption. */
body.page-bg-installation-projects .installation-hero {
 width:var(--sg-shell);
 min-height:640px;
 margin:28px auto 70px;
 overflow:hidden;
 border:1px solid var(--sg-line);
 border-radius:30px;
 background-position:center;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 30px 86px rgba(41,53,64,.14);
}
body.page-bg-installation-projects .installation-hero::before {
 background:linear-gradient(90deg,rgba(31,43,57,.76) 0%,rgba(42,55,69,.53) 48%,rgba(42,55,69,.12) 100%);
}
body.page-bg-installation-projects .installation-hero h1,
body.page-bg-installation-projects .installation-gallery h2,
body.page-bg-installation-projects .installation-process h2,
body.page-bg-installation-projects .installation-grid h3,
body.page-bg-installation-projects .planning-steps h3 {
 font-family:Manrope,Arial,"Microsoft YaHei",sans-serif;
}
body.page-bg-installation-projects .installation-hero h1 {
 max-width:850px;
 font-size:clamp(52px,6.2vw,84px);
 font-weight:620;
 line-height:.98;
 letter-spacing:-.055em;
}
body.page-bg-installation-projects .installation-gallery {
 margin-block:68px;
 padding:clamp(42px,5vw,68px);
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 26px 74px rgba(42,54,66,.09);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
}
body.page-bg-installation-projects .installation-process {
 width:var(--sg-shell);
 margin:68px auto;
 padding-block:0;
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 26px 74px rgba(42,54,66,.09);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
}
body.page-bg-installation-projects .installation-process>.content-shell {
 width:100%;
 padding:clamp(42px,5vw,68px);
}

/* Factory gallery: guarantee visible images and soften its large card. */
body.page-bg-factory-company .factory-hero {
 width:var(--sg-shell);
 margin:28px auto 70px;
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 30px 86px rgba(41,53,64,.12);
}
body.page-bg-factory-company .factory-hero-layout { padding:clamp(34px,4vw,54px); }
body.page-bg-factory-company .factory-hero h1,
body.page-bg-factory-company :is(.story-copy,.factory-heading,.logistics-intro,.logistics-cta) h2 {
 font-family:Manrope,Arial,"Microsoft YaHei",sans-serif;
}
body.page-bg-factory-company .factory-hero-gallery img {
 opacity:1!important;
 visibility:visible!important;
 filter:brightness(1.02) contrast(1.02) saturate(.96)!important;
}
body.page-bg-factory-company :is(.company-story,.manufacturing-section>.factory-shell,.quality-section>.factory-shell,.supply-section,.logistics-intro,.logistics-cta) {
 border-radius:28px;
}

/* Video libraries use glass rather than a black full-width band. */
body.page-bg-factory-videos .video-hero {
 width:var(--sg-shell);
 margin:28px auto 68px;
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 30px 86px rgba(41,53,64,.12);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
}
body.page-bg-factory-videos .video-hero-grid { width:100%; padding:clamp(44px,5vw,68px); }
body.page-bg-factory-videos .video-library-section {
 padding-block:66px;
 background:transparent!important;
 color:var(--sg-ink)!important;
}
body.page-bg-factory-videos .video-library-section>.content-shell {
 padding:clamp(42px,5vw,68px);
 border:1px solid var(--sg-line);
 border-radius:30px;
 background:var(--sg-glass);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 26px 74px rgba(42,54,66,.09);
 -webkit-backdrop-filter:blur(18px);
 backdrop-filter:blur(18px);
}
body.page-bg-factory-videos .video-library-section :is(h2,h3) { color:var(--sg-ink)!important; }
body.page-bg-factory-videos .video-library-section .content-heading>p { color:var(--sg-muted)!important; }

/* Monitoring product details: every major block is now a floating glass card. */
body.page-bg-other-products.monitoring-clean-hero :is(.product-story,.monitoring-details-section,.monitoring-models-section) {
 width:var(--sg-shell);
 margin:68px auto;
 padding:clamp(52px,6vw,78px);
 overflow:hidden;
 border:1px solid var(--sg-line);
 border-radius:30px;
 color:var(--sg-ink);
 background:var(--sg-glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 28px 80px rgba(42,54,66,.1);
 -webkit-backdrop-filter:blur(20px) saturate(1.05);
 backdrop-filter:blur(20px) saturate(1.05);
}
body.page-bg-other-products.monitoring-clean-hero .product-story::before { opacity:.5; }
body.page-bg-other-products.monitoring-clean-hero .product-story>.content-shell { width:100%; }
body.page-bg-other-products.monitoring-clean-hero :is(.product-story,.monitoring-details-section,.monitoring-models-section) :is(h2,h3) { color:var(--sg-ink)!important; }
body.page-bg-other-products.monitoring-clean-hero :is(.product-story,.monitoring-details-section,.monitoring-models-section) .content-heading>p,
body.page-bg-other-products.monitoring-clean-hero .monitoring-details-section .monitoring-section-head p { color:var(--sg-muted)!important; }
body.page-bg-other-products.monitoring-clean-hero .product-story-grid figure {
 border-color:rgba(44,57,69,.1);
 background:rgba(255,255,255,.7);
 box-shadow:inset 0 1px 0 #fff,0 20px 46px rgba(42,54,66,.1);
}
body.page-bg-other-products.monitoring-clean-hero .product-story-grid figcaption { color:#596773; }

/* Energy-storage product pages follow the same floating detail-card system. */
body.page-bg-solar-energy-storage :is(.detail-benefits,.product-story,.spec-section,.applications-section) {
 width:var(--sg-shell);
 margin:68px auto;
 padding:clamp(52px,6vw,78px);
 overflow:hidden;
 border:1px solid var(--sg-line);
 border-radius:30px;
 color:var(--sg-ink);
 background:var(--sg-glass)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 28px 80px rgba(42,54,66,.1);
 -webkit-backdrop-filter:blur(20px) saturate(1.05);
 backdrop-filter:blur(20px) saturate(1.05);
}
body.page-bg-solar-energy-storage .product-story>.content-shell,
body.page-bg-solar-energy-storage .spec-section>.content-shell { width:100%; }
body.page-bg-solar-energy-storage :is(.product-story,.spec-section) :is(h2,h3) { color:var(--sg-ink)!important; }
body.page-bg-solar-energy-storage :is(.product-story,.spec-section) .content-heading>p { color:var(--sg-muted)!important; }
body.page-bg-solar-energy-storage .product-story-grid figure {
 border-color:rgba(44,57,69,.1);
 background:rgba(255,255,255,.7);
 box-shadow:inset 0 1px 0 #fff,0 20px 46px rgba(42,54,66,.1);
}
body.page-bg-solar-energy-storage .product-story-grid figcaption { color:#596773; }

/* CTA panels stay distinct without becoming black blocks. */
:is(body.page-bg-installation-projects,
body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products) .content-cta {
 border-radius:30px;
 background:linear-gradient(135deg,rgba(82,99,119,.94),rgba(64,80,99,.94));
 box-shadow:0 28px 76px rgba(41,53,66,.18);
}

@media (max-width:900px) {
 :is(body.page-bg-factory-company,
 body.page-bg-factory-videos,
 body.page-bg-installation-projects,
 body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) { --sg-shell:calc(100vw - 28px); }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .series-hero-grid { min-height:0; padding:34px 26px; }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .series-hero figure { min-height:340px; }
}

@media (max-width:700px) {
 :is(body.page-bg-factory-company,
 body.page-bg-factory-videos,
 body.page-bg-installation-projects,
 body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) { --sg-shell:calc(100vw - 20px); }
 :is(body.page-bg-factory-company,
 body.page-bg-factory-videos,
 body.page-bg-installation-projects,
 body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) :is(.content-nav,.factory-nav) { width:calc(100vw - 20px); border-radius:17px; }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .series-hero,
 body.page-bg-installation-projects .installation-hero,
 body.page-bg-factory-company .factory-hero,
 body.page-bg-factory-videos .video-hero { margin-block:14px 42px; border-radius:22px; }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .series-hero h1 { font-size:clamp(38px,11vw,52px); }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .series-hero figure { min-height:0; padding:8px; border-radius:18px; }
 :is(body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products) :is(.benefits-section,.applications-section),
 body.page-bg-installation-projects .installation-gallery,
 body.page-bg-installation-projects .installation-process,
 body.page-bg-factory-videos .video-library-section>.content-shell,
 body.page-bg-other-products.monitoring-clean-hero :is(.product-story,.monitoring-details-section,.monitoring-models-section),
 body.page-bg-solar-energy-storage :is(.detail-benefits,.product-story,.spec-section,.applications-section) {
  width:calc(100vw - 20px);
  margin:42px auto;
  padding:28px 16px;
  border-radius:22px;
 }
 :is(body.page-bg-solar-energy-storage,
 body.page-bg-other-products) .products-section>.content-shell { padding:28px 16px; border-radius:22px; }
 body.page-bg-installation-projects .installation-hero { min-height:610px; }
 body.page-bg-installation-projects .installation-hero h1 { font-size:clamp(40px,12vw,56px); }
 body.page-bg-factory-company .factory-hero-layout,
 body.page-bg-factory-videos .video-hero-grid { padding:24px 16px; }
}

/* Stable visual fallbacks for deferred React imagery. */
body.page-bg-factory-company .factory-hero-gallery button {
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
}
body.page-bg-factory-company .factory-hero-gallery button:nth-child(1) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/factory-exterior-enhanced.png')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(2) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/production-01.jpg')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(3) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/production-02.jpg')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(4) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/aging-test.jpg')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(5) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/raw-materials.jpg')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(6) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/reception-v2.png')!important; }
body.page-bg-factory-company .factory-hero-gallery button:nth-child(7) { background-image:url('/wp-content/themes/shengjia-final/site/assets/factory/warehouse-01.png')!important; }
body.page-bg-solar-street-lights .series-hero figure {
 background:rgba(255,255,255,.58) url('/wp-content/themes/shengjia-final/site/assets/home-product-series-one.jpg') center/contain no-repeat!important;
}
body.page-bg-installation-projects .installation-hero {
 background-image:linear-gradient(90deg,rgba(31,43,57,.72),rgba(42,55,69,.30)),url('/wp-content/themes/shengjia-final/site/assets/home-installation-projects.jpg')!important;
 background-position:center!important;
 background-size:cover!important;
}