/* Interaktivní ukázka SmartPubu (27. 10. 2026). Vlastní barvy, aby fungovala na beelectronic.net i smartpub.cz. */
.uk{--uk-zel:#4a7d10;--uk-zel2:#3b6a0c;--uk-text:#1d2418;--uk-sedy:#5f6a57;--uk-pod:#f4f6ef;--uk-ram:#dfe5d6;color:var(--uk-text);font-size:16px;line-height:1.5}
.uk *{box-sizing:border-box}
.uk-prehravac{display:none;background:#fff;border:1px solid var(--uk-ram);border-radius:18px;box-shadow:0 18px 50px -24px rgba(29,36,24,.35);overflow:hidden}
.uk.je-js .uk-prehravac{display:block}
.uk.je-js .uk-staticke{display:none}
.uk-kapitoly{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 10px;border-bottom:1px solid var(--uk-ram);background:var(--uk-pod)}
.uk-kapitoly button{font:inherit;font-size:14px;border:1px solid var(--uk-ram);background:#fff;color:var(--uk-text);border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer}
.uk-kapitoly button[aria-current="true"]{background:var(--uk-zel);border-color:var(--uk-zel);color:#fff}
.uk-kapitoly button:focus-visible,.uk-ovl button:focus-visible,.uk-bod:focus-visible,.uk-konec a:focus-visible,.uk-konec button:focus-visible{outline:3px solid #9fd34a;outline-offset:2px}
.uk-lista{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#eef1e8;border-bottom:1px solid var(--uk-ram);font-size:13px;color:var(--uk-sedy)}
.uk-lista i{width:10px;height:10px;border-radius:50%;background:#cfd6c4}
.uk-lista span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uk-plocha{position:relative;background:#eef1e8;line-height:0}
.uk-plocha img{display:block;width:100%;height:auto;transition:opacity .18s}
.uk-plocha.nacita img{opacity:.35}
/* zvýraznění nezakrývá to, na co se klepe: průhledný kroužek, u nových kroků rámeček přesně kolem tlačítka (majitel 30. 10.) */
.uk-bod{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;border:3px solid #4a7d10;background:transparent;cursor:pointer;padding:0;box-shadow:0 0 0 2px #fff,0 0 0 0 rgba(74,125,16,.55);animation:uk-puls 1.6s ease-out infinite}
.uk-bod.ram{margin:0;transform:translate(-50%,-50%);border-radius:12px;min-width:40px;min-height:34px}

.uk-bod-stitek{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);white-space:nowrap;background:var(--uk-text);color:#fff;font:600 13px/1.2 system-ui,sans-serif;padding:6px 10px;border-radius:8px;pointer-events:none}
.uk-bod.nahore .uk-bod-stitek{top:auto;bottom:calc(100% + 12px)}
.uk-bod.vlevo .uk-bod-stitek{left:auto;right:-6px;transform:none}
.uk-bod.vpravo .uk-bod-stitek{left:-6px;transform:none}
@keyframes uk-puls{0%{box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(74,125,16,.55)}80%{box-shadow:0 0 0 2px #fff,0 0 0 20px rgba(74,125,16,0)}100%{box-shadow:0 0 0 2px #fff,0 0 0 2px rgba(74,125,16,0)}}
@media (prefers-reduced-motion:reduce){.uk-bod{animation:none;box-shadow:0 0 0 6px rgba(74,125,16,.35)}.uk-plocha img{transition:none}}
.uk-popis{padding:18px 20px 6px}
.uk-krok{font-size:13px;font-weight:600;color:var(--uk-zel2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.uk-popis h3{font-size:22px;line-height:1.25;margin:0 0 6px;color:var(--uk-text)}
.uk-popis p{margin:0 0 8px;color:#3b4634;max-width:70ch}
.uk-rada{font-size:14px;color:var(--uk-sedy)!important}
.uk-ovl{display:flex;align-items:center;gap:12px;padding:12px 20px 18px}
.uk-ovl button{font:600 15px/1 system-ui,sans-serif;min-height:46px;padding:0 20px;border-radius:12px;cursor:pointer;border:1px solid var(--uk-ram);background:#fff;color:var(--uk-text)}
.uk-ovl button.uk-dalsi{background:var(--uk-zel);border-color:var(--uk-zel);color:#fff}
.uk-ovl button:disabled{opacity:.4;cursor:default}
.uk-pruh{flex:1;height:8px;border-radius:999px;background:#e4e9dc;overflow:hidden}
.uk-pruh i{display:block;height:100%;width:0;background:var(--uk-zel);transition:width .25s}
.uk-konec{padding:28px 20px 30px;text-align:center}
.uk-konec h3{font-size:24px;margin:0 0 8px;color:var(--uk-text)}
.uk-konec p{margin:0 auto 16px;max-width:52ch;color:#3b4634}
.uk-konec .uk-tl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.uk-konec a,.uk-konec button{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:12px;font:600 15px/1 system-ui,sans-serif;text-decoration:none;border:1px solid var(--uk-ram);background:#fff;color:var(--uk-text);cursor:pointer}
.uk-konec a.hlavni{background:var(--uk-zel);border-color:var(--uk-zel);color:#fff}
.uk-staticke{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.uk-staticke figure{margin:0;background:#fff;border:1px solid var(--uk-ram);border-radius:14px;overflow:hidden}
.uk-staticke img{display:block;width:100%;height:auto}
.uk-staticke figcaption{padding:14px 16px;color:#3b4634}
.uk-staticke figcaption b{display:block;color:var(--uk-text);margin-bottom:2px}
.uk-pozn{font-size:14px;color:var(--uk-sedy);margin-top:14px}
@media (max-width:640px){
  .uk-popis{padding:14px 16px 4px}.uk-popis h3{font-size:19px}
  .uk-ovl{padding:10px 16px 16px;gap:8px}.uk-ovl button{padding:0 14px}
  .uk-bod{width:44px;height:44px;margin:-22px 0 0 -22px}.uk-bod.ram{margin:0}
  .uk-bod-stitek{display:none}
  .uk-lista{display:none}
}