/* Lucky — mozgás (B és C irány). Csak tokenek; csökkentett mozgásnál minden áll. */
[data-reveal] { transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.js [data-reveal].var { opacity: 0; transform: translate3d(0, var(--ter-32), 0); }
[data-magnet] { transition: transform .45s cubic-bezier(.2,.8,.2,1); will-change: transform; }
[data-magnet].vonz { transition-duration: .15s; }
[data-karakterek] .szo { display: inline-block; white-space: nowrap; }
[data-karakterek] .betu { opacity: .16; transition: opacity .3s ease; }
[data-karakterek] .betu.be { opacity: 1; }
[data-parallax] { transform: translate3d(0, var(--parallax, 0px), 0); will-change: transform; }
.marquee { overflow: hidden; }
.marquee-sav { display: flex; width: max-content; will-change: transform; }
.verem-kartya { position: sticky; transform: scale(calc(1 - var(--verem, 0) * .06)); transform-origin: 50% 0; filter: brightness(calc(1 - var(--verem, 0) * .18)); }
.kovet-kep { position: absolute; left: 0; top: 0; z-index: 5; width: 340px; aspect-ratio: 3 / 2; pointer-events: none; opacity: 0; transition: opacity .25s ease; border-radius: var(--kerek-l); overflow: hidden; border: var(--fotokeret) solid var(--szin-semleges-0); box-shadow: var(--arnyek-nagy); }
.kovet-kep.aktiv { opacity: 1; }
.kovet-kep img { width: 100%; height: 100%; object-fit: cover; }
.valto-szo { display: inline-block; transition: opacity .18s ease, transform .18s ease; }
.valto-szo.csere { opacity: 0; transform: translate3d(0, var(--ter-12), 0); }
@keyframes kiemel { from { transform: translate3d(0, 105%, 0); } to { transform: none; } }
.sor-maszk { display: block; overflow: hidden; padding-bottom: .04em; }
.sor-maszk > span { display: block; animation: kiemel 1s cubic-bezier(.2,.8,.2,1) both; }
.sor-maszk:nth-child(2) > span { animation-delay: .12s; }
.sor-maszk:nth-child(3) > span { animation-delay: .24s; }
.nyugi *, .nyugi *::before, .nyugi *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  [data-karakterek] .betu { opacity: 1; }
  .verem-kartya { transform: none; filter: none; }
  [data-parallax] { transform: none; }
  .sor-maszk > span { animation: none; }
}