.elementor-17 .elementor-element.elementor-element-67f2475{--display:flex;--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-67f2475 *//* =========================================================================
   ==========================================================================

   SETINO HEADER
   ISOLATED ELEMENTOR-SAFE VERSION

   Minden header class:
   stn-h-

   Így nem ütközik:
   .stn-cta
   .stn-btn
   .stn-brand
   .stn-slogan
   footer
   CTA szekció
   egyéb HTML widgetek

   ==========================================================================
   ========================================================================== */


/* =========================================================================
   HEADER WRAPPER
   ========================================================================= */

.stn-h-header{
  position:fixed;

  inset:
    0
    0
    auto
    0;

  z-index:9999;

  width:100%;

  padding:
    14px
    clamp(12px,3vw,24px)
    0;

  font-family:
    'Montserrat',
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
}

.stn-h-header *,
.stn-h-header *::before,
.stn-h-header *::after{
  box-sizing:border-box;
}


/* =========================================================================
   NAVBAR
   ========================================================================= */

.stn-h-nav{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  width:100%;

  max-width:1240px;

  margin:0 auto;

  padding:
    11px
    12px
    11px
    22px;

  border:
    1px solid
    rgba(213,229,244,.9);

  border-radius:18px;

  background:
    rgba(255,255,255,.70);

  -webkit-backdrop-filter:
    blur(16px);

  backdrop-filter:
    blur(16px);

  transition:
    background .35s ease,
    border-color .35s ease;
}

.stn-h-header.is-scrolled
.stn-h-nav{
  background:
    rgba(255,255,255,.92);

  border-color:
    var(--stn-line);
}


/* =========================================================================
   LOGÓ / BRAND
   ========================================================================= */

.stn-h-brand{
  display:inline-flex;

  flex:0 0 auto;

  flex-direction:column;

  align-items:flex-start;

  gap:7px;

  color:inherit;

  line-height:1;

  text-decoration:none;
}

.stn-h-logo{
  display:block;

  width:auto;

  height:22px;

  max-width:100%;
}

.stn-h-slogan{
  display:block;

  padding-top:7px;

  border-top:
    1px solid
    var(--stn-line);

  color:
    var(--stn-ink-soft);

  font-size:10px;

  font-weight:600;

  line-height:1.2;

  letter-spacing:.22em;

  text-transform:uppercase;

  white-space:nowrap;
}


/* =========================================================================
   DESKTOP NAVIGATION
   ========================================================================= */

.stn-h-links{
  display:flex;

  align-items:center;

  gap:2px;

  margin:0;

  padding:0;

  list-style:none;
}

.stn-h-links li{
  margin:0;

  padding:0;
}

.stn-h-links a{
  display:block;

  padding:
    9px
    15px;

  border-radius:100px;

  color:
    var(--stn-ink);

  font-size:14.5px;

  font-weight:500;

  line-height:1.2;

  text-decoration:none;

  white-space:nowrap;

  transition:
    background .22s ease,
    color .22s ease;
}

.stn-h-links a:hover{
  background:
    var(--stn-powder);

  color:
    var(--stn-blue-deep);
}


/* =========================================================================
   HEADER JOBB OLDAL
   ========================================================================= */

.stn-h-right{
  display:flex;

  flex:0 0 auto;

  align-items:center;

  gap:10px;
}


/* =========================================================================
   NYELVVÁLASZTÓ
   ========================================================================= */

.stn-h-lang{
  display:flex;

  flex:0 0 auto;

  overflow:hidden;

  border:
    1px solid
    var(--stn-line);

  border-radius:100px;

  background:
    var(--stn-white);
}

.stn-h-lang button{
  display:block;

  width:auto;

  min-width:0;

  height:auto;

  min-height:0;

  margin:0;

  padding:
    9px
    13px;

  border:0;

  border-radius:0;

  background:transparent;

  color:
    var(--stn-ink-soft);

  font-family:inherit;

  font-size:12.5px;

  font-weight:700;

  line-height:1.2;

  cursor:pointer;

  box-shadow:none;

  transition:
    background .22s ease,
    color .22s ease;
}

.stn-h-lang button:hover{
  background:
    var(--stn-powder);

  color:
    var(--stn-blue-deep);
}

.stn-h-lang button.is-on{
  background:
    var(--stn-blue);

  color:#FFFFFF;
}


/* =========================================================================
   HEADER CTA
   ========================================================================= */

.stn-h-cta{
  display:inline-flex;

  flex:0 0 auto;

  align-items:center;
  justify-content:center;

  gap:8px;

  width:auto;

  min-width:0;

  height:auto;

  min-height:0;

  margin:0;

  padding:
    13px
    22px;

  border:0;

  border-radius:100px;

  background:
    var(--stn-yellow);

  color:
    var(--stn-yellow-ink);

  font-family:inherit;

  font-size:14.5px;

  font-weight:700;

  line-height:1.2;

  text-decoration:none;

  white-space:nowrap;

  cursor:pointer;

  box-shadow:none;

  transition:
    transform .3s var(--stn-ease),
    box-shadow .3s var(--stn-ease),
    background .25s ease;
}

.stn-h-cta:hover{
  background:
    var(--stn-yellow-hi);

  color:
    var(--stn-yellow-ink);

  transform:
    translateY(-2px);

  box-shadow:
    0 8px 18px -8px
    rgba(255,179,0,.55);
}


/* =========================================================================
   BURGER
   ========================================================================= */

.stn-h-burger{
  display:none;

  flex:0 0 auto;

  width:44px;
  height:44px;

  min-width:44px;
  min-height:44px;

  margin:0;

  padding:0;

  border:
    1px solid
    var(--stn-line);

  border-radius:12px;

  background:
    var(--stn-white);

  color:
    var(--stn-ink);

  cursor:pointer;

  box-shadow:none;
}

.stn-h-burger svg{
  display:block;

  width:22px;
  height:22px;

  margin:auto;
}


/* =========================================================================
   MOBIL NAVIGÁCIÓ
   ========================================================================= */

.stn-h-mobile{
  display:none;

  flex-direction:column;

  gap:4px;

  width:100%;

  max-width:1240px;

  margin:
    10px
    auto
    0;

  padding:10px;

  border:
    1px solid
    var(--stn-line);

  border-radius:16px;

  background:
    rgba(255,255,255,.96);

  -webkit-backdrop-filter:
    blur(16px);

  backdrop-filter:
    blur(16px);
}

.stn-h-mobile.is-open{
  display:flex;
}

.stn-h-mobile > a:not(.stn-h-cta){
  display:block;

  padding:
    13px
    16px;

  border-radius:10px;

  color:
    var(--stn-ink);

  font-size:15.5px;

  font-weight:600;

  line-height:1.3;

  text-decoration:none;
}

.stn-h-mobile > a:not(.stn-h-cta):hover,
.stn-h-mobile > a:not(.stn-h-cta):active{
  background:
    var(--stn-powder);
}

.stn-h-mobile .stn-h-cta{
  margin-top:6px;

  justify-content:center;
}


/* =========================================================================
   HEADER TABLET
   ========================================================================= */

@media (max-width:980px){

  .stn-h-links{
    display:none;
  }

  .stn-h-burger{
    display:grid;

    place-items:center;
  }

}


/* =========================================================================
   HEADER MOBILE
   ========================================================================= */

@media (max-width:620px){

  .stn-h-header{
    padding:
      10px
      10px
      0;
  }

  .stn-h-nav{
    padding:
      9px
      9px
      9px
      16px;

    gap:8px;
  }

  .stn-h-right{
    gap:7px;
  }

  .stn-h-right > .stn-h-cta{
    display:none;
  }

  .stn-h-logo{
    height:20px;
  }

  .stn-h-slogan{
    font-size:8.5px;

    letter-spacing:.17em;
  }

  .stn-h-lang button{
    padding:
      8px
      10px;

    font-size:11.5px;
  }

}


/* =========================================================================
   HEADER – NAGYON KICSI MOBIL
   ========================================================================= */

@media (max-width:390px){

  .stn-h-slogan{
    display:none;
  }

  .stn-h-brand{
    justify-content:center;
  }

}
/* ============================================================
   SETINO HEADER
   eredeti fájl alapján – Elementor verzió
   ============================================================ */


/* ============================================================
   HEADER
   ============================================================ */

.stn-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:9999;

  width:100%;

  padding-top:20px;
  padding-inline:clamp(20px,4vw,44px);

  font-family:'Montserrat',system-ui,sans-serif;

  transition:padding .35s;
}

.stn-header *{
  box-sizing:border-box;
}


/* ============================================================
   CONTAINER
   A főoldal tényleges tartalmi szélességéhez igazítva
   ============================================================ */

.stn-header .stn-container{
  width:100%;
  max-width:1152px;

  margin-inline:auto;

  padding-inline:0;
}


/* ============================================================
   NAV
   ============================================================ */

.stn-header .stn-nav{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  width:100%;

  padding:
    11px
    12px
    11px
    22px;

  border-radius:18px;

  background:
    rgba(255,255,255,.7);

  border:
    1px solid
    rgba(213,229,244,.9);

  -webkit-backdrop-filter:
    blur(16px);

  backdrop-filter:
    blur(16px);

  transition:
    background .35s,
    border-color .35s;
}


/* ============================================================
   HEADER – SCROLL ÁLLAPOT
   ============================================================ */

.stn-header.stn-scrolled{
  padding-top:12px;
}

.stn-header.stn-scrolled .stn-nav{
  background:
    rgba(255,255,255,.9);

  border-color:
    var(--stn-line);
}


/* ============================================================
   BRAND / LOGÓ
   ============================================================ */

.stn-header .stn-brand{
  display:inline-flex;

  flex:0 0 auto;

  flex-direction:column;

  align-items:flex-start;

  gap:7px;

  line-height:1;

  text-decoration:none;
}


/* csak a header logóját célozzuk */

.stn-header .stn-brand .stn-logo{
  display:block;

  width:auto !important;
  height:26px !important;

  max-width:none !important;
  max-height:26px !important;

  margin:0;
  padding:0;
}


/* ============================================================
   SZLOGEN
   ============================================================ */

.stn-header .stn-slogan{
  font-size:10px;
  font-weight:600;

  line-height:1.2;

  letter-spacing:.22em;

  text-transform:uppercase;

  color:
    var(--stn-ink-soft);

  padding-top:7px;

  border-top:
    1px solid
    var(--stn-line);

  white-space:nowrap;
}


/* ============================================================
   DESKTOP MENÜ
   ============================================================ */

.stn-header .stn-links{
  display:flex;

  align-items:center;

  gap:2px;
}

.stn-header .stn-links a{
  display:block;

  font-size:14.5px;
  font-weight:500;

  line-height:1.2;

  color:
    var(--stn-ink);

  padding:
    9px
    15px;

  border-radius:100px;

  text-decoration:none;

  white-space:nowrap;

  transition:
    background .22s,
    color .22s;
}

.stn-header .stn-links a:hover{
  background:
    var(--stn-powder);

  color:
    var(--stn-blue-deep);
}


/* ============================================================
   JOBB OLDAL
   ============================================================ */

.stn-header .stn-nav-right{
  display:flex;

  align-items:center;

  flex:0 0 auto;

  gap:10px;
}


/* ============================================================
   NYELVVÁLASZTÓ
   ============================================================ */

.stn-header .stn-lang{
  display:flex;

  flex:0 0 auto;

  background:
    var(--stn-white);

  border:
    1px solid
    var(--stn-line);

  border-radius:100px;

  overflow:hidden;
}

.stn-header .stn-lang button{
  width:auto;
  min-width:0;

  height:auto;
  min-height:0;

  margin:0;

  padding:
    9px
    13px;

  font-family:inherit;
  font-size:12.5px;
  font-weight:700;

  line-height:1.2;

  background:transparent;

  border:0;
  border-radius:0;

  color:
    var(--stn-ink-soft);

  cursor:pointer;

  box-shadow:none;

  transition:
    background .22s,
    color .22s;
}

.stn-header .stn-lang button.stn-active{
  background:
    var(--stn-blue);

  color:#fff;
}


/* ============================================================
   HEADER CTA
   ============================================================ */

.stn-header .stn-btn{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  width:auto;
  min-width:0;

  height:auto;
  min-height:0;

  gap:9px;

  margin:0;

  padding:
    13px
    24px;

  border:
    1px solid
    transparent;

  border-radius:100px;

  font-family:inherit;
  font-size:14.5px;
  font-weight:700;

  line-height:1.2;

  cursor:pointer;

  text-decoration:none;

  white-space:nowrap;

  transition:
    transform .3s var(--stn-ease),
    box-shadow .3s var(--stn-ease),
    background .25s,
    color .25s,
    border-color .25s;
}

.stn-header .stn-btn-cta{
  background:
    var(--stn-yellow);

  color:
    var(--stn-yellow-ink);
}

.stn-header .stn-btn-cta:hover{
  background:
    var(--stn-yellow-hi);

  color:
    var(--stn-yellow-ink);

  transform:
    translateY(-2px);

  box-shadow:
    0 8px 18px -8px
    rgba(255,179,0,.55);
}


/* ============================================================
   BURGER
   ============================================================ */

.stn-header .stn-burger{
  display:none;

  width:44px;
  height:44px;

  min-width:44px;
  min-height:44px;

  margin:0;
  padding:0;

  border-radius:12px;

  background:
    var(--stn-white);

  border:
    1px solid
    var(--stn-line);

  cursor:pointer;

  color:
    var(--stn-ink);

  box-shadow:none;
}

.stn-header .stn-burger svg{
  display:block;

  width:22px;
  height:22px;

  margin:auto;
}


/* ============================================================
   MOBIL MENÜ
   ============================================================ */

.stn-header .stn-mobile{
  display:none;

  flex-direction:column;

  gap:4px;

  padding:10px;

  margin-top:10px;

  border-radius:16px;

  background:
    rgba(255,255,255,.94);

  border:
    1px solid
    var(--stn-line);

  -webkit-backdrop-filter:
    blur(16px);

  backdrop-filter:
    blur(16px);
}

.stn-header .stn-mobile > a:not(.stn-btn){
  padding:
    13px
    16px;

  border-radius:10px;

  font-weight:600;
  font-size:15.5px;

  color:
    var(--stn-ink);

  text-decoration:none;
}

.stn-header .stn-mobile > a:not(.stn-btn):active{
  background:
    var(--stn-powder);
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:980px){

  .stn-header .stn-links{
    display:none;
  }

  .stn-header .stn-burger{
    display:grid;

    place-items:center;
  }

}


/* ============================================================
   MOBIL
   ============================================================ */

@media(max-width:620px){

  .stn-header{
    padding-top:10px;
    padding-inline:12px;
  }

  .stn-header.stn-scrolled{
    padding-top:8px;
  }

  .stn-header .stn-nav{
    padding:
      9px
      10px
      9px
      16px;

    gap:10px;
  }

  .stn-header .stn-nav-right{
    gap:7px;
  }

  /* desktop ajánlatkérés gomb eltűnik */

  .stn-header .stn-nav-right > .stn-btn-cta{
    display:none;
  }

  .stn-header .stn-brand .stn-logo{
    height:22px !important;
    max-height:22px !important;
  }

  .stn-header .stn-slogan{
    font-size:8.5px;

    letter-spacing:.17em;
  }

  .stn-header .stn-lang button{
    padding:
      8px
      10px;

    font-size:11.5px;
  }

}


/* ============================================================
   NAGYON KICSI MOBIL
   ============================================================ */

@media(max-width:390px){

  .stn-header .stn-slogan{
    display:none;
  }

}/* End custom CSS */