.elementor-3362 .elementor-element.elementor-element-e6534ec{--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-3362 .elementor-element.elementor-element-e353e68 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   WEBDUO — FŐOLDAL  ·  „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 alá van szkópolva,
   hogy se az Astra, se az Elementor stílusaival ne ütközzön.
   ============================================================ */

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

  /* sávok */
  --wd-band-lav:#DCD5FA;
  --wd-band-lav-2:#E7E2FC;
  --wd-band-mint:#DBF3E9;
  --wd-band-blue:#DFE6FB;
  --wd-band-dark:#0D0614;

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

  /* rendszer */
  --wd-bd:2.5px;
  --wd-r:16px;
}
@media (max-width:900px){:root{--wd-bd:2px;}}

/* ---------- 2. Magasság és görgetés ----------
   --wd-vh = a ténylegesen használható magasság. Bejelentkezve a WordPress
   admin sávja 32 px-et (keskeny nézetben 46-ot) elvesz a képernyőből;
   enélkül a bal sáv alja lelógna a képernyőről. */
html,body{height:100%;}
body{margin:0;background:var(--wd-paper);}

:root{--wd-vh:100vh;}
body.admin-bar{--wd-vh:calc(100vh - 32px);}
@media screen and (max-width:782px){
  body.admin-bar{--wd-vh:calc(100vh - 46px);}
}

/* Az oldal csak akkor nem görget, ha tényleg elfér egy képernyőn.
   Alacsony ablakban inkább legyen egy kis görgetés, mint elérhetetlen tartalom. */
@media (min-width:1101px) and (min-height:700px){
  body{overflow:hidden;}
}

/* ---------- 3. Alapelemek (a .wd-n belül) ---------- */
.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);background:var(--wd-paper);
  -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;}

/* ---------- 4. 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-hl{background:var(--wd-mint);padding:0 .1em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}

/* ---------- 5. 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-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);
}

/* ============================================================
   6. A FŐOLDAL ELRENDEZÉSE
   ============================================================ */
.wd-stage{min-height:var(--wd-vh);display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);}
@media (max-width:1100px){.wd-stage{grid-template-columns:1fr;min-height:auto;}}

/* ---------- bal sáv ---------- */
.wd .wd-rail{
  position:relative;display:flex;flex-direction:column;padding:36px 40px 30px;
  border-right:var(--wd-bd) solid var(--wd-ink);background:var(--wd-paper);overflow:hidden;
}
@media (max-width:1100px){
  .wd .wd-rail{border-right:0;border-bottom:var(--wd-bd) solid var(--wd-ink);padding:26px 20px 30px;}
}
.wd .wd-logo{
  font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%;font-size:27px;
  letter-spacing:-.045em;color:var(--wd-ink);text-transform:lowercase;line-height:1;
}
.wd .wd-logo i{color:var(--wd-violet);font-style:normal;}
.wd .wd-rmid{margin-top:auto;padding-top:46px;}
@media (max-width:1100px){.wd .wd-rmid{margin-top:34px;padding-top:0;}}
.wd .wd-claim{font-size:clamp(38px,3.3vw,58px);line-height:.94;}
.wd .wd-rsub{margin-top:24px;font-size:17px;line-height:1.55;color:var(--wd-ink-2);max-width:34ch;}
.wd .wd-rbadge{
  display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:9px 16px;
  border:var(--wd-bd) solid var(--wd-ink);border-radius:8px;background:var(--wd-card);
  font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wd-ink);transform:rotate(-2.2deg);box-shadow:4px 4px 0 0 var(--wd-ink);
}
.wd .wd-rfoot{margin-top:auto;padding-top:34px;display:flex;flex-direction:column;gap:7px;}
@media (max-width:1100px){.wd .wd-rfoot{margin-top:30px;}}
.wd .wd-rfoot a:hover{color:var(--wd-violet);}
.wd .wd-star{
  position:absolute;right:-26px;bottom:96px;width:120px;opacity:.9;pointer-events:none;
  animation:wd-spin 26s linear infinite;
}
@media (max-width:1100px){.wd .wd-star{display:none;}}
@keyframes wd-spin{to{transform:rotate(360deg);}}

/* ---------- jobb panel ---------- */
.wd .wd-panel{
  display:flex;flex-direction:column;padding:36px 40px 30px;background:var(--wd-card);
  max-height:var(--wd-vh);overflow:auto;
}
@media (max-width:1100px){
  .wd .wd-panel{max-height:none;overflow:visible;padding:26px 20px 40px;}
}
.wd .wd-ptop{display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:30px;flex:none;}
.wd .wd-pbody{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;}
@media (max-width:1100px){.wd .wd-pbody{display:block;}}

.wd .wd-back{
  display:none;align-items:center;gap:9px;font-family:"Space Mono",monospace;font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border:2px solid var(--wd-ink);
  border-radius:999px;background:var(--wd-card);cursor:pointer;color:var(--wd-ink);
}
.wd .wd-back:hover{background:var(--wd-ink);color:var(--wd-paper);}
body[data-wd-view]:not([data-wd-view="home"]) .wd .wd-back{display:inline-flex;}

.wd .wd-view{display:none;}
.wd .wd-view.wd-on{display:block;animation:wd-in .38s cubic-bezier(.22,.61,.36,1) both;}
@keyframes wd-in{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* ---------- választólista (home nézet) ---------- */
.wd .wd-idx{border-top:var(--wd-bd) solid var(--wd-ink);}
.wd .wd-irow{
  position:relative;z-index:0;
  display:grid;grid-template-columns:56px minmax(0,1fr) 52px;gap:18px;align-items:center;
  width:100%;text-align:left;padding:28px 20px;background:transparent;border:0;
  border-bottom:var(--wd-bd) solid var(--wd-ink);cursor:pointer;color:inherit;
  text-decoration:none;-webkit-tap-highlight-color:transparent;
  transition:padding-left .42s cubic-bezier(.22,.9,.3,1);
}
/* A tartalom a kiemelő sáv FÖLÉ kerül. */
.wd .wd-irow > *{position:relative;z-index:1;}

/* A KIEMELŐ SÁV.
   Külön réteg, lekerekített sarkokkal és fent-lent behúzva, ezért nem ér
   hozzá a szakasz széleihez — nincs többé levágott hatása. Balról jobbra
   húzódik ki: a clip-path miatt a lekerekítés közben sem torzul el. */
.wd .wd-irow::before{
  content:"";position:absolute;z-index:0;
  top:7px;bottom:7px;left:0;right:0;border-radius:18px;
  background:var(--wd-hov,var(--wd-band-lav-2));
  opacity:0;transition:opacity .3s ease;
}
@supports (clip-path:inset(0 0 0 0 round 18px)){
  .wd .wd-irow::before{
    opacity:1;clip-path:inset(0 100% 0 0 round 18px);
    transition:clip-path .52s cubic-bezier(.22,.9,.3,1);
  }
  .wd .wd-irow:hover::before,
  .wd .wd-irow:focus-visible::before{clip-path:inset(0 0 0 0 round 18px);}
}
@media (max-width:640px){
  .wd .wd-irow{grid-template-columns:40px minmax(0,1fr) 40px;gap:12px;padding:20px 14px;}
  .wd .wd-irow::before{top:5px;bottom:5px;border-radius:14px;}
}
.wd .wd-irow .wd-n{font-family:"Space Mono",monospace;font-size:13px;color:var(--wd-muted);
  align-self:start;padding-top:8px;}
.wd .wd-irow .wd-h{
  display:block;font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%;
  text-transform:uppercase;letter-spacing:-.03em;line-height:.95;color:var(--wd-ink);
  font-size:clamp(26px,3vw,46px);
}
.wd .wd-irow .wd-d{display:block;margin-top:9px;font-size:15.5px;line-height:1.45;color:var(--wd-muted);}
.wd .wd-irow .wd-a{
  width:44px;height:44px;border-radius:50%;border:2px solid var(--wd-ink);display:flex;
  align-items:center;justify-content:center;font-size:17px;
  transition:transform .18s,background-color .18s;
}
@media (max-width:640px){.wd .wd-irow .wd-a{width:34px;height:34px;font-size:14px;}}
/* soronkénti kiemelő szín */
.wd .wd-irow.wd-k1{--wd-hov:var(--wd-band-lav-2);}
.wd .wd-irow.wd-k2{--wd-hov:var(--wd-band-mint);}
.wd .wd-irow.wd-k3{--wd-hov:var(--wd-band-blue);}

/* a sor tartalma a sávval együtt, azonos ütemben mozdul */
.wd .wd-irow:hover,
.wd .wd-irow:focus-visible{padding-left:34px;}
.wd .wd-irow .wd-n,
.wd .wd-irow .wd-a{transition:transform .42s cubic-bezier(.22,.9,.3,1),
                              background-color .3s ease,color .3s ease,
                              border-color .3s ease;}
.wd .wd-irow:hover .wd-n,
.wd .wd-irow:focus-visible .wd-n{color:var(--wd-ink);}
.wd .wd-irow:hover .wd-a,
.wd .wd-irow:focus-visible .wd-a{transform:translateX(6px);}
.wd .wd-irow.wd-k1:hover .wd-a,
.wd .wd-irow.wd-k1:focus-visible .wd-a{background:var(--wd-violet);color:#fff;}
.wd .wd-irow.wd-k2:hover .wd-a,
.wd .wd-irow.wd-k2:focus-visible .wd-a{background:var(--wd-mint);}
.wd .wd-irow.wd-k3:hover .wd-a,
.wd .wd-irow.wd-k3:focus-visible .wd-a{background:var(--wd-violet-lt);color:#fff;}
.wd .wd-irow:focus-visible{outline:none;}

@media (prefers-reduced-motion:reduce){
  .wd .wd-irow,.wd .wd-irow::before,
  .wd .wd-irow .wd-n,.wd .wd-irow .wd-a{transition:none!important;}
  .wd .wd-irow:hover{padding-left:20px;}
}
.wd .wd-inote{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px;}

/* ---------- szolgáltatás rács (összeérő keretek) ---------- */
.wd .wd-sgrid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:var(--wd-bd) solid var(--wd-ink);border-left:var(--wd-bd) solid var(--wd-ink);
}
@media (max-width:640px){.wd .wd-sgrid{grid-template-columns:1fr;}}
.wd .wd-scell{
  display:flex;flex-direction:column;gap:9px;padding:24px 22px 26px;text-align:left;
  border-right:var(--wd-bd) solid var(--wd-ink);border-bottom:var(--wd-bd) solid var(--wd-ink);
  background:var(--wd-card);transition:background-color .18s ease;
}
.wd .wd-scell:hover{background:var(--wd-band-lav-2);}
.wd .wd-scell.wd-c2:hover{background:var(--wd-band-mint);}
.wd .wd-scell.wd-c3:hover{background:var(--wd-band-blue);}
.wd .wd-scell.wd-c4:hover{background:var(--wd-band-lav);}
.wd .wd-scell .wd-sn{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.1em;
  color:var(--wd-violet);}
.wd .wd-scell h3{font-size:clamp(19px,1.8vw,24px);}
.wd .wd-scell p{font-size:15px;line-height:1.5;color:var(--wd-muted);}
.wd .wd-scell .wd-sa{
  margin-top:auto;padding-top:12px;font-family:"Space Mono",monospace;font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--wd-ink);
}
.wd .wd-scell:hover .wd-sa{color:var(--wd-violet);}
.wd .wd-extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}

/* ---------- munkáink lista ---------- */
.wd .wd-wlist{border-top:var(--wd-bd) solid var(--wd-ink);}
.wd .wd-wrow{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:22px 12px;border-bottom:var(--wd-bd) solid var(--wd-ink);
  transition:background-color .18s,padding-left .18s;
}
.wd .wd-wrow:hover{background:var(--wd-band-lav-2);padding-left:24px;}
@media (max-width:640px){
  .wd .wd-wrow{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:17px 8px;}
}
.wd .wd-wrow .wd-n{font-family:"Space Mono",monospace;font-size:13px;color:var(--wd-muted);}
.wd .wd-wrow h3{font-size:clamp(20px,2.4vw,32px);}
.wd .wd-wrow .wd-m{
  display:block;margin-top:5px;font-family:"Space Mono",monospace;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--wd-muted);
}
.wd .wd-wrow .wd-a{
  width:38px;height:38px;border-radius:50%;border:2px solid var(--wd-ink);display:flex;
  align-items:center;justify-content:center;font-size:15px;
}

/* ---------- kapcsolat ---------- */
.wd .wd-cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:30px;}
@media (max-width:900px){.wd .wd-cgrid{grid-template-columns:1fr;gap:24px;}}
.wd .wd-fld{margin-bottom:14px;}
.wd .wd-fld label{
  display:block;font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--wd-muted);margin-bottom:6px;
}
.wd .wd-fld input,.wd .wd-fld textarea,.wd .wd-fld select{
  width:100%;font-family:"Figtree",sans-serif;font-size:15.5px;color:var(--wd-ink);
  background:var(--wd-paper);border:2px solid var(--wd-ink);border-radius:9px;padding:11px 13px;
}
.wd .wd-fld input::placeholder,.wd .wd-fld textarea::placeholder{color:#9A93B0;}
.wd .wd-fld input:focus,.wd .wd-fld textarea:focus,.wd .wd-fld select:focus{
  outline:none;background:#fff;box-shadow:3px 3px 0 0 var(--wd-violet);
}
.wd .wd-fld textarea{min-height:84px;resize:vertical;}
.wd .wd-f2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
@media (max-width:560px){.wd .wd-f2{grid-template-columns:1fr;}}
.wd .wd-cdir .wd-ci{padding:15px 0;border-bottom:2px solid var(--wd-ink);}
.wd .wd-cdir .wd-ci:first-child{border-top:2px solid var(--wd-ink);}
.wd .wd-cdir .wd-cq{
  font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--wd-muted);margin-bottom:5px;
}
.wd .wd-cdir .wd-ca{
  font-family:"Archivo",sans-serif;font-weight:800;font-stretch:112%;font-size:23px;
  letter-spacing:-.03em;color:var(--wd-ink);
}
.wd .wd-cdir .wd-ca:hover{color:var(--wd-violet);}
.wd .wd-cprom{margin-top:20px;display:flex;flex-direction:column;gap:10px;}
.wd .wd-cprom li{display:grid;grid-template-columns:20px 1fr;gap:11px;font-size:15px;align-items:start;}
.wd .wd-tk{
  width:18px;height:18px;border:2px solid var(--wd-ink);border-radius:5px;background:var(--wd-mint);
  display:flex;align-items:center;justify-content:center;font-size:10px;margin-top:2px;flex:none;
}

/* ============================================================
   7. ALACSONY ABLAK — hogy a bal sáv alja is elférjen
   Laptopon, bekapcsolt admin sávval vagy sok böngészősávval
   a 100vh kevés az eredeti térközökhöz. Itt szorosabbra vesszük.
   ============================================================ */
@media (min-width:1101px) and (max-height:820px){
  .wd .wd-rail{padding:26px 34px 22px;}
  .wd .wd-panel{padding:26px 34px 22px;}
  .wd .wd-rmid{padding-top:26px;}
  .wd .wd-claim{font-size:clamp(30px,2.5vw,42px);}
  .wd .wd-rsub{margin-top:16px;font-size:15.5px;}
  .wd .wd-rbadge{margin-top:16px;padding:7px 13px;font-size:11px;}
  .wd .wd-rfoot{padding-top:20px;gap:5px;}
  .wd .wd-star{width:92px;bottom:64px;right:-20px;}
  .wd .wd-ptop{margin-bottom:20px;}
  .wd .wd-irow{padding:18px 12px;}
  .wd .wd-irow .wd-h{font-size:clamp(22px,2.3vw,34px);}
  .wd .wd-irow .wd-d{margin-top:6px;font-size:14.5px;}
  .wd .wd-inote{margin-top:18px;}
}

@media (min-width:1101px) and (max-height:680px){
  .wd .wd-rail{padding:20px 30px 18px;}
  .wd .wd-panel{padding:20px 30px 18px;}
  .wd .wd-logo{font-size:23px;}
  .wd .wd-rmid{padding-top:18px;}
  .wd .wd-claim{font-size:clamp(26px,2.1vw,34px);}
  .wd .wd-rsub{margin-top:12px;font-size:14.5px;}
  .wd .wd-rbadge{margin-top:12px;}
  .wd .wd-rfoot{padding-top:14px;}
  .wd .wd-star{display:none;}
  .wd .wd-irow{padding:14px 12px;}
  .wd .wd-irow .wd-h{font-size:clamp(20px,2vw,28px);}
  .wd .wd-irow .wd-d{margin-top:4px;}
  .wd .wd-inote{margin-top:14px;}
}

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