.elementor-2600 .elementor-element.elementor-element-7a43d2a > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-2600 .elementor-element.elementor-element-4df88a6 > .elementor-widget-container{margin:-100px -0px 0px -0px;padding:0px 0px 0px 0px;}.elementor-2600 .elementor-element.elementor-element-3016892 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-2600 .elementor-element.elementor-element-22e3a42{margin-top:0px;margin-bottom:0px;}.elementor-2600 .elementor-element.elementor-element-71c928b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1px 0px 0px 0px;}.elementor-2600 .elementor-element.elementor-element-8e8bb15{margin-top:-14px;margin-bottom:0px;}.elementor-2600 .elementor-element.elementor-element-9f1fcf9{margin-top:0px;margin-bottom:23px;}.elementor-2600 .elementor-element.elementor-element-c229273 > .elementor-widget-container{margin:0px 0px -40px 0px;}@media(max-width:767px){.elementor-2600 .elementor-element.elementor-element-0717a0e > .elementor-widget-container{margin:-150px 0px 0px 0px;}.elementor-2600 .elementor-element.elementor-element-319c6cb > .elementor-widget-container{margin:-19px 0px 0px 0px;}}/* Start custom CSS for section, class: .elementor-element-156aa04 *//* HERO mobil alapból OFF desktopon */
.ym-hero-mobile{
  display: none;
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}

.ym-hero-mobile img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* CTA a kép alján */
.ym-hero-mobile__cta{
  position: absolute;
  left: 50%;
  bottom: 8%;
  transform: translateX(-50%);

  padding: 14px 26px;
  border-radius: 999px;

  background: #ffd200;
  border: 3px solid #d90000;
  color: #111;

  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
  white-space: nowrap;
}

/* MOBILON: mobil hero ON */
@media (max-width: 900px){
  .ym-hero-mobile{ display: block; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-319c6cb *//* ===== 2. SZEKCIÓ MOBIL ===== */
.ym-sec2-mobile{
  display: none;
  position: relative;
  width: 110%;
  max-width: 520px;
  margin: 0 auto 28px;
}

.ym-sec2-mobile img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* GOMB A KÉP ALJÁN */
.ym-sec2-mobile__cta{
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);

  padding: 8px 12px;
  border-radius: 999px;

  background: #ffd200;
  border: 2px solid #d90000;
  color: #111;

  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
  white-space: nowrap;
}

/* MOBILON: ON */
@media (max-width: 900px){
  .ym-sec2-mobile{ display: block; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-38024aa */:root{
  --ym-sec2-desktop: url("https://yellomedia.hu/wp-content/uploads/2026/01/kulfoldi_landing_2-scaled.jpg");
  --ym-sec2-mobile:  url("https://yellomedia.hu/wp-content/uploads/2026/01/mobil_2.jpg");

  /* CMYK 100-80-0-20 webes közelítése (cserélhető) */
  --ym-sec2-accent: #0d2b84; /* kb. mély kék */
  --ym-cta-yellow: #ffd200;  /* sárga */
  --ym-cta-red:    #d90000;  /* piros körvonal */
}

.ym-sec2{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-image: var(--ym-sec2-desktop);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 90px 0;
}

.ym-sec2__inner{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.ym-sec2__box{
  max-width: 780px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 600;
  text-shadow: 0 2px 14px rgba(0,0,0,.25); /* nem overlay, csak olvashatóság */
}

.ym-sec2__box p{
  color: #0b1f5e;;
}

.ym-sec2__box strong{
  font-weight: 900;
}

.ym-sec2__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 16px 34px;           /* széles/elnújtott */
  border-radius: 999px;
  background: var(--ym-cta-yellow);
  border: 3px solid var(--ym-cta-red);
  color: #111;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  transition: transform .15s ease, box-shadow .15s ease;
}

.ym-sec2__cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}

/* Mobil */
@media (max-width: 820px){
  .ym-sec2{
    background-image: var(--ym-sec2-mobile);
    background-position: center top;
    padding: 60px 0;
  }

  .ym-sec2__inner{
    width: min(1180px, calc(100% - 28px));
  }

  .ym-sec2__box{
    font-size: 18px;
    line-height: 1.6;
    max-width: 100%;
  }

  .ym-sec2__cta{
    width: 100%;
    padding: 16px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3c8341 */:root{
  --ym-sec3-desktop: url("https://yellomedia.hu/wp-content/uploads/2026/01/kulfoldi_landing_3-scaled.jpg");
  --ym-sec3-mobile:  url("https://yellomedia.hu/wp-content/uploads/2026/01/mobil_3.jpg");
}

.ym-sec3{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-image: var(--ym-sec3-desktop);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0;
}

.ym-sec3__inner{
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.ym-sec3__box{
  max-width: 820px;

  /* ugyanaz a szín, mint a 2. emelet */
  color: #0b1f5e;

  /* +10% betűméret a 2. szekcióhoz képest */
  font-size: 22px;
  line-height: 1.6;
  font-weight: 600;

  /* finom kontraszt fotón */
  text-shadow: 0 1px 6px rgba(255,255,255,0.12);
}

.ym-sec3__box p{
  margin: 0 0 22px;
}

.ym-sec3__box strong{
  font-weight: 900;
}

/* Mobil */
@media (max-width: 820px){
  .ym-sec3{
    background-image: var(--ym-sec3-mobile);
    background-position: center top;
    padding: 70px 0;
  }

  .ym-sec3__inner{
    width: min(1180px, calc(100% - 28px));
  }

  .ym-sec3__box{
    font-size: 20px; /* mobilon is +10% marad */
    line-height: 1.65;
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5971fcc *//* ===== 4. SZEKCIÓ MOBIL ===== */
.ym-sec4-mobile{
  display: none;
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto 28px;
}

.ym-sec4-mobile img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* GOMB A KÉP ALJÁN */
.ym-sec4-mobile__cta{
  position: absolute;
  left: 50%;
  bottom: 1%;
  transform: translateX(-50%);

  padding: 6px 12px;
  border-radius: 999px;

  background: #ffd200;
  border: 2px solid #d90000;
  color: #111;

  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
  white-space: nowrap;
}

/* MOBILON: ON */
@media (max-width: 900px){
  .ym-sec4-mobile{ display: block; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-22e3a42 *//* =========================
   4. EMELET – KOMPTABILIS CSS
   (nincs * .elementor-2600 .elementor-element.elementor-element-22e3a42, nincs min()/calc())
   ========================= */

.ym-sec4{
  position: relative;
  overflow: hidden;
  padding: 110px 0;
}

/* FULL WIDTH HÁTTÉR – DESKTOP */
.ym-sec4::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  width: 100vw;
  height: 100%;

  background-image: url("https://yellomedia.hu/wp-content/uploads/2026/01/kulfoldi_landing_4_1-scaled.jpg");
  background-repeat: no-repeat;
  background-size: cover;
 background-position: 80% 50%;

  z-index: 0;
}


/* TARTALOM RÉTEG – NINCS univerzális * */
.ym-sec4__inner,
.ym-sec4__box{
  position: relative;
  z-index: 1;
}

/* BELSŐ TARTALOM (1180 max + oldalsó padding) */
.ym-sec4__inner{
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.ym-sec4__box{
  max-width: 1040px;
}

/* LEAD – VÖRÖS */
.ym-sec4__lead{
  margin: 0 0 34px;
  max-width: 70ch;

  color: #b4001e;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 800;

  text-shadow: 0 1px 6px rgba(255,255,255,0.10);
}

/* BAL OLDALI SZÖVEGOSZLOP */
.ym-sec4__stack{
  max-width: 720px;
}

/* KÖNYV BLOKKOK – KÉK */
.ym-sec4__card{
  color: #0b1f5e;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 600;

  text-shadow: 0 1px 6px rgba(255,255,255,0.12);
}

.ym-sec4__title{
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.ym-sec4__text{
  margin: 0 0 16px;
}

/* ELVÁLASZTÓ */
.ym-sec4__divider{
  height: 1px;
  margin: 28px 0 32px;

  background: linear-gradient(
    to right,
    rgba(11,31,94,0.45),
    rgba(11,31,94,0.15),
    rgba(11,31,94,0)
  );
}

/* KÁLMÁN IDÉZET */
.ym-sec4__quote{
  margin-left: 18px;
  padding-left: 14px;
  border-left: 4px solid rgba(180,0,30,0.35);
}

/* CTA */
.ym-sec4__ctaWrap{
  margin-top: 30px;
}

.ym-sec4__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 42px;
  border-radius: 999px;

  background: #ffd200;
  border: 3px solid #d90000;
  color: #111;

  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.2);
  transition: transform .15s ease, box-shadow .15s ease;
}

.ym-sec4__cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.26);
}

/* =========================
   MOBIL
   ========================= */
@media (max-width: 900px){
  .ym-sec4{
    padding: 80px 0;
  }

  .ym-sec4::before{
    background-image: url("https://yellomedia.hu/wp-content/uploads/2026/01/mobil_4.jpg");
    background-position: center top;
  }

  .ym-sec4__inner{
    padding: 0 14px;
  }

  .ym-sec4__lead,
  .ym-sec4__card{
    font-size: 18px;
  }

  .ym-sec4__stack{
    max-width: 100%;
  }

  .ym-sec4__cta{
    width: 100%;
    padding: 16px 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eda6ae2 *//* ===== 5. SZEKCIÓ MOBIL ===== */
.ym-sec5-mobile{
  display: none;
  width: 100%;
  max-width: 520px;
  margin: 0 auto 28px;
}

.ym-sec5-mobile img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

/* MOBILON: ON */
@media (max-width: 900px){
  .ym-sec5-mobile{ display: block; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8e8bb15 *//* =========================
   5. EMELET – KÁLMÁN BLOKK
   ========================= */

.ym-sec5{
  position: relative;
  overflow: hidden;
  padding: 110px 0;
}

/* FULL WIDTH HÁTTÉR – DESKTOP */
.ym-sec5::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;

  background-image: url("https://yellomedia.hu/wp-content/uploads/2026/01/kulfoldi_landing_5_1-scaled.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  z-index: 0;
}

/* TARTALOM RÉTEG */
.ym-sec5__inner,
.ym-sec5__box{
  position: relative;
  z-index: 1;
}

/* BELSŐ KONTÉNER */
.ym-sec5__inner{
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* SZÖVEGDOBOZ */
.ym-sec5__box{
  max-width: 780px;
  color: #ffffff;
  text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}

/* Bevezető */
.ym-sec5__lead{
  margin: 0 0 26px;
  font-size: 22px;   /* kicsit nagyobb, mert kevés a szöveg */
  line-height: 1.45;
  font-weight: 800;
}

/* Törzs */
.ym-sec5__text{
  margin: 0 0 18px;
  font-size: 22px;   /* kicsit nagyobb */
  line-height: 1.55;
  font-weight: 600;
}

.ym-sec5__box strong{
  font-weight: 900;
}

/* MOBIL */
@media (max-width: 900px){
  .ym-sec5{
    padding: 80px 0;
  }

  .ym-sec5::<div class="ym-mobile-image">
  <img src="https://yellomedia.hu/wp-content/uploads/2026/01/mobil_5.jpg" alt="">
</div>
6/01/mobil_5.jpg");
    background-position: center top;
  }

  .ym-sec5__inner{
    padding: 0 14px;
  }

  .ym-sec5__lead{
    font-size: 20px;
  }

  .ym-sec5__text{
    font-size: 20px;
  }

  .ym-sec5__box{
    max-width: 100%;
  }
/* Szöveg jobbra igazítása (desktop) */
.ym-sec5__box{
  max-width: 780px;
  margin-left: auto;   /* EZ tolja jobbra */
  margin-right: 0;
  text-align: left;    /* marad balra zárt a szöveg, csak a blokk kerül jobbra */
}
.ym-sec5__box{
  max-width: 70ch;     /* ez adja a rövidebb sorokat */
  margin-left: auto;
  margin-right: 40px; /* EZ tolja még jobbra */
}
@media (max-width: 900px){

  /* háttér marad, de nem dominál */
  .ym-sec5{
    padding: 60px 0;
  }

  .ym-sec5::before{
    filter: brightness(0.85) blur(1px);
  }

  /* SZÖVEG KÁRTYA */
  .ym-sec5__box{
    max-width: 92%;
    margin: 0 auto;
    padding: 22px 20px;

    background: rgba(255,255,255,0.92);
    color: #0b1f5e;

    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.18);

    text-shadow: none;
  }

  /* BETŰK */
  .ym-sec5__lead{
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;
    margin-bottom: 14px;
  }

  .ym-sec5__text{
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
  }

  /* NE legyen jobbra tolva mobilon */
  .ym-sec5__box{
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 900px){

  /* háttér fókusz: a kép részére (általában bal/felső) */
  .ym-sec5::before{
    background-position: left top;
    background-size: cover;
  }

  /* felül több hely, hogy a fotó "kint legyen", és a szöveg alatta induljon */
  .ym-sec5{
    padding-top: 320px;  /* ezt állítsd: 260 / 300 / 340 */
    padding-bottom: 70px;
  }

  /* a szöveg már nem kártya: csak egy sötét, keskeny háttér az olvashatósághoz */
  .ym-sec5__box{
    max-width: 46ch;     /* rövidebb sorok */
    margin: 0 auto;
    padding: 16px 16px;

    background: rgba(0,0,0,0.35);  /* nem takar ki vizuált teljesen, csak "felirat alá" */
    border-radius: 12px;

    color: #fff;
    text-shadow: 0 2px 16px rgba(0,0,0,0.45);
  }

  .ym-sec5__lead{ font-size: 18px; line-height: 1.4; }
  .ym-sec5__text{ font-size: 17px; line-height: 1.5; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1654bbd *//* ===== BEOLVASÓ / READER ===== */
.ym-reader{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 28px;
}

.ym-reader__top{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 10px;
  padding: 0 6px;
}

.ym-reader__title{
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.ym-reader__pdf{
  font-weight: 800;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
  opacity: 0.85;
}

.ym-reader__track{
  display: flex;
  gap: 14px;

  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;

  padding: 6px 6px 10px;
}

.ym-reader__page{
  flex: 0 0 92%;
  scroll-snap-align: start;
  margin: 0;
}

@media (min-width: 901px){
  .ym-reader__page{ flex-basis: 560px; }
}

.ym-reader__page img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.18);
}

.ym-reader__dots{
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 4px 0 0;
}

.ym-reader__dots a{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  background: rgba(0,0,0,0.25);
}

.ym-reader__ctaWrap{
  display: flex;
  justify-content: center;
  margin-top: 14px;
}

.ym-reader__cta{
  padding: 10px 16px;
  border-radius: 999px;

  background: #ffd200;
  border: 2px solid #d90000;
  color: #111;

  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.20);
  white-space: nowrap;
}
/* ===== READER FINOMHANGOLÁS (DESKTOP VÉG + PÁRATLAN KEZDÉS) ===== */

/* 1) “Vége tér” – ne lógjon le / ne tűnjön vágottnak */
.ym-reader__track{
  scroll-padding-left: 6px;
  scroll-padding-right: 22px;
  padding-right: 22px;
}

/* a track végére egy láthatatlan spacer */
.ym-reader__track::after{
  content:"";
  flex: 0 0 22px;
}

/* 2) Üres bal oldal csak DESKTOPON (hogy a p1 jobb oldalra essen) */
.ym-reader__blank{
  display: none; /* alapból elrejtjük */
}

@media (min-width: 901px){
  .ym-reader__blank{
    display: block;
  }
  /* desktopon két “lap” érzés: kisebb szélesség */
  .ym-reader__page{
    flex: 0 0 48%;
  }
}

/* mobilon marad a full-width lapozás */
@media (max-width: 900px){
  .ym-reader__page{
    flex: 0 0 92%;
  }
}

/* 3) “BELEOLVASÓ” felirat dizájn */
.ym-reader__top{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.04);
}

.ym-reader__title{
  display: inline-block;
  padding: 8px 12px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.06em;
}
/* alap pötty */
.ym-reader__dots a{ background: rgba(0,0,0,0.25); }

/* aktív pötty (hash alapján) */
.ym-reader:has(#p1:target) .ym-reader__dots a[href="#p1"],
.ym-reader:has(#p2:target) .ym-reader__dots a[href="#p2"],
.ym-reader:has(#p3:target) .ym-reader__dots a[href="#p3"],
.ym-reader:has(#p4:target) .ym-reader__dots a[href="#p4"],
.ym-reader:has(#p5:target) .ym-reader__dots a[href="#p5"],
.ym-reader:has(#p6:target) .ym-reader__dots a[href="#p6"],
.ym-reader:has(#p7:target) .ym-reader__dots a[href="#p7"],
.ym-reader:has(#p8:target) .ym-reader__dots a[href="#p8"],
.ym-reader:has(#p9:target) .ym-reader__dots a[href="#p9"]{
  background: rgba(0,0,0,0.75);
}

/* ha nincs target (nincs hash), legyen az első aktív */
.ym-reader:not(:has(:target)) .ym-reader__dots a[href="#p1"]{
  background: rgba(0,0,0,0.75);
}
/* ===== KATTINTÁSOS LAPOZÁS (csak desktop, mobilon ne zavarja a zoomot) ===== */
.ym-reader__tap{ display:none; }

@media (min-width: 901px){
  .ym-reader__page{ position: relative; }

  .ym-reader__tap{
    display:block;
    position:absolute;
    inset:0;
    z-index: 3;
    cursor: pointer;
    background: transparent;
  }
}

/* ===== PÖTTY AKTÍV ÁLLAPOT (hash/#pX alapján) ===== */
.ym-reader__dots a{ background: rgba(0,0,0,0.25); }

.ym-reader:has(#p1:target) .ym-reader__dots a[href="#p1"],
.ym-reader:has(#p2:target) .ym-reader__dots a[href="#p2"],
.ym-reader:has(#p3:target) .ym-reader__dots a[href="#p3"],
.ym-reader:has(#p4:target) .ym-reader__dots a[href="#p4"],
.ym-reader:has(#p5:target) .ym-reader__dots a[href="#p5"],
.ym-reader:has(#p6:target) .ym-reader__dots a[href="#p6"],
.ym-reader:has(#p7:target) .ym-reader__dots a[href="#p7"],
.ym-reader:has(#p8:target) .ym-reader__dots a[href="#p8"],
.ym-reader:has(#p9:target) .ym-reader__dots a[href="#p9"]{
  background: rgba(0,0,0,0.75);
}

.ym-reader:not(:has(:target)) .ym-reader__dots a[href="#p1"]{
  background: rgba(0,0,0,0.75);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c229273 *//* ===== UTOLSÓ CTA + KAPCSOLAT ===== */
.ym-final-cta{
  background: #d90000; /* ugyanaz a vörös */
  padding: 56px 16px 44px;
}

.ym-final-cta__inner{
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ym-final-cta h3{
  margin: 0 0 22px;
  color: #fff;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.25;
}

@media (max-width: 900px){
  .ym-final-cta h3{
    font-size: 20px;
  }
}

.ym-final-cta__btn{
  display: inline-block;
  margin-bottom: 22px;
  padding: 14px 24px;
  border-radius: 999px;

  background: #ffd200;
  border: 2px solid #fff;
  color: #111;

  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow: 0 10px 26px rgba(0,0,0,0.25);
}

/* Kapcsolati sor */
.ym-final-cta__contact{
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;

  color: #fff;
  font-weight: 800;
  opacity: 0.9;
}

.ym-final-cta__contact span{
  white-space: nowrap;
}
/* ===== FALTÓL FALIG UTOLSÓ CTA ===== */
.ym-final-cta{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}/* End custom CSS */