/* Pohyb na mixtake.app (Michal, 11. 10. 2026: „rozanimuj ostatné prvky na webe, aby to nebolo statické“).
 * Iba transform, opacity, clip-path a background-size, nič, čo by prekresľovalo rozloženie.
 * Trvalé animácie bežia len v zobrazenej časti stránky (trieda .hra z pohyb.js). Všetko je
 * pod triedou .pz na <html>, ktorú hlavička pridá len bez „obmedziť pohyb“ v systéme. */

/* ── úvod: limetkové zvýraznenie v nadpise sa natrie ───────────────────────── */
.pz .mark-hl{background-repeat:no-repeat;background-size:0% 100%;
  animation:pz-natri 1.15s cubic-bezier(.6,.05,.25,1) .35s forwards}
@keyframes pz-natri{to{background-size:100% 100%}}

/* ── ručne písané nadpisy sa dopíšu, čiarka nad nadpisom sa natiahne ───────── */
.pz .hand{clip-path:inset(-30% 100% -30% 0);transition:clip-path 1.2s cubic-bezier(.5,.1,.2,1) .1s}
.pz .hand.pz-in{clip-path:inset(-30% -6% -30% -2%)}
.pz .eyebrow::before{transform:scaleX(0);transform-origin:0 50%;transition:transform .7s cubic-bezier(.3,.8,.3,1) .25s}
.pz .eyebrow.pz-in::before{transform:none}

/* ── oddeľovacie pásy so stĺpcami a logo v pozadí hrajú ako ekvalizér ──────── */
/* Stĺpce hranaté a husté ako ekvalizér v kartách „Prečo to znie inak“, nie zaoblené
   (Michal, 11. 10. 2026: „tam je hranatý, vyzerá to lepšie“). Počet stĺpcov podľa
   šírky dopĺňa pohyb.js. */
.eqrule{gap:3px}
.eqrule i{transform-origin:50% 100%;border-radius:2px}
.pz .eqrule.hra i{animation:pz-eq 1.3s ease-in-out infinite}
.pz .eqrule.hra i:nth-child(5n+1){animation-duration:1.15s;animation-delay:-.2s}
.pz .eqrule.hra i:nth-child(5n+2){animation-duration:1.55s;animation-delay:-.75s}
.pz .eqrule.hra i:nth-child(5n+3){animation-duration:.95s;animation-delay:-.4s}
.pz .eqrule.hra i:nth-child(5n+4){animation-duration:1.4s;animation-delay:-1.05s}
.pz .eqrule.hra i:nth-child(5n+5){animation-duration:1.2s;animation-delay:-.55s}
@keyframes pz-eq{0%,100%{transform:scaleY(.42)}50%{transform:scaleY(1)}}
.wmark rect:nth-of-type(n+2){transform-box:fill-box;transform-origin:50% 100%}
.pz .wmark.hra rect:nth-of-type(n+2){animation:pz-eq 1.9s ease-in-out infinite}
.pz .wmark.hra rect:nth-of-type(3){animation-duration:1.6s;animation-delay:-.6s}
.pz .wmark.hra rect:nth-of-type(4){animation-duration:2.2s;animation-delay:-1.1s}
.pz .wmark.hra rect:nth-of-type(5){animation-duration:1.75s;animation-delay:-.3s}

/* ── ikony v kartách vyskočia, keď sa karta ukáže; pri myši sa pohnú ───────── */
.pz .stat .stat-i,.pz .scard .sic{transform:scale(.35) rotate(-22deg);opacity:0;
  transition:transform .75s cubic-bezier(.2,.9,.3,1.45) .18s,opacity .35s ease .18s}
.pz .stat.in .stat-i,.pz .scard.in .sic{transform:none;opacity:1}
.pz .stat:nth-child(2) .stat-i{transition-delay:.27s}
.pz .stat:nth-child(3) .stat-i{transition-delay:.36s}
.pz .stat:nth-child(4) .stat-i{transition-delay:.45s}
.pz .stat.in:hover .stat-i,.pz .scard.in:hover .sic{transform:translateY(-3px) rotate(-8deg) scale(1.07);transition-delay:0s}
.scard{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.pz .scard.in:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(0,0,0,.85),0 0 0 1px var(--line-2)}

/* ── ikony appiek a screenshoty Stage sa jemne vznášajú ───────────────────── */
.pz .apps.hra .app-card img{animation:pz-plav 5.2s ease-in-out infinite}
.pz .apps.hra .app-card.stage img{animation-delay:-2.6s}
.pz .shots.hra .shot figure{animation:pz-plav 6.4s ease-in-out infinite}
.pz .shots.hra .shot:nth-child(2n) figure{animation-delay:-1.6s}
.pz .shots.hra .shot:nth-child(3n) figure{animation-delay:-3.2s}
.pz .shots.hra .shot:nth-child(4n) figure{animation-delay:-4.8s}
@keyframes pz-plav{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ── Lucia a Lorenzo pri „Ako to funguje“ dýchajú ─────────────────────────── */
.ako-postava{transform-origin:50% 100%}
.pz .ako-g.hra .ako-postava{animation:pz-dych 4.8s ease-in-out infinite}
.pz .ako-g.hra .ako-c.stage .ako-postava{animation-delay:-2.4s}
@keyframes pz-dych{0%,100%{transform:none}50%{transform:translateY(-2px) scale(1.012)}}

/* ── tlačidlá: lesk cez tlačidlá App Store bol do 3. 11. 2026; pass (variant E) je bez lesku a pulzu ── */

/* ── otázky sa otvárajú plynulo ─────────────────────────────────────────────── */
.pz .faq[open] > :not(summary){animation:pz-faq .38s cubic-bezier(.2,.7,.2,1)}
@keyframes pz-faq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .pz *,.pz *::before,.pz *::after{animation:none!important;transition:none!important}
  .pz .mark-hl{background-size:100% 100%}
  .pz .hand{clip-path:none}
  .pz .eyebrow::before,.pz .stat .stat-i,.pz .scard .sic{transform:none;opacity:1}
}