/* Electric Life v28 targeted fixes for selected pages
   - full width hero/header blocks
   - centered hero text
   - fixed LEKTRI two-column hero inheritance
   - clean guide article hero
*/

/* Keep the navbar full and stable */
body.el-commerce-page .common-page-section,
body.el-commerce-page.el-no-common-banner .common-page-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  background:#06150f!important;
}
body.el-commerce-page .top-navbar{
  width:100%!important;
  max-width:none!important;
}

/* Generic page hero: legal + guides list */
body.el-commerce-page.el-no-common-banner main.el-page-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child,
body.el-commerce-page.el-no-common-banner .el-guide-article-hero{
  width:100%!important;
  max-width:none!important;
  min-height:500px!important;
  margin:0 0 72px 0!important;
  padding:150px 24px 78px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.42)),url('../images/page-visuals/solar-home-premium.png') center/cover no-repeat!important;
}
body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child .common-title,
body.el-commerce-page.el-no-common-banner .el-guide-article-hero .common-title{
  width:100%!important;
  text-align:center!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:2.2px!important;
  margin:0 0 22px!important;
  text-transform:uppercase!important;
}
body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child h1,
body.el-commerce-page.el-no-common-banner .el-guide-article-hero h1{
  max-width:920px!important;
  margin:0 auto 20px!important;
  text-align:center!important;
  color:#fff!important;
  font-size:clamp(34px,4.1vw,56px)!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.045em!important;
}
body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child p:not(.common-title),
body.el-commerce-page.el-no-common-banner .el-guide-article-hero p:not(.common-title){
  max-width:760px!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#f2f6f4!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.58!important;
  font-weight:450!important;
}

/* Legal pages content after hero */
body.el-commerce-page.el-no-common-banner .el-legal-page{
  width:min(1080px,calc(100% - 40px))!important;
  max-width:1080px!important;
  margin:0 auto 82px!important;
}

/* Guides listing cards after hero */
body.el-commerce-page.el-no-common-banner .el-page-card-grid{
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin:0 auto 70px!important;
  display:block!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-page .el-article-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-page .el-article-card{
  min-width:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-page .el-article-card img{
  width:100%!important;
  height:230px!important;
  min-height:0!important;
  object-fit:cover!important;
}
body.el-commerce-page.el-no-common-banner .el-cta-section{
  width:min(1120px,calc(100% - 40px))!important;
  max-width:1120px!important;
  margin:0 auto 82px!important;
}

/* LEKTRI product pages: remove inherited two-column grid and center the hero */
body.el-commerce-page .el-lektri-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.el-commerce-page .el-lektri-hero{
  width:100%!important;
  max-width:none!important;
  min-height:520px!important;
  margin:0!important;
  padding:150px 24px 78px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  place-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
body.el-commerce-page .el-lektri-hero-content{
  grid-column:1!important;
  width:min(920px,92vw)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
body.el-commerce-page .el-lektri-logo{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0 auto 22px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:2.2px!important;
  text-transform:uppercase!important;
}
body.el-commerce-page .el-lektri-hero h1,
body.el-commerce-page .el-lektri-hero h2{
  max-width:920px!important;
  margin:0 auto 20px!important;
  text-align:center!important;
  color:#fff!important;
  font-size:clamp(34px,4.1vw,56px)!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.045em!important;
}
body.el-commerce-page .el-lektri-hero p{
  max-width:760px!important;
  margin:0 auto 30px!important;
  text-align:center!important;
  color:#f2f6f4!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.58!important;
}
body.el-commerce-page .el-lektri-hero-actions{
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
}
body.el-commerce-page .el-lektri-hero-product{
  display:none!important;
}

/* Modern article page body */
body.el-commerce-page.el-no-common-banner main.el-guide-article-modern{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f3f6f5 0%,#ffffff 48%,#f5f8f6 100%)!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-article-modern .el-guide-container{
  width:min(980px,calc(100% - 40px))!important;
  max-width:980px!important;
  margin:0 auto 80px!important;
  background:#fff!important;
  border:1px solid #e5edf2!important;
  border-radius:34px!important;
  padding:44px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.07)!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-article-modern .el-guide-container h1{
  display:none!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-article-modern .el-guide-container h2:first-child{
  margin-top:0!important;
}
body.el-commerce-page.el-no-common-banner .el-guide-article-modern + .el-page-product-section{
  padding-top:38px!important;
}

@media(max-width:767px){
  body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child,
  body.el-commerce-page.el-no-common-banner .el-guide-article-hero,
  body.el-commerce-page .el-lektri-hero{
    min-height:420px!important;
    padding:104px 18px 44px!important;
  }
  body.el-commerce-page.el-no-common-banner .el-page-intro.el-page-intro-center:first-child h1,
  body.el-commerce-page.el-no-common-banner .el-guide-article-hero h1,
  body.el-commerce-page .el-lektri-hero h1,
  body.el-commerce-page .el-lektri-hero h2{
    font-size:34px!important;
    line-height:1.1!important;
  }
  body.el-commerce-page.el-no-common-banner .el-guide-page .el-article-list{
    grid-template-columns:1fr!important;
  }
  body.el-commerce-page.el-no-common-banner .el-guide-page .el-article-card img{
    height:210px!important;
  }
  body.el-commerce-page.el-no-common-banner .el-legal-page,
  body.el-commerce-page.el-no-common-banner .el-page-card-grid,
  body.el-commerce-page.el-no-common-banner .el-cta-section,
  body.el-commerce-page.el-no-common-banner .el-guide-article-modern .el-guide-container{
    width:calc(100% - 28px)!important;
  }
  body.el-commerce-page.el-no-common-banner .el-guide-article-modern .el-guide-container{
    padding:26px!important;
    border-radius:24px!important;
  }
}