/* Electric Life v36 — unified header, guide heroes and richer product details */
html,body{max-width:100%;overflow-x:hidden}
.top-navbar .mobile-nav>.mobile-nav-top-content>.menu>li>a,
.top-navbar .mobile-nav .menu>li>a{font-family:Outfit,system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.01em!important;color:#fff!important}
.top-navbar .mobile-nav .menu>li>a:hover,.top-navbar .mobile-nav .menu>li>a:focus{color:#f2f5f3!important}
.top-navbar{font-family:Outfit,system-ui,sans-serif!important}

/* Full-width hero for guides and legal pages */
body.el-commerce-page.el-no-common-banner main.el-page-main,
body.el-commerce-page.el-no-common-banner main.el-guide-page,
body.el-commerce-page.el-no-common-banner main.el-guide-article-main{width:100%!important;max-width:none!important;margin:0!important;padding-top:0!important;box-sizing:border-box!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 main>.el-page-intro:first-child,
.el-v36-guide-hero{
  width:100vw!important;max-width:none!important;min-height:500px!important;
  margin:0 0 72px calc(50% - 50vw)!important;padding:128px 24px 72px!important;
  border:0!important;border-radius:0 0 28px 28px!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.42)),url('../images/page-visuals/solar-home-premium.png') center/cover no-repeat!important;color:#fff!important
}
body.el-commerce-page.el-no-common-banner main>.el-page-intro:first-child .common-title,.el-v36-guide-hero .common-title{margin:0 0 18px!important;color:#fff!important;font-size:12px!important;font-weight:500!important;letter-spacing:.18em!important}
body.el-commerce-page.el-no-common-banner main>.el-page-intro:first-child h1,.el-v36-guide-hero h1{max-width:940px!important;margin:0 auto 16px!important;color:#fff!important;font-size:clamp(36px,4vw,58px)!important;line-height:1.07!important;font-weight:600!important;letter-spacing:-.04em!important}
body.el-commerce-page.el-no-common-banner main>.el-page-intro:first-child p:not(.common-title),.el-v36-guide-hero p:not(.common-title){max-width:760px!important;margin:0 auto!important;color:rgba(255,255,255,.94)!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.6!important;font-weight:400!important}
body.el-commerce-page.el-no-common-banner .el-article-content{width:min(980px,calc(100% - 48px))!important;max-width:980px!important;margin:0 auto!important}
body.el-commerce-page.el-no-common-banner .el-guide-container{width:min(980px,calc(100% - 48px))!important;max-width:980px!important;margin:0 auto 80px!important;padding:0!important}
body.el-commerce-page.el-no-common-banner .el-legal-page{width:min(1080px,calc(100% - 48px))!important;max-width:1080px!important;margin:0 auto 80px!important}

/* Product hero: concise, keep both actions */
body.el-commerce-page .el-shop-hero{width:100%!important;max-width:none!important;min-height:440px!important;padding:120px 24px 64px!important;border-radius:0 0 28px 28px!important}
body.el-commerce-page .el-shop-hero-inner{max-width:820px!important}
body.el-commerce-page .el-shop-hero h1{font-size:clamp(36px,4vw,56px)!important;font-weight:600!important;line-height:1.08!important;letter-spacing:-.04em!important;margin-bottom:16px!important}
body.el-commerce-page .el-shop-hero p{max-width:680px!important;font-size:18px!important;font-weight:400!important;line-height:1.55!important}
body.el-commerce-page .el-shop-actions{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:26px!important}

/* Rich product detail modal */
.el-modal{width:min(1180px,calc(100% - 32px))!important;max-height:92vh!important;overflow:auto!important;border-radius:26px!important}
.el-modal-grid-v36{grid-template-columns:minmax(320px,.85fr) minmax(460px,1.15fr)!important;align-items:start!important}
.el-product-gallery{padding:22px;background:#f5faf7;min-height:100%;border-radius:22px}
.el-product-gallery .el-modal-img{height:480px!important;border-radius:18px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.el-product-gallery .el-modal-img img{width:100%!important;height:100%!important;object-fit:contain!important;padding:12px!important}
.el-gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.el-gallery-thumbs button{height:68px;padding:4px;border:1px solid #dbe9e2;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}
.el-gallery-thumbs button.active{border-color:#00c96b;box-shadow:0 0 0 2px rgba(0,201,107,.12)}
.el-gallery-thumbs img{width:100%;height:100%;object-fit:contain}
.el-product-tabs{display:flex;gap:0;overflow:auto;border-bottom:1px solid #dfe7e3;margin:24px 0 0}
.el-product-tabs button{white-space:nowrap;border:1px solid transparent;border-bottom:0;background:transparent;color:#15231e;padding:14px 16px;font:500 14px/1.2 Outfit,sans-serif;cursor:pointer;border-radius:10px 10px 0 0}
.el-product-tabs button.active{color:#00b95e;background:#fff;border-color:#dfe7e3;position:relative;top:1px}
.el-product-tab-panels{border:1px solid #dfe7e3;border-top:0;padding:24px;border-radius:0 0 14px 14px;min-height:190px;background:#fff}
.el-product-tab-panels>section{display:none}.el-product-tab-panels>section.active{display:block}
.el-detail-copy p,.el-detail-copy li,.el-product-faq p{font-size:15px!important;line-height:1.75!important;color:#42544c!important;font-weight:400!important}
.el-modal-specs-list{margin:14px 0 0;padding-left:20px;display:grid;gap:7px}
.el-technical-sheet{display:grid;gap:12px}.el-technical-sheet .el-doc-link{display:flex!important;width:fit-content!important;margin:0!important}
.el-product-faq details{border-bottom:1px solid #e5ece8;padding:13px 0}.el-product-faq summary{cursor:pointer;font-weight:500;color:#10241c}.el-product-faq p{margin:10px 0 0}
.el-modal-content h2{font-weight:600!important;letter-spacing:-.035em!important}.el-modal-desc{font-weight:400!important}
.el-product-image img,.el-cart-item img{object-fit:contain!important}

@media(max-width:900px){
 .el-modal-grid-v36{grid-template-columns:1fr!important}.el-product-gallery .el-modal-img{height:340px!important}.el-product-tabs button{font-size:13px;padding:12px}.el-gallery-thumbs{grid-template-columns:repeat(4,1fr)}
}
@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 main>.el-page-intro:first-child,.el-v36-guide-hero{min-height:410px!important;padding:96px 20px 56px!important;margin-bottom:46px!important;border-radius:0 0 22px 22px!important}
 body.el-commerce-page.el-no-common-banner main>.el-page-intro:first-child h1,.el-v36-guide-hero h1{font-size:34px!important}
 body.el-commerce-page.el-no-common-banner .el-article-content,body.el-commerce-page.el-no-common-banner .el-guide-container,body.el-commerce-page.el-no-common-banner .el-legal-page{width:calc(100% - 28px)!important}
 body.el-commerce-page .el-shop-hero{min-height:390px!important;padding:100px 20px 54px!important;border-radius:0 0 22px 22px!important}
 .el-product-gallery{padding:12px}.el-product-gallery .el-modal-img{height:290px!important}.el-product-tab-panels{padding:18px}.el-modal{width:calc(100% - 16px)!important}
}