/* Professional photographic visual system approved 2026-09-10.
   These are generic editorial/category visuals, not Blue PowerTech project photography. */
:root{
  --photo-solar-home:url('https://images.unsplash.com/photo-1775686332316-8e1ce04d10d7?auto=format&fit=crop&fm=jpg&q=86&w=2200');
  --photo-family-home:url('https://images.unsplash.com/photo-1758687126864-96b61e1b3af0?auto=format&fit=crop&fm=jpg&q=86&w=1600');
  --photo-commercial:url('https://images.unsplash.com/photo-1769697672933-0f599f913f4d?auto=format&fit=crop&fm=jpg&q=86&w=2000');
  --photo-outdoor:url('https://images.unsplash.com/photo-1490452322586-70484206da38?auto=format&fit=crop&fm=jpg&q=86&w=2000');
}

/* Shared polish */
.hero{position:relative;overflow:hidden}.hero>.wrap{position:relative;z-index:2}.card{overflow:hidden;border-color:#e5ebf0!important;box-shadow:0 14px 38px rgba(13,35,64,.07);transition:transform .22s ease,box-shadow .22s ease}.card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(13,35,64,.10)}
.btn{box-shadow:0 8px 18px rgba(13,35,64,.08)}

/* Remove the old flat-vector scene layers. */
.solutionPic:before,.solutionPic:after,.solarVisual:before,.solarVisual:after,.servicePhoto:before,.servicePhoto:after,.heroVisual:before,.house,.panel,.projectPhoto:before{display:none!important}

/* Inner-page category photography: each visual now matches its content role. */
.solutionPic,.solarVisual,.servicePhoto,.aboutVisual,.buyHeroVisual{background-size:cover!important;background-repeat:no-repeat!important}
.solutionPic.home{background-image:url('../images/home/solution-home-backup-mobile.webp')!important;background-position:center 46%!important}
.solutionPic.solar{background-image:url('../images/home/solution-residential-solar-large.webp')!important;background-position:center 50%!important}
.solutionPic.business{background-image:url('../images/home/solution-business-commercial-large.webp')!important;background-position:center 56%!important}
.solutionPic.portable{background-image:url('../images/home/solution-portable-power-mobile.webp')!important;background-position:center 57%!important}
.solarVisual{background-image:linear-gradient(90deg,rgba(255,255,255,.02),rgba(9,36,63,.05)),var(--photo-solar-home)!important;background-position:center 56%!important}
.servicePhoto{background-image:linear-gradient(180deg,rgba(10,35,62,.01),rgba(10,35,62,.10)),var(--photo-solar-home)!important;background-position:center 55%!important}
.servicePhoto.commercial{background-image:linear-gradient(180deg,rgba(10,35,62,.01),rgba(10,35,62,.12)),var(--photo-commercial)!important;background-position:center 50%!important}
.aboutVisual{background-image:linear-gradient(110deg,rgba(235,247,255,.34),rgba(255,248,220,.10)),var(--photo-family-home)!important;background-position:center 44%!important}
.buyHeroVisual{background-image:url('../images/page-heroes/buy-lifestyle-v2.webp?v=20260920-2')!important;background-position:center!important}
.aboutVisual img,.buyHeroVisual img{z-index:3}.aboutVisual .visualTag,.buyHeroVisual .tag,.photoCaption,.visualLabel{z-index:4;box-shadow:0 8px 22px rgba(13,35,64,.12)}

/* Homepage and shared hero: close to approved visual direction. */
.heroVisual{background-image:linear-gradient(90deg,rgba(5,28,50,.01),rgba(5,28,50,.07)),var(--photo-solar-home)!important;background-size:cover!important;background-position:center 54%!important}
.heroVisual .script{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.46)}
.heroVisual .script:after{box-shadow:0 2px 10px rgba(0,0,0,.14)}
.yellowNote{box-shadow:0 16px 32px rgba(0,0,0,.22)!important}

.solutionImg{background-size:cover!important;background-repeat:no-repeat!important}.solutionImg:before{display:none!important}
.solutionImg.home{background-image:linear-gradient(180deg,rgba(8,30,52,.01),rgba(8,30,52,.10)),var(--photo-family-home)!important;background-position:center 44%!important}
.solutionImg.solar{background-image:linear-gradient(180deg,rgba(8,30,52,.01),rgba(8,30,52,.09)),var(--photo-solar-home)!important;background-position:center 54%!important}
.solutionImg.business{background-image:linear-gradient(180deg,rgba(8,30,52,.01),rgba(8,30,52,.11)),var(--photo-commercial)!important;background-position:center 50%!important}
.solutionImg.portable{background-image:linear-gradient(180deg,rgba(8,30,52,.01),rgba(8,30,52,.14)),var(--photo-outdoor)!important;background-position:center 62%!important}

/* Featured product keeps the actual Blue PowerTech unit over an outdoor scene. */
.featureArt{background-image:linear-gradient(90deg,rgba(238,247,255,.08),rgba(7,30,50,.05)),var(--photo-outdoor)!important;background-size:cover!important;background-position:center 60%!important}
.featureArt:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,247,255,.25) 0 26%,rgba(238,247,255,.02) 58%,rgba(6,27,47,.08));pointer-events:none}
.featureArt img,.featureArt .featuredProductImage{position:relative;z-index:3!important;filter:drop-shadow(0 24px 28px rgba(0,0,0,.28))}
.productScript{z-index:4;color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.48)}.usePills{z-index:4}

/* Solar pathway imagery mirrors the approved residential/commercial split. */
.solarHome .projectStrip{gap:0;background:#102f49}.solarHome .projectPhoto{background-size:cover!important;background-repeat:no-repeat!important;min-height:230px}.solarHome .projectPhoto:nth-child(1),.solarHome .projectPhoto:nth-child(3){background-image:linear-gradient(180deg,transparent 42%,rgba(4,25,42,.66)),var(--photo-solar-home)!important;background-position:center 56%!important}.solarHome .projectPhoto:nth-child(2){background-image:linear-gradient(180deg,transparent 42%,rgba(4,25,42,.66)),var(--photo-commercial)!important;background-position:center 50%!important}

.cta{background-image:linear-gradient(90deg,rgba(7,31,53,.90),rgba(10,47,67,.74)),var(--photo-outdoor)!important;background-size:cover!important;background-position:center 60%!important}.cta:before{display:none!important}.ctaGrid,.cta>.wrap{position:relative;z-index:2}

.section{position:relative}.section:nth-of-type(even):not(.cta):not(.solar){background-image:linear-gradient(180deg,#fff,#fbfcfd)}
.why{position:relative;overflow:hidden}.why:after{content:"";position:absolute;right:-36px;bottom:-42px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ffcf2d2a,transparent 68%)}

@media(max-width:900px){.heroVisual{background-position:60% center!important}.featureArt{background-position:center 62%!important}.solarHome .projectPhoto{min-height:200px}}
@media(max-width:760px){.solutionPic.home,.solutionImg.home{background-position:center 42%!important}.solutionPic.solar,.solutionImg.solar,.solarVisual{background-position:center 54%!important}.solutionPic.business,.solutionImg.business,.servicePhoto.commercial{background-position:center 50%!important}.solutionPic.portable,.solutionImg.portable,.buyHeroVisual,.featureArt{background-position:center 62%!important}.servicePhoto{background-position:center 54%!important}.aboutVisual{background-position:center 44%!important}.heroVisual{background-position:61% center!important}.solarHome .projectPhoto{min-height:190px}}
@media(max-width:560px){.solutionPic.home{background-image:url('../images/home/solution-home-backup-mobile.webp')!important;background-position:center bottom!important}.solutionPic.solar{background-image:url('../images/home/solution-residential-solar-mobile.webp')!important;background-position:center!important}.solutionPic.business{background-image:url('../images/home/solution-business-commercial-mobile.webp')!important;background-position:center!important}.solutionPic.portable{background-image:url('../images/home/solution-portable-power-mobile.webp')!important;background-position:center bottom!important}}
@media(max-width:520px){.heroVisual{background-position:62% center!important}.featureArt{background-position:58% center!important}.solarHome .projectPhoto{min-height:175px}}


/* Solutions cards: preserve the approved 16:9 artwork without cropping products. */
.solutionChoice .solutionPic{height:auto!important;aspect-ratio:1199/675!important;background-size:cover!important}
.solutionChoice .solutionPic.home,.solutionChoice .solutionPic.portable{background-position:center center!important}