*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0A0C0B;color:#F5F3EE;font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#F5F3EE;text-decoration:none;transition:color .3s}
a:hover{color:#D9E14C}
::selection{background:#D9E14C;color:#06282C}
input,textarea,select{font-family:Poppins,sans-serif}
input::placeholder,textarea::placeholder{color:rgba(245,243,238,.38)}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(217,225,76,.6) !important}
@media (max-width:1060px){.nav-links{display:none !important}}
@media (max-width:760px){.tl-grid{grid-template-columns:32px minmax(0,1fr) !important}.tl-left{grid-column:2 !important;text-align:left !important}.tl-dotcell{grid-column:1 !important;grid-row:auto !important}.tl-line{left:16px !important}}

/* Responzivita — mobilní menu a breakpointy */
#nav-burger{display:none;position:relative;z-index:960;width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,243,238,.35);background:rgba(10,12,11,.4);cursor:pointer;flex-shrink:0;margin-left:12px;padding:0;transition:border-color .3s}
#nav-burger:hover{border-color:#D9E14C}
#nav-burger span{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#F5F3EE;transition:transform .35s cubic-bezier(.16,1,.3,1),top .35s cubic-bezier(.16,1,.3,1)}
#nav-burger span:nth-child(1){top:17px}
#nav-burger span:nth-child(2){top:25px}
#nav-burger.open span:nth-child(1){top:21px;transform:rotate(45deg)}
#nav-burger.open span:nth-child(2){top:21px;transform:rotate(-45deg)}
@media (max-width:1060px){#nav-burger{display:block}}
#mobile-menu{position:fixed;inset:0;z-index:950;background:rgba(10,12,11,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:90px clamp(28px,9vw,64px) 48px;opacity:0;pointer-events:none;transition:opacity .35s ease}
#mobile-menu.open{opacity:1;pointer-events:auto}
#mobile-menu .mm-link{display:flex;align-items:baseline;gap:14px;font-family:Poppins;font-weight:600;font-size:clamp(26px,7.5vw,42px);line-height:1.25;letter-spacing:.01em;color:#F5F3EE;padding:6px 0}
#mobile-menu .mm-link small{font-size:12px;font-weight:700;letter-spacing:.18em;color:#D9E14C}
#mobile-menu .mm-cta{margin-top:28px;display:inline-flex;align-items:center;gap:10px;background:#D9E14C;color:#06282C;border-radius:999px;padding:16px 30px;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
#mobile-menu .mm-cta:hover{color:#06282C}
body.menu-open{overflow:hidden}
body.menu-open #nav{z-index:970 !important;background:transparent !important;border-bottom-color:transparent !important}
@media (max-width:760px){
  #nav-logo{font-size:44px !important}
  #nav-logo>span{width:48px !important;height:40px !important}
  #nav a.btn-lime{display:none !important}
}
@media (max-width:900px){#vyuziti>div{grid-template-columns:1fr !important}}
@media (hover:none){.hero-cta-tip{opacity:1;transform:none}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes floatY2{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.14)}}
@keyframes xpulse{0%,100%{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(217,225,76,.55)}70%{box-shadow:0 0 0 9px rgba(217,225,76,0)}100%{box-shadow:0 0 0 0 rgba(217,225,76,0)}}
@keyframes badgeGlow{0%,100%{box-shadow:0 0 6px rgba(217,225,76,.25);opacity:.92}50%{box-shadow:0 0 22px rgba(217,225,76,.65);opacity:1}}
.hero-cta-tip{opacity:0;transform:translateX(-18px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.hero-cta-row:hover .hero-cta-tip{opacity:1;transform:translateX(0)}
[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
[data-reveal="scale"]{transform:scale(1.04)}
[data-tl-img]{transform-origin:left top;will-change:transform,opacity}
.tl-left [data-tl-img]{transform-origin:right top}
[data-inview="1"]{opacity:1 !important}
[data-inview="1"]:not([data-plx]){transform:none !important}
[data-plx][data-inview="1"]{transition:opacity 1s cubic-bezier(.16,1,.3,1)}

/* Hover stavy (v .dc originálu řešené atributem style-hover) */
a.btn-lime{transition:transform .3s,box-shadow .3s,color .3s}
a.btn-lime:hover{color:#06282C;transform:translateY(-2px)}
a.btn-lime.big:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(217,225,76,.28)}
.cta-arrow{transition:transform .4s}
a.btn-lime.big:hover .cta-arrow,a.btn-dark.big:hover .cta-arrow{transform:rotate(45deg)}
a.btn-dark{transition:transform .3s,box-shadow .3s,color .3s}
a.btn-dark:hover{color:#F5F3EE;transform:translateY(-2px)}
a.btn-dark.big:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(6,40,44,.35)}
a.btn-outline:hover{color:#D9E14C;border-color:#D9E14C}
.card-e1:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(6,40,44,.28),0 0 0 1px rgba(217,225,76,.4)}
.img-zoom{transition:transform 1.4s cubic-bezier(.16,1,.3,1)}
.img-zoom:hover{transform:scale(1.06)}
.gal-btn:hover{background:#D9E14C !important;color:#06282C !important}
.uc-btn:hover{background:rgba(245,243,238,.08) !important}
button.btn-lime{transition:transform .3s,box-shadow .3s}
button.btn-lime:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(217,225,76,.25)}

/* Cookie lišta */
#cookie-banner{position:fixed;left:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:990;max-width:520px;background:#0F1413;border:1px solid rgba(245,243,238,.14);border-radius:24px;padding:26px 28px;box-shadow:0 24px 70px rgba(0,0,0,.55);font-size:14px;line-height:1.6}
#cookie-banner h3{font-family:Poppins;font-weight:600;font-size:17px;margin-bottom:8px}
#cookie-banner p{color:rgba(245,243,238,.7);margin-bottom:16px;font-size:13px}
#cookie-banner a{color:#D9E14C;text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{border:none;border-radius:999px;padding:12px 22px;font-family:Poppins;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,color .25s}
.cookie-btn.primary{background:#D9E14C;color:#06282C}
.cookie-btn.primary:hover{transform:translateY(-2px)}
.cookie-btn.ghost{background:transparent;color:#F5F3EE;border:1px solid rgba(245,243,238,.35)}
.cookie-btn.ghost:hover{border-color:#D9E14C;color:#D9E14C}
.cookie-cats{display:none;flex-direction:column;gap:12px;margin-bottom:16px;border-top:1px solid rgba(245,243,238,.12);padding-top:16px}
.cookie-cats.open{display:flex}
.cookie-cat{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.cookie-cat strong{display:block;font-size:13px;font-weight:600}
.cookie-cat span{display:block;font-size:12px;color:rgba(245,243,238,.55);margin-top:2px}
.cookie-switch{position:relative;flex-shrink:0;width:44px;height:24px}
.cookie-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:2}
.cookie-switch i{position:absolute;inset:0;border-radius:999px;background:rgba(245,243,238,.18);transition:background .25s;pointer-events:none}
.cookie-switch i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#F5F3EE;transition:transform .25s}
.cookie-switch input:checked + i{background:#D9E14C}
.cookie-switch input:checked + i::after{transform:translateX(20px);background:#06282C}
.cookie-switch input:disabled + i{opacity:.5}

/* Právní stránky */
.legal{max-width:820px;margin:0 auto;padding:140px clamp(20px,4vw,56px) 90px}
.legal h1{font-family:Poppins;font-weight:600;font-size:clamp(30px,4.6vw,54px);line-height:1.1;margin-bottom:18px}
.legal h2{font-family:Poppins;font-weight:600;font-size:clamp(19px,2vw,25px);margin:38px 0 12px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:rgba(245,243,238,.78);margin-bottom:12px}
.legal ul{padding-left:22px;margin-bottom:14px}
.legal table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;line-height:1.5}
.legal th,.legal td{text-align:left;padding:10px 12px;border:1px solid rgba(245,243,238,.14);color:rgba(245,243,238,.8);vertical-align:top}
.legal th{background:rgba(245,243,238,.06);font-weight:600;color:#F5F3EE}
.legal a{color:#D9E14C;text-decoration:underline}
.legal .meta{font-size:13px;color:rgba(245,243,238,.5)}
.legal-table-wrap{overflow-x:auto}
