/* Fullscreen product deck – stejný princip posunu jako na omeli.cz. */
html, body { height: 100%; overflow: hidden; }
body { position: fixed; inset: 0; }
.topbar { position: fixed; inset: 0 0 auto; }
.helios-deck { width: 100%; height: 100dvh; overflow: hidden; }
.helios-slides { height: 100%; transition: transform 1s cubic-bezier(.86,0,.07,1); will-change: transform; }
.helios-slides > .section { height: 100dvh; min-height: 100dvh; overflow: hidden; padding-top: 104px; padding-bottom: 55px; }
.helios-slides > .hero { padding-top: 104px; }
.helios-slides > .modules { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #777 #121216; }
.helios-slides > .modules::-webkit-scrollbar { width: 5px; }
.helios-slides > .modules::-webkit-scrollbar-thumb { background: #777; }
.deck-dots { position: fixed; right: clamp(15px,2.5vw,36px); top: 50%; transform: translateY(-50%); z-index: 20; display: flex; flex-direction: column; gap: 12px; }
.deck-dots button { width: 7px; height: 7px; padding: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.55); background: transparent; transition: .35s cubic-bezier(.16,1,.3,1); cursor: pointer; }
.deck-dots button.is-active { background: #fff; border-color: #fff; transform: scale(1.45); }
.deck-dots.is-on-light button { border-color: rgba(12,12,14,.48); }
.deck-dots.is-on-light button.is-active { background: #0c0c0e; border-color: #0c0c0e; }
.topbar.is-on-light.is-scrolled { background: rgba(245,245,242,.82); border-color: rgba(12,12,14,.12); }
.topbar.is-on-light a { color: #101014; }
.topbar.is-on-light nav a { color: #5d5c62; }
.topbar.is-on-light .nav-cta { border-color: #101014; }
.topbar.is-on-light .menu-button { color: #101014; }
footer { display: none; }
@media (max-width: 800px) { .helios-slides > .section { padding-top: 86px; padding-bottom: 38px; } .helios-slides > .hero { padding-top: 82px; } .deck-dots { right: 11px; gap: 10px; } .deck-dots button { width: 6px; height: 6px; } }