/*
  -=====================================================¬
  ¦  Készítette: KexDesign – www.kexdesign.hu           ¦
  ¦  Weboldal készítés és szerver szolgáltatás, Siófok  ¦
  ¦                                                     ¦
  ¦  © 2026 KexDesign. Minden jog fenntartva.           ¦
  ¦  E forráskód szerzői jogi védelem alatt áll.        ¦
  L=====================================================-
*/

/* ============ TOKENEK ============ */
:root{
  --fekete:#000000;
  --fekete-lagy:#111111;
  --grafit:#1b1b1b;
  --sarga:#f6ae02;
  --sarga-sotet:#d99700;
  --sarga-halvany:#fff4d8;
  --kek:#013874;
  --kek-sotet:#012a58;
  --kek-vilagos:#024a95;
  --feher:#ffffff;
  --szurke:rgba(219,219,219,1);
  --szurke-sotet:#c2c2c2;
  --szurke-halvany:#f2f2f2;
  --zold:#12a150;
  --zold-sotet:#0e8542;

  --kontener:1240px;
  --radius:4px;
  --arnyek:0 10px 30px rgba(0,0,0,.14);
  --arnyek-eros:0 18px 44px rgba(0,0,0,.30);

  --cim:"Oswald","Arial Narrow",Arial,sans-serif;
  --szoveg:"Barlow","Segoe UI",Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{
  margin:0;
  font-family:var(--szoveg);
  font-size:17px;
  line-height:1.72;
  color:#1c1c1c;
  background:var(--feher);
  display:flex;
  flex-direction:column;
  min-height:100vh;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--kek);text-decoration:none;}
a:hover{color:var(--sarga-sotet);}
main{flex:1 0 auto;}
h1,h2,h3,h4{font-family:var(--cim);font-weight:700;line-height:1.14;margin:0 0 .5em;letter-spacing:.4px;color:var(--fekete);}
h1{font-size:clamp(1.85rem,3.6vw,2.9rem);text-transform:uppercase;}
h2{font-size:clamp(1.5rem,2.6vw,2.2rem);text-transform:uppercase;}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem);}
p{margin:0 0 1.1em;}
ul{margin:0 0 1.1em;padding-left:1.1em;}
li{margin-bottom:.35em;}
strong{font-weight:600;}

.kontener{width:100%;max-width:var(--kontener);margin:0 auto;padding:0 20px;}
.szakasz{padding:64px 0;}
.szakasz--tomor{padding:44px 0;}
.szakasz--fekete{background:var(--fekete);color:#e9e9e9;}
.szakasz--fekete h2,.szakasz--fekete h3{color:var(--feher);}
.szakasz--szurke{background:var(--szurke-halvany);}
.szakasz--kek{background:var(--kek);color:#eaf1fb;}
.szakasz--kek h2{color:var(--feher);}

.skip{position:absolute;left:-9999px;top:0;background:var(--sarga);color:#000;padding:10px 16px;z-index:999;font-weight:600;}
.skip:focus{left:8px;top:8px;}

:focus-visible{outline:3px solid var(--sarga);outline-offset:2px;}

/* ============ PEPITA CSÍK ============ */
.pepita{
  height:12px;
  background-image:
    linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),
    linear-gradient(45deg,#000 25%,#fff 25%,#fff 75%,#000 75%);
  background-size:24px 24px;
  background-position:0 0,12px 12px;
  background-color:#fff;
}
.pepita--vekony{height:8px;background-size:16px 16px;background-position:0 0,8px 8px;}
.pepita--sarga{
  background-image:
    linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),
    linear-gradient(45deg,#000 25%,var(--sarga) 25%,var(--sarga) 75%,#000 75%);
  background-color:var(--sarga);
}

/* ============ INFÓSÁV ============ */
.infosav{background:var(--kek);color:var(--feher);font-size:.88rem;overflow:hidden;}
.infosav__belso{display:flex;align-items:stretch;max-width:var(--kontener);margin:0 auto;}
.infosav__bal{
  flex:2 1 0;
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;
  padding:8px 20px;
}
.infosav__jobb{
  flex:1 1 0;
  background:var(--sarga);color:#000;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 22px;
  padding:8px 20px;
  position:relative;
}
.infosav__jobb::after{
  content:"";position:absolute;top:0;bottom:0;left:100%;width:50vw;background:var(--sarga);
}
.infosav__elem{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.infosav__elem svg{width:16px;height:16px;flex:none;}
.infosav__jobb a{color:#000;font-weight:600;}
.infosav__jobb a:hover{color:var(--kek);}
.infosav__bal a{color:#fff;}

@media(max-width:900px){
  .infosav__belso{flex-direction:column;}
  .infosav__bal,.infosav__jobb{flex:1 1 auto;justify-content:center;text-align:center;}
  .infosav__jobb::after{display:none;}
  .infosav__bal{font-size:.82rem;gap:4px 16px;}
}

/* ============ FEJLÉC / MENÜ ============ */
.fejlec{
  background:var(--szurke);
  position:sticky;top:0;z-index:120;
  box-shadow:0 2px 10px rgba(0,0,0,.16);
}
.fejlec__belso{
  max-width:var(--kontener);margin:0 auto;padding:0 20px;
  display:flex;align-items:center;gap:18px;min-height:78px;
}
.marka{display:flex;align-items:center;gap:12px;padding:6px 0;flex:none;}
.marka img{height:62px;width:auto;}
.marka__nev{display:none;}
.fomenu{margin-left:8px;flex:1 1 auto;}
.fomenu ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;gap:2px;}
.fomenu a{
  display:block;
  font-family:var(--cim);
  font-size:.98rem;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-weight:500;
  color:#000;
  padding:10px 13px;
  border-radius:2px;
  transition:background .18s ease,color .18s ease;
}
.fomenu a:hover{background:#000;color:var(--sarga);}
.fomenu a[aria-current="page"]{background:var(--kek);color:var(--sarga);font-weight:600;}
.hamburger{
  flex:none;margin-left:auto;
  width:52px;height:46px;
  background:#000;border:2px solid #000;border-radius:3px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  cursor:pointer;transition:background .18s ease;
}
.hamburger span{display:block;width:24px;height:3px;background:var(--sarga);transition:transform .25s ease,opacity .2s ease;}
.hamburger:hover{background:var(--kek);}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

@media(max-width:1100px){
  .fomenu a{font-size:.9rem;padding:9px 9px;}
  .marka img{height:54px;}
}
@media(max-width:980px){
  .fomenu{display:none;}
  .fejlec__belso{min-height:66px;}
  .marka img{height:50px;}
}

/* Oldalsó menü */
.oldalmenu{
  position:fixed;top:0;right:0;bottom:0;width:320px;max-width:88vw;
  background:var(--fekete);color:#fff;z-index:200;
  transform:translateX(100%);transition:transform .3s ease;
  overflow-y:auto;padding:22px 22px 40px;
  box-shadow:var(--arnyek-eros);
}
.oldalmenu.nyitva{transform:translateX(0);}
.oldalmenu__fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.oldalmenu__fej img{height:56px;width:auto;}
.oldalmenu__zar{background:none;border:0;color:var(--sarga);font-size:2rem;line-height:1;cursor:pointer;padding:4px 8px;}
.oldalmenu ul{list-style:none;margin:0 0 22px;padding:0;}
.oldalmenu li{margin:0;border-bottom:1px solid #262626;}
.oldalmenu li a{
  display:block;padding:13px 4px;color:#fff;font-family:var(--cim);
  text-transform:uppercase;letter-spacing:.6px;font-size:1.02rem;
}
.oldalmenu li a:hover,.oldalmenu li a[aria-current="page"]{color:var(--sarga);}
.oldalmenu__kapcs{font-size:.95rem;color:#cfcfcf;}
.oldalmenu__kapcs a{color:var(--sarga);font-weight:600;}
.fatyol{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:190;
  opacity:0;visibility:hidden;transition:opacity .3s ease;
}
.fatyol.nyitva{opacity:1;visibility:visible;}

/* ============ GOMBOK ============ */
.gomb{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--cim);font-size:1.02rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;
  padding:14px 26px;border-radius:3px;border:2px solid transparent;cursor:pointer;
  transition:transform .16s ease,background .2s ease,color .2s ease,border-color .2s ease;
  min-height:52px;
}
.gomb svg{width:20px;height:20px;flex:none;}
.gomb--sarga{background:var(--sarga);color:#000;border-color:var(--sarga);}
.gomb--sarga:hover{background:#000;color:var(--sarga);border-color:var(--sarga);transform:translateY(-2px);}
.gomb--fekete{background:#000;color:var(--sarga);border-color:#000;}
.gomb--fekete:hover{background:var(--sarga);color:#000;transform:translateY(-2px);}
.gomb--kek{background:var(--kek);color:#fff;border-color:var(--kek);}
.gomb--kek:hover{background:var(--sarga);color:#000;border-color:var(--sarga);transform:translateY(-2px);}
.gomb--vonal{background:transparent;color:#fff;border-color:#fff;}
.gomb--vonal:hover{background:var(--sarga);color:#000;border-color:var(--sarga);transform:translateY(-2px);}
.gomb--vonal-fekete{background:transparent;color:#000;border-color:#000;}
.gomb--vonal-fekete:hover{background:#000;color:var(--sarga);transform:translateY(-2px);}
.gombsor{display:flex;flex-wrap:wrap;gap:14px;}

/* ============ HERO SLIDESHOW ============ */
.hero{position:relative;background:#000;}
.dia{display:none;position:relative;}
.dia.aktiv{display:block;animation:elohalvany .8s ease both;}
@keyframes elohalvany{from{opacity:.25}to{opacity:1}}
.dia__kep{width:100%;height:auto;display:block;}
.dia__szoveg{padding:26px 0 34px;background:#000;}
.dia__cimke{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--cim);text-transform:uppercase;letter-spacing:1.6px;font-size:.8rem;font-weight:600;
  background:var(--sarga);color:#000;padding:5px 12px;margin-bottom:14px;
}
.dia__cim{color:#fff;font-size:clamp(1.7rem,3.2vw,2.9rem);text-transform:uppercase;margin-bottom:.35em;text-shadow:0 3px 18px rgba(0,0,0,.55);}
.dia__cim em{color:var(--sarga);font-style:normal;}
.dia__leiras{color:#e6e6e6;max-width:640px;font-size:1.06rem;margin-bottom:22px;text-shadow:0 2px 12px rgba(0,0,0,.6);}
.hero__vezerlo{display:flex;gap:8px;justify-content:center;padding:10px 0;background:#000;}
.hero__pont{
  width:34px;height:6px;background:#555;border:0;cursor:pointer;padding:0;border-radius:2px;
  transition:background .2s ease,width .2s ease;
}
.hero__pont.aktiv{background:var(--sarga);width:52px;}
.hero__nyil{
  display:none;position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:48px;background:rgba(0,0,0,.55);border:2px solid var(--sarga);color:var(--sarga);
  cursor:pointer;z-index:4;font-size:1.4rem;line-height:1;align-items:center;justify-content:center;
}
.hero__nyil:hover{background:var(--sarga);color:#000;}
.hero__nyil--bal{left:16px;}
.hero__nyil--jobb{right:16px;}

@media(min-width:981px) and (max-width:1250px){
  .dia__cim{font-size:1.72rem;}
  .dia__leiras{font-size:.95rem;margin-bottom:14px;}
  .dia__cimke{margin-bottom:10px;}
  .dia .gomb{padding:10px 16px;font-size:.88rem;min-height:44px;}
}
@media(min-width:981px){
  .dia{overflow:hidden;}
  .dia__szoveg{
    position:absolute;inset:0;background:transparent;display:flex;align-items:center;padding:0;
  }
  .dia__szoveg .kontener{width:100%;}
  .dia__doboz{max-width:620px;}
  .hero__nyil{display:flex;}
  .hero__vezerlo{position:absolute;bottom:18px;left:0;right:0;background:transparent;z-index:3;}
}

/* ============ GYORSSÁV ============ */
.gyorssav{background:var(--sarga);border-top:3px solid #000;border-bottom:3px solid #000;}
.gyorssav__racs{display:grid;grid-template-columns:repeat(4,1fr);}
.gyorssav__elem{
  display:flex;align-items:center;gap:12px;padding:20px 18px;color:#000;
  font-family:var(--cim);text-transform:uppercase;font-size:.95rem;letter-spacing:.5px;font-weight:500;
  border-right:1px dashed rgba(0,0,0,.28);
}
.gyorssav__elem:last-child{border-right:0;}
.gyorssav__elem svg{width:30px;height:30px;flex:none;}
@media(max-width:900px){
  .gyorssav__racs{grid-template-columns:repeat(2,1fr);}
  .gyorssav__elem{font-size:.85rem;padding:14px 12px;border-bottom:1px dashed rgba(0,0,0,.28);}
  .gyorssav__elem:nth-child(2n){border-right:0;}
}
@media(max-width:480px){
  .gyorssav__racs{grid-template-columns:1fr;}
  .gyorssav__elem{border-right:0;}
}

/* ============ ALOLDAL FEJLÉCKÉP ============ */
.oldalfej{background:#000;}
.oldalfej__kep{width:100%;height:auto;display:block;}
.oldalfej__savsor{padding:26px 0 24px;background:#000;}
.oldalfej h1{color:#fff;margin-bottom:.25em;}
.oldalfej h1 em{color:var(--sarga);font-style:normal;}
.oldalfej__alcim{color:#d8d8d8;margin:0;max-width:760px;}
.morzsa{font-size:.83rem;color:#9a9a9a;margin:0 0 12px;font-family:var(--cim);letter-spacing:.6px;text-transform:uppercase;}
.morzsa a{color:var(--sarga);}
.morzsa span{margin:0 6px;}

/* ============ SZÖVEGBLOKKOK ============ */
.cimblokk{max-width:800px;margin:0 auto 42px;text-align:center;}
.cimblokk--bal{margin-left:0;text-align:left;}
.felcim{
  display:inline-block;font-family:var(--cim);text-transform:uppercase;letter-spacing:2px;
  font-size:.8rem;font-weight:600;color:var(--kek);background:var(--sarga);padding:4px 12px;margin-bottom:14px;
}
.szakasz--fekete .felcim{color:#000;}
.cimblokk .felcim{
  display:inline-block;font-family:var(--cim);text-transform:uppercase;letter-spacing:2px;
  font-size:.8rem;font-weight:600;color:var(--kek);background:var(--sarga);padding:4px 12px;margin-bottom:14px;
}
.szakasz--fekete .felcim{
  display:inline-block;font-family:var(--cim);text-transform:uppercase;letter-spacing:2px;
  font-size:.8rem;font-weight:600;color:var(--kek);background:var(--sarga);padding:4px 12px;margin-bottom:14px;
}
.szakasz--fekete .felcim{color:#000;}
.cimblokk .felcim{color:#000;}
.cimblokk p{color:#4a4a4a;margin-bottom:0;}
.szakasz--fekete .cimblokk p{color:#c9c9c9;}

.ketoszlop{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;}
.ketoszlop--forditott .ketoszlop__kep{order:-1;}
@media(max-width:900px){.ketoszlop{grid-template-columns:1fr;gap:26px;}.ketoszlop--forditott .ketoszlop__kep{order:0;}}
.kepkeret{position:relative;border:5px solid #000;box-shadow:var(--arnyek);}
.kepkeret::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:8px;
  background-image:
    linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%),
    linear-gradient(45deg,#000 25%,var(--sarga) 25%,var(--sarga) 75%,#000 75%);
  background-size:16px 16px;background-position:0 0,8px 8px;background-color:var(--sarga);
}
.kepkeret img{width:100%;height:auto;}

/* ============ KÁRTYÁK ============ */
.kartyak{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.kartyak--negy{grid-template-columns:repeat(4,1fr);}
@media(max-width:980px){.kartyak,.kartyak--negy{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.kartyak,.kartyak--negy{grid-template-columns:1fr;}}
.kartya{
  background:var(--fekete-lagy);color:#d9d9d9;padding:28px 24px 26px;
  border-top:4px solid var(--sarga);position:relative;
  transition:transform .2s ease,box-shadow .2s ease;
  display:flex;flex-direction:column;
}
.szakasz--szurke .kartya,.szakasz:not(.szakasz--fekete) .kartya{box-shadow:var(--arnyek);}
.kartya:hover{transform:translateY(-6px);box-shadow:var(--arnyek-eros);}
.kartya__ikon{
  width:54px;height:54px;background:var(--sarga);color:#000;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:2px;
}
.kartya__ikon svg{width:28px;height:28px;}
.kartya h3{color:#fff;margin-bottom:.5em;}
.kartya p{margin-bottom:0;font-size:.98rem;}
.kartya__link{margin-top:16px;color:var(--sarga);font-family:var(--cim);text-transform:uppercase;font-size:.86rem;letter-spacing:.8px;}
.kartya__link:hover{color:#fff;}

/* ============ LÉPÉSEK ============ */
.lepesek{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:lepes;}
@media(max-width:900px){.lepesek{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.lepesek{grid-template-columns:1fr;}}
.lepes{background:#fff;border:2px solid #000;padding:26px 20px 22px;position:relative;}
.lepes::before{
  counter-increment:lepes;content:counter(lepes,decimal-leading-zero);
  position:absolute;top:-18px;left:18px;
  background:var(--sarga);color:#000;border:2px solid #000;
  font-family:var(--cim);font-weight:700;font-size:1.05rem;padding:2px 12px;
}
.lepes h3{margin-top:8px;font-size:1.1rem;}
.lepes p{margin-bottom:0;font-size:.96rem;color:#4a4a4a;}

/* ============ LISTÁK ============ */
.pipalista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 26px;}
@media(max-width:700px){.pipalista{grid-template-columns:1fr;}}
.pipalista li{display:flex;gap:10px;align-items:flex-start;margin:0;}
.pipalista svg{width:20px;height:20px;flex:none;color:var(--sarga);margin-top:4px;}
.szakasz--fekete .pipalista li{color:#dcdcdc;}

/* ============ ÁRTÁBLÁZAT ============ */
.tablazat-doboz{overflow-x:auto;border:3px solid #000;box-shadow:var(--arnyek);background:#fff;}
table.arak{width:100%;border-collapse:collapse;min-width:460px;}
table.arak caption{
  caption-side:top;text-align:left;background:#000;color:var(--sarga);
  font-family:var(--cim);text-transform:uppercase;letter-spacing:1px;padding:14px 18px;font-size:1.05rem;
}
/* Sötét szekcióban a táblázat fejléce kék, hogy elkülönüljön a fekete háttértől */
.szakasz--fekete table.arak caption{
  background:var(--kek);color:var(--sarga);border-bottom:2px solid var(--sarga);
}
table.arak th{
  background:var(--kek);color:#fff;text-align:left;padding:13px 18px;
  font-family:var(--cim);text-transform:uppercase;letter-spacing:.8px;font-size:.95rem;font-weight:500;
}
table.arak th:last-child,table.arak td:last-child{text-align:right;}
table.arak td{padding:12px 18px;border-bottom:1px solid #e4e4e4;color:#111111;}
table.arak tbody tr:nth-child(even){background:#fafafa;}
table.arak tbody tr:hover{background:var(--sarga-halvany);}
table.arak td:last-child{font-weight:600;white-space:nowrap;font-family:var(--cim);font-size:1.06rem;color:var(--kek);}
/* A táblázat szövege sötét szekcióban is fekete/kék marad, mert a háttere világos */
.szakasz--fekete table.arak,
.szakasz--fekete table.arak td{color:#111111;}
.szakasz--fekete table.arak td:last-child{color:var(--kek);}
.tabla-labjegyzet{font-size:.94rem;color:#555;margin-top:14px;}

/* ============ FAQ ============ */
.gyik{max-width:900px;margin:0 auto;}
.gyik details{border:2px solid #000;background:#fff;margin-bottom:12px;color:#1c1c1c;}
.gyik summary{
  cursor:pointer;list-style:none;padding:16px 54px 16px 18px;position:relative;
  font-family:var(--cim);font-size:1.06rem;font-weight:500;color:#000;
}
.gyik summary::-webkit-details-marker{display:none;}
.gyik summary::after{
  content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;background:var(--sarga);color:#000;
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1;font-weight:700;
}
.gyik details[open] summary{background:var(--kek);color:#fff;}
.gyik details[open] summary::after{content:"–";}
.gyik .valasz{padding:16px 18px 6px;border-top:1px dashed #ccc;color:#1c1c1c;}
.gyik .valasz p{color:#1c1c1c;}
.gyik .valasz p:last-child{margin-bottom:0;}

/* ============ INFÓ DOBOZ ============ */
.infodoboz{
  background:var(--sarga-halvany);border-left:6px solid var(--sarga);
  padding:20px 22px;margin:26px 0;
}
.infodoboz p:last-child{margin-bottom:0;}
.szakasz--fekete .infodoboz{background:#191919;border-left-color:var(--sarga);color:#dcdcdc;}
.figyelem{
  background:#fff;border:2px dashed var(--kek);padding:20px 22px;margin:26px 0;
}
.figyelem p:last-child{margin-bottom:0;}

/* ============ KAPCSOLATI ADATOK ============ */
.adatracs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
@media(max-width:700px){.adatracs{grid-template-columns:1fr;}}
.adatelem{display:flex;gap:14px;align-items:flex-start;background:#111;padding:20px;border-left:4px solid var(--sarga);}
.adatelem svg{width:26px;height:26px;color:var(--sarga);flex:none;margin-top:3px;}
.adatelem .cimke{display:block;font-family:var(--cim);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;color:var(--sarga);}
.adatelem .ertek{color:#fff;font-size:1.08rem;font-weight:600;word-break:break-word;}
.adatelem a.ertek:hover{color:var(--sarga);}

.terkep{border:4px solid #000;box-shadow:var(--arnyek);line-height:0;}
.terkep iframe{width:100%;height:400px;border:0;display:block;}

/* ============ ŰRLAP ============ */
.urlap{background:#fff;border:3px solid #000;padding:28px;box-shadow:var(--arnyek);}
.urlap__racs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(max-width:700px){.urlap__racs{grid-template-columns:1fr;}}
.mezo{display:flex;flex-direction:column;}
.mezo--teljes{grid-column:1/-1;}
.mezo label{font-family:var(--cim);text-transform:uppercase;font-size:.84rem;letter-spacing:.8px;margin-bottom:6px;color:#000;}
.mezo input,.mezo select,.mezo textarea{
  font-family:var(--szoveg);font-size:1rem;padding:13px 14px;border:2px solid #d0d0d0;border-radius:2px;background:#fff;color:#111;
  min-height:50px;
}
.mezo textarea{min-height:110px;resize:vertical;}
.mezo input:focus,.mezo select:focus,.mezo textarea:focus{border-color:var(--kek);outline:none;}
.jelolo{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;}
.jelolo input{min-height:auto;width:20px;height:20px;margin-top:3px;flex:none;}
.mikroszoveg{font-size:.9rem;color:#666;}

/* ============ CTA ELŐLÁBLÉC ============ */
.elolablec{
  background:var(--sarga);color:#000;position:relative;
  padding:44px 0 58px;
  border-top:4px solid #000;
}
.elolablec__belso{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.elolablec h2{margin-bottom:.2em;font-size:clamp(1.4rem,2.4vw,2.05rem);}
.elolablec p{margin:0;font-weight:500;max-width:640px;}
.elolablec__telefon{
  font-family:var(--cim);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;color:#000;
  display:inline-flex;align-items:center;gap:12px;letter-spacing:.5px;
}
.elolablec__telefon:hover{color:var(--kek);}
.elolablec__telefon svg{width:32px;height:32px;}

/* ============ LÁBLÉC ============ */
.lablec{background:var(--kek);color:#d7e3f4;padding:56px 0 34px;}
.lablec__racs{display:grid;grid-template-columns:1.1fr 1fr 1.4fr;gap:40px;}
@media(max-width:980px){.lablec__racs{grid-template-columns:1fr 1fr;}.lablec__terkepdoboz{grid-column:1/-1;}}
@media(max-width:600px){.lablec__racs{grid-template-columns:1fr;}}
.lablec h3{
  color:var(--sarga);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;
  margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.18);
}
.lablec__logo img{height:96px;width:auto;margin-bottom:16px;}
.lablec p{font-size:.96rem;color:#cddcf0;}
.lablec a{color:#eaf1fb;}
.lablec a:hover{color:var(--sarga);}
.lablec ul{list-style:none;padding:0;margin:0;}
.lablec ul li{margin-bottom:9px;}
.lablec ul li a{display:inline-flex;align-items:center;gap:9px;font-family:var(--cim);text-transform:uppercase;font-size:.92rem;letter-spacing:.6px;}
.lablec ul li a::before{content:"";width:8px;height:8px;background:var(--sarga);flex:none;}
.lablec__kapcsolat{margin-top:18px;font-size:.98rem;}
.lablec__kapcsolat a{font-weight:600;color:#fff;}
.lablec__kapcsolat a:hover{color:var(--sarga);}
.lablec__fb{display:inline-block;margin-top:16px;max-width:200px;border:2px solid rgba(255,255,255,.25);}
.lablec__fb img{width:100%;height:auto;}
.lablec__terkep{border:3px solid rgba(255,255,255,.22);line-height:0;}
.lablec__terkep iframe{width:100%;height:260px;border:0;display:block;filter:grayscale(.2);}

.lablec-alja{background:var(--kek);border-top:1px solid rgba(255,255,255,.35);padding:16px 0;}
.lablec-alja__belso{
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;
  font-size:.88rem;color:#cddcf0;
}
.lablec-alja a{color:#fff;}
.lablec-alja a:hover{color:var(--sarga);}

/* ============ FELFELE NYÍL + HÍVÁSSÁV ============ */
.felfele{
  position:fixed;right:16px;bottom:22px;z-index:130;
  width:48px;height:48px;background:#000;border:2px solid var(--sarga);color:var(--sarga);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .25s ease,transform .25s ease,background .2s ease,color .2s ease,visibility .25s;
  border-radius:3px;
}
.felfele.latszik{opacity:1;visibility:visible;transform:translateY(0);}
.felfele:hover{background:var(--sarga);color:#000;}
.felfele svg{width:22px;height:22px;}

.hivosav{
  display:none;
  position:fixed;left:0;right:0;bottom:0;z-index:140;
  background:var(--zold);border-top:2px solid var(--zold-sotet);
  height:48px;
  align-items:center;justify-content:center;gap:10px;
  color:#fff;font-family:var(--cim);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600;
}
.hivosav:hover,.hivosav:focus{color:#fff;background:var(--zold-sotet);}
.hivosav svg{width:22px;height:22px;transform-origin:center;animation:rezges 1.6s ease-in-out infinite;}
@keyframes rezges{
  0%,58%,100%{transform:rotate(0) scale(1);}
  60%{transform:rotate(-12deg) scale(1.06);}
  64%{transform:rotate(10deg) scale(1.06);}
  68%{transform:rotate(-8deg) scale(1.04);}
  72%{transform:rotate(8deg) scale(1.04);}
  76%{transform:rotate(-5deg) scale(1.02);}
  80%{transform:rotate(5deg) scale(1.02);}
  84%{transform:rotate(0) scale(1);}
}
@media(max-width:980px){
  .hivosav{display:flex;}
  body{padding-bottom:48px;}
  .felfele{bottom:60px;right:12px;width:44px;height:44px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  html{scroll-behavior:auto;}
}

/* ============ APRÓSÁGOK ============ */
.kepsor{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:900px){.kepsor{grid-template-columns:repeat(2,1fr);}}
.kepsor figure{margin:0;border:3px solid #000;position:relative;overflow:hidden;background:#000;}
.kepsor img{width:100%;height:auto;display:block;transition:transform .5s ease;}
.kepsor figure:hover img{transform:scale(1.05);}
.kepsor figcaption{
  position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);color:var(--sarga);
  font-family:var(--cim);text-transform:uppercase;letter-spacing:.8px;font-size:.8rem;padding:7px 10px;
}
.bankkartya{max-width:340px;border:3px solid #fff;}
.frissitve{font-size:.86rem;color:#777;font-style:italic;}
.szakasz--fekete .frissitve{color:#9a9a9a;}
.kozepre{text-align:center;}
.kozepre .gombsor{justify-content:center;}
.zonalink{color:var(--sarga);font-weight:600;}


/* ============ VILÁGOS HÁTTERŰ ELEMEK SÖTÉT SZEKCIÓBAN IS OLVASHATÓK ============ */
.szakasz--fekete .gyik details,
.szakasz--fekete .gyik summary,
.szakasz--fekete .gyik .valasz,
.szakasz--fekete .gyik .valasz p,
.szakasz--fekete .lepes,
.szakasz--fekete .lepes p,
.szakasz--fekete .figyelem,
.szakasz--fekete .figyelem p,
.szakasz--fekete .urlap,
.szakasz--fekete .urlap p,
.szakasz--kek .gyik details,
.szakasz--kek .gyik summary,
.szakasz--kek .gyik .valasz,
.szakasz--kek .gyik .valasz p,
.szakasz--kek .figyelem,
.szakasz--kek .figyelem p{color:#1c1c1c;}

.szakasz--fekete .gyik details[open] summary{color:#ffffff;}
.szakasz--kek .gyik details[open] summary{color:#ffffff;}