/* ==========================================================
   Krump Adrián — harmadik változat

   Mozgásra épülő oldal. A kiemelőszín nagyrészt mozgásban
   jelenik meg: hover-kitöltésként söpör be, majd eltűnik.
   Sötét és világos mód között a fejlécben lehet váltani.

   Minden kezdőállapot .js osztály mögött van, így szkript nélkül
   is olvasható az oldal.
   ========================================================== */

/* A paletta „Crimson”. Másik hangulathoz elég a --hatter és a
   --kiemel párost átírni (a --szoveg és a --vonal ugyanabból a
   színcsaládból jön): Acid #CBFF00 / #0C1100, Tide #00D4FF /
   #001419, Pulse #7000FF / #07001A, Vapor #FF10F0 / #130013. */
:root, :root[data-tema="sotet"] {
  --hatter: #130008;
  --felszin: #200410;
  --szoveg: #FCE8EE;
  --szoveg-halk: #AD8390;
  --vonal: rgba(204, 0, 65, .32);
  --kiemel: #CC0041;
  --kiemel-szoveg: #FCE8EE;

  --forditott-hatter: #FCE8EE;
  --forditott-szoveg: #130008;
  --forditott-halk: rgba(19, 0, 8, .55);
  --forditott-vonal: rgba(19, 0, 8, .16);

  --cim: "Unbounded", "Segoe UI", sans-serif;
  --torzs: "Instrument Sans", "Segoe UI", sans-serif;
  --adat: "DM Mono", ui-monospace, monospace;

  --oldal: 1.3rem;
  --max: 90rem;
  --ki: cubic-bezier(.16, 1, .3, 1);
  --be: cubic-bezier(.7, 0, .2, 1);
}

/* világos mód: ugyanaz a szín pasztelesebb alapon */
:root[data-tema="vilagos"] {
  --hatter: #FFF0F4;
  --felszin: #FFFFFF;
  --szoveg: #130008;
  --szoveg-halk: #6B4652;
  --vonal: rgba(19, 0, 8, .16);
  --kiemel: #B00035;
  --kiemel-szoveg: #FFF0F4;

  --forditott-hatter: #130008;
  --forditott-szoveg: #FCE8EE;
  --forditott-halk: rgba(252, 232, 238, .55);
  --forditott-vonal: rgba(252, 232, 238, .18);
}

/* témaváltáskor minden szín átúszik, utána a szabály lekerül */
html.tema-valt, html.tema-valt * {
  transition: background-color .5s ease, color .5s ease,
              border-color .5s ease, fill .5s ease !important;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--forditott-hatter);
  color: var(--szoveg);
  font-family: var(--torzs);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.zarva { overflow: hidden; }

h1, h2, h3 { margin: 0; font-family: var(--cim); font-weight: 700; line-height: .92; letter-spacing: -.035em; }
p, dl, dd, ul { margin: 0; padding: 0; }
li { list-style: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

::selection { background: var(--kiemel); color: var(--kiemel-szoveg); }
:focus-visible { outline: 2px solid var(--kiemel); outline-offset: 3px; }

.ugras { position: absolute; left: -9999px; }
.ugras:focus { left: 1rem; top: 1rem; z-index: 300; background: var(--forditott-hatter); color: var(--forditott-szoveg); padding: .7rem 1rem; }

/* A position KELL: a z-index statikus elemre nincs hatással, és
   enélkül telefonon a rögzített lábléc a tartalom fölé festődik.
   Nagy képernyőn a motor ezt fixedre írja át. */
#burok { position: relative; z-index: 2; }
/* A hátteret a main viszi, teljes szélességben. A szakaszok középre
   zárt sávok, ezért ha ŐK vinnék a hátteret, oldalt kilátszana
   alóluk a rögzített lábléc. A lábléc feltárásához szolgáló üres sáv
   ezért a main UTÁN áll, nem benne. */
main { background: var(--hatter); }

/* ==================== MASZKOK ==================== */

.sor, .szo {
  display: block;
  overflow: hidden;
  padding-bottom: .16em;
  margin-bottom: -.16em;
}
.szo { display: inline-block; vertical-align: bottom; }
.sor > span, .szo > span { display: block; }
.szo > span { display: inline-block; }

[data-betuk] {
  display: block;
  overflow: hidden;
  padding-top: .1em;
  margin-top: -.1em;
  padding-bottom: .14em;
  margin-bottom: -.14em;
}
.betu { display: inline-block; }
.betu > span { display: inline-block; }

.js .sor > span,
.js .szo > span,
.js .betu > span { transform: translateY(120%); transition: transform 1s var(--ki); }
.js .lat .sor > span,
.js .lat .szo > span,
.js .lat .betu > span { transform: none; }

/* ==================== BETÖLTŐ ==================== */

.tolt {
  position: fixed;
  inset: 0;
  z-index: 250;
  background: var(--forditott-hatter);
  color: var(--forditott-szoveg);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--oldal);
  transition: opacity .5s ease;
}
.tolt.kesz { opacity: 0; pointer-events: none; }
.tolt-sor {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  font-family: var(--adat);
  font-size: .8rem;
  margin-bottom: 1rem;
}
.tolt-szam {
  font-family: var(--cim);
  font-weight: 700;
  font-size: clamp(3rem, 18vw, 9rem);
  line-height: .85;
  letter-spacing: -.05em;
}
.tolt-vonal { height: 1px; background: var(--forditott-vonal); overflow: hidden; }
.tolt-vonal i { display: block; height: 100%; width: 0; background: var(--forditott-szoveg); }

/* függöny: sávok emelkednek fel egymás után */
.fuggony {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: flex;
  pointer-events: none;
}
.fuggony i {
  flex: 1;
  background: var(--forditott-hatter);
  transform: translateY(0);
  transition: transform 1.05s var(--be);
}
.fuggony.fel i { transform: translateY(-101%); }
.fuggony.fel i:nth-child(1) { transition-delay: 0s; }
.fuggony.fel i:nth-child(2) { transition-delay: .07s; }
.fuggony.fel i:nth-child(3) { transition-delay: .14s; }
.fuggony.fel i:nth-child(4) { transition-delay: .21s; }
.fuggony.fel i:nth-child(5) { transition-delay: .28s; }
.fuggony.vege { display: none; }

/* ==================== HALADÁS ==================== */

.halad {
  position: fixed;
  left: 0; right: 0; top: 0;
  height: 2px;
  z-index: 120;
  background: transparent;
}
.halad i {
  display: block;
  height: 100%;
  width: 100%;
  background: var(--kiemel);
  transform: scaleX(0);
  transform-origin: left;
}

/* ==================== FEJLÉC ==================== */

.fejlec {
  position: fixed;
  left: 0; right: 0; top: 0;
  z-index: 130;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem var(--oldal);
  color: var(--szoveg);
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: transform .55s var(--ki), background .35s ease, border-color .35s ease;
}
.fejlec.uszo { background: var(--hatter); border-bottom-color: var(--vonal); }
.fejlec.rejtve { transform: translateY(-102%); }
body.zarva .fejlec { transform: none; background: transparent; border-bottom-color: transparent; color: var(--forditott-szoveg); }

.js .fejlec { opacity: 0; }
.js body.indult .fejlec { opacity: 1; transition: transform .55s var(--ki), background .35s ease, border-color .35s ease, opacity .7s ease; }

.jel, .menugomb {
  font-family: var(--adat);
  font-size: .78rem;
  white-space: nowrap;
  will-change: transform;
}
.jel { position: relative; }

.fejlec-jobb { display: flex; align-items: center; gap: 1.1rem; }

/* nyelvváltó: a két kód közül az aktív világít */
.nyelvgomb {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  height: 44px;
  font-family: var(--adat);
  font-size: .78rem;
  white-space: nowrap;
  will-change: transform;
}
.nyelvgomb span { transition: opacity .35s ease, color .35s ease; }
.nyelv-valt { opacity: .35; }
.nyelvgomb .nyelv-hu, .nyelvgomb .nyelv-en { opacity: .4; }
:root[data-nyelv="hu"] .nyelvgomb .nyelv-hu,
:root[data-nyelv="en"] .nyelvgomb .nyelv-en { opacity: 1; }
.nyelvgomb:hover .nyelv-hu, .nyelvgomb:hover .nyelv-en { opacity: 1; }

/* témaváltó: a kör kitöltése átfordul, mint egy holdfázis */
.temagomb {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  height: 44px;
  font-family: var(--adat);
  font-size: .78rem;
  white-space: nowrap;
  will-change: transform;
}
.temagomb-kor {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid currentColor;
  overflow: hidden;
  flex: none;
  transition: transform .6s var(--ki);
}
.temagomb-kor i {
  position: absolute;
  inset: -1px;
  background: currentColor;
  border-radius: 50%;
  clip-path: inset(0 0 0 50%);
  transition: clip-path .6s var(--ki);
}
:root[data-tema="vilagos"] .temagomb-kor i { clip-path: inset(0 50% 0 0); }
.temagomb:hover .temagomb-kor { transform: rotate(180deg); }
.temagomb-szo { position: relative; overflow: hidden; }

.menugomb { display: inline-flex; align-items: center; gap: .6rem; height: 44px; }
.menugomb-ikon { position: relative; width: 20px; height: 11px; flex: none; }
.menugomb-ikon i {
  position: absolute; left: 0; width: 100%; height: 1px;
  background: currentColor;
  transition: transform .45s var(--ki), width .45s var(--ki);
}
.menugomb-ikon i:nth-child(1) { top: 2px; }
.menugomb-ikon i:nth-child(2) { top: 8px; width: 60%; }
.menugomb:hover .menugomb-ikon i:nth-child(2) { width: 100%; }
.menugomb[aria-expanded="true"] .menugomb-ikon i:nth-child(1) { transform: translateY(3px) rotate(45deg); }
.menugomb[aria-expanded="true"] .menugomb-ikon i:nth-child(2) { width: 100%; transform: translateY(-3px) rotate(-45deg); }

@media (max-width: 420px) {
  .fejlec-jobb { gap: .85rem; }
  .temagomb-szo { display: none; }
}

/* ==================== MENÜLAP ==================== */

.menulap {
  position: fixed;
  inset: 0;
  z-index: 125;
  background: var(--forditott-hatter);
  color: var(--forditott-szoveg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem var(--oldal) 2rem;
  clip-path: inset(0 0 100% 0);
  transition: clip-path .9s var(--be);
}
.menulap.nyit { clip-path: inset(0 0 0 0); }

.menulap-nav a {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: .35rem 0;
  border-bottom: 1px solid var(--forditott-vonal);
  font-family: var(--cim);
  font-weight: 700;
  font-size: clamp(1.9rem, 10vw, 4.2rem);
  line-height: 1.14;
  letter-spacing: -.04em;
  transition: color .4s ease;
}
.menulap-nav a:first-child { border-top: 1px solid var(--forditott-vonal); }
.menulap-nav a:hover { color: var(--kiemel); }
.mszam {
  font-family: var(--adat);
  font-weight: 400;
  font-size: .7rem;
  color: var(--forditott-halk);
  flex: none;
  transition: transform .5s var(--ki), color .4s ease;
}
.menulap-nav a:hover .mszam { transform: translateX(6px); color: var(--forditott-szoveg); }

.js .menulap .sor > span { transform: translateY(120%); }
.js .menulap.nyit .sor > span { transform: none; }
.menulap.nyit .menulap-nav a:nth-child(1) .sor > span { transition-delay: .2s; }
.menulap.nyit .menulap-nav a:nth-child(2) .sor > span { transition-delay: .27s; }
.menulap.nyit .menulap-nav a:nth-child(3) .sor > span { transition-delay: .34s; }
.menulap.nyit .menulap-nav a:nth-child(4) .sor > span { transition-delay: .41s; }

.menulap-alja {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem 1rem;
  margin-top: 2.2rem;
  font-family: var(--adat);
  font-size: .76rem;
  color: var(--forditott-halk);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .6s ease .5s, transform .6s var(--ki) .5s;
}
.menulap.nyit .menulap-alja { opacity: 1; transform: none; }

/* ==================== ELEJE ==================== */

.fej {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 6rem var(--oldal) 1.6rem;
  max-width: var(--max);
  margin: 0 auto;
}
.fej-cimke {
  font-family: var(--adat);
  font-size: .78rem;
  color: var(--szoveg-halk);
  margin-bottom: 1.4rem;
}
/* Az Unbounded szokatlanul széles, ezért a névnek kisebb vw-arány
   kell, mint egy átlagos groteszknek, különben sort tör. */
.nev {
  font-size: clamp(2.8rem, 15.4vw, 12rem);
  font-weight: 800;
  letter-spacing: -.055em;
  text-transform: uppercase;
  /* Az Á ékezete majdnem a fenti sor aljáig ér, ezért a soroknak
     valamivel több hely kell, mint a címekre szabott 0.92. */
  line-height: 1.05;
}
.nev-sor { display: block; white-space: nowrap; }
.nev-el { color: var(--kiemel); }

.fej-lab { margin-top: 2rem; }
.fej-szoveg { color: var(--szoveg-halk); max-width: 36ch; margin-bottom: 1.8rem; }

.kor {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  font-family: var(--adat);
  font-size: .8rem;
  padding: .9rem 1.5rem;
  border: 1px solid var(--vonal);
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  will-change: transform;
}
.kor span { position: relative; z-index: 1; transition: color .45s var(--ki); }
.kor i {
  position: absolute;
  inset: 0;
  background: var(--kiemel);
  border-radius: 100px;
  transform: translateY(101%);
  transition: transform .55s var(--be);
}
.kor:hover i { transform: translateY(0); }
.kor:hover span { color: var(--kiemel-szoveg); }

.gorgetes {
  margin-top: 2.4rem;
  font-family: var(--adat);
  font-size: .7rem;
  color: var(--szoveg-halk);
  overflow: hidden;
}
.gorgetes span { display: inline-block; animation: le 2.4s var(--ki) infinite; }
@keyframes le {
  0% { transform: translateY(-110%); opacity: 0; }
  25%, 70% { transform: none; opacity: 1; }
  100% { transform: translateY(110%); opacity: 0; }
}

/* ==================== FUTÓSZALAG ==================== */

.szalag {
  overflow: hidden;
  border-top: 1px solid var(--vonal);
  border-bottom: 1px solid var(--vonal);
  padding: 1.1rem 0;
  background: var(--hatter);
}
.szalag-sav {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  white-space: nowrap;
  will-change: transform;
}
.szalag-sav span {
  font-family: var(--cim);
  font-weight: 500;
  font-size: clamp(1.1rem, 3.6vw, 2rem);
  letter-spacing: -.03em;
}
.szalag-sav i { color: var(--kiemel); font-style: normal; }

/* ==================== SZAKASZOK ==================== */

.szakasz {
  max-width: var(--max);
  margin: 0 auto;
  padding: 7rem var(--oldal) 0;
}
.szakasz-szam {
  font-family: var(--adat);
  font-size: .78rem;
  color: var(--szoveg-halk);
  margin-bottom: 3.2rem;
  will-change: transform;
}
.szakasz-cim {
  font-size: clamp(2rem, 7.5vw, 5rem);
  max-width: 16ch;
  margin-bottom: 3rem;
}

/* rólam */
.rolam-racs { display: grid; gap: 3rem; }
.rolam-szoveg p { color: var(--szoveg-halk); max-width: 46ch; }
.rolam-szoveg p + p { margin-top: 1.2rem; }

.adatok { border-top: 1px solid var(--vonal); }
.adat {
  position: relative;
  display: grid;
  grid-template-columns: 7rem 1fr;
  gap: 1rem;
  padding: 1rem .8rem;
  border-bottom: 1px solid var(--vonal);
  overflow: hidden;
  transition: color .4s ease;
}
.adat::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--kiemel);
  transform: translateY(101%);
  transition: transform .5s var(--be);
  z-index: 0;
}
.adat:hover::before { transform: translateY(0); }
.adat:hover { color: var(--kiemel-szoveg); }
.adat dt, .adat dd { position: relative; z-index: 1; }
.adat dt { font-family: var(--adat); font-size: .74rem; color: inherit; opacity: .6; }
.adat dd { font-size: .95rem; }

/* ==================== TUDÁS (vízszintes) ==================== */

.tudas { position: relative; background: var(--hatter); }
.tudas-tapad {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  padding: 4rem 0;
  will-change: transform;
}
.tudas-fej { padding: 0 var(--oldal); max-width: var(--max); margin: 0 auto; width: 100%; }
.tudas-cim { font-size: clamp(2rem, 7.5vw, 5rem); }

.palya {
  display: flex;
  gap: 1rem;
  padding: 0 var(--oldal);
  will-change: transform;
}
.lap {
  flex: 0 0 78vw;
  max-width: 30rem;
  position: relative;
  padding: 1.8rem 1.4rem 2rem;
  border: 1px solid var(--vonal);
  background: var(--felszin);
  overflow: hidden;
  transition: border-color .4s ease, color .45s ease;
}
.lap::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--kiemel);
  transform: translateY(101%);
  transition: transform .6s var(--be);
}
.lap:hover::before { transform: translateY(0); }
.lap:hover { color: var(--kiemel-szoveg); border-color: var(--kiemel); }
.lap > * { position: relative; z-index: 1; }
.lap-szam { font-family: var(--adat); font-size: .74rem; opacity: .55; }
.lap h3 { font-size: clamp(1.3rem, 5vw, 1.9rem); margin: 1.2rem 0 .8rem; }
.lap p { font-size: .95rem; opacity: .72; }

/* ==================== MUNKA ==================== */

/* Tobb tetel all egymas alatt, ezert a keret a listan zar le, a
   tetelek pedig csak felul kapnak vonalat: igy nem duplazodik. */
.munkak {
  margin: 0 calc(var(--oldal) * -1);
  border-bottom: 1px solid var(--vonal);
}
.munka {
  position: relative;
  display: block;
  border-top: 1px solid var(--vonal);
  padding: 2rem var(--oldal) 2.2rem;
  overflow: hidden;
  transition: color .45s ease;
}
.munka-toltes {
  position: absolute;
  inset: 0;
  background: var(--kiemel);
  transform: translateY(101%);
  transition: transform .6s var(--be);
}
.munka:hover .munka-toltes { transform: translateY(0); }
.munka:hover { color: var(--kiemel-szoveg); }
.munka-tartalom { position: relative; z-index: 1; display: block; }
.munka-fej { display: block; margin-bottom: 1.2rem; }
.munka-cim {
  display: block;
  font-family: var(--cim);
  font-weight: 700;
  font-size: clamp(1.4rem, 5.4vw, 2.6rem);
  letter-spacing: -.035em;
  line-height: 1.02;
}
.munka-ev { display: block; font-family: var(--adat); font-size: .76rem; opacity: .6; margin-top: .6rem; }
.munka-szoveg { display: block; max-width: 52ch; opacity: .75; margin-bottom: 1.4rem; }
.munka-cimkek { display: flex; flex-wrap: wrap; gap: .4rem; }
.munka-cimkek span {
  font-family: var(--adat);
  font-size: .72rem;
  padding: .3rem .7rem;
  border: 1px solid currentColor;
  opacity: .55;
}

/* ==================== KAPCSOLAT ==================== */

.zaro { padding-bottom: 7rem; }
.zaro-szoveg { color: var(--szoveg-halk); max-width: 34ch; margin-bottom: 2.4rem; }

.email { display: inline-block; position: relative; will-change: transform; }
.email-belso {
  font-family: var(--cim);
  font-weight: 700;
  /* az Unbounded széles, a cím pedig hosszú: ekkora arány fér ki egy sorban */
  font-size: clamp(1.05rem, 5vw, 2.6rem);
  letter-spacing: -.04em;
  line-height: 1.05;
  word-break: break-word;
}
.email-vonal {
  display: block;
  height: 2px;
  margin-top: .6rem;
  background: var(--vonal);
  position: relative;
  overflow: hidden;
}
.email-vonal::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--kiemel);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .7s var(--ki);
}
.email:hover .email-vonal::after { transform: scaleX(1); }

.lablec-hely { height: 62vh; }

/* ==================== FÜGGÖNY LÁBLÉC ==================== */

.lablec {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 1;
  height: 62vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem var(--oldal);
  background: var(--forditott-hatter);
  color: var(--forditott-szoveg);
}
.lablec-nagy {
  font-family: var(--cim);
  font-weight: 800;
  font-size: clamp(2.2rem, 13vw, 9rem);
  letter-spacing: -.05em;
  /* Telefonon a név két sorba törik. Az Unbounded verzálisai magasak,
     az Á ékezete pedig még feljebb nyúlik, ezért a 0.9-es sormagasság
     mellett a sorok egymásba érnének. */
  line-height: 1.12;
  text-transform: uppercase;
}
.lablec-sor {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .6rem 1rem;
  font-family: var(--adat);
  font-size: .76rem;
  color: var(--forditott-halk);
}
.lablec-sor a { transition: color .3s ease; }
.lablec-sor a:hover { color: var(--forditott-szoveg); }

/* ==================== NAGYOBB KIJELZŐ ==================== */

@media (min-width: 800px) {
  :root { --oldal: 2.6rem; }
  body { font-size: 1.05rem; }

  .fej { padding-bottom: 2.6rem; }
  .fej-lab {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 3rem;
    margin-top: 2.6rem;
  }
  .fej-szoveg { margin-bottom: 0; }

  .szakasz { padding-top: 12rem; }
  .szakasz-cim { margin-bottom: 4.5rem; }

  .rolam-racs { grid-template-columns: 1.1fr 1fr; gap: 5rem; }
  .adat { grid-template-columns: 10rem 1fr; padding: 1.15rem 1rem; }

  .lap { flex: 0 0 26rem; padding: 2.2rem 2rem 2.4rem; }
  .palya { gap: 1.2rem; }
  .tudas-tapad { height: 100svh; gap: 3rem; }

  .munka { padding: 3rem var(--oldal) 3.2rem; }
  .munka-fej { display: flex; align-items: baseline; justify-content: space-between; gap: 2rem; }
  .munka-ev { margin-top: 0; }

  .lablec { padding: 3.5rem var(--oldal); }
}

/* Széles képernyőn nagyobb lapok, különben mind kiférne egyszerre,
   és a vízszintes útból alig maradna valami. */
@media (min-width: 1300px) {
  .lap { flex: 0 0 32rem; }
}

/* érintőképernyőn a tudás sáv natívan görgethető */
.erint .tudas-tapad { height: auto; transform: none !important; }
.erint .palya {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: .5rem;
}
.erint .palya::-webkit-scrollbar { display: none; }
.erint .lap { scroll-snap-align: start; }

/* ==================== CSÖKKENTETT MOZGÁS ==================== */

@media (prefers-reduced-motion: reduce) {
  .js .sor > span, .js .szo > span, .js .betu > span { transform: none; transition: none; }
  .fuggony, .tolt { display: none; }
  .js .fejlec { opacity: 1; }
  .gorgetes span { animation: none; }
  .kor i, .adat::before, .lap::before, .munka-toltes, .email-vonal::after,
  .menulap, .menulap-alja, .menugomb-ikon i { transition: none; }
  .tudas-tapad, .palya { transform: none !important; }
  .palya { flex-wrap: wrap; }
}