.elementor-kit-8{--e-global-color-primary:#4FD1C5;--e-global-color-secondary:#164E58;--e-global-color-text:#E2E8F0;--e-global-color-accent:#FBBF24;--e-global-color-36fb4ae:#0F2E35;--e-global-color-1dc5392:#D97706;--e-global-color-0140846:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:500;background-color:#0F2E35;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#FBBF24;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-primary-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   EGYÜTTNÖVÜNK – MOBIL CSS PATCH
   
   BEILLESZTÉS: WordPress → Appearance → Additional CSS
   Ez a fájl a meglévő egyuttnovunk-global.css UTÁN kerüljön.
   
   Mit old meg:
   ✓ Jobbra-balra csúsztatás megszüntetése
   ✓ Inline grid-ek törése egyoszlopossá
   ✓ Tipográfia mobilra optimalizálva
   ✓ Gombok teljes szélességűek mobilon
   ✓ Hero section magasság javítás
   ✓ Jogi oldalak TOC elrejtése mobilon
   ✓ Kapcsolat oldal form + jobb oszlop törése
   ✓ Sticky header hamburger menü alap
   ✓ Footer 1 oszlopos mobilon
   ============================================================ */


/* ── 1. GLOBÁLIS OVERFLOW FIX ────────────────────────────────
   Ez szünteti meg a vízszintes scrollt (jobbra-balra csúszás).
   Minden más javítás erre épül.
   ─────────────────────────────────────────────────────────── */
html,
body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

* {
  box-sizing: border-box !important;
}

/* Elementor saját konténerei sem lóghatnak ki */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}


/* ── 2. INLINE GRID OVERRIDE ────────────────────────────────
   Az inline style="display:grid; grid-template-columns:..."
   felülírása !important-tal minden grid osztályra.
   ─────────────────────────────────────────────────────────── */

/* Generikus grid osztályok (en-grid-2, en-grid-3 stb.) */
@media (max-width: 768px) {
  .en-grid-2,
  .en-grid-3,
  .en-grid-auto,
  .en-stat-grid,
  .en-footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Inline style-os grid-ek célzása attribútum szelektor nélkül:
   Elementor HTML widgeteken belüli div-ek, amelyek gridek */
@media (max-width: 768px) {

  /* ── FŐOLDAL: Probléma blokk (3 kártya) ── */
  .en-section-medium [style*="grid-template-columns:repeat(3"],
  .en-section-medium [style*="grid-template-columns: repeat(3"],
  .en-section-dark   [style*="grid-template-columns:repeat(3"],
  .en-section-dark   [style*="grid-template-columns: repeat(3"],
  .en-section-darkest[style*="grid-template-columns:repeat(3"],
  .en-section-darkest[style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  /* ── FŐOLDAL: 2 oszlopos layout-ok (Megoldás, Rólam) ── */
  .en-section-medium [style*="grid-template-columns:1fr 1fr"],
  .en-section-medium [style*="grid-template-columns: 1fr 1fr"],
  .en-section-dark   [style*="grid-template-columns:1fr 1fr"],
  .en-section-dark   [style*="grid-template-columns: 1fr 1fr"],
  .en-section-darkest[style*="grid-template-columns:1fr 1fr"],
  .en-section-darkest[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* ── Aszimmetrikus 2 oszlopok (1.1fr + 0.9fr, 1.2fr + 1fr) ── */
  [style*="grid-template-columns:1.1fr"],
  [style*="grid-template-columns: 1.1fr"],
  [style*="grid-template-columns:1.2fr"],
  [style*="grid-template-columns: 1.2fr"],
  [style*="grid-template-columns:0.9fr"],
  [style*="grid-template-columns: 0.9fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* ── FAQ: 1fr + 2fr széles elrendezés ── */
  [style*="grid-template-columns:1fr 2fr"],
  [style*="grid-template-columns: 1fr 2fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* ── JOGI OLDALAK: 220px + 1fr TOC + tartalom ── */
  [style*="grid-template-columns:220px"],
  [style*="grid-template-columns: 220px"] {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  /* ── SZOLGÁLTATÁSOK: repeat(4,1fr) folyamat lépések ── */
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem !important;
  }

  /* ── FOOTER: 2fr 1fr 1fr 1.5fr ── */
  [style*="grid-template-columns:2fr"],
  [style*="grid-template-columns: 2fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* ── STAT GRID: 3 statisztika ── */
  [style*="display:flex"][style*="gap:3rem"],
  [style*="display: flex"][style*="gap: 3rem"] {
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
  }

}


/* ── 3. SECTION PADDING MOBILON ─────────────────────────────
   Nagy desktop paddingok csökkentése mobilra.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-section-dark,
  .en-section-medium,
  .en-section-darkest {
    overflow-x: hidden !important;
  }

  /* Belső konténerek */
  .en-section-dark   > div,
  .en-section-medium > div,
  .en-section-darkest > div,
  [style*="max-width:1100px"],
  [style*="max-width: 1100px"],
  [style*="max-width:1100"] {
    padding-left:  1.25rem !important;
    padding-right: 1.25rem !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Hero belső padding */
  [style*="padding:7rem"],
  [style*="padding: 7rem"] {
    padding-top:    4rem !important;
    padding-bottom: 3rem !important;
  }

  [style*="padding:6rem"],
  [style*="padding: 6rem"] {
    padding-top:    4rem !important;
    padding-bottom: 3rem !important;
  }

  [style*="padding:5rem"],
  [style*="padding: 5rem"] {
    padding-top:    3rem !important;
    padding-bottom: 3rem !important;
  }

  [style*="padding:4rem"],
  [style*="padding: 4rem"] {
    padding-top:    2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

}


/* ── 4. TIPOGRÁFIA MOBILON ───────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-h1,
  h1.en-h1 {
    font-size: 2rem !important;
    line-height: 1.15 !important;
    letter-spacing: -0.015em !important;
  }

  .en-h2,
  h2.en-h2 {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }

  .en-h3 {
    font-size: 1rem !important;
  }

  .en-body-lg {
    font-size: 1rem !important;
    line-height: 1.75 !important;
  }

  .en-stat-num {
    font-size: 2rem !important;
  }

  /* DM Serif Display hero méretei */
  [style*="font-size:clamp(2.5rem"],
  [style*="font-size: clamp(2.5rem"] {
    font-size: 2rem !important;
  }

  [style*="font-size:clamp(1.8rem"],
  [style*="font-size: clamp(1.8rem"] {
    font-size: 1.55rem !important;
  }

  [style*="font-size:1.125rem"],
  [style*="font-size: 1.125rem"] {
    font-size: 1rem !important;
  }

}


/* ── 5. GOMBOK MOBILON ───────────────────────────────────────
   Teljes szélesség, könnyebb tapintás (min 48px magasság).
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* CTA gomb párok teljes szélesség */
  .en-btn-primary,
  .en-btn-outline,
  .en-btn-gold,
  .elementor-button.en-btn-primary,
  .elementor-button.en-btn-outline,
  .elementor-button.en-btn-gold {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 1rem 1.5rem !important;
    min-height: 48px !important;
    font-size: 0.9rem !important;
  }

  /* Gomb konténerek (flex → column) */
  [style*="display:flex"][style*="gap:1rem"],
  [style*="display: flex"][style*="gap: 1rem"] {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  /* Középre igazított gomb konténerek */
  [style*="justify-content:center"] {
    flex-direction: column !important;
    align-items: center !important;
  }

}


/* ── 6. KÁRTYÁK MOBILON ──────────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-card {
    padding: 1.25rem !important;
    /* Hover effekt kikapcsolva mobilon (tapintásra rossz UX) */
    transform: none !important;
  }

  .en-card:hover {
    transform: none !important;
  }

  /* Szolgáltatás kártyák – "Legnépszerűbb" badge igazítás */
  .en-badge-top {
    font-size: 0.58rem !important;
    padding: 0.2rem 0.65rem !important;
    white-space: nowrap !important;
  }

}


/* ── 7. HERO SZEKCIÓ MOBILON ─────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-hero-bg {
    min-height: auto !important;
  }

  /* Statisztikák sor mobilon */
  .en-hero-bg [style*="display:flex"],
  .en-hero-bg [style*="display: flex"] {
    flex-wrap: wrap !important;
    gap: 1.25rem !important;
  }

  /* Max-width limitált szövegek mobilon teljes szélességre */
  [style*="max-width:720px"],
  [style*="max-width: 720px"],
  [style*="max-width:640px"],
  [style*="max-width: 640px"],
  [style*="max-width:580px"],
  [style*="max-width: 580px"],
  [style*="max-width:560px"],
  [style*="max-width: 560px"],
  [style*="max-width:540px"],
  [style*="max-width: 540px"],
  [style*="max-width:500px"],
  [style*="max-width: 500px"] {
    max-width: 100% !important;
    width: 100% !important;
  }

}


/* ── 8. KAPCSOLAT OLDAL MOBILON ──────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Form konténer card teljes szélességre */
  .en-card [style*="padding:2rem"],
  .en-card [style*="padding: 2rem"] {
    padding: 1.25rem !important;
  }

  /* Elérhetőség flex sorok */
  [style*="display:flex"][style*="gap:0.75rem"],
  [style*="display: flex"][style*="gap: 0.75rem"] {
    align-items: flex-start !important;
  }

  /* Elementor form mobilon */
  .elementor-field-group input,
  .elementor-field-group textarea,
  .elementor-field-group select {
    font-size: 16px !important; /* iOS zoom prevention */
    width: 100% !important;
  }

  .elementor-button[type="submit"] {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 0.9rem !important;
  }

}


/* ── 9. JOGI OLDALAK MOBILON ─────────────────────────────────
   TOC (tartalomjegyzék) az oldal tetejére kerül,
   nem sticky, scrollra nem tűnik el.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-legal-toc {
    position: static !important;  /* Sticky kikapcsolva */
    top: auto !important;
    margin-bottom: 2rem !important;
    padding: 1rem !important;
  }

  .en-legal-toc a {
    font-size: 0.82rem !important;
    padding: 0.4rem 0 0.4rem 0.75rem !important;
  }

  .en-legal-chapter {
    margin-bottom: 2rem !important;
  }

  .en-legal-h2 {
    font-size: 1rem !important;
  }

  .en-legal-h3 {
    font-size: 0.88rem !important;
  }

}


/* ── 10. FOOTER MOBILON ──────────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-footer {
    padding: 2.5rem 1.25rem !important;
  }

  .en-footer-grid,
  .en-footer [style*="grid-template-columns:2fr"],
  .en-footer [style*="grid-template-columns: 2fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  .en-footer [style*="display:flex"][style*="justify-content:space-between"],
  .en-footer [style*="display: flex"][style*="justify-content: space-between"] {
    flex-direction: column !important;
    gap: 0.5rem !important;
    text-align: center !important;
  }

}


/* ── 11. HEADER MOBILON ──────────────────────────────────────
   Nav linkek elrejtése, csak a CTA gomb marad.
   Elementorban a hamburger menüt a Nav Menu widget kezeli.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* HTML widget header nav */
  header nav > a:not(.en-btn-primary) {
    display: none !important;
  }

  header nav {
    gap: 0 !important;
  }

  header {
    padding: 0 1.25rem !important;
  }

  header .en-btn-primary {
    font-size: 0.78rem !important;
    padding: 0.5rem 1rem !important;
    white-space: nowrap !important;
  }

}


/* ── 12. PROCESS STEPS MOBILON ───────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-process-step {
    gap: 0.9rem !important;
  }

  .en-process-num-large {
    font-size: 2.25rem !important;
    margin-bottom: 0.3rem !important;
  }

  /* 4 lépéses folyamat: 4 → 2 → 1 oszlop */
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: 1fr 1fr !important;
  }

}


/* ── 13. TESTIMONIALS MOBILON ────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-testimonial {
    padding: 1.75rem 1.25rem 1.25rem !important;
  }

  .en-testimonial::before {
    font-size: 3.5rem !important;
    top: -0.1rem !important;
    left: 1rem !important;
  }

  .en-testimonial-text {
    font-size: 0.9rem !important;
    padding-top: 0.5rem !important;
  }

}


/* ── 14. TIMELINE MOBILON ────────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-timeline {
    padding-left: 2rem !important;
  }

  .en-timeline::before {
    left: 7px !important;
  }

  .en-timeline-item::before {
    left: -2rem !important;
    width: 10px !important;
    height: 10px !important;
    top: 4px !important;
  }

}


/* ── 15. HIGHLIGHT BOXOK MOBILON ─────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-highlight-box,
  .en-highlight-box-gold {
    padding: 1rem 1.1rem !important;
  }

}


/* ── 16. RÓLAM OLDAL AVATAR MOBILON ─────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Profilkártya: avatar + név sáv */
  [style*="display:flex"][style*="gap:1.25rem"] {
    gap: 0.9rem !important;
    align-items: center !important;
  }

  .en-avatar {
    width: 64px !important;
    height: 64px !important;
    font-size: 1.5rem !important;
    flex-shrink: 0 !important;
  }

  .en-avatar.en-avatar-lg {
    width: 80px !important;
    height: 80px !important;
    font-size: 2rem !important;
  }

}


/* ── 17. FAQ MOBILON ─────────────────────────────────────────
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-faq-item {
    padding: 1rem 0 !important;
  }

  .en-faq-question {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    gap: 0.75rem !important;
  }

  .en-faq-answer {
    font-size: 0.875rem !important;
  }

}


/* ── 18. SZOLGÁLTATÁS KÁRTYÁK MOBILON ───────────────────────
   A kiemelt "Legnépszerűbb" kártyán a badge pozíciója
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  .en-card-featured {
    margin-top: 1rem !important; /* Hely a badge-nek felül */
  }

  /* Check listák mobilon */
  .en-check-list li {
    font-size: 0.83rem !important;
  }

  /* Ár megjelenítő */
  .en-price {
    font-size: 1.4rem !important;
    margin: 0.75rem 0 0.2rem !important;
  }

}


/* ── 19. KÖZÉPRE IGAZÍTOTT TARTALOM MOBILON ─────────────────
   Desktop-on van néhány "szöveg középre" section (pl. Lead
   magnet fejléc). Ezek mobilon maradjanak középre.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  [style*="text-align:center"],
  [style*="text-align: center"] {
    text-align: center !important;
  }

  [style*="margin:0 auto"],
  [style*="margin: 0 auto"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* ── 20. KÖZEPES KÉPERNYŐ (TABLET) 768px–1024px ─────────────
   iPad, kis laptop
   ─────────────────────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {

  /* 3 kártyás gridek → 2 oszlop tableten */
  [style*="grid-template-columns:repeat(3"],
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* 4 oszlopos gridek → 2 oszlop */
  [style*="grid-template-columns:repeat(4"],
  [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Footer grid tableten */
  [style*="grid-template-columns:2fr"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Padding csökkentés tableten */
  [style*="max-width:1100px"] > [style*="padding:5rem"],
  [style*="max-width:1100px"] > [style*="padding: 5rem"] {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  /* Hero H1 tableten */
  .en-h1 {
    font-size: 2.8rem !important;
  }

}/* End custom CSS */