/* 07 · co jídelna dostane: tři fáze se šipkami (od y 272), dole zelený pruh s příkladem */
#s-dostane .tok { position: absolute; left: 80px; right: 80px; top: 272px; display: grid; grid-template-columns: 1fr 64px 1fr 64px 1.75fr; gap: 20px; align-items: stretch; }
#s-dostane .faze { display: flex; flex-direction: column; padding: 28px 32px 28px; height: 532px; }
#s-dostane .kdy { font-size: 22px; font-weight: 700; color: var(--zelena); text-transform: uppercase; letter-spacing: 0.06em; }
#s-dostane .hlava { display: flex; align-items: center; gap: 18px; margin-top: 14px; }
#s-dostane .hlava h2 { font-size: 44px; letter-spacing: -0.02em; }
#s-dostane .kruh { flex: none; width: 68px; height: 68px; border-radius: 50%; background: var(--zelena-svetla); color: var(--zelena); display: grid; place-items: center; }
#s-dostane .kruh .ilu { width: 42px; height: 42px; }
#s-dostane .sipka { align-self: center; width: 64px; height: 64px; color: var(--text3); }

/* měření: jeden talíř jako příklad (stejný talíř s knedlíkem jako na insightu) */
#s-dostane .jeden-talir { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#s-dostane .mini-talir { width: 170px; height: 170px; }
#s-dostane .mini-talir .okraj { fill: #fff; stroke: var(--text); stroke-width: 3; }
#s-dostane .mini-talir .vnitr { fill: none; stroke: var(--linka); stroke-width: 2; }
#s-dostane .mini-talir .priloha { stroke: #efe2c4; stroke-dasharray: 55 100; }
#s-dostane .mini-talir .omacka { stroke: var(--oranz2); stroke-dasharray: 15 100; stroke-dashoffset: -55; }
#s-dostane .gramy { margin-top: 16px; font-size: 64px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: var(--oranz); }
#s-dostane .co { margin-top: 8px; font-size: 30px; font-weight: 700; }
#s-dostane .kdy-talir { margin-top: 6px; font-size: 22px; color: var(--text3); }

/* analýza: dvě otázky */
#s-dostane .otazky { list-style: none; margin: 34px 0 0; padding: 0; display: flex; flex-direction: column; gap: 18px; }
#s-dostane .otazky li { font-size: 34px; font-weight: 700; line-height: 1.2; letter-spacing: -0.01em; }

/* opatření: seznam, položky nastupují po sobě */
#s-dostane .f3 { box-shadow: var(--stin), inset 0 0 0 3px var(--zelena); }
#s-dostane .kroky-opatreni { list-style: none; margin: 40px 0 0; padding: 0; display: flex; flex-direction: column; gap: 34px; }
#s-dostane .kroky-opatreni li { display: grid; grid-template-columns: 1fr; padding-left: 30px; position: relative; }
#s-dostane .kroky-opatreni li::before { content: ""; position: absolute; left: 0; top: 17px; width: 12px; height: 12px; border-radius: 50%; background: var(--zelena); }
#s-dostane .kroky-opatreni b { font-size: 36px; line-height: 1.2; }
#s-dostane .kroky-opatreni span { font-size: 24px; line-height: 1.3; color: var(--text2); margin-top: 4px; }
#s-dostane .f3.je .kroky-opatreni li { animation: s07-polozka 520ms var(--ven) both; }
#s-dostane .f3.je .kroky-opatreni li:nth-child(1) { animation-delay: 250ms; }
#s-dostane .f3.je .kroky-opatreni li:nth-child(2) { animation-delay: 380ms; }
#s-dostane .f3.je .kroky-opatreni li:nth-child(3) { animation-delay: 510ms; }
#s-dostane .f3.je .kroky-opatreni li:nth-child(4) { animation-delay: 640ms; }
#s-dostane .f3.je .kroky-opatreni li:nth-child(5) { animation-delay: 770ms; }
@keyframes s07-polozka { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
#s-dostane.hned .kroky-opatreni li { animation: none !important; }

/* příklad */
#s-dostane .priklad { position: absolute; left: 80px; right: 80px; top: 832px; height: 148px; display: flex; align-items: center; justify-content: center; gap: 36px; padding: 0 44px; border-radius: var(--r); background: var(--zelena-svetla); }
#s-dostane .znacka { flex: none; padding: 8px 20px 10px; border-radius: var(--pilulka); box-shadow: inset 0 0 0 2px var(--zelena); color: var(--zelena); font-size: 24px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
#s-dostane .priklad .cislo { flex: none; color: var(--zelena); font-size: 88px; }
#s-dostane .priklad .cislo small { color: var(--zelena); opacity: 0.75; }
#s-dostane .vysvetleni { font-size: 36px; font-weight: 600; line-height: 1.3; }
#s-dostane .knedliky ellipse { fill: #f3e7cc; stroke: #c9b088; stroke-width: 3; }