/* ============================================================
   PAIA POPUPY A GRAFIKA SYSTÉMU ✦ SDÍLENÝ VZHLED

   DENISO, tohle je JEDINÉ místo, kde se udržuje vzhled těch oken,
   co naskočí po kliknutí na krok PAIA systému nebo na vychytávku,
   a taky vzhled té pětikrokové grafiky.

   Čte to velká stránka /paia/ i objednávková /paia-vstup/. Dřív to
   bylo napevno v paia/index.html a při přenášení na druhou stránku
   se pokaždé něco ztratilo. Teď se nic nepřenáší, obě stránky si
   načtou tenhle jeden soubor.

   PROČ JE PŘED PRAVIDLY OKNA #paia-overlay:
   objednávková stránka na rozdíl od /paia/ načítá clen.css a produkt.css
   z členské sekce a ty mají svoje vlastní .modal, odrážky i nadpisy.
   #paia-overlay je id, takže vyhraje nad jakoukoliv třídou, a přitom to platí
   JEN uvnitř okna. Na zbytek stránky to nesahá. Na /paia/ to nic nemění,
   tam nic konkurenčního není.

   Grafika (.sysgfx) je mimo okno, ta zůstává bez prefixu.
   ============================================================ */
@keyframes pop{from{opacity:0;transform:translateY(26px) scale(.965)}to{opacity:1;transform:none}}
@keyframes ovfade{from{opacity:0}to{opacity:1}}
.sysgfx{max-width:1100px;margin:6px auto 0}
.sysgfx svg{width:100%;height:auto;overflow:visible}
.sysgfx .card{fill:#FFF7FB;stroke:#EFC2DD;stroke-width:1.5;transition:stroke .15s,fill .15s}

.sysgfx .c-title{font-weight:900;font-size:22px;fill:#2A2A2A}
.sysgfx .c-desc{font-weight:500;font-size:16px;fill:#666}
.sysgfx .bub-n{font-weight:900;font-size:23px;fill:#fff}
.sysgfx .lbl{font-weight:800;font-size:15px;fill:#FF3DB4;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.sysgfx .spine-lbl{font-weight:800;font-size:16px;fill:#FF3DB4;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.sysgfx-mobile{display:none}
.sysgfx-mobile svg{width:100%;height:auto;overflow:visible}
.sysgfx-mobile .card{fill:#FFF7FB;stroke:#EFC2DD;stroke-width:1.2}
.sysgfx-mobile .m-title{font-weight:900;font-size:16px;fill:#2A2A2A}
.sysgfx-mobile .m-desc{font-weight:500;font-size:10px;fill:#666}
.sysgfx-mobile .m-bub{font-weight:900;font-size:17px;fill:#fff}
.sysgfx-mobile .m-more{font-weight:800;font-size:12px;fill:#2A2A2A}
.sysgfx-mobile .m-lbl{font-weight:800;font-size:11px;fill:#FF3DB4;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
@media(max-width:720px){
  .sysgfx-desktop{display:none}
  .sysgfx-mobile{display:block;max-width:400px;margin:6px auto 0}
}
#paia-overlay{position:fixed;inset:0;background:rgba(42,42,42,0.55);z-index:60;display:none;
    align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
#paia-overlay.open{display:flex;animation:ovfade .36s ease}
#paia-overlay .modal{background:#fff;border-radius:16px;max-width:620px;width:100%;box-shadow:var(--shadow-lg);position:relative;animation:pop .44s cubic-bezier(.16,.84,.32,1)}
#paia-overlay .modal .close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:8px;border:none;
    background:rgba(42,42,42,0.06);color:var(--charcoal);font-size:18px;cursor:pointer;font-weight:700;line-height:1;z-index:3}

#paia-overlay .modal .m-hero{height:170px;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center;font-size:64px}
#paia-overlay .modal .m-body{padding:26px 30px 30px}
#paia-overlay .modal .m-label{text-transform:uppercase;letter-spacing:0.08em;font-weight:700;font-size:11px;color:var(--neon)}
#paia-overlay .modal .m-body h3{font-weight:900;font-size:24px;letter-spacing:-0.4px;margin:8px 0 12px}
#paia-overlay .modal .sysbadge{display:inline-block;background:var(--pink-l);color:var(--neon);font-weight:700;font-size:12px;
    padding:6px 12px;border-radius:8px;margin-bottom:14px}
#paia-overlay .modal .m-body p{font-size:15px;margin-bottom:14px}
#paia-overlay .modal .m-body .why{background:var(--yellow);border-radius:10px;padding:16px 18px;margin:16px 0}
#paia-overlay .modal .m-body .why b{color:var(--charcoal)}
#paia-overlay .modal .m-body ul{list-style:none;margin:6px 0 0}
#paia-overlay .modal .m-body ul li{padding-left:22px;position:relative;font-size:14px;margin-bottom:7px}
#paia-overlay .modal .m-body ul li::before{content:"\2726";position:absolute;left:0;color:var(--neon)}
#paia-overlay .modal .m-quote{background:var(--pink-l);border-radius:10px;padding:14px 18px;font-weight:700;font-size:15px;margin:16px 0}
#paia-overlay .modal.modal-krok{max-width:720px;display:flex;flex-direction:column;overflow:hidden}
#paia-overlay .modal.modal-krok .krok-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:none}
#paia-overlay{align-items:center;overflow:hidden;padding:24px 16px;z-index:2000}
#paia-overlay .modal{max-height:90vh;overflow-y:auto;overscroll-behavior:none}
/* ZÁMEK STRÁNKY POD OTEVŘENÝM OKNEM ✦ PŘEPSÁNO 16. 8. 2026
   Stránka se pod oknem jen přestane rolovat. NEHÝBE SE. Dřív se jí
   nasazovalo position:fixed a po zavření se doscrollovávala zpět,
   a v tom zlomku vteřiny, kdy poskočila, Safari zahazovalo ťuknutí
   na další dlaždici. Do tohohle pravidla nikdy nedávej position ani top. */
html.paia-zamek{overflow:hidden}
html.paia-zamek body{overflow:hidden}
#paia-overlay .modal .m-body.krok-body{padding:20px 30px 30px}
#paia-overlay .krok-mini{background:linear-gradient(135deg,#FFFBCC 0%,#FFD6F0 100%);border-radius:16px 16px 0 0;padding:22px 52px;margin:0;flex:0 0 auto;position:relative;z-index:5;box-shadow:0 3px 14px rgba(0,0,0,0.07)}
#paia-overlay .krok-mini svg{width:100%;height:auto;display:block}
#paia-overlay .krok-mini g[onclick]{cursor:pointer}

#paia-overlay .modal .m-body.krok-body h3{font-weight:900;font-size:24px;letter-spacing:-0.4px;text-transform:uppercase;margin:0 0 8px}
#paia-overlay .modal .m-body p.krok-uvod{font-size:18px;line-height:1.58;margin:0}
#paia-overlay .krok-del{height:1px;background:#EDEDED;margin:20px 0 18px}
#paia-overlay .modal .m-body.krok-body p.t{font-size:15px;margin-bottom:14px}
#paia-overlay .modal .m-body.krok-body h4.moznost{font-weight:900;font-size:15px;margin:18px 0 8px;letter-spacing:0;line-height:1.6}
#paia-overlay .modal .m-body.krok-body a:not(.btn){color:#FF3DB4;text-decoration:underline;text-underline-offset:3px}
#paia-overlay .krok-body .kruh{margin:6px 0 20px}
#paia-overlay .krok-body .kruh svg{width:100%;height:auto;display:block}
#paia-overlay .krok-body .jend{display:block}
#paia-overlay .krok-body .jenm{display:none}
#paia-overlay .krok-body .ph{background:#FFE3F3;border:2px dashed #FF9BD8;border-radius:10px;padding:16px 18px;margin:0 0 18px}
#paia-overlay .krok-body .ph .typ{font-weight:900;font-size:11px;letter-spacing:.12em;color:#E51E9E;margin-bottom:6px}
#paia-overlay .modal .m-body.krok-body .ph .txt{font-size:14px;color:#5A5A5A;line-height:1.6}
#paia-overlay .krok-body .ph .dl{font-size:12px;font-weight:800;color:#B5578F;margin-top:6px}
#paia-overlay .krok-body ul{list-style:none;padding:0;margin:0 0 18px}
#paia-overlay .modal .m-body.krok-body li{position:relative;padding-left:22px;margin-bottom:7px;font-size:14px}
#paia-overlay .krok-body li::before{content:"\2726";position:absolute;left:0;color:#FFB3E0;font-size:13px;top:1px}
#paia-overlay .modal .m-body.krok-body ul.v li{font-weight:700}
#paia-overlay .modal .m-body.krok-body ul.pkontrol li{padding-left:0;font-size:15px;margin-bottom:9px}
#paia-overlay .krok-body ul.pkontrol li::before{content:none}
#paia-overlay .modal .m-body.krok-body .st{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#B5B5B5;margin:22px 0 8px}
#paia-overlay .krok-body .dvoj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:0;align-items:start}
#paia-overlay .krok-body .dvoj-shot{max-width:58%;margin:0 auto}
#paia-overlay .krok-body .dvoj-shot .shot{aspect-ratio:820/1230;object-fit:cover;object-position:top}
#paia-overlay .krok-body .dvoj-vid{max-width:70%;margin:0 auto}
#paia-overlay .krok-body .jedno{max-width:70%;margin:0 auto 6px}
#paia-overlay .krok-body .mriz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin:2px auto 20px;max-width:78%}
#paia-overlay .krok-body .mriz img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.10)}
#paia-overlay .krok-body .shot{width:100%;display:block;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.10);margin-bottom:8px}
#paia-overlay .krok-body .shot.silny{box-shadow:0 6px 20px rgba(0,0,0,0.15);border:1px solid #EDEDED;max-width:70%;margin-left:auto;margin-right:auto}
#paia-overlay .modal .m-body p.pop2{font-size:12px;color:#9A9A9A;font-style:italic;text-align:center;margin:7px 0 16px;line-height:1.4}
#paia-overlay .krok-body .smycka{width:100%;display:block;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,0.10)}
#paia-overlay .krok-cta{margin-top:18px}
#paia-overlay .vidwrap{margin:0}
#paia-overlay .vidbox{position:relative;border-radius:10px;overflow:hidden;background:#1a1a1a;cursor:pointer;line-height:0;box-shadow:0 3px 12px rgba(0,0,0,0.10)}
#paia-overlay .vidbox video{width:100%;height:auto;display:block}
#paia-overlay .vctrl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:11px;padding:16px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,0.55),rgba(0,0,0,0));transition:opacity .25s ease}
#paia-overlay .vctrl .pp{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#FF3DB4;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
#paia-overlay .vctrl .pp .pl{border-left:10px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:3px}
#paia-overlay .vctrl .pp .pa{width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:border-box}
#paia-overlay .vidwrap:not(.playing) .pa{display:none}
#paia-overlay .vidwrap.playing .pl{display:none}
#paia-overlay .vidwrap.playing .vctrl{opacity:0}
@media(hover:hover){
  #paia-overlay .vidwrap.playing:hover .vctrl{opacity:1}
}
#paia-overlay .vctrl .seek{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,0.30);position:relative;cursor:pointer}
#paia-overlay .vctrl .seek .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#FF3DB4;border-radius:3px}
#paia-overlay .vctrl .time{font-size:11px;color:#fff;font-weight:700;flex:0 0 auto;font-variant-numeric:tabular-nums}
#paia-overlay .vmute{position:absolute;top:9px;right:9px;display:flex;align-items:center;gap:4px;padding:3px 8px 3px 7px;border-radius:999px;background:rgba(42,42,42,0.55);color:#fff;font-size:9.5px;font-weight:700;pointer-events:none;z-index:2;line-height:1;transition:opacity .25s ease}
#paia-overlay .vmute svg{width:11px;height:11px}
#paia-overlay .vidwrap.playing .vmute{opacity:0}
@media(max-width:640px){
  #paia-overlay .modal .m-body.krok-body{padding:16px 14px 22px}
  #paia-overlay .krok-mini{margin:0;padding:14px 42px 14px 10px}
  #paia-overlay .krok-body .dvoj-shot,#paia-overlay .krok-body .dvoj-vid,#paia-overlay .krok-body .jedno,#paia-overlay .krok-body .mriz{max-width:100%}
  #paia-overlay .krok-body .shot.silny{max-width:100%}
  #paia-overlay .modal .m-body.krok-body h3{font-size:23px}
  #paia-overlay .modal .m-body p.krok-uvod{font-size:16px}
  #paia-overlay .krok-body .jend{display:none}
  #paia-overlay .krok-body .jenm{display:block}
  #paia-overlay .krok-body .dvoj{gap:8px}
  #paia-overlay .krok-body .mriz{gap:7px}
  #paia-overlay .modal .m-body p.pop2{font-size:11px;white-space:normal}
  #paia-overlay .modal .m-body.krok-body h4.moznost{font-size:15px}
}
#paia-overlay .modal.modal-krok .krok-mini .close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.92);box-shadow:0 2px 10px rgba(0,0,0,0.14);z-index:6}

#paia-overlay .modal.modal-vych{max-width:620px}
#paia-overlay .modal .m-body.vy-body{padding:24px 30px 30px}
#paia-overlay .modal .m-body.vy-body h3{font-weight:900;font-size:23px;letter-spacing:-0.3px;margin:6px 0 10px}
#paia-overlay .modal .m-body p.vy-uvod{font-size:16px;line-height:1.6;margin:12px 0 4px}
#paia-overlay .modal .m-body.vy-body .vy-st{font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#B5B5B5;margin:20px 0 8px}
#paia-overlay .modal .m-body.vy-body ul.vy-list{list-style:none;padding:0;margin:0 0 18px}
#paia-overlay .modal .m-body.vy-body ul.vy-list li{position:relative;padding-left:24px;margin-bottom:9px;font-size:15px;line-height:1.5}
#paia-overlay .modal .m-body.vy-body ul.vy-list li::before{content:"\2726";position:absolute;left:0;top:1px;color:#FF3DB4;font-size:13px}
#paia-overlay .vy-shot{width:100%;max-width:68%;display:block;margin:0 auto 16px;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.10)}
#paia-overlay .vy-ukazky{display:grid;grid-template-columns:repeat(var(--s,1),minmax(0,1fr));gap:14px;align-items:start;margin:2px 0 16px}
#paia-overlay .vy-ukazky>div{min-width:0}
#paia-overlay .vy-ukazky>div>img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.10)}
#paia-overlay .vy-ukazky>div.vy-uzka>img{max-width:62%;margin:0 auto}
#paia-overlay .vy-ukazky .vidwrap{margin:0}
#paia-overlay .vy-ukazky>div>svg{width:100%;height:auto;display:block}
#paia-overlay .modal .m-body .vy-ukazky p.pop2{margin:7px 0 0}
#paia-overlay .modal .m-body p.vy-spust{font-size:14px;color:#5A5A5A;background:#FFF7FB;border:1px solid #EFC2DD;border-radius:10px;padding:12px 14px;margin:0 0 6px}
#paia-overlay .vy-cta{margin-top:16px}
@media(max-width:640px){
  #paia-overlay .modal .m-body.vy-body{padding:18px 14px 22px}
  #paia-overlay .modal .m-body.vy-body h3{font-size:21px}
  #paia-overlay .vy-shot{max-width:100%}
  #paia-overlay .vy-ukazky{gap:10px}
  #paia-overlay .vy-ukazky .vy-uzka img{max-width:100%}
}
#paia-overlay .modal .m-body p.vy-cerpa{font-size:13px;color:#8A8A8A;margin:0 0 10px}
#paia-overlay .modal .m-body p.vy-cerpa b{color:#2A2A2A}

/* ---------- MOBIL: OKNO NESMÍ BÝT USEKNUTÉ POD LIŠTOU SAFARI ----------
   DENISO, tohle je JEDINÁ věc, kterou tu mám nad rámec toho, co je na /paia/.
   Nechávám ji, protože řeší skutečnou chybu, kterou jsi viděla: okno bylo
   dole useknuté a nešlo dojet na konec.

   Na iPhonu v Safari znamená vh i plochu SCHOVANOU pod horní a spodní lištou.
   Okno si podle toho vzalo víc místa, než je vidět. dvh je výška toho, co je
   opravdu vidět. Řádek s vh nad ním je záloha pro starší telefony, nemazat.

   POZOR, dvh JE JEN NA .modal, NE NA #paia-overlay. Když ho měl i překryv,
   přepočítávalo se rozvržení při každém pohybu lišty a stránka přestávala
   stíhat reagovat na ťuknutí. */
@media(max-width:720px){
  /* ČÍSLO 48 NENÍ NÁHODNÉ ✦ opraveno 16. 8. 2026.
     Překryv kolem okna má nahoře i dole odsazení 24 bodů, dohromady 48.
     Dřív tu bylo 28, takže okno bylo o dvacet bodů vyšší, než kam se vejde,
     a překryv mu ten kus dole uřízl (má overflow:hidden). Konec obsahu
     tak působil ukousnutě. Když budeš měnit padding u #paia-overlay,
     přepočítej i tohle číslo. */
  #paia-overlay .modal{max-height:calc(100vh - 48px)}
  #paia-overlay .modal{max-height:calc(100dvh - 48px)}
  #paia-overlay .modal.modal-krok{display:flex;flex-direction:column}
  #paia-overlay .modal.modal-krok .krok-scroll{
    flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
  #paia-overlay .modal.modal-vych{overflow-y:auto;-webkit-overflow-scrolling:touch}
  /* Konec obsahu nesmí končit přesně na hraně, ať je vidět, že už je konec. */
  #paia-overlay .modal.modal-krok .krok-body{padding-bottom:30px}
  #paia-overlay .modal.modal-vych .vy-body{padding-bottom:30px}
}

/* ---------- DOTYK NA MOBILU SE NESMÍ ROZMÝŠLET ----------
   DENISO, telefon po ťuknutí čeká, jestli nepřijde druhé (dvojklik na
   přiblížení), a teprve pak pustí klik. Projeví se to tak, že se nic
   neděje a musí se ťuknout dvakrát nebo třikrát. Tohle mu řekne, ať
   na téhle ploše nečeká, protože se tu stejně nic nepřibližuje. */
#paia-overlay .modal,#paia-overlay .krok-mini,#paia-overlay .krok-mini *,
#paia-overlay .close,#paia-overlay .modal a,#paia-overlay .modal button{touch-action:manipulation}

/* ============================================================
   SROVNÁNÍ S DOMOVSKOU STRÁNKOU ✦ TOHLE NEMAZAT

   DENISO, tohle je ta oprava, proč na /paia/ ťukání na iPhonu chodilo
   napoprvé a na /paia-vstup/ až napotřetí. Nebylo to klikáním.
   Objednávková stránka navíc načítá clen.css z členské sekce a ten
   si na okno sahá po svém. Porovnala jsem obě stránky prvek po prvku
   a lišily se přesně tyhle čtyři věci. Tady je vracím na to,
   co má domovská stránka.

   1) ROZMAZANÉ POZADÍ ZA OKNEM (backdrop-filter)
      Na /paia/ žádné není, na /paia-vstup/ ho přidával clen.css.
      Rozmazávat celou stránku přes celou obrazovku je na telefonu
      to nejdražší, co jde udělat. Safari kvůli tomu na chvíli
      přestane odpovídat a ťuknutí prostě zahodí. Odtud to
      "ťuknu, nic, ťuknu, nic, chvíli počkám a pak to jde".

   2) VLASTNÍ VRSTVA POD OKNEM (z-index na .modal)
      clen.css dával oknu svoje patro navíc. Domovská stránka žádné
      nemá. Každé patro navíc je další vrstva, ve které se telefon
      může splést, kam ťuknutí patří.

   3) PRUŽENÍ STRÁNKY (overscroll-behavior)
      Domovská stránka ho má vypnuté, objednávková ne. Když stránka
      ještě dojíždí nebo pruží, iPhone první ťuknutí sebere na to,
      aby ji zastavil, a klik se vůbec nepošle.

   4) POSUVNÍK (overflow-y)
      Domovská stránka ho má napevno, objednávková si ho zapínala
      a vypínala. Při každé změně se přepočítá šířka okna.
   ============================================================ */
html{overflow-y:scroll;overscroll-behavior:none}
body{overscroll-behavior:none}
#paia-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
#paia-overlay .modal{z-index:auto}

/* Ťuknutí ať platí hned, ne až po prodlevě na dvojité ťuknutí (zvětšení).
   Platí pro grafiku PAIA systému, dlaždice vychytávek i ovládání okna. */
.sysgfx g[onclick],.sysgfx-mobile g[onclick],
#paia-overlay .krok-mini g[onclick],#paia-overlay .close,#paia-overlay button,
.vych button,.vych a{touch-action:manipulation}

/* ============================================================
   ODŠKRTÁVACÍ SEZNAM V KROCÍCH ✦ POZOR NA NÁZEV TŘÍDY

   DENISO, tenhle seznam se dřív jmenoval "ck" a přesně tak se jmenuje
   i bílá karta cookies lišty. Cookies si svoje styly vkládají do stránky
   až za běhu, takže přebily naše, a seznam v pátém kroku se vykreslil
   jako bílá karta se stínem a useknutou výškou.

   Teď se jmenuje "pkontrol" a nic jiného na webu tak nazvané není.
   Kdyby se to někdy zase rozbilo, první podezřelý je název třídy.
   Tenhle blok je pojistka, aby seznam nikdy nezdědil kartu odjinud.
   ============================================================ */
#paia-overlay .krok-body ul.pkontrol{background:none;box-shadow:none;border-radius:0;
  padding:0;max-height:none;overflow:visible;display:block;width:auto;max-width:none}

/* ============================================================
   NAJETÍ MYŠÍ JEN TAM, KDE MYŠ OPRAVDU JE ✦ NEMAZAT

   DENISO, tohle je důvod, proč nešly rozkliknout dlaždice vychytávek
   na telefonu. Na počítači se dlaždice při najetí myší nadzvedne.
   Jenže telefon žádnou myš nemá, takže si Safari ten stav nasadí
   až PRVNÍM ŤUKNUTÍM. Dlaždice se v tu chvíli pohne pod prstem,
   Safari uvidí, že se pod ním změnil prvek, a klik zahodí. Ťukneš
   podruhé a teprve pak se to otevře.

   @media(hover:hover) znamená "jen když má zařízení skutečnou myš".
   Na počítači se nemění vůbec nic, na telefonu se hover nikdy nenasadí.

   PRAVIDLO: každé nové :hover na něčem klikacím patří sem dovnitř.
   Zvlášť když mění transform, velikost nebo pozici.
   ============================================================ */
@media(hover:hover){
  .sysgfx g[onclick]:hover .card{stroke:#FF3DB4;fill:#FFF0F8}
  #paia-overlay .modal .close:hover{background:var(--pink-l);color:var(--neon)}
  #paia-overlay .krok-mini g[onclick]:hover rect{stroke:#FF3DB4}
  #paia-overlay .modal.modal-krok .krok-mini .close:hover{background:#fff}
}

/* ============================================================
   ŽÁDNÉ ČEKÁNÍ NA DVOJITÉ ŤUKNUTÍ ✦ doplněno 16. 8. 2026
   Telefon po ťuknutí chvíli čeká, jestli nepřijde druhé (zvětšení textu).
   Tahle stránka zvětšování dvojitým ťuknutím nepotřebuje, čtení je
   nastavené na šířku displeje. Posouvání i roztažení dvěma prsty
   zůstávají, mění se JEN to čekání.
   ============================================================ */
body{touch-action:manipulation}