.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Inter - regular", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Montserrat 700", Sans-serif;}.elementor-kit-7 h2{font-family:"Montserrat 700", Sans-serif;}.elementor-kit-7 h3{font-family:"Montserrat 600", Sans-serif;}.elementor-kit-7 h4{font-family:"Montserrat 600", Sans-serif;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------- 1. TOKENEK ------------------------------------------------- */
:root{
  /* szín */
  --ks-green:       #157F4B;
  --ks-green-dark:  #10633A;
  --ks-green-soft:  #E8F5EE;
  --ks-green-line:  #BFE0CD;
  --ks-dark:        #0D2A1B;
  --ks-text:        #1F2A24;
  --ks-muted:       #6B7A73;
  --ks-faint:       #9AA8A1;
  --ks-line:        #E4E9E6;
  --ks-surface:     #F6F9F7;
  --ks-card:        #FFFFFF;
  --ks-amber:       #E0A93B;
  --ks-amber-soft:  #FDF6E7;
  --ks-amber-line:  #F0DCA8;
  --ks-amber-dark:  #A87A1E;

  /* betű */
  --ks-font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ks-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* tipó-skála — clamp(360px → 1200px) */
  --ks-h1:    clamp(2.75rem, 2rem     + 3.333vw, 4.5rem);    /* 44 → 72 */
  --ks-h2:    clamp(1.75rem, 1.375rem + 1.667vw, 2.625rem);  /* 28 → 42 */
  --ks-h3:    1.375rem;                                       /* 22      */
  --ks-lead:  clamp(1.125rem, 1.098rem + 0.119vw, 1.1875rem);/* 18 → 19 */
  --ks-body:  1.0625rem;                                      /* 17      */
  --ks-small: 0.9375rem;                                      /* 15      */
  --ks-micro: 0.78125rem;                                     /* 12.5    */

  /* térköz */
  --ks-1: 4px;   --ks-2: 8px;   --ks-3: 12px;  --ks-4: 16px;
  --ks-5: 24px;  --ks-6: 32px;  --ks-7: 48px;  --ks-8: 64px;  --ks-9: 96px;

  /* forma */
  --ks-r-sm: 10px;  --ks-r:    14px;  --ks-r-lg: 18px;  --ks-r-xl: 24px;
  --ks-shadow:    0 1px 2px rgba(13,42,27,.04), 0 4px 14px rgba(13,42,27,.05);
  --ks-shadow-lg: 0 2px 6px rgba(13,42,27,.05), 0 12px 32px rgba(13,42,27,.09);

  /* szélesség */
  --ks-wrap:   1200px;
  --ks-narrow: 720px;
  --ks-gutter: 20px;
}
@media (min-width:768px){ :root{ --ks-gutter:32px } }

/* ---------- 2. ALAPOK (csak ks- blokkokon belül) ----------------------- */
[class*="ks-"] , [class*="ks-"] *,
[class*="ks-"] *::before, [class*="ks-"] *::after{ box-sizing:border-box }

.ks-block{
  font-family:var(--ks-font-body);
  font-size:var(--ks-body);
  line-height:1.7;
  color:var(--ks-text);
  -webkit-font-smoothing:antialiased;
}
.ks-block img{ max-width:100%; height:auto; display:block }
.ks-block svg{ display:block }

/* fókuszjelölés — akadálymentesség */
.ks-block a:focus-visible,
.ks-block button:focus-visible,
.ks-block input:focus-visible,
.ks-block summary:focus-visible{
  outline:3px solid var(--ks-green);
  outline-offset:2px;
  border-radius:4px;
}

/* ---------- 3. ELRENDEZÉS --------------------------------------------- */
.ks-wrap{
  width:100%;
  max-width:var(--ks-wrap);
  margin-inline:auto;
  padding-inline:var(--ks-gutter);
}
.ks-wrap--narrow{ max-width:var(--ks-narrow) }

.ks-section{ padding-block:var(--ks-8) }
@media (min-width:768px){ .ks-section{ padding-block:var(--ks-9) } }
.ks-section--tight{ padding-block:var(--ks-7) }
.ks-section--soft{ background:var(--ks-green-soft) }
.ks-section--surface{ background:var(--ks-surface) }
.ks-section--dark{ background:var(--ks-dark); color:#fff }
.ks-section--dark .ks-h2,
.ks-section--dark .ks-h3{ color:#fff }
.ks-section--dark .ks-lead,
.ks-section--dark .ks-muted{ color:#B7C7BE }

/* fejléc-blokk szekciók elején */
.ks-head{ max-width:44rem; margin-bottom:var(--ks-7) }
.ks-head--center{ margin-inline:auto; text-align:center }

/* rács */
.ks-grid{
  display:grid;
  gap:var(--ks-5);
  grid-template-columns:repeat(auto-fit, minmax(var(--ks-min, 260px), 1fr));
}
.ks-grid--2{ --ks-min:320px }
.ks-grid--3{ --ks-min:260px }
.ks-grid--4{ --ks-min:200px }

/* ---------- 4. TIPOGRÁFIA --------------------------------------------- */
.ks-h1,.ks-h2,.ks-h3{
  font-family:var(--ks-font-head);
  color:var(--ks-dark);
  margin:0 0 var(--ks-4);
  text-wrap:balance;
}
.ks-h1{ font-size:var(--ks-h1); font-weight:700; line-height:1.05; letter-spacing:-.02em }
.ks-h2{ font-size:var(--ks-h2); font-weight:700; line-height:1.18; letter-spacing:-.01em }
.ks-h3{ font-size:var(--ks-h3); font-weight:600; line-height:1.3 }

.ks-lead{
  font-size:var(--ks-lead);
  line-height:1.6;
  color:var(--ks-muted);
  margin:0 0 var(--ks-5);
  max-width:38rem;
  text-wrap:pretty;
}
.ks-head--center .ks-lead{ margin-inline:auto }

.ks-eyebrow{
  display:inline-block;
  font-family:var(--ks-font-body);
  font-size:var(--ks-micro);
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--ks-green);
  margin:0 0 var(--ks-3);
}
.ks-small{ font-size:var(--ks-small); line-height:1.65 }
.ks-micro{ font-size:var(--ks-micro); line-height:1.5; color:var(--ks-faint) }
.ks-muted{ color:var(--ks-muted) }

/* folyó szöveg (blogcikk, hosszú blokk) */
.ks-prose > * + *{ margin-top:var(--ks-4) }
.ks-prose h2{ font:700 var(--ks-h2)/1.18 var(--ks-font-head); color:var(--ks-dark); margin-top:var(--ks-7) }
.ks-prose h3{ font:600 var(--ks-h3)/1.3  var(--ks-font-head); color:var(--ks-dark); margin-top:var(--ks-6) }
.ks-prose p{ max-width:38rem }
.ks-prose ul,.ks-prose ol{ max-width:38rem; padding-left:1.35em }
.ks-prose li + li{ margin-top:var(--ks-2) }
.ks-prose a{ color:var(--ks-green-dark); text-underline-offset:3px }
.ks-prose strong{ font-weight:600; color:var(--ks-dark) }

/* ---------- 5. GOMBOK -------------------------------------------------- */
.ks-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--ks-2);
  min-height:52px;
  padding:0 26px;
  font-family:var(--ks-font-body);
  font-size:var(--ks-body);
  font-weight:600;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  border:1.5px solid transparent;
  border-radius:var(--ks-r-sm);
  cursor:pointer;
  transition:background .18s, border-color .18s, color .18s, transform .18s, box-shadow .18s;
}
.ks-btn:hover{ transform:translateY(-1px) }
.ks-btn:active{ transform:translateY(0) }
.ks-btn svg{ width:19px; height:19px; flex:none }

.ks-btn--primary{ color:#fff; background:var(--ks-green); border-color:var(--ks-green); box-shadow:var(--ks-shadow) }
.ks-btn--primary:hover{ color:#fff; background:var(--ks-green-dark); border-color:var(--ks-green-dark); box-shadow:var(--ks-shadow-lg) }

.ks-btn--ghost{ color:var(--ks-green-dark); background:transparent; border-color:var(--ks-green-line) }
.ks-btn--ghost:hover{ color:var(--ks-green-dark); background:var(--ks-green-soft); border-color:var(--ks-green) }

.ks-btn--amber{ color:var(--ks-dark); background:var(--ks-amber); border-color:var(--ks-amber); box-shadow:var(--ks-shadow) }
.ks-btn--amber:hover{ color:var(--ks-dark); background:#D19B2A; border-color:#D19B2A; box-shadow:var(--ks-shadow-lg) }

.ks-btn--wide{ width:100% }
@media (max-width:520px){ .ks-btn{ width:100% } }

/* szöveges nyíl-link */
.ks-link{
  display:inline-flex; align-items:center; gap:6px;
  font-weight:600; color:var(--ks-green-dark); text-decoration:none;
}
.ks-link::after{ content:"→"; transition:transform .18s }
.ks-link:hover::after{ transform:translateX(3px) }

/* ---------- 6. KÁRTYA -------------------------------------------------- */
.ks-card{
  display:flex;
  flex-direction:column;
  padding:var(--ks-5);
  background:var(--ks-card);
  border:1px solid var(--ks-line);
  border-radius:var(--ks-r-lg);
  transition:border-color .18s, box-shadow .18s, transform .18s;
}
.ks-card--link:hover{
  border-color:var(--ks-green-line);
  box-shadow:var(--ks-shadow-lg);
  transform:translateY(-3px);
}
.ks-card__icon{
  display:flex; align-items:center; justify-content:center;
  width:46px; height:46px; margin-bottom:var(--ks-4);
  color:var(--ks-green);
  background:var(--ks-green-soft);
  border-radius:var(--ks-r-sm);
}
.ks-card__icon svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.ks-card__title{ font:600 var(--ks-h3)/1.3 var(--ks-font-head); color:var(--ks-dark); margin:0 0 var(--ks-2) }
.ks-card__text{ font-size:var(--ks-small); color:var(--ks-muted); margin:0 0 var(--ks-4) }
.ks-card__foot{ margin-top:auto }

/* kiemelt kártya */
.ks-card--feature{ background:var(--ks-green-soft); border-color:var(--ks-green-line) }

/* ---------- 7. CÍMKE / JELVÉNY ---------------------------------------- */
.ks-badge{
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 11px;
  font-size:var(--ks-micro); font-weight:600; letter-spacing:.02em;
  color:var(--ks-green-dark); background:var(--ks-green-soft);
  border:1px solid var(--ks-green-line); border-radius:999px;
}
.ks-badge--amber{ color:var(--ks-amber-dark); background:var(--ks-amber-soft); border-color:var(--ks-amber-line) }

/* ---------- 8. GYIK (details/summary) --------------------------------- */
.ks-faq{ max-width:var(--ks-narrow); margin-inline:auto }
.ks-faq__item{ border-bottom:1px solid var(--ks-line) }
.ks-faq__q{
  display:flex; align-items:flex-start; justify-content:space-between; gap:var(--ks-4);
  padding:var(--ks-5) 0;
  font-family:var(--ks-font-head); font-size:1.0625rem; font-weight:600;
  line-height:1.45; color:var(--ks-dark);
  cursor:pointer; list-style:none;
}
.ks-faq__q::-webkit-details-marker{ display:none }
.ks-faq__q::after{
  content:""; flex:none; width:11px; height:11px; margin-top:6px;
  border-right:2px solid var(--ks-green); border-bottom:2px solid var(--ks-green);
  transform:rotate(45deg); transition:transform .22s;
}
.ks-faq__item[open] .ks-faq__q::after{ transform:rotate(-135deg) }
.ks-faq__a{ padding:0 0 var(--ks-5); color:var(--ks-muted) }
.ks-faq__a > * + *{ margin-top:var(--ks-3) }
.ks-faq__a p{ margin:0; max-width:36rem }

/* ---------- 9. SEGÉDOSZTÁLYOK ----------------------------------------- */
.ks-center{ text-align:center }
.ks-stack > * + *{ margin-top:var(--ks-4) }
.ks-row{ display:flex; flex-wrap:wrap; gap:var(--ks-3); align-items:center }
.ks-row--center{ justify-content:center }
.ks-hr{ height:1px; border:0; background:var(--ks-line); margin:var(--ks-7) 0 }
.ks-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.ks-mt-0{ margin-top:0 !important }
.ks-mb-0{ margin-bottom:0 !important }

/* ---------- 10. ELEMENTOR-IGAZÍTÁS ------------------------------------ */
/* a kézi blokkokat tartó konténerekről levesszük a belső margót,
   a szélességet a .ks-wrap adja */
.elementor-widget-html:has(> .elementor-widget-container > .ks-block){ width:100% }
.ks-full > .e-con-inner,
.ks-full{ max-width:100% !important; padding-inline:0 !important }

/* ---------- 11. MOZGÁSCSÖKKENTÉS -------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .ks-block *, .ks-block *::before, .ks-block *::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
  .ks-btn:hover, .ks-card--link:hover{ transform:none }
}/* End custom CSS */