/* 092 (10/2026): kviz v kategorii Pro deti, vzhled doladil 093. Generovano z kviz-pro-deti/sablona.html + vzhled-093.css skriptem sloz-web.php, neupravovat rucne. */
#kvizProDeti{margin:0 0 24px;font:17px/1.5 "Ubuntu","Segoe UI",Arial,sans-serif;color:#1c2430}
#kvizProDeti *{box-sizing:border-box}
#kvizProDeti{--modra:#08376D;--modra2:#0d57a8;--zelena:#3aa935;--zluta:#ffc93c;--ruzova:#ff6b9d;--tyrkys:#2ec4b6;--bg:#f3f8ff;--text:#1c2430;--slaby:#5d6b7c;--cara:#dfe6ee}
#kvizProDeti .kviz{background:#fff;border-radius:22px;box-shadow:0 6px 24px rgba(8,55,109,.12);overflow:hidden}
#kvizProDeti .hlava{background:linear-gradient(135deg,var(--modra) 0%,var(--modra2) 100%);color:#fff;padding:26px 28px 22px;position:relative}
#kvizProDeti .hlava h2.kviz-nadpis{margin:0 0 6px;font-size:28px;line-height:1.2}
#kvizProDeti .hlava p{margin:0;color:#dbe8fb;font-size:17px;padding-right:70px}
#kvizProDeti .hlava .maskot{position:absolute;right:22px;top:14px;font-size:54px;animation:kvizHoup 2.4s ease-in-out infinite}
@keyframes kvizHoup{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}
#kvizProDeti .postup{display:flex;gap:6px;padding:14px 28px 0}
#kvizProDeti .postup i{flex:1;height:8px;border-radius:8px;background:var(--cara);transition:background .3s}
#kvizProDeti .postup i.hotovo{background:var(--zelena)}
#kvizProDeti .postup i.ted{background:var(--zluta)}
#kvizProDeti .telo{padding:18px 28px 28px}
#kvizProDeti .otazka{font-size:24px;font-weight:700;color:var(--modra);margin:10px 0 4px}
#kvizProDeti .napoveda{color:var(--slaby);margin:0 0 16px;font-size:15px}
#kvizProDeti .volby{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
#kvizProDeti .volba{border:3px solid var(--cara);background:#fff;border-radius:18px;padding:16px 12px;font:inherit;font-weight:700;font-size:17px;color:var(--text);cursor:pointer;text-align:center;transition:transform .12s,border-color .12s,background .12s;min-height:104px}
#kvizProDeti .volba .obr{display:block;font-size:40px;line-height:1.1;margin-bottom:6px}
#kvizProDeti .volba:hover{transform:translateY(-3px);border-color:var(--modra2)}
#kvizProDeti .volba:active{transform:scale(.97)}
#kvizProDeti .volba.vybrano{border-color:var(--zelena);background:#eefaf0}
#kvizProDeti .volba:focus-visible{outline:3px solid var(--zluta);outline-offset:2px}
#kvizProDeti .radek{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px;flex-wrap:wrap}
#kvizProDeti .tl{border:0;border-radius:12px;padding:13px 26px;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
#kvizProDeti .tl.hlavni{background:var(--zelena);color:#fff}
#kvizProDeti .tl.hlavni:disabled{background:#b9c6d6;cursor:not-allowed}
#kvizProDeti .tl.zpet{background:#eef2f7;color:var(--modra)}
#kvizProDeti .vysledek h2{font-size:26px;color:var(--modra);margin:8px 0 4px}
#kvizProDeti .vysledek .shrnuti{color:var(--slaby);margin:0 0 18px}
#kvizProDeti .zbozi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
#kvizProDeti .kus{border:2px solid var(--cara);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-decoration:none;color:var(--text);transition:transform .12s,box-shadow .12s,border-color .12s}
#kvizProDeti .kus:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(8,55,109,.14);border-color:var(--modra2)}
#kvizProDeti .kus .foto{height:170px;background:#fff center/contain no-repeat;border-bottom:1px solid var(--cara)}
#kvizProDeti .kus .popis{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
#kvizProDeti .kus .jmeno{font-weight:700;font-size:15px;line-height:1.35;flex:1}
#kvizProDeti .kus .cena{font-size:20px;font-weight:700;color:var(--modra);margin-top:8px}
#kvizProDeti .kus .cena small{font-size:12px;font-weight:400;color:var(--slaby)}
#kvizProDeti .kus .jit{margin-top:10px;background:var(--zelena);color:#fff;border-radius:10px;padding:9px 10px;text-align:center;font-weight:700;font-size:15px}
#kvizProDeti .stitek{display:inline-block;background:#eaf3ff;color:var(--modra2);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;margin-bottom:6px;align-self:flex-start}
#kvizProDeti .prazdno{background:#fff8e6;border-radius:14px;padding:16px 18px}
#kvizProDeti .kus .jit .kr{display:none}
@media (max-width:560px){
#kvizProDeti .kus .jit .dl{display:none}
#kvizProDeti .kus .jit .kr{display:inline}
#kvizProDeti .hlava{padding:20px 18px}
#kvizProDeti .hlava h2.kviz-nadpis{font-size:22px;padding-right:56px}
#kvizProDeti .hlava .maskot{font-size:42px;right:14px}
#kvizProDeti .telo{padding:14px 16px 22px}
#kvizProDeti .postup{padding:12px 16px 0}
#kvizProDeti .otazka{font-size:20px}
#kvizProDeti .volby{grid-template-columns:1fr 1fr}
#kvizProDeti .volba{min-height:92px;font-size:15px;padding:12px 8px}
#kvizProDeti .volba .obr{font-size:34px}
#kvizProDeti .zbozi{grid-template-columns:1fr 1fr;gap:10px}
#kvizProDeti .kus .foto{height:120px}
#kvizProDeti .tl{flex:1}
}
#kvizProDeti .kviz:has(.postup i.hotovo) .hlava{padding-top:14px;padding-bottom:12px}
#kvizProDeti .kviz:has(.postup i.hotovo) .hlava p{display:none}
#kvizProDeti .kviz:has(.postup i.hotovo) .hlava h2.kviz-nadpis{font-size:19px;margin:0;padding-right:54px}
#kvizProDeti .kviz:has(.postup i.hotovo) .hlava .maskot{font-size:34px;top:6px}
#kvizProDeti .volba:nth-child(4n+1){background:#fff7dc;border-color:#ffe08a}
#kvizProDeti .volba:nth-child(4n+2){background:#ffeaf2;border-color:#ffc2d8}
#kvizProDeti .volba:nth-child(4n+3){background:#e3f8f5;border-color:#a8e6df}
#kvizProDeti .volba:nth-child(4n+4){background:#e8f1ff;border-color:#b9d3f7}
#kvizProDeti .volba:hover{border-color:var(--modra2)}
#kvizProDeti .volba.vybrano{background:#eefaf0;border-color:var(--zelena);box-shadow:0 0 0 3px rgba(58,169,53,.18)}
#kvizProDeti .volba.vybrano::after{content:"✓";position:absolute;right:10px;top:6px;color:var(--zelena);font-size:20px;font-weight:700}
#kvizProDeti .volba{position:relative}
#kvizProDeti .volba .obr{transition:transform .15s}
#kvizProDeti .volba:hover .obr,#kvizProDeti .volba.vybrano .obr{transform:scale(1.18) rotate(-6deg)}
#kvizProDeti .telo .radek{position:sticky;bottom:0;background:#fff;padding:10px 0 12px;margin-top:14px;z-index:2;
             box-shadow:0 -10px 12px -8px rgba(8,55,109,.10)}
@media (max-width:560px){
#kvizProDeti .volby{grid-template-columns:1fr 1fr}
#kvizProDeti .volba:last-child:nth-child(odd){grid-column:1 / -1}
#kvizProDeti .zbozi{grid-template-columns:1fr;gap:10px}
#kvizProDeti .kus{flex-direction:row;align-items:stretch}
#kvizProDeti .kus .foto{flex:none;width:112px;height:auto;min-height:112px;border-bottom:0;border-right:1px solid var(--cara)}
#kvizProDeti .kus .popis{padding:10px 12px 12px}
#kvizProDeti .kus .jmeno{font-size:14.5px;flex:none}
#kvizProDeti .kus .cena{margin-top:4px;font-size:18px}
#kvizProDeti .kus .jit{align-self:flex-start;margin-top:6px;padding:6px 14px;font-size:14px;white-space:nowrap}
#kvizProDeti .stitek{display:none}
#kvizProDeti .vysledek h2{font-size:21px}
#kvizProDeti .tl{white-space:nowrap;padding:12px 16px;font-size:16px}
#kvizProDeti .telo .radek{flex-wrap:nowrap}
#kvizProDeti .vysledek .radek{flex-wrap:wrap}
#kvizProDeti .vysledek .radek .tl{flex:1 1 auto;text-align:center}
#kvizProDeti .zbozi{grid-template-columns:minmax(0,1fr)}
}
#kvizProDeti .vysledek h2{font-weight:700}
#kvizProDeti .vysledek .kus{animation:kvizPrijezd .35s ease-out both}
#kvizProDeti .vysledek .kus:nth-child(2){animation-delay:.06s}
#kvizProDeti .vysledek .kus:nth-child(3){animation-delay:.12s}
#kvizProDeti .vysledek .kus:nth-child(4){animation-delay:.18s}
#kvizProDeti .vysledek .kus:nth-child(5){animation-delay:.24s}
#kvizProDeti .vysledek .kus:nth-child(6){animation-delay:.30s}
@keyframes kvizPrijezd{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
#kvizProDeti .vysledek .kus,#kvizProDeti .hlava .maskot{animation:none}
#kvizProDeti .volba .obr{transition:none}
}
#kvizProDeti .kviz{max-width:860px;margin:0 auto}
#kvizProDeti .hlava h2.kviz-nadpis{color:#fff}
#kvizProDeti a.kus,#kvizProDeti a.kus:hover{text-decoration:none;color:#1c2430}
#kvizProDeti a.tl.hlavni{color:#fff}