/* 11 · závěr. Krok 0: obří čísla nahoře (nadpis slajdu), schody rozšíření dole, rostou zleva po 120 ms.
   Krok 1: krok 0 zhasne a odjede nahoru (řízeno atributem data-k na sekci), na prázdné ploše se dokreslí
   dojedený talíř (stejný jako ukazatel průběhu, jen velký) a závěrečná věta. */

/* krok 0 */
#s-zaver .z-faze0 { position: absolute; left: var(--okraj-x); right: var(--okraj-x); top: 64px; bottom: 56px; transition: opacity 500ms var(--ven), transform 500ms var(--ven); }
#s-zaver[data-k="1"] .z-faze0 { opacity: 0; transform: translateY(-36px) scale(0.98); pointer-events: none; }

#s-zaver .z-cisla { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; min-height: 0; max-width: none; margin: 0; padding-right: 140px; }
#s-zaver .z-blok { display: flex; flex-direction: column; min-width: 0; }
#s-zaver .z-cislo { font-weight: 800; font-size: 240px; line-height: 0.88; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; white-space: nowrap; }
#s-zaver .z-cislo small { font-size: 0.36em; font-weight: 700; color: var(--text2); margin-left: 0.12em; letter-spacing: -0.01em; }
#s-zaver .z-blok:first-child .z-cislo { color: var(--zelena); }
#s-zaver .z-popis { margin-top: 22px; font-size: 34px; line-height: 1.25; font-weight: 600; letter-spacing: -0.005em; color: var(--text2); text-wrap: balance; }

/* schody: pět stupňů, každý vyšší, první zelený (jsme tady), poslední nese 8 891 */
#s-zaver .z-schody { position: absolute; left: 0; right: 0; bottom: 0; height: 500px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; align-items: end; margin: 0; padding: 0; list-style: none; }
#s-zaver .z-schody li {
  display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; min-width: 0; padding: 22px 26px 24px;
  border-radius: var(--r); background: var(--karta); box-shadow: var(--stin); transform-origin: bottom center;
}
#s-zaver .z-schody li:nth-child(1) { height: 200px; background: var(--zelena); color: #fff; box-shadow: none; }
#s-zaver .z-schody li:nth-child(2) { height: 275px; }
#s-zaver .z-schody li:nth-child(3) { height: 350px; }
#s-zaver .z-schody li:nth-child(4) { height: 425px; }
#s-zaver .z-schody li:nth-child(5) { height: 500px; background: var(--zelena-svetla); box-shadow: inset 0 0 0 3px var(--zelena); }
#s-zaver .z-ikona { width: 56px; height: 56px; margin-bottom: auto; color: var(--text2); }
#s-zaver .z-schody li:nth-child(1) .z-ikona { color: #fff; }
#s-zaver .z-schody li:nth-child(5) .z-ikona { color: var(--zelena); }
#s-zaver .z-schody h3 { font-size: 36px; line-height: 1.1; letter-spacing: -0.015em; }
#s-zaver .z-kde { font-size: 24px; line-height: 1.25; font-weight: 600; color: var(--text2); }
#s-zaver .z-schody li:nth-child(1) .z-kde { color: rgba(255, 255, 255, 0.85); }
#s-zaver .z-schody li:nth-child(5) .z-kde,
#s-zaver .z-schody li:nth-child(5) h3 { color: var(--zelena); }
#s-zaver.kresli .z-schody li { animation: s11-rust 700ms var(--ven) calc(500ms + var(--n) * 120ms) both; }
@keyframes s11-rust { from { opacity: 0; transform: scaleY(0.2) translateY(20px); } 40% { opacity: 1; } to { opacity: 1; transform: none; } }

/* krok 1: závěr na prázdné ploše, uprostřed */
#s-zaver .z-konec {
  position: absolute; left: 160px; right: 160px; top: 0; bottom: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center;
}
#s-zaver .z-konec[data-krok] { transform: translateY(24px); transition: opacity 700ms var(--ven) 250ms, transform 700ms var(--ven) 250ms; }
#s-zaver .z-konec[data-krok].je { transform: none; }
#s-zaver.hned .z-konec[data-krok] { transition: none; }

#s-zaver .z-talir { width: 150px; height: 150px; margin-bottom: 52px; }
#s-zaver .z-okraj { fill: var(--karta); stroke: var(--linka2); stroke-width: 2; }
#s-zaver .z-vnitrek { fill: none; stroke: var(--linka); stroke-width: 2; }
#s-zaver .z-jidlo {
  fill: none; stroke: var(--zelena); stroke-width: 7; stroke-linecap: round;
  stroke-dasharray: 214; stroke-dashoffset: 214; transition: stroke-dashoffset 1200ms var(--kresli) 500ms;
}
#s-zaver[data-k="1"] .z-jidlo { stroke-dashoffset: 0; }
#s-zaver.hned .z-jidlo { transition: none; }

#s-zaver .z-ikea { font-size: 48px; line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; color: var(--text2); }
#s-zaver .z-veta { margin-top: 18px; max-width: 1400px; font-size: 84px; line-height: 1.08; font-weight: 700; letter-spacing: -0.025em; text-wrap: balance; }
#s-zaver .z-znacka { margin-top: 64px; display: flex; align-items: baseline; justify-content: center; gap: 22px; font-size: 56px; line-height: 1.2; }
#s-zaver .z-znacka b { font-weight: 800; letter-spacing: -0.02em; color: var(--zelena); }
#s-zaver .z-znacka span { font-weight: 700; color: var(--text); letter-spacing: -0.02em; }

#s-zaver .z-dekujeme { position: absolute; right: var(--okraj-x); bottom: 60px; font-size: 34px; font-weight: 700; color: var(--text3); }
#s-zaver .z-dekujeme[data-krok] { transition-delay: 1400ms; }
#s-zaver.hned .z-dekujeme[data-krok] { transition-delay: 0ms; }

/* tisk: jen konečný stav (závěr), krok 0 by se s ním překrýval */
@media print {
  #s-zaver .z-faze0 { display: none !important; }
  #s-zaver .z-jidlo { stroke-dashoffset: 0; transition: none; }
}