.elementor-2494 .elementor-element.elementor-element-e20dd2e{--display:flex;--min-height:90vh;--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;--justify-content:center;--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-2494 .elementor-element.elementor-element-22aaa34{--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-2494 .elementor-element.elementor-element-ccdfe80{--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-2494 .elementor-element.elementor-element-ea011ac{--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;}.elementor-2494 .elementor-element.elementor-element-ce987b8{--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-2494 .elementor-element.elementor-element-76cd3db{--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-2494 .elementor-element.elementor-element-7f66898 img{border-radius:7px 7px 7px 7px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2494 .elementor-element.elementor-element-8f6e7d2{--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-2494 .elementor-element.elementor-element-665b95f{--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-2494 .elementor-element.elementor-element-da36296{--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-2494 .elementor-element.elementor-element-6d3b33f{--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;}.elementor-2494 .elementor-element.elementor-element-3789a58{--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-2494 .elementor-element.elementor-element-c389415{--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-2494 .elementor-element.elementor-element-2ec165f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-field-type-html{padding-bottom:0px;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-button[type="submit"]{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2494 .elementor-element.elementor-element-2ec165f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-2494 .elementor-element.elementor-element-ce987b8{--width:50%;}.elementor-2494 .elementor-element.elementor-element-76cd3db{--width:50%;}.elementor-2494 .elementor-element.elementor-element-3789a58{--width:50%;}.elementor-2494 .elementor-element.elementor-element-c389415{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-e20dd2e *//* ========= Weblap4U Hero – FIXED for Elementor Container ========= */

/* Paletta és alapok */
:root{
  --w4u-bg-1:#0b1020;         /* sötét navy/charcoal */
  --w4u-bg-2:#0e1630;
  --w4u-accent:#3ee0ff;       /* elektromos kék (arany altern.: #D4AF37) */
  --w4u-accent-2:#7af2d3;     /* kiegészítő türkiz */
  --w4u-text:#e9eef6;
  --w4u-text-muted:#b7c0d3;
  --w4u-glass:rgba(255,255,255,.06);
  --w4u-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* HERO wrapper – a Hero KONTAINER kapja a .hero-w4u class-t */
.hero-w4u{
  position:relative;
  min-height:90dvh;            /* mobilon megbízhatóbb, mint vh */
  overflow:hidden;
  color:var(--w4u-text);
  isolation:isolate;
  display:flex;                /* tartalom középre */
  align-items:center;
  justify-content:center;
  background:#0b1020;          /* sötét fallback, ne villanjon fehér */
}

/* Elementor belső wrap-ek is vegyék át a min-height-et */
.hero-w4u > .e-con-inner,
.hero-w4u.e-con,
.hero-w4u .e-con,
.hero-w4u > .elementor-container,
.hero-w4u .elementor-container{
  min-height:inherit;
}

/* Ha a markup HTML widgetben van, a widget tartója is legyen 100% magas,
   különben a .hero-bg csak a widget magasságát veszi fel */
.hero-w4u .elementor-widget-html,
.hero-w4u .elementor-widget-html .elementor-widget-container{
  position:relative;
  width:100%;
  min-height:inherit;
}

/* Animált háttér (lélegző gradient) – TELJES HERO kitöltése */
.hero-w4u .hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  background:
    radial-gradient(1200px 600px at 10% 20%, rgba(62,224,255,.18), transparent 60%),
    radial-gradient(1000px 500px at 90% 30%, rgba(122,242,211,.14), transparent 60%),
    linear-gradient(120deg, var(--w4u-bg-1), var(--w4u-bg-2));
  filter:saturate(1.05);
  animation:bgMove 18s ease-in-out infinite alternate;
  z-index:-2;
}
@keyframes bgMove{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(0,-2%,0) scale(1.03)}
}

/* Üvegkártya-hatású belső konténer */
.hero-w4u .hero-inner{
  max-width:1100px;
  margin:0 auto;
  padding:clamp(60px,8vw,120px) 24px;
  text-align:center;
  position:relative;
  z-index:1;         /* háttér fölé, orbs fölé */
}

/* Cím tipográfia + „typing” az első sorra */
.hero-w4u .hero-title{
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.02em;
  font-size:clamp(36px,5vw,56px);
  margin:0 0 12px;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.hero-w4u .hero-title .muted{
  color:var(--w4u-text-muted);
  font-weight:700;
}

/* CSS-only typing (egysoros tartalomhoz) */
.hero-w4u .typing{
  display:inline-block;
  white-space:nowrap;
  overflow:hidden;
  border-right:2px solid var(--w4u-accent);
  width:0;
  animation:typing 3.2s steps(34, end) 0.2s forwards, caret 1s step-end infinite;
}
@keyframes typing{ to{ width: 35ch; } } /* állítsd a ch értéket a szöveg hosszához */
@keyframes caret{ 50%{ border-color: transparent; } }

/* Alcím */
.hero-w4u .hero-sub{
  font-size:clamp(16px,2.2vw,20px);
  color:var(--w4u-text-muted);
  margin:10px auto 26px;
  max-width:800px;
}

/* CTA gombok */
.hero-w4u .hero-ctas{
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  margin:20px 0 14px;
}
.hero-w4u .btn{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.45rem; padding:14px 20px;
  border-radius:14px; text-decoration:none;
  font-weight:700; letter-spacing:.2px;
  transition:transform .18s ease, box-shadow .18s ease;
  will-change:transform;
  overflow:hidden;              /* fénycsík ne lógjon ki */
  isolation:isolate;
  z-index:0;
  color:var(--w4u-text);
}
.hero-w4u .btn::before{
  content:""; position:absolute; top:0; left:-120%; width:120%; height:100%; border-radius:inherit;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.3), transparent);
  pointer-events:none; z-index:-1;
}
.hero-w4u .btn:hover{ transform:translateY(-1px) scale(1.02); box-shadow:var(--w4u-shadow); }
.hero-w4u .btn:hover::before{ animation:lightsweep .9s ease forwards; }
@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}
.hero-w4u .btn-primary{
  background:linear-gradient(180deg, rgba(62,224,255,.20), rgba(62,224,255,.08));
  border:1px solid rgba(62,224,255,.45);
  box-shadow:0 6px 22px rgba(62,224,255,.18);
  backdrop-filter:blur(6px);
}
.hero-w4u .btn-ghost{
  background:var(--w4u-glass);
  border:1px solid rgba(255,255,255,.18);
}

/* Tagline */
.hero-w4u .hero-tagline{
  margin-top:10px; opacity:.85; font-size:14px; letter-spacing:.3px;
}

/* Dekor „gömbök” – mélységérzet */
.hero-w4u .hero-orbs{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
.hero-w4u .orb{
  position:absolute; width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(62,224,255,.55), rgba(62,224,255,.08) 60%, transparent 70%);
  filter:blur(4px);
  animation:float 10s ease-in-out infinite alternate;
}
.hero-w4u .orb-1{ top:12%; left:8%;  animation-delay:.0s; }
.hero-w4u .orb-2{ bottom:14%; right:10%; animation-delay:.8s; }
.hero-w4u .orb-3{ top:40%; right:35%; width:300px; height:300px; animation-delay:1.6s; opacity:.8; }
@keyframes float{
  0%{ transform:translate3d(0,0,0) }
  100%{ transform:translate3d(0,-14px,0) }
}

/* Reszponzív finomítások */
@media (max-width: 768px){
  .hero-w4u .hero-title{ font-size:clamp(30px,7vw,40px); }
  .hero-w4u .hero-ctas .btn{ width:100%; justify-content:center; }
}

/* Akadálymentesség: mozgás csökkentése */
@media (prefers-reduced-motion: reduce){
  .hero-w4u .hero-bg,
  .hero-w4u .typing,
  .hero-w4u .btn::before,
  .hero-w4u .orb{ animation:none !important; }
  .hero-w4u .typing{ width:auto; border-right:none; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22aaa34 *//* ===== Services: szekció háttér és belső padding ===== */
.services-w4u{
  background: radial-gradient(circle at 20% 20%, rgba(62,224,255,0.08), transparent 60%),
              linear-gradient(180deg, #0b1020 0%, #101425 100%);
  padding: clamp(60px,8vw,100px) 20px;
  color:#e9eef6;
}

/* ===== Grid wrapper – EZ oldja meg, hogy desktopon 3 oszlop legyen ===== */
.services-w4u .services-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 28px;
  max-width: 1140px;
  margin: 0 auto;
}

/* Tablet/mobil töréspontok */
@media (max-width: 1024px){
  .services-w4u .services-grid{
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
}
@media (max-width: 640px){
  .services-w4u .services-grid{
    grid-template-columns: 1fr;
  }
}

/* ===== Kártyák ===== */
.services-w4u .service-card{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 36px 24px 40px;
  text-align:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  position:relative; overflow:hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  isolation:isolate;
  will-change: transform, opacity;
}
.services-w4u .service-card::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(120deg, transparent, rgba(62,224,255,0.15), transparent);
  transform:translateX(-100%);
  transition:transform .6s ease;
  z-index:-1;
}
.services-w4u .service-card:hover{ transform:translateY(-6px) scale(1.015); border-color:rgba(62,224,255,0.4); box-shadow:0 20px 40px rgba(62,224,255,0.2); }
.services-w4u .service-card:hover::before{ transform:translateX(100%); }

/* Ikon */
.services-w4u .service-icon{ margin-bottom:20px; filter: drop-shadow(0 4px 10px rgba(62,224,255,0.3)); }
.services-w4u .service-icon img{ width:80px; height:auto; transition: transform .35s ease; will-change: transform; }
.services-w4u .service-card:hover .service-icon img{ transform: scale(1.1) rotate(3deg); }

/* Cím és leírás */
.services-w4u .service-title{ font-size:1.25rem; font-weight:700; margin-bottom:10px; }
.services-w4u .service-desc{ font-size:.95rem; color:#b7c0d3; line-height:1.55; min-height:72px; margin-bottom:24px; }

/* Gomb */
.services-w4u .btn{
  display:inline-block; padding:10px 22px; border-radius:12px;
  border:1px solid rgba(62,224,255,0.5); color:#e9eef6; text-decoration:none; font-weight:600;
  position:relative; overflow:hidden; z-index:0; isolation:isolate;
}
.services-w4u .btn::before{
  content:""; position:absolute; top:0; left:-120%; width:120%; height:100%; border-radius:inherit;
  background:linear-gradient(120deg, transparent, rgba(62,224,255,0.25), transparent);
  pointer-events:none; z-index:-1;
}
.services-w4u .btn:hover::before{ animation:lightsweep .9s ease forwards; }
@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccdfe80 *//* ====== Home "Rólam" – inline blokk ====== */
.about-inline{
  background:
    radial-gradient(800px 360px at 8% 10%, rgba(62,224,255,.10), transparent 60%),
    linear-gradient(180deg, #0b1020, #101425);
  color:#e9eef6;
  padding: clamp(48px,6vw,96px) 20px;
}

.about-inline .elementor-container{ align-items: center; } /* függőlegesen középre */

.about-wrap{ max-width: 720px; margin: 0 auto; }

.about-inline .eyebrow{
  display:inline-block; font-size:12px; letter-spacing:.22em; text-transform:uppercase;
  color:#7af2d3; opacity:.9; margin-bottom:10px;
}

.about-inline .about-title{
  font-size: clamp(28px,4.6vw,42px);
  line-height:1.08; letter-spacing:-.02em; margin:0 0 10px;
  text-wrap: balance;
}

.about-inline .about-lead{
  color:#b7c0d3; font-size: clamp(16px,2.2vw,19px); line-height:1.6;
  margin: 6px 0 16px;
}

.about-inline .about-list{
  display:grid; gap:10px; margin: 12px 0 18px; padding:0; list-style:none;
  grid-template-columns: 1fr 1fr; /* desktopon két oszlop */
}
@media (max-width: 780px){
  .about-inline .about-list{ grid-template-columns: 1fr; }
}

.about-inline .about-ctas{
  display:flex; flex-wrap:wrap; gap:12px; margin-top: 8px;
}

/* Gombok – illesztve a korábbi fixhez */
.about-inline .btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  gap:.45rem; padding:12px 18px; border-radius:14px; text-decoration:none;
  font-weight:700; letter-spacing:.2px; transition:transform .18s ease, box-shadow .18s ease;
  overflow:hidden; isolation:isolate; z-index:0; will-change: transform;
  color:#e9eef6;
}
.about-inline .btn:hover{ transform: translateY(-1px) scale(1.02); box-shadow: 0 10px 24px rgba(0,0,0,.35); }

.about-inline .btn::before{
  content:""; position:absolute; top:0; left:-120%; width:120%; height:100%; border-radius:inherit;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.28), transparent);
  pointer-events:none; z-index:-1;
}
.about-inline .btn:hover::before{ animation: lightsweep .9s ease forwards; }

.about-inline .btn-ghost{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
}
.about-inline .btn-primary{
  background: linear-gradient(180deg, rgba(62,224,255,.20), rgba(62,224,255,.08));
  border:1px solid rgba(62,224,255,.45);
  box-shadow: 0 6px 22px rgba(62,224,255,.18);
}

@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}

/* Jobb oldali kép (ha ezt is szeretnéd CSS-ből formázni) */
.about-inline .elementor-widget-image img{
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(0,0,0,.35);
  outline: 1px solid rgba(255,255,255,.08);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f6e7d2 *//* ====== Home – Szolgáltatásaim ====== */
.services-inline{
  background:
    radial-gradient(800px 360px at 10% 8%, rgba(62,224,255,.10), transparent 60%),
    linear-gradient(180deg, #0b1020, #101425);
  color:#e9eef6;
  padding: clamp(56px,7vw,110px) 20px;
}

/* Fejléc */
.services-inline .services-head{
  max-width: 900px; margin: 0 auto 28px; text-align: center;
}
.services-inline .services-title{
  font-size: clamp(28px,4.8vw,40px); line-height:1.08; letter-spacing:-.02em; margin:0 0 8px;
}
.services-inline .services-lead{
  color:#b7c0d3; font-size: clamp(16px,2.2vw,19px); line-height:1.6; margin: 0 auto; max-width: 780px;
}

/* Grid – stabil: desktop 3, tablet 2, mobil 1 */
.services-inline .services-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 26px;
  max-width: 1140px;
  margin: 22px auto 0;
}
@media (max-width: 1024px){
  .services-inline .services-grid{ grid-template-columns: repeat(2, minmax(260px,1fr)); }
}
@media (max-width: 640px){
  .services-inline .services-grid{ grid-template-columns: 1fr; }
}

/* Kártya */
.services-inline .service-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 24px 22px 20px;
  position: relative; overflow: hidden; isolation: isolate;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  will-change: transform, opacity;
}
.services-inline .service-card::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(120deg, transparent, rgba(62,224,255,.14), transparent);
  transform: translateX(-100%);
  transition: transform .6s ease;
  z-index:-1;
}
.services-inline .service-card:hover{
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(62,224,255,.4);
  box-shadow: 0 22px 44px rgba(62,224,255,.18);
}
.services-inline .service-card:hover::before{ transform: translateX(100%); }

/* Ikon placeholder (cseréld SVG-re) */
.services-inline .service-icon{ height:48px; display:flex; align-items:center; justify-content:center; margin-bottom: 10px; }
.services-inline .icon-dot{ width:14px; height:14px; border-radius:50%; background: linear-gradient(180deg, rgba(62,224,255,.6), rgba(62,224,255,.2)); box-shadow: 0 0 18px rgba(62,224,255,.35); }

/* Cím, leírás, lista */
.services-inline .service-title{ font-size:1.2rem; font-weight:700; margin: 6px 0 6px; text-align:center; }
.services-inline .service-desc{ color:#c1c9da; text-align:center; margin: 0 0 12px; }
.services-inline .service-bullets{
  list-style: none; padding:0; margin: 0 0 14px;
  display:grid; gap:8px;
}
.services-inline .service-bullets li{ color:#b7c0d3; }

/* CTA – gombok a korábbi fixszel */
.services-inline .service-cta{ display:flex; justify-content:center; }
.services-inline .btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  gap:.45rem; padding:12px 18px; border-radius:14px; text-decoration:none;
  font-weight:700; letter-spacing:.2px; transition:transform .18s ease, box-shadow .18s ease;
  overflow:hidden; isolation:isolate; z-index:0; will-change: transform; color:#e9eef6;
}
.services-inline .btn:hover{ transform: translateY(-1px) scale(1.02); box-shadow: 0 10px 24px rgba(0,0,0,.35); }
.services-inline .btn::before{
  content:""; position:absolute; top:0; left:-120%; width:120%; height:100%; border-radius:inherit;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.28), transparent);
  pointer-events:none; z-index:-1;
}
.services-inline .btn:hover::before{ animation: lightsweep .9s ease forwards; }

.services-inline .btn-ghost{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
}
.services-inline .btn-primary{
  background: linear-gradient(180deg, rgba(62,224,255,.20), rgba(62,224,255,.08));
  border:1px solid rgba(62,224,255,.45);
  box-shadow: 0 6px 22px rgba(62,224,255,.18);
}

@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}

/* Reduced motion tiszteletben tartása */
@media (prefers-reduced-motion: reduce){
  .services-inline .service-card,
  .services-inline .service-card::before,
  .services-inline .btn::before{ animation: none !important; transition: none !important; }
}
.services-inline .service-icon svg{
  transition: transform .4s ease, filter .4s ease;
}
.services-inline .service-card:hover .service-icon svg{
  transform: scale(1.08) rotate(3deg);
  filter: drop-shadow(0 0 12px rgba(62,224,255,.4));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-665b95f *//* ===== Home – Hogyan dolgozunk ===== */
.process-inline{
  background:
    radial-gradient(820px 360px at 90% 10%, rgba(122,242,211,.10), transparent 60%),
    linear-gradient(180deg, #0b1020, #101425);
  color:#e9eef6;
  padding: clamp(56px,7vw,110px) 20px;
}

.process-inline .process-head{
  max-width: 900px; margin: 0 auto 28px; text-align: center;
}
.process-inline .process-title{
  font-size: clamp(28px,4.8vw,40px); line-height:1.08; letter-spacing:-.02em; margin:0 0 8px;
}
.process-inline .process-lead{
  color:#b7c0d3; font-size: clamp(16px,2.2vw,19px); line-height:1.6; margin: 0 auto; max-width: 780px;
}

/* Lépés-grid – desktop 5, tablet 3, mobil 1 */
.process-inline .process-steps{
  list-style: none; padding:0; margin: 24px auto 0;
  display:grid; gap: 16px;
  grid-template-columns: repeat(5, minmax(160px,1fr));
  max-width: 1140px;
}
@media (max-width: 1100px){ .process-inline .process-steps{ grid-template-columns: repeat(3,1fr); } }
@media (max-width: 680px){ .process-inline .process-steps{ grid-template-columns: 1fr; } }

/* Kártya */
.process-inline .step-card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 18px 16px 20px;
  position: relative; overflow: hidden; isolation: isolate;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  will-change: transform, opacity;
  text-align: left;
}
.process-inline .step-card::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(120deg, transparent, rgba(62,224,255,.12), transparent);
  transform: translateX(-100%);
  transition: transform .6s ease;
  z-index:-1;
}
.process-inline .step-card:hover{
  transform: translateY(-6px) scale(1.015);
  border-color: rgba(62,224,255,.4);
  box-shadow: 0 22px 44px rgba(62,224,255,.18);
}
.process-inline .step-card:hover::before{ transform: translateX(100%); }

/* Számozott badge */
.process-inline .step-num{
  width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background: linear-gradient(180deg, rgba(62,224,255,.24), rgba(62,224,255,.08));
  border:1px solid rgba(62,224,255,.45);
  color:#e9eef6; font-weight:800; margin-bottom:8px;
}

/* Cím & leírás */
.process-inline .step-title{ font-size:1.05rem; font-weight:700; margin:6px 0 6px; }
.process-inline .step-desc{ color:#b7c0d3; font-size:.96rem; line-height:1.55; }

/* CTA sor – gombok a korábbi fixekkel */
.process-inline .process-cta{
  display:flex; gap:12px; justify-content:center; margin-top: 22px;
}
.process-inline .btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  gap:.45rem; padding:12px 18px; border-radius:14px; text-decoration:none;
  font-weight:700; letter-spacing:.2px; transition:transform .18s ease, box-shadow .18s ease;
  overflow:hidden; isolation:isolate; z-index:0; will-change: transform; color:#e9eef6;
}
.process-inline .btn:hover{ transform: translateY(-1px) scale(1.02); box-shadow: 0 10px 24px rgba(0,0,0,.35); }
.process-inline .btn::before{
  content:""; position:absolute; top:0; left:-120%; width:120%; height:100%; border-radius:inherit;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.28), transparent);
  pointer-events:none; z-index:-1;
}
.process-inline .btn:hover::before{ animation: lightsweep .9s ease forwards; }
.process-inline .btn-ghost{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
}
.process-inline .btn-primary{
  background: linear-gradient(180deg, rgba(62,224,255,.20), rgba(62,224,255,.08));
  border:1px solid rgba(62,224,255,.45);
  box-shadow: 0 6px 22px rgba(62,224,255,.18);
}
@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}

/* Reduced motion tiszteletben tartása */
@media (prefers-reduced-motion: reduce){
  .process-inline .step-card,
  .process-inline .step-card::before,
  .process-inline .btn::before{ animation: none !important; transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-da36296 *//* ===== Home – Kapcsolat / Árajánlat ===== */
#kapcsolat.contact-inline{
  background:
    radial-gradient(860px 360px at 15% 20%, rgba(62,224,255,.10), transparent 60%),
    linear-gradient(180deg, #0b1020, #101425);
  color:#e9eef6;
  padding: clamp(56px,7vw,110px) 20px;
}

/* Bal hasáb (copy) */
.contact-inline .contact-title{
  font-size: clamp(28px,4.8vw,40px);
  line-height:1.08; letter-spacing:-.02em; margin:0 0 8px;
}
.contact-inline .contact-lead{
  color:#b7c0d3; font-size: clamp(16px,2.2vw,19px); line-height:1.6; margin: 6px 0 14px;
}
.contact-inline .contact-bullets{
  list-style:none; padding:0; margin: 10px 0 16px;
  display:grid; gap:8px;
}
.contact-inline .direct a{ color:#e9eef6; text-decoration:underline; text-underline-offset: 3px; }

/* Elementor Form alap finomhangolás (ha Elementor widgetet használsz) */
.contact-inline .elementor-form input,
.contact-inline .elementor-form select,
.contact-inline .elementor-form textarea{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);
  color:#e9eef6; border-radius:12px;
}
.contact-inline .elementor-field-group{
  margin-bottom: 12px;
}
.contact-inline .elementor-field-label{ color:#cbd3e3; }


@keyframes lightsweep{
  0%{ left:-120%; opacity:0 } 50%{ opacity:1 } 100%{ left:120%; opacity:0 }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .contact-inline .btn::before{ animation:none !important; }
}

.contact-inline .elementor-form input, .contact-inline .elementor-form select, .contact-inline .elementor-form textarea{color:#000;}

/* ===== Elementor Form – dark glass + rádió igazítás ===== */
/* 1) Alap reset a szekción belül, hogy semmi ne igazítson jobbra */
.contact-inline .elementor-form .elementor-field-group { text-align: left; }

/* 2) Minden "normál" mező (nem checkbox/radio) – sötét üveges háttér */
.contact-inline .elementor-form input:not([type="checkbox"]):not([type="radio"]),
.contact-inline .elementor-form select,
.contact-inline .elementor-form textarea,
.contact-inline .elementor-form .elementor-field, /* Elementor textual wrapper */
.contact-inline .elementor-form .elementor-select-wrapper select {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #e9eef6 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
  width: 100%;
}

/* 3) Hover / fókusz állapotok – kékes highlight */
.contact-inline .elementor-form input:not([type="checkbox"]):not([type="radio"]):hover,
.contact-inline .elementor-form select:hover,
.contact-inline .elementor-form textarea:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(62,224,255,.35) !important;
}
.contact-inline .elementor-form input:not([type="checkbox"]):not([type="radio"]):focus,
.contact-inline .elementor-form select:focus,
.contact-inline .elementor-form textarea:focus {
  background: rgba(62,224,255,.08) !important;
  border-color: rgba(62,224,255,.55) !important;
  box-shadow: 0 0 0 3px rgba(62,224,255,.15) !important;
  outline: none !important;
}

/* 4) Label színek és spacing */
.contact-inline .elementor-form .elementor-field-label {
  color: #cbd3e3 !important;
  font-weight: 500;
  margin-bottom: 6px;
}
.contact-inline .elementor-form .elementor-field-group { margin-bottom: 18px; }

/* 5) RÁDIÓ/checkbox: oszlopba rendezés, balra igazítva, szép sorokban */
.contact-inline .elementor-form .elementor-field-type-radio .elementor-field-subgroup,
.contact-inline .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

.contact-inline .elementor-form .elementor-field-option {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.contact-inline .elementor-form .elementor-field-option input[type="radio"],
.contact-inline .elementor-form .elementor-field-option input[type="checkbox"] {
  accent-color: #3ee0ff;
  margin: 0;
  transform: scale(1.1);
}

.contact-inline .elementor-form .elementor-field-option label {
  margin: 0 !important;
  color: #e9eef6 !important;
}

/* 6) Textarea magasabb és „levegős” */
.contact-inline .elementor-form textarea { min-height: 160px !important; line-height: 1.5; }

/* 7) File mező és select nyíl finomítás */
.contact-inline .elementor-form input[type="file"] {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #e9eef6 !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
}

.contact-inline .elementor-form .elementor-select-wrapper:after {
  border-color: #cbd3e3 transparent transparent transparent !important;
  opacity: .9;
}

/* 8) GDPR/acceptance szöveg */
.contact-inline .elementor-form .elementor-field-type-acceptance {
  color: #b7c0d3 !important;
  font-size: .92rem;
  line-height: 1.4;
}

/* 9) Küldés gomb távolság */
.contact-inline .elementor-form .elementor-button { margin-top: 8px; }/* End custom CSS */