/* Animovaná novoročenka – přehrávač a konfigurátor (novorocenky.cz). Zdroj: pf-editor/index.html, sestaveno build-prehravac.js – needitovat ručně. */
* { box-sizing:border-box; }
  html, body { margin:0; height:100%; overflow:hidden; background:#0d1b2a; font-family:"Segoe UI", Arial, sans-serif; color:#222;
    -webkit-tap-highlight-color:transparent; }
  /* ---------- scéna ---------- */
  #pozadi, #pozadi > *, #efekt { position:fixed; inset:0; width:100%; height:100%; }
  #pozadi > * { object-fit:cover; background:center/cover no-repeat; opacity:0; transition:opacity 1.2s ease; }
  #pozadi > .on { opacity:1; }
  #pozadi canvas { display:block; }
  #logoFirmy { position:fixed; left:3vw; top:3vh; max-width:22vw; max-height:14vh; z-index:2; display:none;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.25)); }
  #efekt { pointer-events:none; z-index:3; }
  #kouzlo { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:6; }
  /* vyhlazení hran při jemném vznášení – bez „cukání“ rámečku a okraje přání */
  #karta .lic { outline:1px solid transparent; -webkit-font-smoothing:antialiased; }
  /* světelný záblesk přes přání při příletu */
  #karta .lic::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
    background:linear-gradient(110deg, rgba(255,240,200,0) 30%, rgba(255,236,190,.55) 46%, rgba(255,255,255,.9) 50%, rgba(255,236,190,.55) 54%, rgba(255,240,200,0) 70%);
    background-size:260% 100%; background-position:150% 0; mix-blend-mode:screen; }
  #karta.zablesk .lic::after { animation:pkZablesk 1.3s ease-out forwards; }
  @keyframes pkZablesk { 0% { opacity:1; background-position:150% 0; } 85% { opacity:1; } 100% { opacity:0; background-position:-60% 0; } }
  #karta.zablesk .lic { box-shadow:0 0 70px 14px rgba(255,214,130,.55), 0 22px 50px rgba(0,0,0,.35); transition:box-shadow 1.6s ease; }
  #skladani { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:5; transition:opacity .7s; }
  #karta.skryto .list { opacity:0; }
  /* rámeček kolem přání (jako na původní animaci) */
  #karta .lic { border:var(--ramW,0px) solid var(--ramC,transparent); border-image:var(--ramImg,none); background-origin:content-box; background-clip:content-box; }
  #karta.ram-tma .lic { background-color:transparent; }
  /* otočení: stín přímo na listu – rozmazaná podložka ve 3D přání rozpůlila */
  #karta.otoceni .lic { box-shadow:0 3px 8px rgba(0,0,0,.45), 0 22px 50px rgba(0,0,0,.35); }
  /* vysunutí vnitřní strany: obálka zmizí, vnitřek se zvětší na střed */
  #karta.kniha .obalka { transition:transform 1.6s cubic-bezier(.45,.05,.25,1), opacity .8s ease; }
  #karta.vysunuto .vnitrek .stin { opacity:0; }
  #karta .vnitrek .lic { transition:box-shadow .8s ease; }
  #karta.vysunuto .vnitrek .lic { box-shadow:0 4px 12px rgba(0,0,0,.45), 0 28px 70px rgba(0,0,0,.4); }
  #karta.vysunuto .podlozka { opacity:0; }
  .ramecky { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
  .ramecek { width:46px; height:46px; border-radius:8px; cursor:pointer; position:relative; background:#ccc center/cover; border:3px solid transparent; box-shadow:0 1px 4px rgba(0,0,0,.2); }
  .ramecek.on { border-color:#c8102e; }
  .ramecek::after { content:""; position:absolute; inset:7px; background:#f4f0ea; }
  .ramecek.zadny::after { inset:0; background:repeating-linear-gradient(45deg,#f4f0ea 0 6px,#e2ddd5 6px 12px); }
  .ramecek small { position:absolute; left:-4px; right:-4px; bottom:-17px; font-size:9.5px; text-align:center; color:#666; }
  .ramecky-sirka { display:flex; gap:6px; margin-top:24px; }
  .ramecky-sirka button { flex:1; border:2px solid #eee; background:#fff; border-radius:8px; padding:6px; font-size:12.5px; cursor:pointer; }
  .ramecky-sirka button.on { border-color:#c8102e; background:#fff6f7; }
  #karta.objevit .list { transition:opacity .7s ease, transform 1.6s cubic-bezier(.45,.05,.25,1); }
  #karta .dilky { position:absolute; inset:0; transform-style:preserve-3d; transform:translateZ(1px); pointer-events:none; }
  #karta .dilek { position:absolute; background-repeat:no-repeat; backface-visibility:hidden; -webkit-backface-visibility:hidden;
    transition:transform 1.5s cubic-bezier(.2,.75,.2,1), opacity .6s ease; }
  .dlazdice i { position:absolute; top:4px; left:4px; font-style:normal; font-size:9.5px; font-weight:700; background:rgba(200,16,46,.92); color:#fff; padding:2px 6px; border-radius:8px; letter-spacing:.3px; }
  .dlazdice b.vip { position:absolute; top:3px; right:5px; font-size:12px; }
  #scena { transition:right .35s cubic-bezier(.3,.7,.3,1); }
  body.panel-on #scena { right:380px; }
  body.panel-on #upravitBtn, body.panel-on .tlac-otevrit, body.panel-on #lista { display:none !important; }
  #scena { position:fixed; inset:0 0 56px 0; display:flex; align-items:center; justify-content:center; perspective:2600px; z-index:4; }
  #vznos { transform-style:preserve-3d; will-change:transform; }
  #karta { position:relative; transform-style:preserve-3d; cursor:pointer; }
  #karta .list, #karta .lic { position:absolute; inset:0; transform-style:preserve-3d; }
  #karta .lic { backface-visibility:hidden; -webkit-backface-visibility:hidden; background:#fff center/100% 100% no-repeat; }
  #karta .papir { background:#fbfaf6; }
  #karta .stin { position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity 1.4s ease; }
  #karta .podlozka { position:absolute; inset:0; transform:translateZ(-2px); background:rgba(0,0,0,.45); filter:blur(18px);
    transition:transform 1.4s ease, opacity 1.4s; }
  /* režim otočení */
  #karta.otoceni .list { transition:transform 1.4s cubic-bezier(.45,.05,.25,1); }
  #karta.otoceni .zadni { transform:rotateY(180deg); }
  #karta.otoceni.otevreno .list { transform:rotateY(-180deg); }
  /* režim knížka */
  #karta.kniha .obalka { transition:transform 1.6s cubic-bezier(.45,.05,.25,1); transform-origin:0 50%; }
  #karta.kniha.nahoru .obalka { transform-origin:50% 0; }
  #karta.kniha .obalka .zadni { transform:rotateY(180deg); }
  #karta.kniha.nahoru .obalka .zadni { transform:rotateX(180deg); }
  #karta.kniha.otevreno .obalka { transform:rotateY(-165deg); }
  #karta.kniha.nahoru.otevreno .obalka { transform:rotateX(165deg); }
  /* vysunutí: přední díl se přeloží dozadu pod vnitřní stranu (karta ohnutá naruby), nic nezmizí skokem */
  #karta.kniha.vysunuto .obalka { transform:rotateY(-357deg); }
  #karta.kniha.nahoru.vysunuto .obalka { transform:rotateX(357deg); }
  #karta.kniha .vnitrek .stin { background:linear-gradient(to right, rgba(0,0,0,.35), rgba(0,0,0,0) 70%); opacity:1; }
  #karta.kniha.nahoru .vnitrek .stin { background:linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,0) 70%); }
  #karta.kniha.otevreno .vnitrek .stin { opacity:0; }
  #karta.kniha .obalka .zadni .stin { background:linear-gradient(to left, rgba(0,0,0,.12), rgba(0,0,0,0) 12%); opacity:1; }
  #karta.kniha.nahoru .obalka .zadni .stin { background:linear-gradient(to top, rgba(0,0,0,.12), rgba(0,0,0,0) 12%); }
  #karta .obal { position:absolute; inset:0; transform-style:preserve-3d; transition:transform 1.6s cubic-bezier(.45,.05,.25,1); }
  /* přílet */
  #karta .letec { position:absolute; inset:0; transform-style:preserve-3d; transition:transform 1.8s cubic-bezier(.16,.8,.3,1), opacity 1s; }
  #karta.daleko .letec { transform:translateZ(-2600px) translateY(-30vh) rotateZ(-25deg) rotateY(-200deg); opacity:0; }
  .tlac-otevrit { position:fixed; left:50%; bottom:calc(72px + env(safe-area-inset-bottom)); transform:translateX(-50%); z-index:5;
    background:rgba(255,255,255,.92); border:0; border-radius:30px; padding:12px 26px; font-size:16px; font-weight:600; color:#b3122a;
    box-shadow:0 6px 20px rgba(0,0,0,.25); cursor:pointer; display:none; }
  /* úvod */
  #uvod { position:fixed; inset:0; z-index:20; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px;
    background:radial-gradient(ellipse at 50% 45%, rgba(13,27,42,.55), rgba(13,27,42,.85)); color:#fff; text-align:center; padding:20px;
    transition:opacity .8s; }
  #uvod.pryc { opacity:0; pointer-events:none; }
  /* režim natáčení videa (video/render.js): jen přání a pozadí */
  body.rezim-video #uvod, body.rezim-video #lista, body.rezim-video #upravitBtn, body.rezim-video #tlacOtevrit, body.rezim-video #konfOkno, body.rezim-video #hlaska, body.rezim-video #panel { display:none !important; }
  #uvod h1 { margin:0; font:300 clamp(26px,5vw,44px)/1.2 Georgia, "Times New Roman", serif; letter-spacing:.5px; }
  #uvod p { margin:0; opacity:.8; }
  #uvod .uvod-demo { max-width:520px; opacity:1; font-size:14.5px; line-height:1.45; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); border-radius:10px; padding:10px 16px; }
  #uvod .uvod-demo[hidden] { display:none; }
  #uvod .uvod-demo b { color:#ffd27a; }
  #konfOkno { position:fixed; inset:0; z-index:19; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(10,18,30,.45);
    animation:konfIn .5s ease; }
  #konfOkno[hidden] { display:none; }
  #upravitBtn.puls { animation:pkPuls 1.2s ease-out 3; }
  @keyframes pkPuls { 0% { box-shadow:0 0 0 0 rgba(255,255,255,.85), 0 4px 16px rgba(0,0,0,.25); transform:scale(1); }
    30% { transform:scale(1.08); } 70% { box-shadow:0 0 0 22px rgba(255,255,255,0), 0 4px 16px rgba(0,0,0,.25); transform:scale(1); }
    100% { box-shadow:0 0 0 0 rgba(255,255,255,0), 0 4px 16px rgba(0,0,0,.25); } }
  @keyframes konfIn { from { opacity:0; } to { opacity:1; } }
  #konfOkno .konf-karta { background:#fff; border-radius:16px; max-width:600px; width:100%; padding:22px 24px; box-shadow:0 20px 60px rgba(0,0,0,.45); animation:konfKarta .5s cubic-bezier(.2,.8,.3,1.2); }
  @keyframes konfKarta { from { transform:translateY(24px) scale(.96); opacity:0; } to { transform:none; opacity:1; } }
  #konfOkno h2 { margin:0; font:400 26px/1.2 Georgia, "Times New Roman", serif; color:#1f2a44; }
  #konfOkno .konf-pod { margin:4px 0 12px; color:#8a8378; font-size:13.5px; }
  #konfOkno .konf-karta .bublina { box-shadow:none; padding:0; margin:0; max-width:none; background:none; }
  #konfOkno .konf-karta .bublina::before { display:none; }
  #konfOkno .konf-tlacitka { display:flex; gap:10px; margin-top:16px; flex-wrap:wrap; }
  #konfOkno .konf-tlacitka .hlavni { flex:2 1 220px; }
  #konfOkno .konf-tlacitka .vedlejsi { flex:1 1 140px; }
  #uvod .bublina, #konfOkno .bublina { position:relative; max-width:560px; background:rgba(255,255,255,.96); color:#2a2a2a; text-align:left; border-radius:14px;
    padding:16px 20px; font-size:14.5px; line-height:1.5; box-shadow:0 10px 40px rgba(0,0,0,.35); margin-top:6px; }
  #uvod .bublina::before { content:""; position:absolute; top:-9px; left:50%; margin-left:-9px; border:9px solid transparent; border-top:0; border-bottom-color:rgba(255,255,255,.96); }
  #konfOkno .bublina > b { display:block; color:#b3122a; font-size:16px; margin-bottom:6px; }
  #konfOkno .bublina p { opacity:1; margin:0 0 8px; }
  #konfOkno .bublina ol { margin:0; padding-left:20px; }
  #konfOkno .bublina li { margin:4px 0; }
  @media (max-width:600px) { #uvod .bublina { font-size:13px; padding:12px 14px; } #uvod { gap:12px; } }
  #uvod button { margin-top:8px; background:#c8102e; color:#fff; border:0; border-radius:40px; padding:16px 38px; font-size:19px; font-weight:600;
    cursor:pointer; box-shadow:0 8px 30px rgba(200,16,46,.5); animation:puls 2s infinite; }
  @keyframes puls { 50% { transform:scale(1.05); box-shadow:0 8px 40px rgba(200,16,46,.75); } }
  /* spodní lišta */
  #lista { position:fixed; left:0; right:0; bottom:0; height:56px; z-index:6; display:flex; align-items:center; gap:10px; padding:0 14px;
    background:linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0)); color:#fff; font-size:12px; }
  #lista button { background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); color:#fff; border-radius:20px; height:34px;
    padding:0 14px; cursor:pointer; font-size:13px; }
  #lista .vyrobce { margin-left:auto; opacity:.75; }
  #lista .vyrobce a { color:#fff; }
  /* ---------- editor (vyjížděcí panel) ---------- */
  #upravitBtn { position:fixed; top:14px; right:14px; z-index:8; background:#fff; color:#b3122a; border:0; border-radius:26px; padding:11px 18px;
    font-size:15px; font-weight:700; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.25); display:none; align-items:center; gap:8px; }
  #panel { position:fixed; top:0; right:0; bottom:0; width:min(380px, 100vw); z-index:10; background:#fff; box-shadow:-8px 0 30px rgba(0,0,0,.25);
    transform:translateX(105%); transition:transform .35s cubic-bezier(.3,.7,.3,1); display:flex; flex-direction:column; }
  #panel.on { transform:none; }
  #panel header { padding:18px 20px 12px; border-bottom:1px solid #eee; display:flex; align-items:center; }
  #panel header h2 { margin:0; font-size:19px; }
  #panel header small { display:block; color:#888; font-weight:400; font-size:12px; margin-top:2px; }
  #panel .zavrit { margin-left:auto; border:0; background:#f2f2f2; width:36px; height:36px; border-radius:50%; font-size:22px; cursor:pointer; }
  #panel .obsah { flex:1; overflow:auto; padding:6px 20px 20px; }
  #panel h3 { font-size:13px; text-transform:uppercase; letter-spacing:.8px; color:#b3122a; margin:20px 0 10px; display:flex; align-items:center; gap:8px; }
  #panel h3 .krok { background:#b3122a; color:#fff; width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:11px; }
  .filtr { display:flex; gap:6px; margin-bottom:10px; flex-wrap:wrap; }
  .filtr button { border:1px solid #ddd; background:#fff; border-radius:14px; padding:4px 11px; font-size:12px; cursor:pointer; }
  .filtr button.on { background:#222; color:#fff; border-color:#222; }
  .mrizka { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
  .dlazdice { position:relative; aspect-ratio:16/10; border-radius:8px; overflow:hidden; cursor:pointer; border:3px solid transparent;
    background:#eee center/cover no-repeat; box-shadow:0 1px 4px rgba(0,0,0,.15); }
  .dlazdice.on { border-color:#c8102e; }
  .dlazdice span { position:absolute; left:0; right:0; bottom:0; padding:12px 4px 3px; font-size:10.5px; color:#fff; text-align:center;
    background:linear-gradient(transparent, rgba(0,0,0,.65)); }
  .dlazdice.nahrat { display:flex; align-items:center; justify-content:center; flex-direction:column; background:#f6f4f0; border:2px dashed #c9c2b5; color:#776; font-size:11px; text-align:center; }
  .dlazdice.nahrat b { font-size:22px; line-height:1; }
  .volby { display:flex; flex-direction:column; gap:6px; }
  .volba { display:flex; align-items:center; gap:10px; padding:9px 12px; border:2px solid #eee; border-radius:10px; cursor:pointer; background:#fff; text-align:left; font-size:14px; }
  .volba.on { border-color:#c8102e; background:#fff6f7; }
  .volba .ik { font-size:20px; width:26px; text-align:center; }
  .volba small { display:block; color:#888; font-size:11.5px; }
  .volba .hraje { margin-left:auto; font-size:11px; color:#c8102e; display:none; }
  .volba.on .hraje { display:block; }
  .radek { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
  .firemni { margin-top:10px; padding:12px; background:#f7f7f7; border-radius:10px; font-size:13px; display:none; }
  .firemni.on { display:block; }
  .logo-volba { display:flex; gap:12px; align-items:center; margin-top:12px; padding:12px; background:#f7f7f7; border-radius:10px; font-size:13px; }
  .logo-nahled { width:70px; height:70px; border-radius:8px; background:#fff center/contain no-repeat; border:1px dashed #ccc; display:flex; align-items:center; justify-content:center; font-size:10.5px; color:#999; text-align:center; flex:none; }
  .logo-nahled.ma { border-style:solid; color:transparent; }
  .logo-tl { display:inline-block; margin-top:6px; padding:6px 12px; font-size:12.5px; }
  .firemni label { display:flex; align-items:center; gap:8px; margin:6px 0; }
  .firemni input[type=color] { width:40px; height:30px; border:0; padding:0; background:none; }
  #panel footer { padding:14px 20px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid #eee; display:flex; flex-direction:column; gap:8px; }
  .hlavni { background:#c8102e; color:#fff; border:0; border-radius:8px; padding:14px; font-size:16px; font-weight:700; cursor:pointer; }
  .vedlejsi { background:#fff; color:#333; border:1px solid #ccc; border-radius:8px; padding:10px; font-size:14px; cursor:pointer; }
  .info { font-size:12px; color:#666; line-height:1.45; }
  #hlaska { position:fixed; left:50%; top:20px; transform:translate(-50%,-150%); z-index:30; background:#1f7a3a; color:#fff; padding:12px 20px;
    border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,.3); transition:transform .4s; max-width:90vw; font-size:14px; }
  #hlaska:not(.on) { transform:translate(-50%, calc(-100% - 60px)); visibility:hidden; transition:transform .4s, visibility 0s .4s; }
  #hlaska.on { transform:translate(-50%,0); }
  #karta.jedna .lic { box-shadow:0 3px 8px rgba(0,0,0,.45), 0 22px 50px rgba(0,0,0,.35); }
  #odkazy { display:none; margin-top:4px; }
  #odkazy.on { display:block; }
  #odkazy input { width:100%; font-size:12px; padding:7px; border:1px solid #ccc; border-radius:6px; margin:3px 0 8px; background:#fafafa; }
  /* nápovědy */
  .otaz { flex:none; width:19px; height:19px; padding:0; border-radius:50%; border:1.5px solid #b3122a; background:#fff; color:#b3122a; font:700 11.5px/1 Arial, sans-serif;
    cursor:pointer; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; margin-left:4px; text-transform:none; letter-spacing:0; }
  .otaz.on, .otaz:hover { background:#b3122a; color:#fff; }
  .napoveda { position:relative; margin:8px 0 10px; padding:11px 13px; background:#fff8e6; border:1px solid #f0d58c; border-radius:10px; font-size:12.5px; line-height:1.5;
    color:#3a3326; text-align:left; font-weight:400; animation:napIn .25s ease; }
  .napoveda b { color:#1f2a44; }
  .napoveda ol, .napoveda ul { margin:5px 0 0; padding-left:18px; }
  .napoveda li { margin:3px 0; }
  .napoveda .zavrit-nap { position:absolute; top:4px; right:6px; border:0; background:none; font-size:16px; color:#998; cursor:pointer; }
  @keyframes napIn { from { opacity:0; transform:translateY(-4px); } }
  /* sdílení */
  .sd-jazyk { display:flex; gap:5px; flex-wrap:wrap; margin:8px 0 10px; }
  .sd-jazyk button { border:1px solid #ddd; background:#fff; border-radius:14px; padding:4px 10px; font-size:12px; cursor:pointer; }
  .sd-jazyk button.on { background:#222; color:#fff; border-color:#222; }
  .sd-nahled { width:100%; aspect-ratio:1200/630; border-radius:8px; background:#1f2a44 center/cover; display:block; box-shadow:0 2px 8px rgba(0,0,0,.2); }
  .sd-texty { display:grid; gap:5px; margin:10px 0; }
  .sd-texty input { width:100%; box-sizing:border-box; font-size:13px; padding:7px 9px; border:1px solid #ccc; border-radius:6px; }
  .sd-tl { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin:8px 0; }
  .sd-tl a, .sd-tl button { display:block; text-align:center; text-decoration:none; font-size:12.5px; padding:8px 6px; line-height:1.25; }
  .sd-tl small { display:block; color:#888; font-size:10.5px; }
  .sd-blok { margin-top:12px; padding:12px; background:#f7f7f7; border-radius:10px; font-size:13px; }
  .sd-blok b { display:block; margin-bottom:3px; }
  .sd-qr { display:flex; gap:12px; align-items:center; }
  .sd-qr img { width:84px; height:84px; flex:none; background:#fff; border-radius:6px; }
  #sdileni.demo .sd-jen-karta { display:none; }
  .sd-video { margin-top:14px; padding:14px; border-radius:12px; background:linear-gradient(135deg,#1f2a44,#0e1526); color:#fff; font-size:13px; line-height:1.5; }
  /* výzva k videu: pruh pod hlavičkou panelu + zlaté tlačítko v bloku videa */
  .video-vyzva { display:flex; align-items:center; gap:10px; width:100%; border:0; cursor:pointer; text-align:left; padding:10px 20px;
    background:linear-gradient(90deg,#1f2a44,#2c3b63); color:#fff; font-size:13px; line-height:1.35; border-bottom:2px solid #e9c46a; }
  .video-vyzva b { color:#f6e3a1; display:block; font-size:14px; }
  .video-vyzva .sipka { margin-left:auto; background:#e9c46a; color:#1f2a44; font-weight:700; border-radius:16px; padding:6px 11px; white-space:nowrap; font-size:12.5px; }
  .video-vyzva[hidden] { display:none; }
  .zlate { width:100%; margin-top:10px; border:0; border-radius:10px; padding:14px; cursor:pointer; font-size:15.5px; font-weight:700; color:#1f2a44;
    background:linear-gradient(135deg,#f6e3a1,#d4a74a 60%,#b88a2e); box-shadow:0 6px 18px rgba(0,0,0,.35); animation:zlatePuls 2.4s ease-in-out infinite; }
  .zlate small { display:block; font-weight:400; font-size:12px; margin-top:2px; }
  @keyframes zlatePuls { 50% { box-shadow:0 6px 26px rgba(233,196,106,.75); transform:scale(1.015); } }
  .sd-video .potvrdit { margin-top:10px; background:#fff; color:#222; border-radius:10px; padding:12px; font-size:13px; }
  .sd-video .potvrdit b { color:#1f2a44; }
  .sd-video .potvrdit .tl { display:flex; gap:8px; margin-top:10px; }
  .sd-video .potvrdit .tl button { flex:1; }
  .sd-video > b.sd-titul { display:block; font-size:15px; color:#f6e3a1; margin-bottom:4px; }
  .sd-video .info { color:#d9dfef; }
  .sd-video .hlavni { width:100%; margin-top:10px; font-size:14px; padding:12px; }
  .sd-video .vedlejsi { color:#1f2a44; }
  .sd-video video { width:120px; float:right; margin:0 0 6px 10px; border-radius:8px; }
  .sd-video .platba { display:flex; gap:12px; align-items:center; background:#fff; color:#222; border-radius:10px; padding:10px; margin-top:10px; }
  .sd-video .platba img { width:120px; height:120px; flex:none; }
  .sd-video .platba td { padding:1px 8px 1px 0; font-size:12.5px; }
  .sd-video .stazeni { display:grid; gap:6px; margin-top:10px; }
  .sd-video .stazeni a { display:block; text-align:center; text-decoration:none; padding:9px; font-size:13px; }
  .sd-video .tocime { display:flex; gap:10px; align-items:center; margin-top:10px; }
  .sd-video .tocime i { width:18px; height:18px; border-radius:50%; border:3px solid rgba(246,227,161,.3); border-top-color:#f6e3a1; animation:tocime 1s linear infinite; flex:none; }
  @keyframes tocime { to { transform:rotate(360deg); } }
  #sdileni:not(.demo) .sd-jen-demo { display:none; }
  @media (max-width:600px) {
    body.panel-on #scena { right:0; bottom:56vh; top:0; }
    #panel { top:auto; height:56vh; width:100vw; border-radius:16px 16px 0 0; transform:translateY(105%); }
    #panel.on { transform:none; }
    .mrizka { grid-template-columns:repeat(3,1fr); }
    #infoRezim, #panel header small { display:none; }
  }