.elementor-263 .elementor-element.elementor-element-1f46fe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-c5f249f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-263 .elementor-element.elementor-element-874f912{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-ace594a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-0fb331a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-263 .elementor-element.elementor-element-711658b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-982ffbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-263 .elementor-element.elementor-element-3b1d791{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263 .elementor-element.elementor-element-de28b80 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-263 .elementor-element.elementor-element-874f912{--content-width:90%;}.elementor-263 .elementor-element.elementor-element-ace594a{--width:50%;}.elementor-263 .elementor-element.elementor-element-711658b{--width:50%;}}/* Start custom CSS *//* ============================================================
   WEBDUO — „KAPCSOLAT" OLDAL, RÖVID VÁLTOZAT  ·  Index rendszer
   Hova: Elementor → Oldal beállítások (fogaskerék) → Speciális → Egyéni CSS
   Minden osztály wd- előtagot kapott, és a .wd-sub alá van szkópolva,
   hogy se az Astra, se az Elementor, se a főoldal CSS-e ne ütközzön vele.
   Kivétel a .wd-kapzone (10. pont): az a te Elementor konténered.
   ============================================================ */

/* ---------- 1. Designtokenek ---------- */
:root{
  --wd-paper:#F2F0FE;
  --wd-card:#FFFFFF;
  --wd-card-2:#FAF9FE;
  --wd-ink:#0D0614;
  --wd-ink-2:#3B3450;
  --wd-muted:#6E6688;

  --wd-band-lav:#DCD5FA;
  --wd-band-lav-2:#E7E2FC;
  --wd-band-mint:#DBF3E9;
  --wd-band-blue:#DFE6FB;
  --wd-band-dark:#0D0614;

  --wd-violet:#6528F7;
  --wd-violet-lt:#9B72FF;
  --wd-lav:#D8D8F5;
  --wd-mint:#4FD3A5;

  --wd-bd:2.5px;
}
@media (max-width:900px){:root{--wd-bd:2px;}}

body{margin:0;background:var(--wd-card);}

/* ---------- 2. Alapelemek ---------- */
.wd,.wd *{box-sizing:border-box;}
.wd{
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.55;color:var(--wd-ink-2);
  -webkit-font-smoothing:antialiased;
}
@media (max-width:900px){.wd{font-size:16px;}}
.wd h1,.wd h2,.wd h3,.wd h4{
  margin:0;color:var(--wd-ink);
  font-family:"Archivo","Figtree",sans-serif;
  font-weight:800;font-stretch:112%;
  text-transform:uppercase;letter-spacing:-.03em;line-height:.92;
}
.wd p{margin:0;}
.wd a{color:inherit;text-decoration:none;}
.wd ul,.wd ol{margin:0;padding:0;list-style:none;}
.wd li{margin:0;}
.wd button{font:inherit;}
.wd img,.wd svg{display:block;max-width:100%;}
.wd :focus-visible{outline:3px solid var(--wd-violet);outline-offset:3px;}

/* ---------- 3. Tipográfiai segédosztályok ---------- */
.wd .wd-lbl{font-family:"Space Mono",ui-monospace,monospace;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--wd-muted);}
.wd .wd-lead{font-size:clamp(17px,1.5vw,22px);line-height:1.5;color:var(--wd-ink-2);}
.wd .wd-sm{font-size:14.5px;line-height:1.55;color:var(--wd-muted);}
.wd .wd-cv{color:var(--wd-violet);}
.wd .wd-h-l{font-size:clamp(28px,3.6vw,52px);}
.wd .wd-hl{background:var(--wd-mint);padding:0 .1em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.wd .wd-hl-l{background:var(--wd-lav);padding:0 .1em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* ---------- 4. Gomb és pill ---------- */
.wd .wd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:"Figtree",sans-serif;font-size:16px;font-weight:700;
  padding:14px 26px;border:3px solid var(--wd-ink);border-radius:999px;
  background:var(--wd-card);color:var(--wd-ink);cursor:pointer;
  box-shadow:5px 5px 0 0 var(--wd-ink);
  transition:transform .12s ease,box-shadow .12s ease;
}
.wd .wd-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 0 var(--wd-ink);}
.wd .wd-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 0 var(--wd-ink);}
.wd .wd-btn-v{background:var(--wd-violet);color:#fff;}
.wd .wd-btn-mt{background:var(--wd-mint);color:var(--wd-ink);}
.wd .wd-btn-lav{background:var(--wd-lav);color:var(--wd-ink);}
.wd .wd-btn-sq{border-radius:6px;}
.wd .wd-btn-sm{font-size:13px;padding:10px 18px;box-shadow:4px 4px 0 0 var(--wd-ink);}
.wd .wd-pill{
  display:inline-flex;align-items:center;gap:8px;padding:8px 15px;
  border:2px solid var(--wd-ink);border-radius:999px;
  font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;background:transparent;color:var(--wd-ink);
}
.wd .wd-tk{
  width:17px;height:17px;border:2px solid var(--wd-ink);border-radius:5px;flex:none;margin-top:3px;
  display:flex;align-items:center;justify-content:center;font-size:9.5px;line-height:1;
}
.wd .wd-tk.wd-y{background:var(--wd-mint);}
.wd .wd-tk.wd-n{background:transparent;}

/* ============================================================
   5. FELSŐ SÁV  (ezen az oldalon a bal sáv helyett)
   ------------------------------------------------------------
   A kapcsolat oldal egyetlen képernyő, ezért itt nincs bal sáv:
   helyette egy vékony felső sáv visz vissza a főoldalra és a két
   fő szolgáltatásra. Nincs benne szkript, nincs mit elrontani.
   ============================================================ */
.wd-sub .wd-top{
  display:flex;align-items:stretch;justify-content:space-between;
  min-height:66px;padding:0 0 0 56px;
  background:var(--wd-paper);border-bottom:var(--wd-bd) solid var(--wd-ink);
}
.wd-sub .wd-logo{
  display:flex;align-items:center;flex:none;
  font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%;font-size:26px;
  letter-spacing:-.045em;color:var(--wd-ink);text-transform:lowercase;line-height:1;
}
.wd-sub .wd-logo i{color:var(--wd-violet);font-style:normal;}

/* a menüpontok összeérő cellák, mint a rendszer rácsai */
.wd-sub .wd-tnav{display:flex;align-items:stretch;}
.wd-sub .wd-tnav a{
  display:flex;align-items:center;gap:10px;padding:0 28px;
  border-left:var(--wd-bd) solid var(--wd-ink);
  font-size:15px;font-weight:700;color:var(--wd-ink);white-space:nowrap;
  transition:background-color .18s ease,color .18s ease;
}
.wd-sub .wd-tnav a:hover{background:var(--wd-band-mint);}
.wd-sub .wd-tnav a i{
  font-style:normal;font-family:"Space Mono",monospace;font-size:13px;color:var(--wd-violet);
  transition:transform .22s cubic-bezier(.22,.9,.3,1);
}
.wd-sub .wd-tnav a:hover i{transform:translateX(-4px);}
.wd-sub .wd-tnav a:not(:first-child):hover i{transform:translate(3px,-3px);}

/* telefonon: felül a logó, alatta a három pont egy sorban, egyforma cellákban */
@media (max-width:760px){
  .wd-sub .wd-top{flex-direction:column;padding:0;}
  .wd-sub .wd-logo{padding:16px 20px 14px;font-size:24px;}
  .wd-sub .wd-tnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:var(--wd-bd) solid var(--wd-ink);}
  .wd-sub .wd-tnav a{justify-content:center;text-align:center;white-space:normal;
    padding:11px 8px;font-size:13.5px;line-height:1.25;gap:6px;}
  .wd-sub .wd-tnav a:first-child{border-left:0;}
  .wd-sub .wd-tnav a:not(:first-child) i{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .wd-sub .wd-tnav a,.wd-sub .wd-tnav a i{transition:none!important;}
}

/* ============================================================
   6. LÁBLÉC-ELTOLÁS
   A lábléc blokk (3.) ugyanaz, mint a többi oldalon, rajta van a
   wd-off osztály. Itt nincs bal sáv, ezért nincs mit kikerülnie.
   ============================================================ */
.wd-sub .wd-ftr.wd-off{padding-left:56px;}
@media (max-width:1100px){.wd-sub .wd-ftr.wd-off{padding-left:20px;}}

/* ---------- lábléc ---------- */
.wd-sub .wd-ftr{background:var(--wd-band-dark);color:var(--wd-paper);padding:58px 56px 24px;}
@media (max-width:1100px){.wd-sub .wd-ftr{padding:46px 20px 24px;}}
.wd-sub .wd-fcols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
  gap:32px;max-width:1080px;}
@media (max-width:900px){.wd-sub .wd-fcols{grid-template-columns:1fr 1fr;gap:26px;}}
@media (max-width:560px){.wd-sub .wd-fcols{grid-template-columns:1fr;}}
.wd-sub .wd-ftr .wd-logo{color:var(--wd-paper);font-size:27px;}
.wd-sub .wd-fabout{margin-top:13px;font-size:14.5px;line-height:1.6;
  color:rgba(242,240,254,.6);max-width:32ch;}
.wd-sub .wd-ftr h4{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(242,240,254,.5);font-weight:400;margin:0 0 13px;}
.wd-sub .wd-ftr ul{display:flex;flex-direction:column;gap:9px;}
.wd-sub .wd-ftr ul a{font-size:14.5px;color:rgba(242,240,254,.86);}
.wd-sub .wd-ftr ul a:hover{color:var(--wd-mint);}
.wd-sub .wd-fbot{margin-top:42px;padding-top:18px;border-top:1px solid rgba(242,240,254,.18);
  display:flex;flex-wrap:wrap;gap:13px;justify-content:space-between;max-width:1080px;}
.wd-sub .wd-fbot .wd-lbl{color:rgba(242,240,254,.5);}

/* ---------- mozgáscsökkentés ---------- */
@media (prefers-reduced-motion:reduce){
  .wd *{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}


/* ============================================================
   8. ANIMÁCIÓS RÉTEG
   ------------------------------------------------------------
   A rejtés csak akkor él, ha az 1. blokk szkriptje felrakta a
   body[data-wd-anim="on"] jelzőt. Ha a legutolsó blokk hiányozna,
   3 mp múlva magától minden előjön. Mozgáscsökkentésnél a jelző
   fel sem kerül — minden statikusan látszik.
   ============================================================ */

/* ---------- 8.3 Kifutó kiemelés a címekben ---------- */
/* A meglévő wd-hl / wd-hl-l osztályokat használja — a HTML-ben
   nem kell semmit átírni, csak a kitöltés innentől kihúzódik. */
body[data-wd-anim="on"] .wd-sub .wd-hl,
body[data-wd-anim="on"] .wd-sub .wd-hl-l{
  background-color:transparent;background-repeat:no-repeat;
  background-position:0 0;background-size:0 100%;
  transition:background-size .75s cubic-bezier(.25,.8,.3,1) calc(var(--wd-d, 0s) + .18s);
}
body[data-wd-anim="on"] .wd-sub .wd-hl{
  background-image:linear-gradient(var(--wd-mint),var(--wd-mint));
}
body[data-wd-anim="on"] .wd-sub .wd-hl-l{
  background-image:linear-gradient(var(--wd-lav),var(--wd-lav));
}
body[data-wd-anim="on"] .wd-sub .wd-in .wd-hl,
body[data-wd-anim="on"] .wd-sub .wd-in .wd-hl-l,
body[data-wd-anim="on"] .wd-sub .wd-hl.wd-in,
body[data-wd-anim="on"] .wd-sub .wd-hl-l.wd-in{background-size:100% 100%;}


/* ============================================================
   10. RÖVID KAPCSOLAT OLDAL  ·  egy képernyő: bal oldalt a szöveg
       és az elérhetőségek, jobb oldalt a TE Elementor űrlapod
   ------------------------------------------------------------
   AZ ELEMENTOR SZERKEZET (2. konténer):

     Konténer  — Teljes szélesség, CSS-osztály:  wd-kapzone
       ├─ HTML widget   ← a 2. blokk (cím, elérhetőségek, konzultáció gomb)
       └─ Form widget   ← a te űrlapod, változatlanul

   A konténer irányát, szélességét és térközeit NEM kell beállítanod:
   ez a CSS kétoszlopos rácsot csinál belőle, és megadja a hátteret,
   a térközöket, az alsó keretet és az űrlap kinézetét. Néhány helyen !important kell, mert az Elementor a
   konténer-beállításait magasabb specificitással írja ki.

   Ez a rész SZÁNDÉKOSAN nincs a .wd-sub alá szkópolva, mert a te
   konténered nem az én burkoló div-emen belül van.
   ============================================================ */

/* ---------- 10.1 A konténer: háttér, rács ---------- */
.wd-kapzone,
.wd-kapzone.e-con{
  display:grid!important;
  grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;
  column-gap:56px!important;row-gap:44px!important;
  align-items:center!important;align-content:center!important;
  /* a felső sávval (66 px) együtt pont egy képernyő */
  min-height:calc(100vh - 68px);min-height:calc(100svh - 68px);
  background:var(--wd-band-lav)!important;
  border-bottom:var(--wd-bd) solid var(--wd-ink)!important;
  padding:56px!important;
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.55;color:var(--wd-ink-2);
  box-sizing:border-box;
}
/* ha a konténert „Dobozolt"-ra hagynád, a belső réteg kapja a rácsot */
.wd-kapzone > .e-con-inner{
  display:contents!important;
}
.wd-kapzone > .elementor-widget,
.wd-kapzone > .e-con-inner > .elementor-widget{
  width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
}
/* az űrlap oszlopa ne nyúljon szét túl szélesre */
.wd-kapzone .elementor-widget-form{max-width:620px!important;width:100%!important;
  container-type:inline-size;}
/* Ha az űrlap keskenyebb 360 px-nél, a két mező egy sorban már szűk
   lenne — ilyenkor egymás alá kerülnek. */
@container (max-width:360px){
  .wd-kapzone .elementor-field-group.elementor-col-50{width:100%!important;}
}
/* 980 px alatt (tablet, telefon) egymás alá kerül a szöveg és az űrlap */
@media (max-width:980px){
  .wd-kapzone,.wd-kapzone.e-con{
    grid-template-columns:minmax(0,1fr)!important;min-height:0;
    align-items:start!important;
    padding:40px 20px 56px!important;row-gap:34px!important;
  }
}

/* ---------- 10.2 Bal oszlop (a 2. blokk) ---------- */
.wd-sub .wd-kl{max-width:680px;container-type:inline-size;}
.wd-sub .wd-crumb{display:flex;align-items:center;gap:9px;margin-bottom:22px;}
.wd-sub .wd-crumb a:hover{color:var(--wd-violet);}

/* A cím mérete az OSZLOP szélességéhez igazodik (cqi), nem a képernyőéhez —
   így nyitott és csukott sávnál is kitölti a helyét, de sosem lóg ki.
   Az első sor a régi böngészőknek szól, a második a mostaniaknak. */
.wd-sub .wd-kl h1{
  font-size:clamp(34px,3.6vw,64px);
  font-size:clamp(34px,10.4cqi,86px);
  line-height:.9;
}
.wd-sub .wd-klead{margin-top:24px;max-width:46ch;
  font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:var(--wd-ink-2);}

/* elérhetőség-sorok: összeérő keretes lista */
.wd-sub .wd-kc{margin-top:30px;border-top:var(--wd-bd) solid var(--wd-ink);
  border-left:var(--wd-bd) solid var(--wd-ink);background:var(--wd-card);}
.wd-sub .wd-kr{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:16px 18px;border-right:var(--wd-bd) solid var(--wd-ink);
  border-bottom:var(--wd-bd) solid var(--wd-ink);
  transition:background-color .18s ease,padding-left .22s cubic-bezier(.22,.9,.3,1);
}
.wd-sub a.wd-kr:hover{background:var(--wd-band-mint);padding-left:24px;}
.wd-sub .wd-kib{
  width:48px;height:48px;flex:none;border:var(--wd-bd) solid var(--wd-ink);border-radius:12px;
  background:var(--wd-card);display:flex;align-items:center;justify-content:center;
  box-shadow:3px 3px 0 0 var(--wd-ink);
}
.wd-sub .wd-kib svg{width:24px;height:24px;overflow:visible;}
.wd-sub .wd-kv{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%;
  font-size:clamp(19px,1.7vw,26px);letter-spacing:-.03em;color:var(--wd-ink);
  line-height:1.1;overflow-wrap:anywhere;}
.wd-sub .wd-kr .wd-lbl{display:block;margin-top:5px;font-size:11px;}
.wd-sub .wd-ka{width:38px;height:38px;border-radius:50%;border:2px solid var(--wd-ink);flex:none;
  display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--wd-ink);
  transition:transform .18s ease,background-color .18s ease,color .18s ease;}
.wd-sub a.wd-kr:hover .wd-ka{background:var(--wd-violet);color:#fff;transform:translate(3px,-3px);}
@media (max-width:480px){
  .wd-sub .wd-kr{gap:13px;padding:14px 13px;}
  .wd-sub .wd-ka{display:none;}
  .wd-sub .wd-kr{grid-template-columns:auto minmax(0,1fr);}
}

/* ingyenes konzultáció */
.wd-sub .wd-kk{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;}
.wd-sub .wd-kk p{font-size:15.5px;line-height:1.45;color:var(--wd-ink-2);max-width:26ch;}
.wd-sub .wd-kk p b{color:var(--wd-ink);}
.wd-sub .wd-kk .wd-btn{font-size:17px;padding:15px 26px;}
.wd-sub .wd-kk .wd-btn span{display:inline-block;transition:transform .2s ease;}
.wd-sub .wd-kk .wd-btn:hover span{transform:translateX(4px);}

/* székhely + adatkezelés */
.wd-sub .wd-kmeta{margin-top:26px;padding-top:16px;border-top:2px solid rgba(13,6,20,.16);
  display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.5;color:var(--wd-muted);}
.wd-sub .wd-kmeta a{color:var(--wd-violet);}
.wd-sub .wd-kmeta a:hover{text-decoration:underline;}

/* ---------- 10.3 Az űrlap: kártya a rendszer keretes stílusában ----------
   Mindegy, milyen űrlapot teszel bele (Elementor Form, MetForm, WPForms,
   Contact Form 7) — a mezőket típus szerint szólítjuk meg, nem
   osztálynév szerint, így mindegyiknél ugyanúgy néz ki. */
.wd-kapzone form{
  margin:0;
  border:var(--wd-bd) solid var(--wd-ink);border-radius:14px;
  background:var(--wd-card);padding:30px 28px 32px;
  box-shadow:10px 10px 0 0 var(--wd-ink);
}
@media (max-width:600px){.wd-kapzone form{padding:22px 18px 24px;box-shadow:6px 6px 0 0 var(--wd-ink);}}

.wd-kapzone label,
.wd-kapzone .elementor-field-label{
  display:block;margin-bottom:6px;
  font-family:"Space Mono",ui-monospace,monospace;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--wd-muted);font-weight:400;
}
.wd-kapzone input[type="text"],
.wd-kapzone input[type="email"],
.wd-kapzone input[type="tel"],
.wd-kapzone input[type="url"],
.wd-kapzone input[type="number"],
.wd-kapzone input[type="date"],
.wd-kapzone textarea,
.wd-kapzone select{
  width:100%;box-sizing:border-box;
  font-family:"Figtree",sans-serif;font-size:15.5px;line-height:1.4;color:var(--wd-ink);
  background:var(--wd-paper)!important;
  border:2px solid var(--wd-ink)!important;border-radius:9px!important;
  padding:12px 14px!important;box-shadow:none;min-height:auto;
  transition:background-color .15s ease,box-shadow .15s ease;
}
.wd-kapzone textarea{min-height:118px;resize:vertical;}
.wd-kapzone input::placeholder,
.wd-kapzone textarea::placeholder{color:#9A93B0;opacity:1;}
.wd-kapzone input:focus,
.wd-kapzone textarea:focus,
.wd-kapzone select:focus{
  outline:none;background:#fff!important;box-shadow:3px 3px 0 0 var(--wd-violet);
}
.wd-kapzone button[type="submit"],
.wd-kapzone input[type="submit"],
.wd-kapzone .elementor-button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:"Figtree",sans-serif!important;font-size:16px!important;font-weight:700!important;
  padding:14px 30px!important;border:3px solid var(--wd-ink)!important;border-radius:999px!important;
  background:var(--wd-violet)!important;color:#fff!important;cursor:pointer;
  box-shadow:5px 5px 0 0 var(--wd-ink);
  transition:transform .12s ease,box-shadow .12s ease;
  text-transform:none;letter-spacing:0;min-height:auto;width:auto;
}
.wd-kapzone button[type="submit"]:hover,
.wd-kapzone input[type="submit"]:hover,
.wd-kapzone .elementor-button:hover{
  transform:translate(2px,2px);box-shadow:3px 3px 0 0 var(--wd-ink);
  background:var(--wd-violet)!important;color:#fff!important;
}
.wd-kapzone button[type="submit"]:active,
.wd-kapzone input[type="submit"]:active,
.wd-kapzone .elementor-button:active{transform:translate(5px,5px);box-shadow:0 0 0 0 var(--wd-ink);}
.wd-kapzone :focus-visible{outline:3px solid var(--wd-violet);outline-offset:3px;}
.wd-kapzone .elementor-field-group{margin-bottom:15px;}

.wd-kapzone .elementor-message,
.wd-kapzone .wpforms-confirmation-container-full,
.wd-kapzone .wpcf7-response-output{
  margin-top:14px!important;padding:13px 16px!important;
  border:2px solid var(--wd-ink)!important;border-radius:10px!important;
  font-size:15px!important;color:var(--wd-ink)!important;background:var(--wd-band-mint)!important;
}
.wd-kapzone .elementor-message-danger,
.wd-kapzone .wpcf7-response-output.wpcf7-validation-errors{background:#FFE4E4!important;}
.wd-kapzone .elementor-field-required .elementor-field-label:after{color:var(--wd-violet);}

/* ---------- 10.4 Ikonanimációk ---------- */
.wd-sub .wd-anim-mail{transform-box:fill-box;transform-origin:50% 100%;
  animation:wd-mailflap 3.4s ease-in-out infinite;}
@keyframes wd-mailflap{0%,72%,100%{transform:scaleY(1);}82%{transform:scaleY(.25);}}
.wd-sub .wd-anim-tel{animation:wd-ring 2.6s ease-in-out infinite;}
@keyframes wd-ring{
  0%,68%,100%{transform:rotate(0);}
  74%{transform:rotate(-13deg);}
  80%{transform:rotate(11deg);}
  86%{transform:rotate(-7deg);}
  92%{transform:rotate(0);}
}

/* ---------- 10.5 Megjelenés betöltéskor ----------
   Ugyanaz a három biztosíték, mint a többi oldalon: a rejtés a
   body[data-wd-anim="on"] jelzőhöz kötött (az 1. blokk rakja fel),
   van 3 mp-es vészfék, és mozgáscsökkentésnél a jelző fel sem kerül. */
body[data-wd-anim="on"] .wd-sub .wd-kl > *,
body[data-wd-anim="on"] .wd-sub .wd-kc > *,
body[data-wd-anim="on"] .wd-kapzone form{
  opacity:0;transform:translateY(22px);
  transition:opacity .6s cubic-bezier(.22,.7,.3,1) var(--wd-d,0s),
             transform .6s cubic-bezier(.22,.7,.3,1) var(--wd-d,0s),
             background-color .18s ease,padding-left .22s cubic-bezier(.22,.9,.3,1),
             box-shadow .12s ease;
}
body[data-wd-anim="on"] .wd-kapzone form{transform:translateY(28px) scale(.97);}
body[data-wd-anim="on"] .wd-sub .wd-kl > .wd-kc{opacity:1;transform:none;}
body[data-wd-anim="on"] .wd-in,
body[data-wd-anim="on"] .wd-sub .wd-in{opacity:1!important;transform:none!important;}

/* ---------- 10.6 Alacsony laptopképernyő (pl. 1366×768) ----------
   Csak a térközök szűkülnek, hogy az egész egy képernyőre férjen. */
@media (min-width:981px) and (max-height:820px){
  .wd-kapzone,.wd-kapzone.e-con{padding-top:34px!important;padding-bottom:34px!important;}
  .wd-sub .wd-crumb{margin-bottom:16px;}
  .wd-sub .wd-kl h1{font-size:clamp(34px,9cqi,62px);}
  .wd-sub .wd-klead{margin-top:16px;}
  .wd-sub .wd-kc{margin-top:22px;}
  .wd-sub .wd-kr{padding-top:12px;padding-bottom:12px;}
  .wd-sub .wd-kk{margin-top:20px;}
  .wd-sub .wd-kmeta{margin-top:18px;padding-top:12px;}
  .wd-kapzone form{padding:24px 24px 26px;}
  .wd-kapzone .elementor-field-group{margin-bottom:12px;}
  .wd-kapzone textarea{min-height:96px;}
}/* End custom CSS */