:root{--solar-blue:#06365d;--solar-blue2:#0a4f82;--solar-cyan:#0b86d7;--solar-green:#20a749;--solar-soft:#f5f8fb;--solar-text:#0b2946}
*{box-sizing:border-box}.solar-page{color:var(--solar-text);background:#fff}.solar-shell{width:min(1180px,calc(100% - 48px));margin:auto}.solar-page h2,.solar-page h3,.solar-page p{margin-top:0}.solar-lead{color:#3d5367;font-size:14px;margin-bottom:14px}
/* A fejlécet szándékosan NEM formázzuk itt: kizárólag a közös ../../style.css kezeli. */
.solar-hero{position:relative;min-height:470px;overflow:hidden;background:linear-gradient(90deg,#fff 0 42%,#dcecf7 42%)}
.solar-hero-art{position:absolute;right:0;top:0;bottom:0;width:63%;background:url('hero-house.jpg') center right/cover no-repeat}
.solar-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff 0%,#ffffff 31%,#ffffffee 39%,#ffffff5c 56%,#ffffff00 72%)}
.solar-hero-grid{position:relative;min-height:470px;display:grid;grid-template-columns:43% 1fr;gap:20px;align-items:center}
.solar-hero-copy{color:#0a2945;z-index:2}.solar-kicker{font-size:13px;font-weight:800;letter-spacing:.35px;margin-bottom:14px}.solar-hero h1{font-size:51px;line-height:.96;margin:0 0 14px;letter-spacing:-1.8px;color:#12314e}.solar-hero h1 span{color:#0a91dd}.solar-hero h2{font-size:20px;line-height:1.25;margin-bottom:14px;color:#122f49}.solar-hero p{font-size:15px;line-height:1.5;max-width:520px;color:#213d56}.solar-btn{display:inline-flex;gap:18px;align-items:center;background:#087fca;color:#fff!important;border-radius:5px;padding:14px 25px;font-weight:800;margin-top:4px;box-shadow:0 5px 12px #076fa32e}.solar-slogan{display:none}.solar-benefits{position:absolute;right:max(16px,calc((100vw - 100%) / -2 + 16px));top:50%;transform:translateY(-50%);width:175px;background:transparent;color:#fff;border:0;border-radius:0;padding:0;box-shadow:none;z-index:3}.solar-benefits div{min-height:88px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;text-align:left;border-bottom:0;font-size:12px;line-height:1.2;text-shadow:0 2px 7px rgba(0,0,0,.78)}.solar-benefits div:last-child{border-bottom:0}.solar-benefits i{font-style:normal;font-size:29px;line-height:1;margin:0;min-width:34px;text-align:center;text-shadow:0 2px 7px rgba(0,0,0,.78)}
.solar-trust{background:#fff;border-bottom:1px solid #dfe7ed}.solar-trust-grid{min-height:86px;display:grid;grid-template-columns:repeat(5,1fr) 3fr;align-items:center;gap:10px}.solar-trust-item{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.25}.solar-trust-item i{font-style:normal;color:var(--solar-green);font-size:30px}.solar-live{align-self:stretch;background:linear-gradient(90deg,#07365d,#07507f);color:#fff;border-radius:7px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);padding:12px 14px;gap:12px;align-items:center}.solar-live-title{font-weight:800;line-height:1.1}.solar-live-title small{font-weight:400}.solar-live-title span{display:block;color:#75d98d;font-size:10px;margin-top:7px}.solar-live>div:not(:first-child){display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:center}.solar-live>div b{grid-row:1/3;font-size:24px;color:#ffd12e}.solar-live>div small{font-size:9px;color:#dceaf4}.solar-live>div strong{font-size:12px}
.solar-content{padding:30px 0 12px}.solar-top-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.solar-content h2,.solar-info-bg h2,.solar-solutions h2,.solar-brands h2{font-size:25px;margin-bottom:3px;letter-spacing:-.35px}.solar-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:start;gap:8px;margin-top:22px}.solar-flow article{text-align:left}.solar-flow article>img{height:118px;width:100%;object-fit:contain;display:block}.solar-flow em{align-self:center;color:#087fca;font-style:normal;font-size:32px;font-weight:900}.solar-flow h3{font-size:15px;margin:5px 0 4px}.solar-flow p{font-size:11px;line-height:1.32;color:#3c5266;margin-bottom:0}
.solar-backup{background:linear-gradient(135deg,#07365d,#062847);color:#fff;border-radius:7px;padding:21px 20px 18px;box-shadow:0 10px 26px #032c4f1a;min-height:280px}.solar-backup h2{font-size:27px;line-height:1.05}.solar-backup p{font-size:13px;line-height:1.43;color:#e1ecf4}.backup-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:17px 0}.backup-icons span{text-align:center;font-size:23px}.backup-icons small{display:block;font-size:8px;margin-top:6px}.backup-battery{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff22;padding-top:13px}.backup-battery b{font-size:29px;color:#50dd54;border:2px solid #50dd54;border-radius:5px;padding:3px 8px;letter-spacing:-7px}.backup-battery span{font-size:12px}.backup-battery strong{color:#5fe064}
.solar-info-bg{background:linear-gradient(90deg,#f4f8fb 0 60%,#fff 60%);padding:15px 0 21px}.solar-info-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:28px}.settle-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settle-cards article{background:#fff;border:1px solid #dfe9f0;border-radius:7px;padding:16px}.settle-cards h3{color:#087cc6;font-size:18px;margin-bottom:9px}.settle-cards p{font-size:12px;line-height:1.4;min-height:80px;color:#31495f}.settle-icon{text-align:center;font-size:29px;color:#0a74b9;margin:4px 0 7px}.settle-cards small{display:block;text-align:center;font-size:9px}.solar-note{margin-top:9px;border:1px solid #9bc9ec;background:#eaf5fd;padding:8px 11px;border-radius:6px;font-size:10px;color:#315874}.solar-monitor{display:grid;grid-template-columns:1fr 145px;gap:14px;align-items:center}.solar-monitor p{font-size:12px;line-height:1.42;color:#3f576a}.solar-monitor ul{list-style:none;padding:0;margin:13px 0 0}.solar-monitor li{font-size:11px;font-weight:700;margin:8px 0;color:#203c52}.phone-image img{width:100%;max-height:275px;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px #0003)}
.solar-solutions{padding:24px 0 12px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.solution-grid article{display:grid;grid-template-columns:200px 1fr;background:#f1f5f8;border-radius:6px;overflow:hidden;min-height:180px}.solution-grid img{width:100%;height:100%;object-fit:cover}.solution-grid article>div{padding:15px}.solution-grid h3{font-size:18px;margin-bottom:8px}.solution-grid p{font-size:12px;line-height:1.48;color:#29465e}.solution-grid a{display:inline-block;background:#087fca;color:#fff!important;border-radius:5px;padding:8px 17px;font-size:11px;font-weight:800}
.solar-brands{padding:5px 0 17px}.brand-row{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.brand-row img{width:100%;height:70px;object-fit:contain;border:1px solid #e1e8ef;border-radius:6px;background:#fff;padding:0}
/* Az ajánlatkérő modul változatlanul a jóváhagyott V4 stílus. */
.quote-band{background:linear-gradient(90deg,#0b3156,#07375f);color:#fff;padding:38px 0}.solar-quote-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:42px}.quote-copy h2{font-size:28px;line-height:1.1;margin:0 0 12px}.quote-copy p{font-size:13px;line-height:1.55;color:#e1edf6}.quote-note{background:#ffffff10;border:1px solid #ffffff2e;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.55}.solar-form{display:grid;gap:9px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.solar-form input,.solar-form select,.solar-form textarea{width:100%;border:0;border-radius:7px;padding:12px 13px;font:inherit;font-size:12px;color:#173955;background:#fff}.solar-form textarea{resize:vertical}.solar-submit{justify-self:start;border:0;background:#f3a400;color:#fff;font-weight:800;border-radius:28px;padding:13px 22px;cursor:pointer}.attach-reminder{font-size:9px;color:#c6dbea;line-height:1.4}
/* Lábjegyzet/lábléc: ugyanaz a logika, mint a klíma oldalon. */
.klima-footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#0b4778}.klima-footer a{font-weight:600}.klima-footer em{font-family:"Comic Sans MS",cursive;font-size:16px;transform:rotate(-3deg);text-decoration:underline;text-decoration-color:#f4b500;text-decoration-thickness:2px;text-underline-offset:6px}
@media(max-width:1000px){.solar-hero-grid{grid-template-columns:1fr}.solar-benefits{right:14px;width:155px}.solar-hero-copy{max-width:560px}.solar-trust-grid{grid-template-columns:repeat(5,1fr)}.solar-live{grid-column:1/-1;min-height:82px}.solar-top-grid,.solar-info-grid{grid-template-columns:1fr}.solar-info-bg{background:#f5f8fb}.solution-grid{grid-template-columns:1fr}.brand-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.solar-shell{width:calc(100% - 28px)}.solar-hero{min-height:620px;background:#eef5fa}.solar-hero-art{width:100%;height:300px;bottom:auto;background-position:center}.solar-hero-shade{background:linear-gradient(180deg,#ffffff00 0 240px,#fff 330px)}.solar-hero-grid{grid-template-columns:1fr;align-items:end;padding:285px 0 28px}.solar-benefits{display:none}.solar-hero h1{font-size:40px}.solar-hero h2{font-size:17px}.solar-trust-grid{grid-template-columns:1fr 1fr}.solar-trust-item{padding:8px 0}.solar-live{grid-template-columns:1fr 1fr}.solar-live-title{grid-column:1/-1}.solar-flow{grid-template-columns:1fr 1fr}.solar-flow em{display:none}.settle-cards{grid-template-columns:1fr}.solar-monitor{grid-template-columns:1fr 120px}.backup-icons{grid-template-columns:repeat(3,1fr)}.solution-grid article{grid-template-columns:1fr}.solution-grid img{height:190px}.brand-row{grid-template-columns:1fr 1fr}.solar-quote-grid{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.klima-footer{flex-direction:column;align-items:flex-start;padding:20px 0}}


/* ==========================================================
   V11 – jóváhagyott látványterv szerinti termelési kártya
   Külön fájlnévvel töltődik be, ezért a böngésző régi cache-e
   nem tudja visszahozni a korábbi hibás elrendezést.
   ========================================================== */

.solar-trust{
  padding:0 0 28px!important;
}
.solar-trust-grid{
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:center!important;
}
.solar-trust-item{
  min-width:0!important;
}

.solar-live.solar-live-v11{
  grid-column:1/-1!important;
  width:min(100%,1050px)!important;
  margin:18px auto 0!important;
  padding:22px 24px 18px!important;
  display:block!important;
  min-height:0!important;
  align-self:auto!important;
  color:#0b3158!important;
  background:#ffffff!important;
  border:1px solid #d7e5ef!important;
  border-radius:20px!important;
  box-shadow:0 16px 38px rgba(24,68,102,.13)!important;
}

.solar-live-v11 .v11-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:18px!important;
}
.solar-live-v11 .v11-title{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.solar-live-v11 .v11-title>div{
  display:block!important;
  min-width:0!important;
}
.solar-live-v11 .v11-title h3{
  margin:0!important;
  color:#0a3158!important;
  font-size:26px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.55px!important;
}
.solar-live-v11 .v11-title p{
  margin:5px 0 0!important;
  color:#4a6882!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.solar-live-v11 .v11-leaf{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  color:#2eb83d!important;
  filter:drop-shadow(0 5px 8px rgba(46,184,61,.16))!important;
}
.solar-live-v11 svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.solar-live-v11 .v11-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  background:#eaf8ed!important;
  color:#148437!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.solar-live-v11 .v11-status span{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:#1db347!important;
  box-shadow:0 0 0 4px rgba(29,179,71,.10)!important;
}

.solar-live-v11 .v11-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.solar-live-v11 .v11-card{
  min-width:0!important;
  min-height:130px!important;
  padding:18px 18px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
  border-radius:16px!important;
  text-align:left!important;
  border:0!important;
}
.solar-live-v11 .v11-card>div{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
}
.solar-live-v11 .v11-icon{
  width:54px!important;
  height:54px!important;
  display:block!important;
}
.solar-live-v11 .v11-card b{
  color:#0b3158!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
  margin:0 0 6px!important;
}
.solar-live-v11 .v11-card strong{
  display:block!important;
  font-size:31px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.7px!important;
  white-space:nowrap!important;
}
.solar-live-v11 .v11-card small{
  display:block!important;
  margin-top:8px!important;
  color:#4d6880!important;
  font-size:11px!important;
  line-height:1.2!important;
}

.solar-live-v11 .v11-today{
  background:linear-gradient(135deg,#fffaf0 0%,#fff5da 100%)!important;
}
.solar-live-v11 .v11-today .v11-icon,
.solar-live-v11 .v11-today strong{
  color:#f5aa00!important;
}
.solar-live-v11 .v11-total{
  background:linear-gradient(135deg,#f2f8ff 0%,#e8f4ff 100%)!important;
}
.solar-live-v11 .v11-total .v11-icon,
.solar-live-v11 .v11-total strong{
  color:#0877d7!important;
}
.solar-live-v11 .v11-co2{
  background:linear-gradient(135deg,#f1fbf2 0%,#e7f8ea 100%)!important;
}
.solar-live-v11 .v11-co2 .v11-icon,
.solar-live-v11 .v11-co2 strong{
  color:#1ba239!important;
}

.solar-live-v11 .v11-foot{
  margin-top:12px!important;
  min-height:42px!important;
  padding:10px 15px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#215985!important;
  background:#f1f7fb!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
.solar-live-v11 .v11-sprout{
  font-size:20px!important;
  line-height:1!important;
}

@media(max-width:1000px){
  .solar-trust-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .solar-live.solar-live-v11{
    width:100%!important;
  }
  .solar-live-v11 .v11-title h3{font-size:22px!important}
  .solar-live-v11 .v11-card strong{font-size:26px!important}
}

@media(max-width:760px){
  .solar-trust-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .solar-live.solar-live-v11{
    grid-column:1/-1!important;
    padding:16px!important;
    margin-top:12px!important;
  }
  .solar-live-v11 .v11-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .solar-live-v11 .v11-title h3{font-size:19px!important}
  .solar-live-v11 .v11-title p{font-size:12px!important}
  .solar-live-v11 .v11-leaf{width:46px!important;height:46px!important;flex-basis:46px!important}
  .solar-live-v11 .v11-metrics{
    grid-template-columns:1fr!important;
  }
  .solar-live-v11 .v11-card{
    min-height:92px!important;
    grid-template-columns:50px 1fr!important;
    padding:13px 15px!important;
  }
  .solar-live-v11 .v11-icon{width:44px!important;height:44px!important}
  .solar-live-v11 .v11-card strong{font-size:25px!important}
}

/* ==========================================================
   2026-09-13 – egységesített napelem oldal
   Referencia: jóváhagyott Villanyszerelés oldal.
   A működő napelem/Growatt/Sunways tartalomhoz nem nyúl.
   ========================================================== */
@media (min-width:761px){
  .solar-page{
    width:min(1160px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
  }
  .solar-page .solar-shell{
    width:100%;
    padding-left:20px;
    padding-right:20px;
  }
  .solar-hero{
    border-radius:12px;
    overflow:hidden;
  }
  .solar-hero-grid{
    width:100%;
  }
  .quote-band{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
  .quote-band .solar-shell{
    width:100%;
    padding-left:20px;
    padding-right:20px;
  }
}