/* 3D animace – převzato z teleskopprothese.cool */
.film{margin:clamp(24px,4vw,40px) auto 0;text-align:left}
.film-stage{position:relative;aspect-ratio:16/9;border-radius:calc(var(--r,10px) * 1.4);overflow:hidden;background:radial-gradient(75% 90% at 50% 40%,#1b1517 0%,#0a0809 55%,#000 100%);box-shadow:0 40px 90px -45px rgba(107,79,216,.55),0 0 0 1px rgba(107,79,216,.10)}
.film-stage::before{content:"";position:absolute;inset:0;background:#000;opacity:calc(var(--flash,0) + var(--fade,0));pointer-events:none;z-index:1}
.film canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.film-stage.grab canvas{cursor:grabbing}
.film-hint{position:absolute;z-index:2;right:14px;bottom:12px;font:600 12px var(--body);color:#5d5a6b;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);border:1px solid #e3e0ee;border-radius:99px;padding:6px 12px 6px 30px;pointer-events:none;transition:opacity .5s}
.film-hint::before{content:"";position:absolute;left:11px;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid #6b4fd8;border-radius:50%;border-left-color:transparent;animation:fspin 2.4s linear infinite}
.film.hinted .film-hint{opacity:0}
.film:not(.ready) .film-stage::after{content:"";position:absolute;inset:0;margin:auto;width:40px;height:40px;border-radius:50%;border:3px solid #cfd2da;border-top-color:#6b4fd8;animation:fspin 1s linear infinite}
.film-bar{display:flex;align-items:center;gap:14px;margin-top:16px}
.film-play{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:#6b4fd8;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(107,79,216,.8)}
.film-play::before{content:"";width:11px;height:13px;border-left:4px solid #fff;border-right:4px solid #fff}
.film-play.paused::before{width:0;height:0;border-left:12px solid #fff;border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}
.film-range{flex:1;accent-color:#6b4fd8}
.film-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.film-steps button{font:600 13px var(--body);text-align:left;border:0;border-top:2px solid #dcd8ea;background:none;padding:9px 2px 0;color:#8e8a9e;cursor:pointer;transition:.25s}
.film-steps button b{display:block;font-size:11px;color:#6b4fd8;letter-spacing:.12em}
.film-steps button.done{border-top-color:rgba(107,79,216,.45);color:#5d5a6b}
.film-steps button.on{border-top-color:#6b4fd8;color:var(--ink)}
.film-cap{min-height:54px;margin-top:10px;font-size:16.5px;font-weight:600;color:var(--ink)}
.film-cap [data-ph]{display:none}
.film-cap [data-ph].on{display:block;animation:fcap .5s}
html:not([data-l="de"]) .film-cap [lang="de"],html:not([data-l="cs"]) .film-cap [lang="cs"],html:not([data-l="ru"]) .film-cap [lang="ru"]{display:none!important}
@keyframes fcap{from{opacity:0;transform:translateY(6px)}}
@media (max-width:640px){.film-stage{aspect-ratio:4/3}.film-hint{font-size:11px;right:10px;bottom:9px}}
@media (max-width:640px){.film-steps button{font-size:11px}.film-cap{font-size:15px}.film-bar{gap:10px}}
@media (max-width:420px){.film-steps{gap:5px}.film-steps button{font-size:10px;overflow-wrap:anywhere;hyphens:auto}}
@media (max-width:480px){.film-steps{grid-template-columns:repeat(2,1fr);gap:4px 10px}.film-steps button{font-size:12px;overflow-wrap:normal;hyphens:manual}}
.film-tabs{position:absolute;z-index:3;left:0;right:0;top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px;background:linear-gradient(rgba(6,5,8,.75),rgba(6,5,8,0))}
.film-tabs button{font:inherit;text-align:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);backdrop-filter:blur(6px);color:rgba(255,255,255,.72);border-radius:12px;padding:9px 10px;cursor:pointer;transition:.25s;line-height:1.25}
.film-tabs button b{display:block;font-size:14px;font-weight:700;color:#fff}
.film-tabs button small{display:block;font-size:12px;margin-top:2px}
.film-tabs button:hover{border-color:rgba(169,147,255,.7)}
.film-tabs button.on{background:#6b4fd8;border-color:#6b4fd8;color:#fff;box-shadow:0 10px 24px -10px rgba(107,79,216,.9)}
.film-steps .st{display:none}
.film[data-sc="0"] .film-steps .st[data-sc="0"],.film[data-sc="1"] .film-steps .st[data-sc="1"],.film[data-sc="2"] .film-steps .st[data-sc="2"]{display:inline}
@media (max-width:640px){.film-tabs{position:static;background:none;padding:0 0 10px;gap:6px}.film-stage{display:flex;flex-direction:column;overflow:visible;background:none;box-shadow:none;aspect-ratio:auto}.film-stage canvas{aspect-ratio:4/3;border-radius:calc(var(--r,10px) * 1.4);background:radial-gradient(75% 90% at 50% 40%,#1b1517 0%,#0a0809 55%,#000 100%);height:auto}.film-tabs button{padding:7px 4px;border-color:#dcd8ea;background:#fff;color:#5d5a6b}.film-tabs button b{font-size:11.5px;color:var(--ink)}.film-tabs button small{font-size:10px}.film-tabs button.on b{color:#fff}.film-hint{bottom:9px}}
.film-stage{background:radial-gradient(80% 95% at 50% 38%,#3a5296 0%,#1b2a5e 52%,#0b1233 100%)!important}
.film-tabs{background:linear-gradient(rgba(8,14,40,.7),rgba(8,14,40,0))}
/* úpravy pro tmavý úvod dentalpraxis */
.hero .film{margin:0}
.hero .film-tabs{display:none!important}
html[data-l="de"] .film [lang]:not([lang="de"]),html[data-l="cs"] .film [lang]:not([lang="cs"]),html[data-l="ru"] .film [lang]:not([lang="ru"]){display:none!important}
.hero .film-stage{border-radius:26px;box-shadow:0 50px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.hero .film-play{background:var(--lime);box-shadow:none}
.hero .film-play::before{border-color:var(--ink)}
.hero .film-play.paused::before{border-left-color:var(--ink)}
.hero .film-range{accent-color:var(--lime)}
.hero .film-steps button{color:#8fa8a6;border-top-color:rgba(255,255,255,.16)}
.hero .film-steps button b{color:var(--lime)}
.hero .film-steps button.done{border-top-color:rgba(185,208,74,.45);color:#c3d3d2}
.hero .film-steps button.on{border-top-color:var(--lime);color:#fff}
.hero .film-cap{color:#fff}
@media (max-width:640px){.hero .film-stage canvas{border-radius:20px}}