/* =================================================
   Yellow Energia – Építési projektek (Shoprenter-safe)
   Használat:
   - Oldal "Egyedi CSS class": ye-project-page
   - Tartalomban blockquote-okkal tagolunk
   ================================================= */

.ye-project-page .page-content,
.ye-project-page .content,
.ye-project-page main {
  /* ha a sablonod más konténert használ, attól még a body-szelektorok működnek */
}

.ye-project-page h1 {
  font-weight: 800;
  margin: 0 0 12px 0;
}

.ye-project-page h2 {
  font-weight: 800;
  margin: 18px 0 10px 0;
}

.ye-project-page p {
  color: #2a3342;
  line-height: 1.7;
}

.ye-project-page hr {
  border: 0;
  border-top: 1px solid #e7ecf3;
  margin: 18px 0;
}

/* HERO blokk (első blockquote) */
.ye-project-page blockquote {
  margin: 0 0 18px 0;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid #e7ecf3;
  background: #ffffff;
}

.ye-project-page blockquote.hero {
  background: #f6f8fb;
}

/* listák szebben */
.ye-project-page ul {
  margin: 10px 0 0 18px;
  padding: 0;
  color: #2a3342;
  line-height: 1.7;
}

/* gomb link (a tartalomban sima <a class="ye-btn">) */
.ye-project-page a.ye-btn {
  display: inline-block;
  background: #111;
  color: #fff !important;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 800;
  margin-top: 10px;
}

/* kontakt csík (a tartalomban <blockquote class="strip">) */
.ye-project-page blockquote.strip {
  background: #111;
  color: #fff;
  border: 0;
}

.ye-project-page blockquote.strip p {
  color: #d7dde7;
  margin: 6px 0 0 0;
}

/* Mobil finomhangolás */
@media (max-width: 640px) {
  .ye-project-page blockquote {
    padding: 14px;
    border-radius: 14px;
  }
  .ye-project-page a.ye-btn {
    width: 100%;
    text-align: center;
  }
}
/* Oldalszintű scope */
body.ye-hoszivattyu{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:#111;
}

/* Konténer */
body.ye-hoszivattyu .ye-wrap{
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px;
}

/* Hero */
body.ye-hoszivattyu .ye-hero{
  background:linear-gradient(135deg,#ffd400 0%, #fff 60%);
  border-radius:18px;
  padding:28px;
}

body.ye-hoszivattyu .ye-hero-inner{
  display:grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap:18px;
  align-items:start;
}

body.ye-hoszivattyu h1{
  margin:0 0 10px;
  font-size:32px;
  line-height:1.15;
}

body.ye-hoszivattyu h2{
  margin:0 0 10px;
  font-size:24px;
}

body.ye-hoszivattyu h3{
  margin:0 0 10px;
  font-size:18px;
}

body.ye-hoszivattyu .ye-lead{
  margin:0 0 12px;
  font-size:16px;
  max-width:78ch;
}

body.ye-hoszivattyu .ye-muted{
  margin:10px 0 0;
  font-size:12px;
  color:#555;
}

body.ye-hoszivattyu .ye-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

body.ye-hoszivattyu .ye-badges span{
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  padding:6px 10px;
  border-radius:999px;
  font-size:13px;
}

body.ye-hoszivattyu .ye-cta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

body.ye-hoszivattyu .ye-btn{
  display:inline-block;
  text-decoration:none;
  padding:11px 14px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#111;
  color:#fff;
  font-weight:700;
}

body.ye-hoszivattyu .ye-btn.ye-btn-outline{
  background:#fff;
  color:#111;
}

body.ye-hoszivattyu .ye-hero-box{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
}

body.ye-hoszivattyu .ye-hero-box ul{
  margin:0;
  padding-left:18px;
}

body.ye-hoszivattyu .ye-hero-box li{ margin:6px 0; }

/* Szekciók */
body.ye-hoszivattyu .ye-section{
  margin-top:28px;
}

body.ye-hoszivattyu .ye-columns{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  margin-top:12px;
}

body.ye-hoszivattyu .ye-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
  margin-top:14px;
}

body.ye-hoszivattyu .ye-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:18px;
}

body.ye-hoszivattyu .ye-list{
  margin:10px 0 0;
  padding-left:18px;
}
body.ye-hoszivattyu .ye-list li{ margin:6px 0; }

body.ye-hoszivattyu .ye-note{
  margin-top:12px;
  background:#fff6cc;
  border:1px solid rgba(0,0,0,.10);
  padding:12px;
  border-radius:14px;
  font-size:13px;
}

/* Lépések */
body.ye-hoszivattyu .ye-ol{
  margin:10px 0 0;
  padding-left:20px;
}
body.ye-hoszivattyu .ye-ol li{ margin:8px 0; }

/* Űrlap rész */
body.ye-hoszivattyu .ye-form-wrap{
  background:#fafafa;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  padding:22px;
}

body.ye-hoszivattyu .ye-form-placeholder{
  margin-top:14px;
  background:#fff;
  border:1px dashed rgba(0,0,0,.25);
  border-radius:16px;
  padding:16px;
}

/* Fontos: általános form-stílusok – akkor is hatnak, ha a Shoprenter űrlap modul más classokat ad */
body.ye-hoszivattyu form input,
body.ye-hoszivattyu form select,
body.ye-hoszivattyu form textarea{
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  padding:10px;
  font:inherit;
  background:#fff;
}

body.ye-hoszivattyu form textarea{
  min-height:110px;
  resize:vertical;
}

body.ye-hoszivattyu form button,
body.ye-hoszivattyu form .btn,
body.ye-hoszivattyu form input[type="submit"]{
  background:#111;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:12px 18px;
  font-weight:700;
  cursor:pointer;
}

/* Reszponzív */
@media (max-width: 900px){
  body.ye-hoszivattyu .ye-hero-inner{ grid-template-columns:1fr; }
  body.ye-hoszivattyu .ye-columns{ grid-template-columns:1fr; }
  body.ye-hoszivattyu .ye-grid{ grid-template-columns:1fr; }
  body.ye-hoszivattyu h1{ font-size:26px; }
}
/* ===== Yellow Energia - Rólunk (Shoprenter SAFE) ===== */
/* wrapper class: ye-about */

.ye-about {
  /* változók helyett fix értékek (Shoprenter parser barátabb) */
}

.ye-about,
.ye-about * {
  box-sizing: border-box;
}

.ye-about__container {
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 16px;
  color: rgba(0,0,0,.82);
  line-height: 1.7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.ye-about__header {
  margin-bottom: 18px;
}

.ye-about__title {
  margin: 0 0 8px;
  font-size: 34px; /* clamp helyett */
  letter-spacing: -0.02em;
}

@media (max-width: 640px) {
  .ye-about__title { font-size: 28px; }
}

.ye-about__lead {
  margin: 0;
  color: rgba(0,0,0,.64);
  font-size: 1.05rem;
}

.ye-about__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

@media (min-width: 900px) {
  .ye-about__grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

.ye-about__card {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  padding: 18px;
}

.ye-about__card--muted {
  background: rgba(0,0,0,.035);
}

.ye-about__card--map {
  padding-bottom: 12px;
}

.ye-about__h2 {
  margin: 0 0 10px;
  font-size: 1.15rem;
  letter-spacing: -0.01em;
}

.ye-about__list {
  margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.82);
  line-height: 1.7;
}

.ye-about__list li {
  margin: 6px 0;
}

.ye-about__contact {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.ye-about__contactRow {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.03);
}

@media (max-width: 480px) {
  .ye-about__contactRow {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

.ye-about__label {
  color: rgba(0,0,0,.64);
  font-weight: 700;
}

.ye-about__value {
  color: rgba(0,0,0,.82);
}

.ye-about a.ye-about__value {
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,0,0,.25);
}

.ye-about a.ye-about__value:hover {
  border-bottom-style: solid;
}

.ye-about__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.ye-about__badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  font-size: .92rem;
  color: rgba(0,0,0,.82);
}

.ye-about__badge:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 50%;
  background: #f2d600;
  box-shadow: 0 0 0 3px rgba(242,214,0,.25);
}

/* ===== Reszponzív térkép (aspect-ratio nélkül, Shoprenter-safe) ===== */
.ye-about__map {
  position: relative;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.04);
}

/* 16:10 arány */
.ye-about__map:before {
  content: "";
  display: block;
  padding-top: 62.5%;
}

/* Mobilon kicsit magasabb */
@media (max-width: 480px) {
  .ye-about__map:before {
    padding-top: 75%;
  }
}

.ye-about__map iframe {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.ye-about__hint {
  margin: 10px 2px 0;
  color: rgba(0,0,0,.64);
  font-size: .92rem;
}
/* === Lakossági Energiatároló Pályázat – scoped (csak ezen az oldalon használd) === */
.ye-ep{
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px 40px;
  font-family: inherit;
  line-height: 1.5;
}

.ye-ep .ye-ep__title{
  margin: 0 0 8px 0;
  font-size: 28px;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
}

.ye-ep .ye-ep__lead{
  margin: 0 auto;
  max-width: 760px;
  text-align: center;
  opacity: .88;
}

.ye-ep .ye-ep__grid{
  display: grid;
  gap: 16px;
  margin-top: 18px;
}

@media (min-width: 720px){
  .ye-ep .ye-ep__grid{
    grid-template-columns: 1fr 1fr;
  }
  .ye-ep .ye-ep__full{
    grid-column: 1 / -1;
  }
}

.ye-ep .ye-ep__card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 18px;
}

.ye-ep .ye-ep__subtitle{
  margin: 0 0 10px 0;
  font-size: 18px;
}

.ye-ep .ye-ep__list{
  margin: 0;
  padding-left: 18px;
}

.ye-ep .ye-ep__list li{
  margin: 6px 0;
}

.ye-ep .ye-ep__note{
  margin: 10px 0 0 0;
  font-size: 13px;
  opacity: .78;
}

.ye-ep .ye-ep__divider{
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 10px 0;
}

.ye-ep .ye-ep__steps{
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

@media (min-width: 720px){
  .ye-ep .ye-ep__steps{
    grid-template-columns: repeat(3, 1fr);
  }
}

.ye-ep .ye-ep__step{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 14px;
  background: #fff;
}

.ye-ep .ye-ep__stepTitle{
  margin: 0 0 6px 0;
  font-weight: 800;
}

.ye-ep .ye-ep__stepText{
  margin: 0;
  opacity: .88;
}

.ye-ep .ye-ep__callout{
  border-left: 4px solid #ffcc00;
  padding: 12px 14px;
  background: rgba(255,204,0,.12);
  border-radius: 10px;
}

.ye-ep .ye-ep__callout p{
  margin: 0;
}
/* ====== CSS WRAPPER: .ye-szponzor-wrapper (Shoprenter kompatibilis, változók + filter nélkül) ====== */

.ye-szponzor-wrapper{
  background: linear-gradient(180deg, #0b0b0b 0%, #111111 100%);
  padding: 28px 16px;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  color: #ffffff;
  font-family: inherit;
}

/* HERO */
.ye-szponzor-wrapper .ye-hero{
  border: 1px solid rgba(255,210,0,.28);
  border-radius: 16px;
  padding: 22px 18px;
  margin: 0 auto 18px auto;
  background:
    radial-gradient(900px 220px at 10% 0%, rgba(255,210,0,.18) 0%, rgba(255,210,0,0) 60%),
    radial-gradient(900px 220px at 90% 0%, rgba(255,210,0,.12) 0%, rgba(255,210,0,0) 60%),
    rgba(0,0,0,.25);
}

.ye-szponzor-wrapper .ye-hero__inner{
  max-width: 1100px;
  margin: 0 auto;
}

.ye-szponzor-wrapper .ye-hero__title{
  margin: 0 0 8px 0;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: .2px;
  color: #ffd200;
  text-transform: uppercase;
}

.ye-szponzor-wrapper .ye-hero__subtitle{
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.6;
  max-width: 900px;
}

/* GRID */
.ye-szponzor-wrapper .ye-grid{
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

/* CARD */
.ye-szponzor-wrapper .ye-card{
  border: 1px solid rgba(255,210,0,.28);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0,0,0,.32);
}

.ye-szponzor-wrapper .ye-card__header{
  padding: 18px 18px 14px 18px;
}

.ye-szponzor-wrapper .ye-card__title{
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.25;
  color: #ffd200;
}

.ye-szponzor-wrapper .ye-card__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.78);
}

/* GALLERY */
.ye-szponzor-wrapper .ye-gallery{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 0 14px 16px 14px;
}

.ye-szponzor-wrapper .ye-gallery--single{
  grid-template-columns: 1fr;
}

/* FIGURE + OVERLAY (filter nélkül) */
.ye-szponzor-wrapper .ye-figure{
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
  position: relative;
}

/* Enyhe sötét overlay alapból, hoverre világosodik */
.ye-szponzor-wrapper .ye-figure:after{
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,.10);
  transition: background .25s ease;
  pointer-events: none;
}

.ye-szponzor-wrapper .ye-figure:hover:after{
  background: rgba(0,0,0,.03);
}

.ye-szponzor-wrapper .ye-img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform .25s ease;
}

/* finom zoom hoverre */
.ye-szponzor-wrapper .ye-figure:hover .ye-img{
  transform: scale(1.04);
}

/* RESPONSIVE */
@media (min-width: 700px){
  .ye-szponzor-wrapper{
    padding: 34px 20px;
  }

  .ye-szponzor-wrapper .ye-hero__title{
    font-size: 32px;
  }

  .ye-szponzor-wrapper .ye-gallery{
    grid-template-columns: 1fr 1fr;
  }

  .ye-szponzor-wrapper .ye-img{
    height: 280px;
  }
}

@media (min-width: 1000px){
  .ye-szponzor-wrapper .ye-grid{
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .ye-szponzor-wrapper .ye-card{
    min-height: 100%;
  }

  .ye-szponzor-wrapper .ye-img{
    height: 300px;
  }
}

/* Kisegítő: ha a téma beleszólna a képekbe */
.ye-szponzor-wrapper img{
  max-width: 100%;
  border: 0;
}
/* ================================
   Instagram intro blokk – Yellow Energia
   ================================ */

.ye-instagram-intro {
  background: #ffcc00;
  padding: 40px 30px;
  margin-bottom: 40px;
  text-align: center;
}

/* Cím */
.ye-instagram-title {
  color: #000;
  font-size: 32px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

/* Leírás szöveg */
.ye-instagram-text {
  color: #000;
  font-size: 16px;
  max-width: 700px;
  margin: 0 auto 25px;
  line-height: 1.6;
}

/* Facebook / Instagram linkek */
.ye-instagram-links {
  margin-bottom: 25px;
}

.ye-instagram-links a {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 18px;
  background: #000;
  color: #ffcc00;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
}

.ye-instagram-links a:hover {
  background: #222;
}

/* CTA szöveg */
.ye-instagram-cta {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  border-top: 2px solid #000;
  padding-top: 20px;
  margin-bottom: 30px;
}

/* ================================
   Instagram alkalmazás wrapper
   ================================ */

.ye-instagram-app {
  background: #fff;
  padding: 20px;
}

/* iframe biztonság */
.ye-instagram-app iframe {
  max-width: 100%;
  border: none;
}

/* ================================
   Mobil optimalizálás
   ================================ */

@media (max-width: 768px) {
  .ye-instagram-intro {
    padding: 30px 15px;
  }

  .ye-instagram-title {
    font-size: 26px;
  }

  .ye-instagram-cta {
    font-size: 18px;
  }

  .ye-instagram-links a {
    margin: 5px;
  }
}
/* =====================================================
   Autótöltők /autotoltok – Yellow dizájn blokk
   Wrapper: .ye-ev-wrap
   ===================================================== */

.ye-ev-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 16px 40px;
}

/* HERO */
.ye-ev-hero{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  background: #ffcc00;
  border: 2px solid #000;
  padding: 26px;
  align-items: center;
}

.ye-ev-kicker{
  display: inline-block;
  background: #000;
  color: #ffcc00;
  font-weight: 900;
  letter-spacing: .6px;
  padding: 6px 10px;
  margin-bottom: 12px;
}

.ye-ev-title{
  color: #000;
  font-weight: 900;
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 12px;
}

.ye-ev-lead{
  color: #000;
  font-size: 17px;
  line-height: 1.7;
  margin: 0 0 14px;
  font-weight: 600;
}

.ye-ev-bullets{
  margin: 0 0 18px;
  padding-left: 18px;
}

.ye-ev-bullets li{
  color: #000;
  line-height: 1.7;
  margin: 8px 0;
  font-weight: 600;
}

/* CTA gomb */
.ye-ev-btn{
  display: inline-block;
  background: #000;
  color: #ffcc00 !important;
  text-decoration: none;
  font-weight: 900;
  padding: 12px 16px;
  border: 2px solid #000;
  letter-spacing: .2px;
}

.ye-ev-btn:hover{
  background: #222;
}

/* Kép */
.ye-ev-hero__media{
  display: flex;
  justify-content: center;
}

.ye-ev-img{
  width: 100%;
  max-width: 420px;
  height: auto;
  background: #fff;
  border: 2px solid #000;
  padding: 10px;
}

/* Űrlap kártya */
.ye-ev-card{
  margin-top: 18px;
  background: #fff;
  border: 2px solid #000;
  padding: 22px;
}

.ye-ev-card__title{
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 900;
  color: #000;
}

.ye-ev-card__text{
  margin: 0 0 16px;
  color: #000;
  line-height: 1.7;
  font-weight: 600;
}

/* Form wrapper – hogy szépen “lélegezzen” */
.ye-ev-form{
  padding-top: 6px;
}

/* Mobil */
@media (max-width: 900px){
  .ye-ev-hero{
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .ye-ev-title{
    font-size: 26px;
  }

  .ye-ev-img{
    max-width: 520px;
  }

  .ye-ev-card{
    padding: 18px;
  }
}
/* =========================================================
   Yellow Energia – Klímaszerelés ajánlatkérés
   Minden stílus WRAPPERBEN, hogy ne ütközzön a ShopRenter sablonnal
   ========================================================= */

.ye-klima-wrapper{
  font-family: inherit;
  color: rgba(255,255,255,.92);
  background: #0b0b0b;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,212,0,.22);
  box-shadow: 0 14px 38px rgba(0,0,0,.35);
}

/* (opcionális) smooth scroll a CTA ugráshoz */
html{ scroll-behavior: smooth; }

/* ---------------- HERO ---------------- */

.ye-klima-wrapper .ye-hero{
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(255,212,0,.35), transparent 60%),
    radial-gradient(700px 360px at 90% 20%, rgba(255,212,0,.20), transparent 60%),
    linear-gradient(180deg, #141414, #0b0b0b);
  padding: 44px 18px 26px 18px;
  border-bottom: 1px solid rgba(255,212,0,.25);
}

.ye-klima-wrapper .ye-hero__inner{
  max-width: 980px;
  margin: 0 auto;
}

.ye-klima-wrapper .ye-title{
  margin: 0 0 10px 0;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: .2px;
  color: #ffd400;
  text-transform: uppercase;
}

.ye-klima-wrapper .ye-lead{
  margin: 0;
  font-size: 16px;
  line-height: 1.68;
  color: rgba(255,255,255,.92);
  max-width: 920px;
}

.ye-klima-wrapper .ye-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.ye-klima-wrapper .ye-badge{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,212,0,.12);
  border: 1px solid rgba(255,212,0,.35);
  color: rgba(255,255,255,.95);
  font-size: 13px;
}

/* CTA */
.ye-klima-wrapper .ye-cta-wrapper{
  margin-top: 22px;
  display: grid;
  gap: 8px;
  max-width: 420px;
}

.ye-klima-wrapper .ye-cta-btn{
  display: inline-block;
  text-align: center;
  background: #ffd400;
  color: #0b0b0b;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  padding: 14px 22px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow: 0 10px 26px rgba(255,212,0,.35);
}

.ye-klima-wrapper .ye-cta-btn:hover{
  background: #ffe45c;
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(255,212,0,.5);
}

.ye-klima-wrapper .ye-cta-btn:active{
  transform: translateY(0);
  box-shadow: 0 8px 20px rgba(255,212,0,.35);
}

.ye-klima-wrapper .ye-cta-sub{
  font-size: 13px;
  color: rgba(255,255,255,.78);
}

/* Mobilon full szélességű gomb */
@media (max-width: 640px){
  .ye-klima-wrapper .ye-cta-wrapper{ max-width: 100%; }
  .ye-klima-wrapper .ye-cta-btn{ width: 100%; }
}

/* Kiemelt badge blokk (garancia / minősített szerelő) */
.ye-klima-wrapper .ye-featureBadges{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ye-klima-wrapper .ye-featureBadge{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.38);
  border: 1px solid rgba(255,212,0,.22);
}

.ye-klima-wrapper .ye-featureBadge__icon{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(255,212,0,.16);
  border: 1px solid rgba(255,212,0,.35);
  color: #ffd400;
  font-weight: 900;
}

.ye-klima-wrapper .ye-featureBadge__title{
  font-weight: 900;
  color: rgba(255,255,255,.96);
  line-height: 1.2;
}

.ye-klima-wrapper .ye-featureBadge__desc{
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,.78);
}

@media (max-width: 860px){
  .ye-klima-wrapper .ye-featureBadges{ grid-template-columns: 1fr; }
}

/* ---------------- MAIN ---------------- */

.ye-klima-wrapper .ye-main{
  max-width: 980px;
  margin: 0 auto;
  padding: 22px 18px 44px 18px;
  display: grid;
  gap: 16px;
}

.ye-klima-wrapper .ye-card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,212,0,.22);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.ye-klima-wrapper .ye-h2{
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.25;
  color: #ffd400;
}

.ye-klima-wrapper .ye-text{
  margin: 0;
  line-height: 1.68;
  color: rgba(255,255,255,.92);
  font-size: 15px;
}

.ye-klima-wrapper .ye-text--muted{
  color: rgba(255,255,255,.75);
}

/* TRUST GRID */
.ye-klima-wrapper .ye-trustGrid{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ye-klima-wrapper .ye-trustItem{
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,212,0,.18);
}

.ye-klima-wrapper .ye-trustItem__title{
  font-weight: 900;
  color: rgba(255,255,255,.96);
  margin-bottom: 6px;
}

.ye-klima-wrapper .ye-trustItem__desc{
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,.82);
}

@media (max-width: 860px){
  .ye-klima-wrapper .ye-trustGrid{ grid-template-columns: 1fr; }
}

/* STEPS */
.ye-klima-wrapper .ye-steps{
  list-style: none;
  padding: 0;
  margin: 6px 0 0 0;
  display: grid;
  gap: 10px;
}

.ye-klima-wrapper .ye-steps li{
  display: grid;
  gap: 4px;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,212,0,.18);
}

.ye-klima-wrapper .ye-step__title{
  font-weight: 900;
  color: rgba(255,255,255,.96);
}

.ye-klima-wrapper .ye-step__desc{
  color: rgba(255,255,255,.85);
  font-size: 14px;
  line-height: 1.55;
}

/* FORM */
.ye-klima-wrapper .ye-formHead{ margin-bottom: 12px; }

.ye-klima-wrapper .ye-formBox{
  background: rgba(255,212,0,.08);
  border: 1px dashed rgba(255,212,0,.45);
  border-radius: 14px;
  padding: 14px;
}

.ye-klima-wrapper .ye-formBox object{
  width: 100%;
  min-height: 520px;
  display: block;
}

.ye-klima-wrapper .ye-note{
  margin: 12px 0 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.75);
}

@media (max-width: 640px){
  .ye-klima-wrapper .ye-title{ font-size: 26px; }
  .ye-klima-wrapper .ye-card{ padding: 14px; }
  .ye-klima-wrapper .ye-formBox object{ min-height: 620px; }
}/* FIX: görgetés visszaállítása (ha valami letiltja) */
html, body{
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: static !important;
}

/* mobil finomhangolás */
body{
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
/* =========================================
   Yellow Energia – Prémium, világos landing
   Shoprenter kompatibilis (nincs var/--/clamp)
   ========================================= */

.ye-solar-wrapper{
  font-family: inherit;
  color: #1a1f26;
}

.ye-solar-wrapper *{ box-sizing: border-box; }
.ye-solar-wrapper a{ color: inherit; text-decoration:none; }
.ye-solar-wrapper img{ max-width:100%; display:block; }

.ye-light{
  background: transparent;
}

/* Headings */
.ye-h1{
  font-size: 40px;
  line-height: 1.12;
  margin: 10px 0 12px;
  letter-spacing: -0.2px;
}
.ye-h2{
  font-size: 28px;
  line-height: 1.18;
  margin: 0 0 10px;
  letter-spacing: -0.15px;
}
.ye-lead{
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #47515f;
}
.ye-muted{
  margin: 0;
  color: #5a6676;
  line-height: 1.65;
}

/* Badge */
.ye-badge{
  display: inline-block;
  font-size: 13px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid #e6e9ee;
  background: #ffffff;
}
.ye-badge--yellow{
  border-color: #ffe7a3;
  background: #fff7d1;
  color: #6a5300;
}

/* Buttons */
.ye-btn{
  display: inline-block;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid #e6e9ee;
  background: #ffffff;
  font-weight: 700;
  transition: 0.18s ease;
  line-height: 1;
}
.ye-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.10);
}
.ye-btn--primary{
  background: linear-gradient(135deg,#ffd400,#ffe680);
  border-color: #f2d34a;
  color: #1b1b1b;
}
.ye-btn--soft{
  background: #f6f8fb;
  border-color: #e6e9ee;
  color: #243043;
}
.ye-btn--fb{
  background: #eef4ff;
  border-color: #cfe0ff;
  color: #1f4aa8;
}
.ye-btn--block{
  display:block;
  text-align:center;
  width:100%;
}

/* Link */
.ye-link{
  color: #1f4aa8;
  text-decoration: underline;
  font-weight: 700;
}

/* Hero */
.ye-hero{
  border-radius: 22px;
  border: 1px solid #edf0f4;
  background:
    radial-gradient(700px 280px at 20% 10%, rgba(255,212,0,0.25), rgba(255,255,255,0) 60%),
    radial-gradient(680px 260px at 80% 20%, rgba(255,230,128,0.18), rgba(255,255,255,0) 62%),
    #ffffff;
  box-shadow: 0 18px 60px rgba(0,0,0,0.08);
  padding: 28px;
}

.ye-hero__inner{
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: stretch;
}

.ye-hero__copy{
  flex: 1 1 520px;
  min-width: 280px;
}

.ye-hero__side{
  flex: 0 0 360px;
  max-width: 100%;
}

.ye-hero__cta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

/* Trust */
.ye-trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.ye-trust__item{
  flex: 1 1 180px;
  padding: 12px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.75);
  border: 1px solid #edf0f4;
}
.ye-trust__k{
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 4px;
}
.ye-trust__v{
  font-size: 13px;
  color: #5a6676;
  line-height: 1.35;
}

.ye-mini-note{
  margin-top: 12px;
  font-size: 13px;
  color: #6a7686;
}

/* Sections */
.ye-section{
  margin-top: 16px;
  padding: 22px;
  border-radius: 18px;
  border: 1px solid #edf0f4;
  background: #ffffff;
  box-shadow: 0 12px 40px rgba(0,0,0,0.06);
}
.ye-section--form{
  background:
    radial-gradient(650px 240px at 85% 10%, rgba(255,212,0,0.22), rgba(255,255,255,0) 60%),
    #ffffff;
}

.ye-section__head{
  margin-bottom: 12px;
}

/* Side card */
.ye-sidecard{
  border-radius: 18px;
  border: 1px solid #edf0f4;
  background: #ffffff;
  box-shadow: 0 16px 55px rgba(0,0,0,0.08);
  padding: 18px;
  height: 100%;
}
.ye-sidecard__title{
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 10px;
}
.ye-sidecard__cta{
  margin-top: 12px;
  display: grid;
  gap: 10px;
}
.ye-sidecard__fineprint{
  margin-top: 12px;
  font-size: 13px;
  color: #6a7686;
  line-height: 1.45;
}

/* Bullets */
.ye-bullets{
  margin: 0;
  padding-left: 18px;
  color: #4b5666;
  line-height: 1.6;
}
.ye-bullets li{ margin: 8px 0; }

/* Cards grid */
.ye-cards{
  display: grid;
  gap: 12px;
  margin-top: 10px;
}
.ye-card{
  border-radius: 16px;
  border: 1px solid #edf0f4;
  background: #fbfcfe;
  padding: 14px;
}
.ye-card__title{
  font-weight: 900;
  margin-bottom: 6px;
}
.ye-card__desc{
  color: #556274;
  line-height: 1.55;
  font-size: 14px;
}

/* CTA Bar */
.ye-ctaBar{
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #ffe7a3;
  background: #fff7d1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.ye-ctaBar__title{
  font-weight: 900;
  margin-bottom: 4px;
  color: #3f3200;
}
.ye-ctaBar__desc{
  color: #5a4a00;
  font-size: 14px;
  line-height: 1.45;
}
.ye-ctaBar__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* Steps */
.ye-steps{
  display: grid;
  gap: 10px;
}
.ye-step{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #edf0f4;
  background: #fbfcfe;
}
.ye-step__num{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  background: #fff7d1;
  border: 1px solid #ffe7a3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: #6a5300;
}
.ye-step__title{
  font-weight: 900;
  margin-bottom: 4px;
}
.ye-step__text{
  color: #556274;
  line-height: 1.55;
  font-size: 14px;
}

/* FAQ */
.ye-faq{
  display: grid;
  gap: 10px;
}
.ye-faq__item{
  border-radius: 16px;
  border: 1px solid #edf0f4;
  background: #fbfcfe;
  padding: 10px 14px;
}
.ye-faq__q{
  cursor: pointer;
  font-weight: 900;
  list-style: none;
}
.ye-faq__q::-webkit-details-marker{ display:none; }
.ye-faq__q:after{
  content:"+";
  float:right;
  color:#6a7686;
  font-weight:900;
}
.ye-faq__item[open] .ye-faq__q:after{ content:"–"; }
.ye-faq__a{
  margin-top: 8px;
  color: #556274;
  line-height: 1.55;
  font-size: 14px;
}

/* Bottom CTA */
.ye-bottom-cta{
  margin-top: 14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid #edf0f4;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.ye-bottom-cta__title{
  font-weight: 900;
  margin-bottom: 4px;
}
.ye-bottom-cta__desc{
  color: #5a6676;
  font-size: 14px;
  line-height: 1.45;
}
.ye-bottom-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

/* Form */
.ye-form-embed{
  margin-top: 12px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #edf0f4;
  background: #fbfcfe;
}

/* Note */
.ye-note{
  margin-top: 10px;
  font-size: 13px;
  color: #6a7686;
  line-height: 1.45;
}

/* Responsive */
@media (max-width: 980px){
  .ye-h1{ font-size: 30px; }
  .ye-h2{ font-size: 24px; }
  .ye-hero{ padding: 18px; }
  .ye-section{ padding: 18px; }
  .ye-hero__side{ flex: 1 1 100%; }
}
/* ===== MOBIL OVERFLOW FIX (Yellow Energia klíma oldal) ===== */

/* 1) minden elem számoljon rendesen szélességet (padding+border beleszámít) */
.ye-klima-wrapper,
.ye-klima-wrapper * ,
.ye-klima-wrapper *::before,
.ye-klima-wrapper *::after{
  box-sizing: border-box;
}

/* 2) tiltsuk a vízszintes kilógást a wrapperen belül */
.ye-klima-wrapper{
  max-width: 100%;
  overflow-x: hidden;
}

/* 3) szövegek tördelése, hogy ne lógjanak ki */
.ye-klima-wrapper h1,
.ye-klima-wrapper h2,
.ye-klima-wrapper h3,
.ye-klima-wrapper p,
.ye-klima-wrapper li,
.ye-klima-wrapper .ye-badge,
.ye-klima-wrapper .ye-step__title,
.ye-klima-wrapper .ye-step__desc,
.ye-klima-wrapper .ye-trustItem__title,
.ye-klima-wrapper .ye-trustItem__desc{
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* 4) kártyák és belső blokkok ne legyenek szélesebbek 100%-nál */
.ye-klima-wrapper .ye-card,
.ye-klima-wrapper .ye-main,
.ye-klima-wrapper .ye-hero__inner,
.ye-klima-wrapper .ye-formBox{
  max-width: 100%;
}

/* 5) a beágyazott űrlap / mezők gyakran fix szélesek → kényszerítsük 100%-ra */
.ye-klima-wrapper object,
.ye-klima-wrapper iframe,
.ye-klima-wrapper input,
.ye-klima-wrapper select,
.ye-klima-wrapper textarea,
.ye-klima-wrapper button{
  max-width: 100% !important;
}

/* 6) mobilon adjunk egy picit több belső levegőt, hogy biztosan beférjen */
@media (max-width: 480px){
  .ye-klima-wrapper .ye-main{ padding-left: 14px; padding-right: 14px; }
  .ye-klima-wrapper .ye-card{ padding: 14px; }
}
/* ===== MOBIL SZÖVEG-KILÓGÁS FIX (ye-klima-wrapper) ===== */

/* A sablonok gyakran ráteszik: white-space: nowrap; → ezt törjük meg */
.ye-klima-wrapper p,
.ye-klima-wrapper li,
.ye-klima-wrapper span,
.ye-klima-wrapper div,
.ye-klima-wrapper h1,
.ye-klima-wrapper h2,
.ye-klima-wrapper h3{
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto;
}

/* Grid/Flex esetén engedjük, hogy a tartalom összemenjen */
.ye-klima-wrapper .ye-main,
.ye-klima-wrapper .ye-card,
.ye-klima-wrapper .ye-steps li,
.ye-klima-wrapper .ye-trustItem,
.ye-klima-wrapper .ye-featureBadge{
  min-width: 0 !important;
}

/* A lépéseknél a span-ek legyenek blokkosak, így biztosan tördelnek */
.ye-klima-wrapper .ye-step__title,
.ye-klima-wrapper .ye-step__desc{
  display: block !important;
  min-width: 0 !important;
}

/* Biztos, ami biztos: wrapperen belül ne legyen vízszintes kilógás */
.ye-klima-wrapper{
  max-width: 100% !important;
  overflow-x: hidden !important;
}