/* ==========================================================
   Finance Talent — web Andrey Hynes (vybraný návrh A „Světlý")
   Barvy výhradně z grafického manuálu (ZE-BRAND 2026): modrá Pantone 282
   #0B1F3F nese web (tlačítka, uzly, kruh, pásy), tyrkys 7709 #5BB0B9 je
   doprovodná (tečky, linky, záře, okraje) — jako text tmavší #28707A kvůli
   kontrastu. Červená 485 #E9322A jen decentně: tečka loga, za jménem,
   za několika nadpisy a „dnes" v kalendáři.
   Stavba podle Balabán A: pevná hlavička, view transitions, nástup.
   ========================================================== */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:block;src:url(fonty/BricolageGrotesque-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:block;src:url(fonty/BricolageGrotesque-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:block;src:url(fonty/InstrumentSans-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:block;src:url(fonty/InstrumentSans-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --bg:#F3F6F8; --bg-2:#E8EEF2; --bg-3:#D6E0E7; --modra-tma:#0B1F3F;
  --ft-tma:#0B1F3F; --ft-tyrkys:#5BB0B9; --ft-cervena:#E9322A;
  --ink:#0E1626; --text:#0E1626; --text-2:#2A3445; --muted:#566275;
  --accent:#0B1F3F; --brand:#0B1F3F; --brand-l:#5BB0B9; --tyrkys-t:#28707A; --modra-2:#1C4371;
  --accent-soft:rgba(91,176,185,.16); --accent-line:rgba(11,31,63,.22);
  --grad:linear-gradient(135deg,#0B1F3F 0%,#1C4371 100%);
  --grad-tyrkys:linear-gradient(90deg,#0B1F3F,#5BB0B9);
  --on-accent:#fff;
  --card:#fff; --border:#D9E3EA; --border-h:rgba(91,176,185,.7);
  --shadow:0 18px 48px rgba(11,31,63,.09); --shadow-s:0 4px 18px rgba(11,31,63,.06);
  --shadow-h:0 0 0 1px rgba(91,176,185,.35),0 24px 56px rgba(11,31,63,.14),0 0 60px rgba(91,176,185,.16);
  --maxw:1200px; --bar-h:38px; --nav-h:80px; --hl-h:calc(var(--bar-h) + var(--nav-h));
  --ease:cubic-bezier(.2,.7,.2,1); --jemne:cubic-bezier(.65,0,.35,1); --r:18px;
  --display:'Bricolage Grotesque',Georgia,serif;
  --sans:'Instrument Sans',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip;touch-action:manipulation}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hl-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:700;color:var(--ink);line-height:1.08;margin:0;letter-spacing:-.025em}
p{margin:0 0 1.1em}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.obal{max-width:var(--maxw);margin:0 auto;padding:0 20px}
:focus-visible{outline:2px solid var(--ft-tyrkys);outline-offset:3px;border-radius:6px}
.nz{white-space:nowrap}

/* ---------- značka ---------- */
.ft-logo{width:auto;height:1em;color:var(--ft-tma);overflow:visible}
.ft-logo .ft-tecka{fill:var(--ft-cervena)}
.ft-napis{width:auto;height:1em;color:var(--ft-tyrkys);display:block}
.znacka{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-height:44px;flex:none}
.znacka .ft-logo{height:36px;transition:transform .45s var(--ease)}
.znacka .ft-napis{height:15.5px;margin-top:11px}
.znacka:hover .ft-logo{transform:translateY(-2px)}

/* ---------- typografie sekcí ---------- */
.bod{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ft-tyrkys);flex:none;box-shadow:0 0 0 4px var(--accent-soft)}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:600 14.5px/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--tyrkys-t)}
.nadpis{font-size:clamp(30px,4.2vw,48px);padding-bottom:.04em}
.podnadpis{max-width:640px;color:var(--muted);font-size:17.5px;margin-top:18px}
.na-stred{text-align:center}
.na-stred .eyebrow{justify-content:center}
.na-stred .podnadpis{margin-left:auto;margin-right:auto}

/* ---------- tlačítka ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;font:600 17px/1 var(--sans);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,border-color .3s,color .3s}
.btn svg{font-size:18px;transition:transform .3s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-modra{background:var(--grad);color:var(--on-accent);box-shadow:0 10px 26px rgba(11,31,63,.24)}
.btn-modra:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(11,31,63,.34)}
.btn-obrys{color:var(--ink);border-color:var(--border);background:#fff}
.btn-obrys:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:var(--shadow-s)}

/* ---------- hlavička (stejná na všech stránkách) ---------- */
.hlavicka{position:sticky;top:0;z-index:50;background:rgba(243,246,248,.9);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .35s var(--ease),border-color .35s}
.hlavicka.stin{border-color:var(--border);box-shadow:0 6px 28px rgba(11,31,63,.06)}
.hlavicka .obal{max-width:none;padding:0 clamp(20px,3.2vw,56px);height:var(--nav-h);display:flex;align-items:center;gap:24px}
.hlavicka nav{flex:1;display:flex;justify-content:center}
.menu{display:none;gap:4px;list-style:none;padding:0;margin:0}
.menu a{position:relative;display:block;padding:10px 12px;white-space:nowrap;text-align:center;font:500 15px/1.2 var(--sans);text-decoration:none;color:var(--text-2);border-radius:999px;background:transparent;transition:none}
.menu a:hover{background:rgba(91,176,185,.14)}
.menu a[aria-current="page"]:hover{background:transparent}
.menu{position:relative}
.menu li{position:relative;z-index:1}
.menu a:hover{color:var(--ink)}
.menu a[aria-current="page"]{color:var(--ink)}
/* podklad stojí na aktuální stránce, přepne se okamžitě (najetí myší s ním nehýbe) */
.menu-svetlo{position:absolute;z-index:0;top:0;left:0;width:0;height:0;border-radius:999px;opacity:0;pointer-events:none;background:rgba(91,176,185,.22);box-shadow:inset 0 0 0 1px rgba(91,176,185,.5);}
.nav-tel{display:none;align-items:center;gap:9px;padding:0 20px;min-height:44px;border-radius:999px;border:0;background:var(--grad);color:var(--on-accent);text-decoration:none;font:600 14.5px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 22px rgba(11,31,63,.22);transition:box-shadow .5s var(--ease),filter .5s var(--ease)}
.nav-tel svg{font-size:16px;color:currentColor}
.nav-tel:hover{filter:brightness(1.08);box-shadow:0 12px 30px rgba(11,31,63,.32)}
.burger{margin-left:auto;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;cursor:pointer;color:var(--ink);transition:border-color .3s}
.burger:hover{border-color:var(--ft-tyrkys)}
.burger span{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .35s var(--ease),top .35s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-otevrene .burger span{background:transparent}
.menu-otevrene .burger span::before{top:0;transform:rotate(45deg)}
.menu-otevrene .burger span::after{top:0;transform:rotate(-45deg)}
.m-menu{position:fixed;inset:var(--hl-h) 0 0;z-index:49;background:var(--bg);padding:12px 20px calc(28px + env(safe-area-inset-bottom));overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}
.menu-otevrene .m-menu{opacity:1;transform:none;visibility:visible;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.m-menu a{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid var(--bg-3);text-decoration:none;font:600 21px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.m-menu a[aria-current="page"]{color:var(--tyrkys-t)}
.m-menu a svg{color:var(--ft-tyrkys);font-size:20px}
.m-menu .m-kontakt{margin-top:26px;display:grid;gap:10px}
.m-menu .m-kontakt a{border:0;min-height:48px;font:600 16px/1.2 var(--sans);letter-spacing:0;justify-content:flex-start;gap:12px}
@media (min-width:1200px){.menu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);width:min(100%,860px)}.burger,.m-menu{display:none}.nav-tel{display:inline-flex}}

/* ---------- horní lišta záhlaví: profily (Spotify, YouTube, LinkedIn) ---------- */
.lista-horni{height:var(--bar-h);background:var(--modra-tma);color:rgba(255,255,255,.78)}
.lista-horni .obal{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lista-horni .lh-text{margin:0;font:500 12.5px/1.8 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lista-horni .lh-text::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 1px 0;border-radius:50%;background:var(--ft-cervena);vertical-align:middle}
.soc{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex:none}
.soc a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:currentColor;transition:background .25s,color .25s,transform .3s var(--ease)}
.soc svg{font-size:18px}
.soc-lista{margin-right:-6px}
.soc-lista a:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
@media (max-width:599px){.lh-dlouhe{display:none}.lista-horni .lh-text{font-size:11.5px;letter-spacing:.07em}}
@media (max-width:359px){.lista-horni .lh-text{display:none}.lista-horni .obal{justify-content:flex-end}}

/* ---------- HERO: postava zleva, jméno vpravo ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(900px 600px at 26% 70%,rgba(91,176,185,.28),transparent 65%),
  linear-gradient(180deg,#E8EEF2 0%,#D9E4EA 100%)}
.hero-kruh{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;
  width:min(150vw,1500px);aspect-ratio:1;left:50%;top:100%;translate:-50% -14%;
  border:1px solid rgba(91,176,185,.3);box-shadow:0 0 0 90px rgba(91,176,185,.05),0 0 0 200px rgba(91,176,185,.035)}
.hero-mrizka{display:grid;gap:0;padding-top:44px}
.hero-text{position:relative;z-index:2;order:1}
.hero h1{font-weight:800;color:var(--ink);letter-spacing:-.045em;line-height:.9}
.hj{display:block;font-size:clamp(52px,14.6vw,128px)}
.tecka{display:inline-block;width:.2em;height:.2em;margin-left:.06em;border-radius:50%;background:var(--ft-cervena);vertical-align:baseline}
.hero-obor{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:28px;font:600 clamp(13px,1.3vw,15px)/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2)}
.hero-obor .linka{display:block;width:44px;height:2px;background:var(--grad-tyrkys)}
.ob-bod{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ft-tyrkys)}
.hero-postava{position:relative;order:2;margin:24px 0 0;height:clamp(400px,118vw,520px);display:flex;justify-content:center;align-items:flex-end}
.hero-postava img{position:relative;z-index:1;height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 40px rgba(11,31,63,.16))}
.hp-tecka{position:absolute;z-index:0;left:50%;bottom:6%;width:min(88%,430px);aspect-ratio:1;translate:-50% 0;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#3D7C9E 0%,#1C4371 38%,#0B1F3F 78%);box-shadow:0 40px 90px rgba(11,31,63,.3),0 0 0 14px rgba(91,176,185,.14),0 0 120px rgba(91,176,185,.35)}
@media (min-width:900px){
  .hero-mrizka{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px;padding-top:0;min-height:calc(100svh - var(--hl-h))}
  .hero-postava{order:0;margin:0;height:min(1000px,calc(100svh - var(--hl-h) - 24px));justify-content:center}
  .hero-text{order:0;align-self:center;padding:40px 0 60px}
  .hj{font-size:clamp(72px,8.2vw,128px)}
  .hp-tecka{width:min(86%,560px);bottom:10%}
}
/* oddělovač pod herem: prohnutý tmavomodrý pruh s tyrkysovou linkou překryje spodní
   hranu fotky — postava na něm „stojí" a sekce Aktuálně začíná čistě pod ním */
.hero-oddelovac{position:absolute;z-index:3;left:-2px;right:-2px;bottom:-2px;height:clamp(44px,7vw,110px);pointer-events:none;display:block}
.hero-oddelovac svg{display:block;width:100%;height:100%}
.hero-oddelovac .ho-pas{fill:var(--modra-tma)}
.hero-oddelovac .ho-linka{fill:none;stroke:var(--ft-tyrkys);stroke-width:2;vector-effect:non-scaling-stroke}
.hero-oddelovac .ho-spodek{fill:var(--bg)}
/* orchestrovaný nástup */
.js [data-nastup]{opacity:0;transform:translateY(16px)}
.js .hp-tecka{transform:scale(.6);opacity:0}
.js .hero-postava img{opacity:0;transform:translateY(30px)}
.nastoupeno [data-nastup]{opacity:1;transform:none;transition:opacity 1.2s var(--ease),transform 1.2s var(--ease);transition-delay:calc(var(--d,0) * 130ms)}
.nastoupeno .hp-tecka{opacity:1;transform:none;transition:transform 1.2s cubic-bezier(.2,.9,.25,1.15),opacity .8s var(--ease)}
.nastoupeno .hero-postava img{opacity:1;transform:none;transition:opacity 1.1s var(--ease) .35s,transform 1.1s var(--ease) .35s}
.nastoupeno .hero-obor .linka{animation:linka 1s var(--ease) .7s both}
@keyframes linka{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}

/* červená tečka — decentně, jen za několika nadpisy */
.tecka-c{display:inline-block;width:.16em;height:.16em;margin-left:.08em;border-radius:50%;background:var(--ft-cervena);vertical-align:baseline}

/* ---------- Aktuálně: kalendář akcí ---------- */
.aktualne{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}
/* dvě karty vedle sebe: stejně vysoké, se stejnou tmavou hlavičkou */
.akt-mrizka{display:grid;gap:22px;align-items:stretch}
.kal,.akt-seznam{display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}
.kal-hlava,.akt-hlava{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:96px;padding:0 20px;color:#fff;isolation:isolate;
  background:radial-gradient(260px 160px at 85% 0%,rgba(91,176,185,.45),transparent 70%),var(--grad)}
.kal-titul{text-align:center;min-width:0}
.kal-mesic,.akt-nadpis{margin:0;font:700 clamp(21px,2.2vw,25px)/1.15 var(--display);letter-spacing:-.02em;color:#fff}
.kal-pocet{display:inline-flex;align-items:center;gap:7px;margin:6px 0 0;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#A9DCE1}
.kal-pocet::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ft-tyrkys)}
.kal-sipka{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:20px;transition:background .25s,border-color .25s,transform .25s var(--ease)}
.kal-sipka:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.45)}
.kal-sipka:active{transform:scale(.94)}
.kal-sipka:disabled{opacity:.3;cursor:default;background:transparent}
.kal-telo{flex:1;display:flex;flex-direction:column;padding:16px 16px 14px}
.kal-dny,.kal-mrizka{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.kal-dny{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--bg-3)}
.kal-dny span{text-align:center;font:700 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kal-dny span:nth-child(n+6){color:var(--tyrkys-t)}
.kal-den{position:relative;display:grid;place-items:center;height:clamp(40px,10.5vw,52px);border-radius:12px;font:500 15px/1 var(--sans);color:var(--text-2);background:none;border:0;padding:0}
.kal-den.mimo{visibility:hidden}
.kal-den.minule{color:#A9B3BE}
.kal-den.dnes{background:var(--accent-soft);color:var(--ink);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--ft-tyrkys)}
.kal-den.dnes::after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--ft-cervena)}
button.kal-den{cursor:pointer;font-weight:700;color:#fff;background:var(--grad);box-shadow:0 8px 18px rgba(11,31,63,.22);transition:transform .25s var(--ease),box-shadow .25s}
button.kal-den::before{content:"";position:absolute;bottom:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ft-tyrkys)}
button.kal-den:hover,button.kal-den:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px rgba(11,31,63,.28),inset 0 0 0 2px var(--ft-tyrkys)}
button.kal-den.minule{background:var(--bg-3);color:var(--text-2);box-shadow:none}
.kal-legenda{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:auto 0 0;padding-top:14px;border-top:1px solid var(--bg-3);font-size:13px;color:var(--muted)}
.kal-mrizka{margin-bottom:14px}
.kal-legenda span{display:inline-block;width:12px;height:12px;border-radius:4px}
.kal-legenda .kl-akce{background:var(--grad)}
.kal-legenda .kl-dnes{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--ft-tyrkys);margin-left:10px}
/* seznam nejbližších akcí — řádky v kartě, oddělené linkou */
.akt-hlava{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:0 24px}
.akt-seznam ul{list-style:none;margin:0;padding:8px 10px 10px;display:flex;flex-direction:column;flex:1}
.akt-seznam li+li .akt-polozka{border-top:1px solid var(--bg-3)}
.akt-polozka{width:100%;display:flex;align-items:center;gap:16px;padding:14px 10px;border:0;border-radius:14px;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .3s,transform .35s var(--ease)}
.akt-polozka:hover{background:var(--bg);transform:translateX(4px)}
.akt-seznam li+li .akt-polozka:hover{border-top-color:transparent}
.ap-datum{flex:none;width:54px;height:58px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(11,31,63,.18)}
.ap-datum b{font:800 22px/1 var(--display)}
.ap-datum small{margin-top:4px;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ft-tyrkys)}
.ap-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.ap-text strong{font:700 16.5px/1.25 var(--display);color:var(--ink)}
.ap-text span{font-size:14px;color:var(--muted)}
.ap-sipka{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:16px;transition:background .3s,color .3s,border-color .3s}
.akt-polozka:hover .ap-sipka{background:var(--ink);border-color:var(--ink);color:#fff}
.akt-prazdne{margin:auto;padding:24px;color:var(--muted);font-size:15px;text-align:center}
@media (min-width:900px){.akt-mrizka{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.kal-telo{padding:20px 22px 18px}.kal-den{font-size:16px}.akt-seznam ul{padding:10px 14px 14px}}

/* ---------- okno: detail akce a přehrávač (nativní <dialog>) ---------- */
.okno{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:24px;background:#fff;color:var(--text);box-shadow:0 40px 100px rgba(11,31,63,.4);overflow:hidden}
.okno::backdrop{background:rgba(11,31,63,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.okno[open]{animation:oknoIn .45s var(--ease)}
.okno[open]::backdrop{animation:oknoBg .45s var(--ease)}
@keyframes oknoIn{from{opacity:0;transform:translateY(18px) scale(.98)}}
@keyframes oknoBg{from{opacity:0}}
.okno-ram{position:relative;max-height:calc(100dvh - 24px);overflow:auto}
.okno-zavrit{position:absolute;z-index:3;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);font-size:20px;cursor:pointer;box-shadow:0 6px 18px rgba(11,31,63,.2);transition:transform .3s var(--ease),background .25s}
.okno-zavrit:hover{transform:rotate(90deg);background:#fff}
.okno-foto{position:relative;margin:0;aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}
.okno-foto img{width:100%;height:100%;object-fit:cover}
.okno-foto::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(11,31,63,.55),transparent)}
.okno-datum{position:absolute;z-index:2;left:20px;bottom:18px;display:flex;align-items:center;gap:10px;margin:0;color:#fff;font:600 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.okno-datum::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ft-cervena)}
.okno-text{padding:24px 24px 28px}
.okno-text h2{font-size:clamp(24px,3vw,32px);margin:0 0 14px}
.okno-fakta{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.okno-fakta li{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);font:600 14px/1 var(--sans);color:var(--ink)}
.okno-fakta svg{color:var(--tyrkys-t);font-size:16px}
.okno-text p{color:var(--text-2);margin:0}
.okno-text .btn{margin-top:20px}
.okno-video{position:relative;aspect-ratio:16/9;background:#000}
.okno-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.okno-spotify{background:var(--modra-tma)}
.okno-spotify iframe{display:block;width:100%;height:352px;border:0;border-radius:12px}
.okno-pruh{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:0;font:600 15px/1.3 var(--sans);color:var(--ink)}
.okno-pruh a{margin-left:auto;font-size:14px;color:var(--tyrkys-t);white-space:nowrap}
@media (min-width:700px){.okno-text{padding:30px 34px 34px}}
html.okno-otevrene{overflow:hidden}
/* Calendly v okně — širší, iframe na výšku obrazovky */
.okno.okno-calendly{width:min(1060px,calc(100vw - 24px))}
.okno-calendly .okno-ram{padding-top:60px;background:var(--modra-tma)}
.okno-calendly .okno-zavrit{top:8px;right:8px;background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.okno-calendly .okno-zavrit:hover{background:rgba(91,176,185,.3)}
.okno-calendly .okno-ram>.okno-obsah>p{position:absolute;top:0;left:20px;right:70px;height:60px;display:flex;align-items:center;margin:0;color:#fff;font:600 15px/1.2 var(--sans)}
.okno-kalendar{background:#fff}
.okno-kalendar iframe{display:block;width:100%;height:min(720px,calc(100dvh - 90px));border:0}
/* přehrávač: zavírací tlačítko v tmavém pruhu nad videem, ať nezakrývá ovládání YouTube */
.okno-prehravac .okno-ram{padding-top:60px;background:var(--modra-tma)}
.okno-prehravac .okno-zavrit{top:8px;right:8px;background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.okno-prehravac .okno-zavrit:hover{background:rgba(91,176,185,.3)}
.okno-prehravac .okno-pruh{background:#fff}
.okno-spotify{padding:0 16px 16px}

/* ---------- O mně ---------- */
.om-mrizka{display:grid;gap:56px}
.om-scena{position:relative;max-width:520px;width:100%;margin:0 auto;padding:28px 34px 40px 28px;perspective:1300px}
.om-karta{--rx:4deg;--ry:14deg;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease)}
.om-scena.jede .om-karta{transition:transform .15s linear}
.om-deska{position:absolute;inset:0;border-radius:24px}
.om-deska-1{background:var(--grad);transform:translate3d(-22px,22px,-40px);opacity:.9}
.om-deska-2{background:var(--ft-tyrkys);transform:translate3d(-44px,44px,-80px);opacity:.55}
.om-portret{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/5;background:var(--bg-3);
  box-shadow:0 2px 0 rgba(255,255,255,.6) inset,0 40px 80px rgba(11,31,63,.28),0 0 90px rgba(11,31,63,.16)}
.om-portret img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.2s var(--ease)}
.om-scena:hover .om-portret img{transform:scale(1.08)}
.om-lesk{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.28) 48%,rgba(255,255,255,0) 62%);
  background-size:250% 100%;background-position:var(--lx,100%) 0;mix-blend-mode:soft-light;transition:background-position .9s var(--ease)}
.om-jmenovka{position:absolute;left:-22px;bottom:28px;margin:0;padding:14px 20px;border-radius:16px;
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 22px 44px rgba(11,31,63,.18);transform:translateZ(70px)}
.om-jmenovka strong{display:block;font:700 19px/1.2 var(--display);color:var(--ink)}
.om-jmenovka span{font-size:13.5px;color:var(--muted)}
.om-text .nadpis{margin-bottom:6px}
.om-text .om-uvod{font:600 clamp(19px,2vw,23px)/1.4 var(--display);color:var(--tyrkys-t);margin-bottom:22px}
.om-text p{color:var(--text-2)}
.om-role{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px;perspective:900px}
.om-role li{position:relative;display:flex;flex-direction:column;gap:3px;padding:18px 18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-s);overflow:hidden;isolation:isolate;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
/* okraj a záře sledují kurzor (stejný recept jako dlaždice „Kam dál") */
.om-role li::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),var(--ft-tyrkys),rgba(91,176,185,.4) 26%,transparent 50%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.om-role li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.om-role .or-ik{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:12px;font-size:20px;background:var(--accent-soft);color:var(--accent);transition:transform .5s var(--ease),background .4s,color .4s,box-shadow .4s}
.om-role b{font:700 16.5px/1.2 var(--display);color:var(--ink)}
.om-role .or-t{font-size:14px;line-height:1.45;color:var(--muted)}
.om-role li:hover{transform:translateY(-6px) rotateX(6deg);border-color:transparent;box-shadow:var(--shadow-h)}
.om-role li:hover::before{opacity:1}
.om-role li:hover::after{transform:scaleX(1)}
.om-role li:hover .or-ik{transform:rotate(-8deg) scale(1.08);background:var(--grad);color:#fff;box-shadow:0 10px 22px rgba(11,31,63,.3)}
/* scroll-reveal dává .in zpoždění podle --d; tady se zpožďuje jen nástup (opacity),
   pohyb při hoveru musí reagovat hned */
.js .om-role li.reveal.in{transition:opacity .9s var(--ease) calc(var(--d,0) * 90ms),transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
@media (min-width:640px){.om-role{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.om-mrizka{grid-template-columns:.95fr 1.05fr;gap:88px;align-items:center}}
@media (max-width:639px){.om-scena{padding:20px 24px 34px 30px}.om-karta{--ry:8deg}.om-jmenovka{left:-14px;bottom:20px;padding:12px 16px}.om-deska-1{transform:translate3d(-14px,14px,-30px)}.om-deska-2{transform:translate3d(-28px,28px,-60px)}}
@media (prefers-reduced-motion:reduce){.om-karta,.om-portret img,.om-lesk{transition:none}}

/* ---------- sekce ---------- */
.sekce{padding:84px 0}
.sekce.sv{background:var(--bg-2)}
.sekce-hlava{margin-bottom:44px}
@media (min-width:900px){.sekce{padding:120px 0}.sekce-hlava{margin-bottom:60px}}

/* výrok */
.vyrok-h{font-size:clamp(36px,6vw,76px);font-weight:800;letter-spacing:-.04em;line-height:1;max-width:15ch}
.vyrok-h span{display:block;color:var(--tyrkys-t)}
.vyrok-sloupce{display:grid;gap:22px;margin-top:44px;max-width:1000px}
.vyrok-sloupce p{margin:0;font-size:18.5px;color:var(--text-2)}
.vyrok-sloupce strong{color:var(--ink)}
@media (min-width:900px){.vyrok-sloupce{grid-template-columns:1fr 1fr;gap:56px;margin-top:60px}}

/* rozcestník — bento */
.bento{display:grid;gap:16px}
.dlazdice{position:relative;display:flex;flex-direction:column;min-height:240px;padding:28px 28px 26px;border-radius:var(--r);background:var(--card);border:1px solid var(--border);text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.dlazdice::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),var(--ft-tyrkys),rgba(91,176,185,.4) 22%,transparent 44%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.dlazdice::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(91,176,185,.12),transparent 46%)}
.dlazdice:hover{transform:translateY(-5px);box-shadow:var(--shadow-h);border-color:transparent}
.dlazdice:hover::before,.dlazdice:hover::after{opacity:1}
.d-ik{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:var(--accent);background:var(--accent-soft);transition:transform .45s var(--ease),background .3s,color .3s}
.dlazdice:hover .d-ik{transform:rotate(-6deg) scale(1.06);background:var(--grad);color:#fff}
.d-stitek{margin:22px 0 8px;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.dlazdice h3{font-size:clamp(25px,2.4vw,30px);margin:0 0 10px}
.dlazdice p{margin:0;color:var(--muted);font-size:15.5px;max-width:42ch}
.d-dal{position:absolute;right:24px;top:28px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);font-size:18px;color:var(--ink);transition:transform .4s var(--ease),background .3s,border-color .3s,color .3s}
.dlazdice:hover .d-dal{transform:rotate(-45deg);background:var(--ink);border-color:var(--ink);color:#fff}
.d-cislo{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:4px}
.d-cislo b{font:800 clamp(34px,3.6vw,46px)/1 var(--display);letter-spacing:-.035em;color:var(--accent)}
.d-cislo small{font-size:14px;color:var(--muted)}
.d-vejir{position:relative;display:block;height:150px;margin-top:auto;perspective:900px}
.d-vejir img{position:absolute;bottom:0;width:58%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;box-shadow:0 14px 30px rgba(11,31,63,.22);transition:transform .6s var(--ease)}
.d-vejir img:nth-child(1){left:0;transform:rotateY(18deg) rotateZ(-4deg) translateY(6px)}
.d-vejir img:nth-child(2){left:21%;z-index:2;transform:translateZ(30px) translateY(-6px)}
.d-vejir img:nth-child(3){left:42%;transform:rotateY(-18deg) rotateZ(4deg) translateY(6px)}
.dlazdice:hover .d-vejir img:nth-child(1){transform:rotateY(10deg) rotateZ(-7deg) translate(-10px,2px)}
.dlazdice:hover .d-vejir img:nth-child(3){transform:rotateY(-10deg) rotateZ(7deg) translate(10px,2px)}
@media (min-width:760px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.d-firmy{grid-column:1/-1}}
@media (min-width:760px) and (max-width:999px){.d-news{grid-column:1/-1}}
@media (min-width:1000px){
  .bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
  .d-firmy{grid-column:span 4}.d-kand{grid-column:span 2}
  .d-pod{grid-column:span 3}.d-news{grid-column:span 3}
  .d-firmy{min-height:300px;background:linear-gradient(135deg,#fff 0%,#EEF4F6 100%)}
  .d-firmy h3{font-size:clamp(34px,3.2vw,44px)}
}

/* reference — jedna velká karta s citací (další se dají přidat vedle) */
.reference{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}
.ref{position:relative;max-width:920px;margin:0 auto;padding:44px 26px 28px;border-radius:28px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}
.ref::before{content:"";position:absolute;z-index:-1;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(91,176,185,.22),transparent 70%)}
.ref-uvozovky{position:absolute;z-index:-1;left:14px;top:-6px;font:800 170px/1 var(--display);color:rgba(91,176,185,.22);pointer-events:none}
.ref-hlavni{position:relative;margin:0 0 26px;font:700 clamp(23px,2.8vw,32px)/1.25 var(--display);letter-spacing:-.02em;color:var(--ink)}
.ref-text{margin:0;padding:0 0 0 20px;border-left:3px solid var(--ft-tyrkys)}
.ref-text p{margin:0 0 14px;color:var(--text-2);font-size:16.5px}
.ref-text p:last-child{margin-bottom:0}
.ref-podpis{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--bg-3)}
.ref-ik{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:var(--grad);color:#fff}
.ref-podpis strong{display:block;font:700 17px/1.2 var(--display);color:var(--ink)}
.ref-podpis span span{font-size:14px;color:var(--muted)}
.ref-stitek{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:9px 14px;border-radius:999px;background:var(--accent-soft);font:600 13.5px/1.2 var(--sans);color:var(--tyrkys-t)}
.ref-stitek svg{font-size:17px}
@media (min-width:900px){.ref{padding:60px 64px 40px}.ref-uvozovky{left:30px;top:-4px;font-size:220px}}
@media (max-width:599px){.ref-stitek{margin-left:0}}

/* 4 % */
.procenta{padding:96px 0;background:radial-gradient(700px 480px at 18% 45%,rgba(91,176,185,.38),transparent 70%),radial-gradient(500px 400px at 90% 100%,rgba(28,67,113,.9),transparent 70%),var(--modra-tma);color:#fff}
.procenta-mrizka{display:grid;gap:28px;align-items:center}
.procenta .pr-cislo{margin:0;display:flex;align-items:flex-start;font:800 clamp(140px,26vw,300px)/.8 var(--display);letter-spacing:-.06em;color:#fff}
.pr-cislo small{font-size:.42em;margin-top:.1em;color:var(--ft-tyrkys)}
.procenta h2{color:#fff}
.procenta .eyebrow{color:#A9DCE1}
.procenta .eyebrow .bod{background:var(--ft-cervena);box-shadow:0 0 0 4px rgba(233,50,42,.18)}
.procenta h2{font-size:clamp(26px,3vw,38px);margin-bottom:16px}
.procenta p:not(.pr-cislo):not(.eyebrow){color:rgba(255,255,255,.84);font-size:17.5px;max-width:560px}
.procenta .pr-nezisk{display:flex;gap:18px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:16px}
.procenta .pr-nezisk strong{color:#fff}
.pr-logo{flex:none;display:grid;place-items:center;width:132px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.pr-logo img{display:block;width:100%;height:auto}
@media (min-width:900px){.procenta{padding:130px 0}.procenta-mrizka{grid-template-columns:auto 1fr;gap:80px}}

/* ---------- hlavička podstránky (stejná výška všude) ---------- */
.stranka-hlava{position:relative;overflow:hidden;isolation:isolate;min-height:360px;display:flex;align-items:center;padding:48px 0;background:radial-gradient(700px 400px at 85% 50%,rgba(91,176,185,.26),transparent 70%),linear-gradient(180deg,#E8EEF2,#DAE5EB)}
.stranka-hlava>.obal{width:100%}
.sh-logo{position:absolute;z-index:-1;right:clamp(-60px,2vw,80px);bottom:50%;translate:0 50%;font-size:clamp(150px,22vw,280px);line-height:0;opacity:.045;pointer-events:none}
.sh-logo .ft-logo{height:1em}
.sh-logo .ft-tecka{fill:var(--ft-cervena);opacity:1}
.stranka-hlava h1{font-size:clamp(36px,5.4vw,66px);font-weight:800;letter-spacing:-.04em;line-height:1;max-width:17ch}
.sh-pod{color:var(--text-2);max-width:640px;font-size:18px;margin:22px 0 0}
.drobky{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:14px}
.drobky a{display:inline-flex;align-items:center;min-height:40px;color:var(--text-2);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.drobky a:hover{color:var(--tyrkys-t)}
@media (min-width:900px){.stranka-hlava{min-height:440px}}

/* ---------- Pro firmy ---------- */
.osobne{display:grid;gap:44px}
.os-foto{position:relative;margin:0;align-self:start;perspective:1100px}
.os-ram{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--bg-3);box-shadow:var(--shadow)}
.os-ram img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.os-foto:hover .os-ram img{transform:scale(1.04)}
.os-foto figcaption{position:absolute;left:18px;bottom:18px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-s)}
.os-foto figcaption strong{display:block;font:700 17px/1.2 var(--display)}
.os-foto figcaption span{font-size:13px;color:var(--muted)}
.osobne p{color:var(--text-2)}
.osobne .nadpis{margin-bottom:22px}
.retez{list-style:none;margin:30px 0 0;padding:0;display:flex;align-items:center;gap:0;flex-wrap:wrap}
.retez li{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--sans);color:var(--text-2)}
.retez li+li::before{content:"";width:clamp(26px,5vw,56px);height:2px;margin:0 12px;background:linear-gradient(90deg,var(--ft-tyrkys),var(--accent-line))}
/* úzký mobil: řetěz se skládá svisle, spojnice mezi tečkami jde dolů (nic se nezalamuje) */
@media (max-width:520px){
  .retez{flex-direction:column;align-items:flex-start;flex-wrap:nowrap}
  .retez li{position:relative;gap:14px}
  .retez li+li{margin-top:28px}
  .retez li+li::before{position:absolute;left:5px;top:-28px;width:2px;height:28px;margin:0;background:linear-gradient(180deg,var(--ft-tyrkys),var(--accent-line))}
}
.r-bod{width:12px;height:12px;border-radius:50%;border:2px solid var(--ft-tyrkys);background:#fff}
.r-ja .r-bod{background:var(--brand);box-shadow:0 0 0 5px var(--accent-soft)}
.r-ja{color:var(--ink)}
@media (min-width:900px){.osobne{grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}}

.role{list-style:none;margin:0;padding:0;border-top:1px solid var(--bg-3)}
.role li{display:flex;align-items:baseline;gap:24px;padding:22px 6px;border-bottom:1px solid var(--bg-3);transition:padding .4s var(--ease),background .4s}
.role li:hover{padding-left:20px;background:#fff}
.ro-c{font:600 14px/1 var(--sans);color:var(--tyrkys-t);letter-spacing:.06em;min-width:28px}
.ro-t{font:700 clamp(22px,3vw,34px)/1.15 var(--display);letter-spacing:-.025em}

/* kroky — uzly-tečky, linka se kreslí */
.kroky{list-style:none;margin:0;padding:0;display:grid;gap:0}
.krok{position:relative;padding:0 0 40px 76px;min-height:110px}
.krok:last-child{padding-bottom:0}
.k-uzel{position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent-line);background:#fff;transition:background .5s var(--ease),border-color .5s,box-shadow .5s}
.k-uzel span{font:700 19px/1 var(--display);color:var(--accent);transition:color .5s}
.krok::before,.krok::after{content:"";position:absolute;left:25px;top:60px;bottom:8px;width:2px}
.krok::before{background:var(--bg-3)}
.krok::after{background:var(--grad-tyrkys);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease)}
.krok:last-child::before,.krok:last-child::after{content:none}
.krok h3{font-size:22px;margin:12px 0 10px}
.krok p{margin:0;color:var(--muted);font-size:15.5px}
.kroky.bezi .k-uzel{background:var(--brand);border-color:var(--brand);box-shadow:0 10px 26px rgba(11,31,63,.3)}
.kroky.bezi .k-uzel span{color:#fff}
.kroky.bezi .krok::after{transform:scaleY(1)}
.kroky.bezi .krok:nth-child(1) .k-uzel,.kroky.bezi .krok:nth-child(1) .k-uzel span{transition-delay:.1s}
.kroky.bezi .krok:nth-child(1)::after{transition-delay:.35s}
.kroky.bezi .krok:nth-child(2) .k-uzel,.kroky.bezi .krok:nth-child(2) .k-uzel span{transition-delay:.9s}
.kroky.bezi .krok:nth-child(2)::after{transition-delay:1.15s}
.kroky.bezi .krok:nth-child(3) .k-uzel,.kroky.bezi .krok:nth-child(3) .k-uzel span{transition-delay:1.7s}
.kroky.bezi .krok:nth-child(3)::after{transition-delay:1.95s}
.kroky.bezi .krok:nth-child(4) .k-uzel,.kroky.bezi .krok:nth-child(4) .k-uzel span{transition-delay:2.5s}
.krok:hover .k-uzel{box-shadow:0 0 0 7px var(--accent-soft)}
@media (min-width:900px){
  .kroky{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
  .krok{padding:84px 0 0;min-height:0}
  .krok::before,.krok::after{left:66px;right:-26px;top:25px;bottom:auto;width:auto;height:2px}
  .krok::after{transform:scaleX(0);transform-origin:left}
  .kroky.bezi .krok::after{transform:scaleX(1)}
}

.garance{display:grid;gap:18px}
.gar{position:relative;padding:30px 28px;border-radius:var(--r);background:#fff;border:1px solid var(--border);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.gar:hover{transform:translateY(-5px);box-shadow:var(--shadow-h);border-color:transparent}
.g-ik{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(11,31,63,.25);transition:transform .45s var(--ease)}
.gar:hover .g-ik{transform:rotate(-6deg) scale(1.06)}
.g-lhuta{display:inline-block;margin:22px 0 10px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);font:600 12.5px/1 var(--sans);letter-spacing:.06em;color:var(--tyrkys-t)}
.gar h3{font-size:24px;margin-bottom:10px}
.gar p{margin:0;color:var(--muted);font-size:15.5px}
@media (min-width:900px){.garance{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}

/* ---------- Kandidáti ---------- */
.tri-body{display:grid;gap:18px}
/* karty „Kariéra ve financích": okraj a záře za kurzorem, ikona ožije, vodoznak se pootočí */
.tb{position:relative;overflow:hidden;isolation:isolate;padding:30px 28px 34px;border-radius:22px;background:linear-gradient(160deg,#fff 0%,#F4F9FA 100%);border:1px solid var(--border);box-shadow:var(--shadow-s);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s}
.tb::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),var(--ft-tyrkys),rgba(91,176,185,.35) 30%,transparent 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.tb::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(91,176,185,.14),transparent 50%)}
.tb-znak{position:absolute;z-index:-1;right:-26px;bottom:-34px;font-size:170px;line-height:0;color:rgba(11,31,63,.045);transform:rotate(-8deg);transition:transform .9s var(--ease),color .6s}
.tb-znak svg{stroke-width:1.2}
.tb-ik{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;border-radius:16px;font-size:25px;background:var(--accent-soft);color:var(--tyrkys-t);transition:transform .5s var(--ease),background .4s,color .4s,box-shadow .4s}
.tb-linka{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad-tyrkys);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.tb h3{font-size:24px;margin-bottom:10px}
.tb p{margin:0;color:var(--muted);font-size:15.5px}
.tb:hover,.js .tb.reveal.in:hover{transform:translateY(-8px);border-color:transparent;box-shadow:var(--shadow-h)}
.tb:hover::before,.tb:hover::after{opacity:1}
.tb:hover .tb-ik{transform:rotate(-8deg) scale(1.08);background:var(--grad);color:#fff;box-shadow:0 12px 26px rgba(11,31,63,.28)}
.tb:hover .tb-znak{transform:rotate(4deg) translate(-14px,-10px) scale(1.06);color:rgba(91,176,185,.14)}
.tb:hover .tb-linka{transform:scaleX(1)}
.js .tb.reveal.in{transition:opacity .9s var(--ease) calc(var(--d,0) * 90ms),transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s}
@media (min-width:900px){.tri-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.kand-ep{display:grid;gap:44px;align-items:center}
.kand-ep p{color:var(--text-2)}
@media (min-width:900px){.kand-ep{grid-template-columns:1.15fr .85fr;gap:72px}}
.kand-form{display:grid;gap:36px}
.kand-form>div p{color:var(--text-2)}
@media (min-width:900px){.kand-form{grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}}

/* ---------- 3D epizody (recept Koldinský: natočený rám + odsazené desky) ---------- */
.ep{display:block;text-decoration:none;color:inherit;perspective:1300px}
.ep-ram{position:relative;display:block;border-radius:16px;overflow:hidden;background:#0d1020;
  transform:rotateY(-10deg) rotateX(3deg);transform-origin:left center;
  box-shadow:16px 16px 0 -2px rgba(91,176,185,.32),30px 30px 0 -4px rgba(91,176,185,.14),0 24px 50px rgba(11,31,63,.24);
  transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.ep-ram img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .7s var(--ease),filter .45s}
.ep:hover .ep-ram,.ep:focus-visible .ep-ram{transform:rotateY(0) rotateX(0) translateY(-8px);box-shadow:8px 8px 0 -2px rgba(11,31,63,.10),0 34px 70px rgba(11,31,63,.28),0 0 70px rgba(91,176,185,.3)}
.ep:hover .ep-ram img{transform:scale(1.04);filter:saturate(1.08)}
.ep-sviti{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(10,12,24,.5),transparent 36%)}
.ep-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;background:var(--grad);box-shadow:0 12px 34px rgba(8,12,30,.45),0 0 0 12px rgba(255,255,255,.16);transition:transform .45s var(--ease),box-shadow .45s}
.ep-play svg{margin-left:3px}
.ep:hover .ep-play{transform:scale(1.1);box-shadow:0 16px 40px rgba(8,12,30,.5),0 0 0 16px rgba(255,255,255,.2)}
.ep-stitek{position:absolute;left:12px;bottom:12px;font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(10,14,30,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 10px}
.ep-popis{display:flex;flex-direction:column;gap:2px;margin-top:26px;padding-left:4px}
.ep-popis strong{font:700 19px/1.2 var(--display);letter-spacing:-.02em}
.ep-popis span{font-size:14.5px;color:var(--muted)}
.ep-velka .ep-play{width:84px;height:84px;margin:-42px 0 0 -42px;font-size:32px}
/* police — každý sloupec natočený k ose mřížky (levé doprava, pravé doleva) */
.police{display:grid;gap:40px 28px}
@media (min-width:640px){.police{grid-template-columns:repeat(2,minmax(0,1fr))}.police>div:nth-child(2n) .ep-ram{transform:rotateY(10deg) rotateX(3deg);transform-origin:right center;box-shadow:-16px 16px 0 -2px rgba(91,176,185,.32),-30px 30px 0 -4px rgba(91,176,185,.14),0 24px 50px rgba(11,31,63,.24)}}
@media (min-width:1000px){
  .police{grid-template-columns:repeat(4,minmax(0,1fr))}
  .police>div:nth-child(2n) .ep-ram{transform:rotateY(-10deg) rotateX(3deg);transform-origin:left center;box-shadow:16px 16px 0 -2px rgba(91,176,185,.32),30px 30px 0 -4px rgba(91,176,185,.14),0 24px 50px rgba(11,31,63,.24)}
  .police>div:nth-child(4n+3) .ep-ram,.police>div:nth-child(4n+4) .ep-ram{transform:rotateY(10deg) rotateX(3deg);transform-origin:right center;box-shadow:-16px 16px 0 -2px rgba(91,176,185,.32),-30px 30px 0 -4px rgba(91,176,185,.14),0 24px 50px rgba(11,31,63,.24)}
}
.police .ep:hover .ep-ram{transform:rotateY(0) rotateX(0) translateY(-8px)!important}
@media (max-width:639px){.ep-ram,.police>div .ep-ram{transform:none!important;box-shadow:12px 12px 0 -2px rgba(91,176,185,.3),0 18px 40px rgba(11,31,63,.2)!important}}

/* podcast — dvojice karet v prostoru (Spotify vzadu, YouTube vpředu) */
.pod-hlavni{display:grid;gap:56px;align-items:center}
.duo{position:relative;aspect-ratio:16/11;perspective:1600px;transform-style:preserve-3d}
.duo-karta{position:absolute;display:block;width:78%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;text-decoration:none;background:#0d1020;transition:transform .8s var(--ease),box-shadow .8s var(--ease),filter .6s}
.duo-karta img{width:100%;height:100%;object-fit:cover}
.duo-sp{right:0;top:0;transform:rotateY(-16deg) translateZ(-90px);box-shadow:0 24px 60px rgba(11,31,63,.22);filter:saturate(.65) brightness(.9)}
.duo-sp::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(30,215,96,.55),rgba(11,31,63,.55))}
.duo-yt{left:0;bottom:0;transform:rotateY(-10deg) rotateX(3deg) translateZ(0);box-shadow:20px 20px 0 -2px rgba(91,176,185,.32),38px 38px 0 -4px rgba(91,176,185,.14),0 34px 70px rgba(11,31,63,.3)}
.duo-znacka{position:absolute;z-index:2;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--sans);letter-spacing:.06em;color:#fff;background:rgba(10,14,30,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 12px}
.duo-znacka svg{font-size:16px}
.duo-yt .ep-play{width:84px;height:84px;margin:-42px 0 0 -42px;font-size:32px}
.duo:hover .duo-yt{transform:rotateY(0) rotateX(0) translateZ(40px) translateY(-6px)}
.duo:hover .duo-sp{transform:rotateY(-22deg) translateZ(-140px) translateX(18px)}
.duo-sp:hover{transform:rotateY(0) translateZ(60px) translateY(-8px)!important;filter:none;z-index:3;box-shadow:0 34px 70px rgba(11,31,63,.3),0 0 60px rgba(30,215,96,.25)}
.duo-sp:hover::after{opacity:.25}
.duo-sp::after{transition:opacity .5s}
.pod-text p{color:var(--text-2)}
.pod-pozn{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--tyrkys-t)!important;font-weight:600}
.pod-pozn::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ft-tyrkys);flex:none}
.pod-tlacitka{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
@media (min-width:900px){.pod-hlavni{grid-template-columns:1.2fr .8fr;gap:80px}}
@media (max-width:639px){.duo{aspect-ratio:16/12}.duo-karta{width:84%}.duo-sp{transform:translateZ(-60px) rotateY(-10deg)}.duo-yt{transform:none;box-shadow:12px 12px 0 -2px rgba(91,176,185,.3),0 22px 46px rgba(11,31,63,.26)}}

/* ---------- Newsletter — vrstvené listy ---------- */
.news{display:grid;gap:30px}
.news-uvod{max-width:760px}
.news-radek{display:grid;gap:40px;align-items:stretch}
.news-fakta{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.news-fakta li{padding:18px 16px;border-radius:16px;background:#fff;border:1px solid var(--border)}
.news-fakta b{display:block;font:800 clamp(30px,3.4vw,40px)/1 var(--display);letter-spacing:-.04em;color:var(--accent)}
.news-fakta span{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;color:var(--muted)}
.news-uvod>p{color:var(--text-2);font-size:17.5px}
.nl-form{margin:0;padding:26px 22px}
.nl-form h2{font-size:clamp(22px,2.4vw,26px);margin-bottom:8px}
.nl-form .nl-uvod{margin:0 0 18px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.news>p.nl-nebo{margin:0;font-size:15.5px;color:var(--muted)}
.nl-li{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--tyrkys-t)}
.nl-li svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:600px){.nl-form{padding:32px 30px}}
/* čísla newsletteru */
.arch-text{font-size:16.5px;line-height:1.7;color:var(--text-2)}
.arch-text h3{margin:22px 0 6px;font:700 19px/1.3 var(--display);color:var(--ink)}
.arch-text p{margin:0 0 12px}
.arch-li{margin:16px 0 0;font-size:15px}
.arch-li a{font-weight:600;color:var(--tyrkys-t)}
.listy{position:relative;min-height:440px;perspective:1600px}
.list{position:absolute;inset:0 auto auto 0;width:min(100%,460px);padding:30px 30px 26px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:0 30px 70px rgba(11,31,63,.14);transition:transform .8s var(--ease),box-shadow .8s,opacity .6s;cursor:pointer}
.list[data-pos="0"]{z-index:3;transform:rotate(-2.5deg) rotateY(8deg)}
.list[data-pos="1"]{z-index:2;transform:translate(70px,60px) rotate(4deg) rotateY(-6deg)}
.list[data-pos="2"]{z-index:1;transform:translate(110px,100px) rotate(7deg) rotateY(-8deg);opacity:0;pointer-events:none}
.list[data-pos="pryc"]{z-index:0;transform:translate(-60px,-20px) rotate(-8deg);opacity:0;pointer-events:none}
.list[data-pos="0"]:focus-visible{outline:3px solid var(--ft-tyrkys);outline-offset:4px}
.list-det{display:none}
.list-otevrit{display:none;float:right;font-weight:700;color:var(--tyrkys-t)}
.list[data-pos="0"] .list-otevrit{display:inline}
.list[data-pos="1"]:hover{transform:translate(60px,50px) rotate(3.5deg) rotateY(-5deg)}
.listy-obal{position:relative;display:flex;flex-direction:column;min-height:0}
.listy-ovl{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:22px}
.listy-sip{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:700 18px/1 var(--sans);cursor:pointer}
.listy-sip:disabled{opacity:.3;cursor:default}
.listy-sip:not(:disabled):hover{background:var(--ink);color:#fff}
.listy-poc{font:600 14px/1 var(--sans);color:var(--muted)}
.nl-ctec{width:min(92vw,720px);max-height:88vh;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 40px 100px rgba(11,31,63,.35);overflow:auto}
.nl-ctec::backdrop{background:rgba(11,31,63,.55)}
.nl-ctec-obsah{padding:34px 34px 30px}
.nl-ctec-zavrit{position:sticky;top:10px;float:right;margin:10px 12px 0 0;width:44px;height:44px;border-radius:50%;border:0;background:var(--bg-3);color:var(--ink);font:400 26px/1 var(--sans);cursor:pointer;z-index:2}
.nl-ctec header{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid var(--ink)}
.nl-ctec-telo ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nl-ctec-telo li{position:relative;padding-left:20px;font:600 16px/1.4 var(--sans);color:var(--ink)}
.nl-ctec-telo li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--ft-tyrkys)}
.nl-ctec-telo .arch-text{margin-top:22px;padding-top:18px;border-top:1px solid var(--bg-3)}
@media (max-width:520px){.nl-ctec-obsah{padding:26px 20px 24px}.nl-ctec header .l-cislo{font-size:44px}}
.list header{display:flex;align-items:center;gap:16px;padding-bottom:18px;margin-bottom:16px;border-bottom:2px solid var(--ink)}
.l-cislo{font:800 54px/1 var(--display);letter-spacing:-.05em;color:var(--tyrkys-t)}
.l-meta{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
.l-meta b{font:700 19px/1.2 var(--display);color:var(--ink)}
.list ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.list li{position:relative;padding-left:20px;font:600 16px/1.4 var(--sans);color:var(--ink)}
.list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--ft-tyrkys)}
.list footer{margin-top:20px;padding-top:14px;border-top:1px solid var(--bg-3);font-size:13px;color:var(--muted)}
@media (min-width:900px){.news-radek{grid-template-columns:.9fr 1.1fr;gap:80px}.listy{flex:1;min-height:440px}}
@media (max-width:639px){.listy{min-height:0;perspective:none}.list{width:100%}.list[data-pos="0"]{position:relative;transform:none}.list[data-pos="1"],.list[data-pos="2"],.list[data-pos="pryc"]{display:none}}

/* ---------- Kontakt ---------- */
.kontakt-mrizka{display:grid;gap:40px}
.k-polozky{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.k-polozka{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--border);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.k-polozka:hover{transform:translateX(5px);border-color:var(--border-h);box-shadow:var(--shadow-s)}
.k-polozka .ik,.kalendar .ik{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--accent-soft);color:var(--accent);transition:background .3s,color .3s}
.k-polozka:hover .ik{background:var(--grad);color:#fff}
.k-polozka h3{font:600 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:3px 0 5px}
.k-polozka p,.k-polozka a{margin:0;font-size:16.5px;color:var(--ink);text-decoration:none;font-weight:500;line-height:1.5}
.k-polozka a:hover{color:var(--tyrkys-t)}
.kalendar{display:flex;align-items:center;gap:16px;margin-top:16px;padding:20px 22px;border-radius:18px;background:var(--ink);color:#fff;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s}
.kalendar .ik{background:rgba(255,255,255,.1);color:var(--brand-l)}
.kalendar strong{display:block;font:700 19px/1.2 var(--display)}
.kalendar span span{font-size:14px;color:rgba(255,255,255,.7)}
.kalendar>svg{margin-left:auto;font-size:22px;transition:transform .35s var(--ease)}
.kalendar:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,31,63,.25)}
.kalendar:hover>svg{transform:translate(3px,-3px)}
.kalendar-siroky{margin-top:28px;background:var(--grad);box-shadow:inset 0 0 0 1px rgba(91,176,185,.25)}
.kalendar-siroky .ik{color:#fff;background:rgba(255,255,255,.16)}
.kalendar-siroky span span{color:rgba(255,255,255,.82)}
@media (min-width:900px){.kalendar-siroky{padding:26px 32px}}
.formular{padding:32px 24px;border-radius:24px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--border)}
.formular h2{font-size:clamp(26px,3vw,32px);margin-bottom:22px}
.pole{display:grid;gap:7px;margin-bottom:16px}
.pole-dve{display:grid;gap:0 16px}
@media (min-width:600px){.pole-dve{grid-template-columns:1fr 1fr}}
.pole label{font:600 14px/1.2 var(--sans);color:var(--text-2)}
.pole input,.pole textarea{width:100%;font:16px/1.5 var(--sans);color:var(--text);padding:13px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);transition:border-color .25s,box-shadow .25s}
/* výběr souboru: nativní input leží neviditelně přes celé pole (klik i přetažení
   souboru fungují samy), vzhled i český text dává pole kolem něj */
.soubor{position:relative;display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;border-radius:12px;border:1.5px dashed var(--border);background:var(--bg);transition:border-color .25s,background .25s,box-shadow .25s}
.soubor input{position:absolute;z-index:2;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.soubor-ik{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:var(--accent-soft);color:var(--tyrkys-t);transition:background .25s,color .25s}
.soubor-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.soubor-text b{font:600 15px/1.35 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.soubor-text small{font-size:13px;color:var(--muted)}
.soubor-btn{margin-left:auto;flex:none;padding:10px 16px;border-radius:999px;background:var(--grad);color:#fff;font:600 14px/1 var(--sans);transition:filter .25s}
.soubor:hover,.soubor.nad{border-color:var(--ft-tyrkys);background:#fff}
.soubor:hover .soubor-btn{filter:brightness(1.15)}
.soubor:has(input:focus-visible){border-color:var(--ft-tyrkys);box-shadow:0 0 0 4px var(--accent-soft)}
.soubor.vybrano{border-style:solid;border-color:var(--ft-tyrkys);background:#fff}
.soubor.vybrano .soubor-ik{background:var(--grad);color:#fff}
@media (max-width:420px){.soubor-btn{display:none}}
.pole input:hover,.pole textarea:hover{border-color:var(--border-h)}
.pole input:focus,.pole textarea:focus{outline:none;border-color:var(--ft-tyrkys);box-shadow:0 0 0 4px var(--accent-soft)}
.pole textarea{min-height:140px;resize:vertical}
.souhlas{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted);margin:6px 0 22px;line-height:1.5}
.souhlas input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--brand);flex:none}
.souhlas a{color:var(--tyrkys-t)}
.formular .btn{width:100%}
.mapa{margin-top:56px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);position:relative}
.mapa iframe{display:block;width:100%;height:380px;border:0;filter:saturate(.8)}
.mapa-stitek{position:absolute;left:16px;top:16px;z-index:2;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow-s);border-left:3px solid var(--ft-tyrkys);font-size:14px;line-height:1.4}
.mapa-stitek strong{display:block}
@media (min-width:900px){.kontakt-mrizka{grid-template-columns:.95fr 1.05fr;gap:56px}.formular{padding:42px 40px}}

/* ---------- text, děkujeme ---------- */
.text{max-width:780px}
.text h2{font-size:clamp(23px,2.6vw,28px);margin:40px 0 14px}
.text h2:first-child{margin-top:0}
.text ul{padding-left:20px}
.text li{margin-bottom:8px;color:var(--text-2)}
.text p{color:var(--text-2)}
.text a{color:var(--tyrkys-t)}
.dekujeme{text-align:center;max-width:620px;margin:0 auto;padding:40px 0}
.dek-logo{display:block;font-size:64px;line-height:0;margin-bottom:28px}
.dekujeme .nadpis{margin-bottom:18px}

/* ---------- patička ---------- */
.paticka{position:relative;background:var(--modra-tma);color:rgba(255,255,255,.72);padding:72px 0 0;font-size:15px}
.paticka .ft-logo{color:var(--ft-tyrkys)}
.paticka .znacka .ft-logo{height:40px}
.paticka .znacka .ft-napis{height:16px;margin-top:12px}
.pat-mrizka{display:grid;gap:40px;padding-bottom:56px}
.pat-logo p{margin:18px 0 0;max-width:320px;line-height:1.6}
.paticka .soc-paticka{display:flex;gap:10px;margin-top:22px}
.paticka .soc-paticka li{min-height:0}
.paticka .soc-paticka a{display:grid;place-items:center;width:42px;height:42px;min-height:0;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);transition:transform .3s var(--ease),border-color .25s,background .25s}
.paticka .soc-paticka svg{font-size:22px}
.paticka .soc-paticka a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
/* ikony profilů v barvách značek (Spotify zelená s černými vlnami, YouTube červená, LinkedIn modrá) */
.paticka .soc a.s-spotify,.soc a.s-spotify{color:#1ED760}
.paticka .soc a.s-apple,.soc a.s-apple{color:#B150E2}
.paticka .soc a.s-youtube,.soc a.s-youtube{color:#FF0000}
.paticka .soc a.s-linkedin,.soc a.s-linkedin{color:#0A66C2}
.paticka h2{font:600 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brand-l);margin:6px 0 14px}
.paticka ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.paticka li{min-height:40px;display:flex;align-items:center}
.paticka a{color:#fff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.paticka li a,.pat-spodek a{display:inline-flex;align-items:center;min-height:40px}
.paticka a:hover{color:var(--brand-l);border-color:var(--brand-l)}
.pat-spodek{border-top:1px solid rgba(255,255,255,.1);padding:18px 20px calc(22px + env(safe-area-inset-bottom));font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;color:rgba(255,255,255,.55)}
@media (min-width:900px){.pat-mrizka{grid-template-columns:1.4fr 1fr 1fr 1fr}}

/* líný nástup jména a povolání: pomalé vynoření z rozostření, řádek po řádku */
.js .hero-text [data-nastup]{opacity:0;transform:translateY(34px);filter:blur(10px)}
.js .hero-text .tecka{transform:scale(0)}
.js .hero-obor .linka{transform:scaleX(0);transform-origin:left}
.nastoupeno .hero-text [data-nastup]{opacity:1;transform:none;filter:none;transition:opacity 1.6s var(--jemne),transform 1.8s var(--ease),filter 1.6s var(--jemne);transition-delay:calc(.45s + var(--d,0) * 380ms)}
.nastoupeno .hero-text .tecka{transform:none;transition:transform .9s cubic-bezier(.2,.9,.25,1.4) 1.9s}
.nastoupeno .hero-obor .linka{transform:none;transition:transform 1.2s var(--jemne) 2.1s}
/* kurzor — na nelinkových kartách šipka */
.gar,.tb,.k-polozka,.krok,.role li,.news-fakta li,.os-foto,.vyrok,.procenta,.kal{cursor:default}

/* plynulé přepínání stránek — hlavička stojí, mizí jen stará stránka */
@view-transition{navigation:auto}
.hlavicka{view-transition-name:hlavicka}
/* líné prolnutí: stará stránka pomalu odchází, nová se pomalu vynoří */
::view-transition-old(root){animation:.8s var(--jemne) both vtOdchod}
::view-transition-new(root){animation:1.1s var(--jemne) .12s both vtPrichod}
@keyframes vtOdchod{to{opacity:0}}
@keyframes vtPrichod{from{opacity:0}}
::view-transition-old(hlavicka),::view-transition-new(hlavicka),::view-transition-group(hlavicka){animation:none}
::view-transition-old(hlavicka){display:none}

/* scroll-reveal */
.js .reveal{opacity:0;transform:translateY(26px)}
.js .reveal.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--d,0) * 90ms)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal,.js [data-nastup],.js .hero-postava img,.js .hp-tecka,.js .hero-text [data-nastup],.js .hero-text .tecka,.js .hero-obor .linka{opacity:1;transform:none;filter:none}
  .krok::after{transform:none!important}
  @view-transition{navigation:none}
}

/* mobil: podtitul pod jménem na dva řádky, bez tečky mezi */
@media (max-width:899px){
  .hero-obor{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:6px;align-items:center}
  .hero-obor .ob-bod{display:none}
  .hero-obor>span:last-child{grid-column:2}
}

/* ---------- přepínač jazyka CZ / EN (horní lišta a patička) ---------- */
.lh-prava{display:flex;align-items:center;gap:14px;flex:none}
.jazyk{display:inline-flex;align-items:center;margin:0;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.jazyk a{display:grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:999px;font:600 11.5px/1 var(--sans);letter-spacing:.1em;color:rgba(255,255,255,.7);text-decoration:none;transition:background .25s,color .25s}
.jazyk a:hover{color:#fff;background:rgba(255,255,255,.1)}
.jazyk a[aria-current]{background:#fff;color:var(--modra-tma)}
.paticka .jazyk a{border:0;min-height:0}
.paticka .jazyk a:hover{border:0}
.paticka .jazyk a[aria-current]:hover{color:var(--modra-tma)}

/* ---------- ADMIN — správa akcí (mock) ---------- */
body.admin{min-height:100vh;background:radial-gradient(900px 500px at 85% 0%,rgba(91,176,185,.18),transparent 70%),var(--bg)}
.admin [hidden]{display:none!important}
.adm-login{min-height:100vh;display:grid;place-items:center;padding:32px 16px}
.adm-login-karta{width:min(420px,100%);padding:36px 30px 28px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}
.adm-logo{display:block;font-size:40px;line-height:0;margin-bottom:22px}
.adm-login-karta h1{font-size:30px;margin-bottom:6px}
.adm-pod{margin:0 0 22px;color:var(--muted);font-size:15px}
.adm-login-karta .btn{width:100%;margin-top:6px}
.adm-chyba{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:rgba(233,50,42,.08);color:#B3261E;font-size:14px}
.adm-login-karta code{padding:2px 6px;border-radius:6px;background:var(--bg-2);color:var(--ink);font-size:12.5px}
.adm-hlava{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px clamp(16px,3vw,40px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.adm-hlava .znacka .ft-logo{height:26px}.adm-hlava .znacka .ft-napis{height:11px;margin-top:8px}
.adm-nazev{margin:0;padding-left:18px;border-left:1px solid var(--border);font:600 15px/1 var(--sans);color:var(--text-2)}
.adm-uzivatel{margin-left:auto;display:flex;align-items:center;gap:12px}
.adm-uzivatel b{display:block;font-size:14.5px;color:var(--ink)}
.adm-uzivatel small{display:block;font-size:12.5px;color:var(--muted)}
.adm-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font:700 13px/1 var(--sans)}
.btn.adm-male{min-height:42px;padding:0 18px;font-size:14px}
.adm-obsah{max-width:1080px;margin:0 auto;padding:36px 16px 80px}
.adm-lista{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;margin-bottom:22px}
.adm-lista h1{font-size:clamp(28px,3.4vw,38px);margin-bottom:6px}
.adm-lista .adm-pod{margin:0}
.adm-tlacitka{display:flex;flex-wrap:wrap;gap:10px}
.adm-filtr{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;border-radius:999px;background:#fff;border:1px solid var(--border)}
.adm-filtr button{border:0;background:none;padding:9px 16px;border-radius:999px;font:600 14px/1 var(--sans);color:var(--text-2);cursor:pointer}
.adm-filtr button.aktivni{background:var(--modra-tma);color:#fff}
.adm-seznam{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.adm-akce{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid var(--border);transition:border-color .25s,box-shadow .25s}
.adm-akce:hover{border-color:var(--border-h);box-shadow:var(--shadow-s)}
.adm-akce.probehla{opacity:.7}
.adm-foto{flex:none;width:96px;height:64px;border-radius:12px;overflow:hidden;background:var(--bg-3)}
.adm-foto img{width:100%;height:100%;object-fit:cover}
.adm-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.adm-info strong{font:700 17px/1.25 var(--display);color:var(--ink)}
.adm-info>span{font-size:14px;color:var(--muted)}
.adm-stitky{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}
.adm-stitky em{font:600 11.5px/1 var(--sans);font-style:normal;padding:5px 8px;border-radius:999px;background:var(--bg-2);color:var(--muted)}
.adm-stitky em.ok{background:var(--accent-soft);color:var(--tyrkys-t)}
.adm-stitky em.vzor{background:rgba(233,50,42,.1);color:#B3261E}
.adm-prazdne{padding:26px;border-radius:18px;border:1px dashed var(--border);background:#fff;color:var(--muted);text-align:center}
.adm-pozn{margin:20px 0 0;font-size:13.5px;color:var(--muted)}
.adm-odkaz{border:0;background:none;padding:0;font:inherit;color:var(--tyrkys-t);text-decoration:underline;cursor:pointer}
.adm-okno{width:min(720px,calc(100vw - 24px))}
.adm-okno-uzke{width:min(460px,calc(100vw - 24px))}
.adm-form .adm-chyba{margin:4px 0 0}
.adm-form button[disabled],.adm-login-karta button[disabled]{opacity:.6;cursor:wait}
.adm-form{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}
.adm-form-hlava{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--bg-3)}
.adm-form-hlava h2{font-size:24px}
.adm-form-hlava .okno-zavrit{position:static;box-shadow:none;background:var(--bg-2)}
.adm-form-telo{padding:20px 24px;overflow:auto}
.adm-jazyk{margin:6px 0 14px;padding:14px 16px 2px;border:1px solid var(--border);border-radius:16px}
.adm-jazyk legend{padding:0 8px;font:600 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tyrkys-t)}
.adm-jazyk legend small,.pole label small{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.adm-label{font:600 14px/1.2 var(--sans);color:var(--text-2)}
.adm-fotky{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:4px 0 10px}
.adm-fotka{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;aspect-ratio:3/2;cursor:pointer;background:var(--bg-3);transition:border-color .2s,transform .2s}
.adm-fotka img{width:100%;height:100%;object-fit:cover}
.adm-fotka:hover{transform:translateY(-2px)}
.adm-fotka.vybrana{border-color:var(--ft-tyrkys);box-shadow:0 0 0 3px var(--accent-soft)}
.adm-form-pata{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--bg-3)}
.adm-smazat{margin-right:auto;border:0;background:none;padding:8px 0;font:600 14px/1 var(--sans);color:#B3261E;cursor:pointer}
.adm-potvrd{margin-right:auto;font-size:14px;color:var(--text-2)}
.adm-potvrd .adm-smazat{margin:0 6px}
.adm-hlaska{position:fixed;left:50%;bottom:24px;z-index:60;margin:0;padding:12px 18px;border-radius:12px;background:var(--modra-tma);color:#fff;font-size:14.5px;box-shadow:0 14px 34px rgba(11,31,63,.3);transform:translate(-50%,140%);transition:transform .4s var(--ease)}
.adm-hlaska.ukaz{transform:translate(-50%,0)}
@media (max-width:640px){.adm-akce{flex-wrap:wrap}.adm-foto{width:72px;height:52px}.adm-akce .ap-datum{display:none}.adm-akce .btn{width:100%}.adm-nazev{display:none}
  .adm-uzivatel{width:100%;flex-wrap:wrap;margin-left:0}.adm-uzivatel>span:nth-child(2){flex:1 1 calc(100% - 50px);min-width:0}.adm-uzivatel .btn{flex:1;white-space:nowrap}}

/* mobil: v liště by byl přepínač pod 40 px na dotyk — tam je v menu a v patičce, velký */
.jazyk-mobil{display:none}
@media (max-width:1199px){
  .jazyk-lista{display:none}
  .jazyk-mobil{display:flex;width:max-content;margin:22px 0 0;padding:4px;background:var(--bg-2);border-color:var(--border)}
  .jazyk-mobil a{min-width:64px;height:44px;font-size:14px;color:var(--text-2)}
  .jazyk-mobil a[aria-current]{background:var(--modra-tma);color:#fff}
  .m-menu .jazyk-mobil a{border:0;min-height:0;justify-content:center;font-family:var(--sans);letter-spacing:.1em}
}
.paticka .jazyk-paticka a{height:40px;min-width:48px}

/* Kontakt: formulář je stejně vysoký jako levý sloupec — místo prázdna pod tlačítkem
   se protáhne pole na zprávu, tlačítko sedí u spodního okraje */
.kontakt-mrizka>.formular{display:flex;flex-direction:column}
.kontakt-mrizka>.formular .pole:has(textarea){flex:1;display:flex;flex-direction:column}
.kontakt-mrizka>.formular textarea{flex:1}
.kontakt-mrizka>.formular .souhlas{margin-bottom:18px}


/* kalendář: pevnější ohraničení — rámeček karty, mřížka dnů jako buňky tabulky */
.kal,.akt-seznam{border:1.5px solid var(--bg-3);box-shadow:0 0 0 6px rgba(255,255,255,.7),0 24px 60px rgba(11,31,63,.12)}
.kal-mrizka{gap:0;border:1px solid var(--bg-3);border-radius:14px;overflow:hidden;background:var(--bg-3);grid-gap:1px}
.kal-den{border-radius:0;background:#fff;height:clamp(42px,10.5vw,54px)}
.kal-den.mimo{visibility:visible;background:var(--bg)}
.kal-den.dnes{border-radius:0;background:#F0F8F9;box-shadow:inset 0 0 0 2px var(--ft-tyrkys)}
button.kal-den{border-radius:0;box-shadow:none}
button.kal-den:hover,button.kal-den:focus-visible{transform:none;box-shadow:inset 0 0 0 3px var(--ft-tyrkys);filter:brightness(1.15)}
.kal-dny{border-bottom:0;margin-bottom:8px}
@media (min-width:900px){.akt-hlava{padding:0 28px}}

/* lišta s nejbližší akcí na úvodu (odkaz do kalendáře na Kontaktu) */
.akt-vlajka-sekce{padding:28px 0 4px}
.akt-vlajka-sekce[hidden]{display:none!important}
.akt-vlajka{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 20px;border-radius:20px;background:#fff;border:1.5px solid var(--bg-3);box-shadow:0 12px 34px rgba(11,31,63,.08);text-decoration:none;color:var(--ink);transition:transform .35s var(--ease),box-shadow .35s,border-color .25s}
.akt-vlajka:hover{transform:translateY(-3px);border-color:var(--ft-tyrkys);box-shadow:0 18px 44px rgba(11,31,63,.14)}
.av-stitek{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tyrkys-t)}
.av-bod{width:8px;height:8px;border-radius:50%;background:var(--ft-cervena);box-shadow:0 0 0 4px rgba(233,50,42,.16)}
.av-datum{padding:8px 14px;border-radius:999px;background:var(--grad);color:#fff;font:700 15px/1.1 var(--display);white-space:nowrap}
.av-text{flex:1 1 220px;min-width:0}
.av-text strong{display:block;font:700 17px/1.25 var(--display);letter-spacing:-.01em}
.av-text span{font-size:14px;color:var(--muted)}
.av-odkaz{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1 var(--sans);color:var(--ink)}
.av-odkaz svg{font-size:18px;transition:transform .3s var(--ease)}
.akt-vlajka:hover .av-odkaz svg{transform:translateX(4px)}

/* reference vedle sebe (menší karty), na užším displeji pod sebou */
.ref-mrizka{display:grid;gap:20px;align-items:stretch}
.ref-mrizka .ref{max-width:none;margin:0;display:flex;flex-direction:column;padding:34px 22px 22px;border-radius:24px}
.ref-mrizka .ref-uvozovky{font-size:130px}
.ref-mrizka .ref-hlavni{font-size:clamp(19px,2vw,22px);margin-bottom:18px}
.ref-mrizka .ref-text{padding-left:16px}
.ref-mrizka .ref-text p{font-size:14.5px;line-height:1.6;margin-bottom:10px}
.ref-mrizka .ref-podpis{margin-top:auto;padding-top:18px}
.ref-mrizka .ref-text+.ref-podpis,.ref-mrizka .ref-podpis{margin-top:auto}
.ref-mrizka .ref-ik{width:42px;height:42px;font-size:19px}
.ref-mrizka .ref-podpis strong{font-size:15.5px}
.ref-mrizka .ref-stitek{margin-left:0;font-size:12.5px;padding:8px 12px}
@media (min-width:900px){.ref-mrizka{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ref-mrizka .ref{padding:44px 34px 28px}.ref-mrizka .ref-uvozovky{font-size:160px;left:20px}}
@media (max-width:420px){.procenta .pr-nezisk{flex-direction:column;align-items:flex-start}}

/* úvod: tlačítka pod výrokem a blok „Koho právě hledáte?“ */
.vyrok-tlacitka{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.koho-obal{max-width:760px;text-align:center}
.koho-obal p{color:var(--text-2);font-size:18px;margin:0 0 10px}
.koho-obal .nadpis{margin-bottom:18px}
.koho-obal .btn{margin-top:22px}
@media (max-width:520px){.vyrok-tlacitka .btn{width:100%}}

/* cookie lišta (jen ostré sestavení) — obě tlačítka stejně výrazná */
.cookie-lista{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;max-width:780px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(11,31,63,.22);padding:16px 18px;display:flex;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.cookie-lista p{margin:0}
.cookie-lista a{color:var(--tyrkys-t);font-weight:600}
.cookie-tl{display:flex;gap:10px}
.cookie-tl .btn{flex:1;min-height:44px;justify-content:center}
@media (min-width:640px){.cookie-lista{flex-direction:row;align-items:center;gap:20px}.cookie-tl .btn{flex:none}}
.cookie-zmen{appearance:none;border:0;background:none;padding:0;min-height:40px;display:inline-flex;align-items:center;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* administrace: tlačítka v seznamu, náhled akce, potvrzovací okno */
.adm-akce-tl{display:flex;align-items:center;gap:6px;flex:none}
.adm-ikona{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1.5px solid var(--border);background:#fff;color:var(--text-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.adm-ikona:hover{background:var(--bg-2);border-color:var(--border-h);color:var(--ink)}
.adm-ikona-smazat:hover{background:rgba(233,50,42,.08);border-color:rgba(233,50,42,.4);color:#B3261E}
.adm-ikona:focus-visible,.adm-smazat:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
.adm-smazat{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(233,50,42,.35);background:#fff;color:#B3261E;transition:background .2s,border-color .2s}
.adm-smazat:hover{background:rgba(233,50,42,.08);border-color:rgba(233,50,42,.6)}
.btn.adm-nebezpecne{background:#C62828;color:#fff;border:0}
.btn.adm-nebezpecne:hover{background:#A81F1F}
.adm-nahled{margin-bottom:18px;padding:12px 14px 14px;border-radius:16px;background:var(--bg-2);border:1px dashed var(--border)}
.adm-nahled-stitek{display:block;margin-bottom:8px;font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tyrkys-t)}
.adm-nahled-karta{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--border)}
.adm-nahled-foto{flex:none;width:84px;height:56px;border-radius:10px;overflow:hidden;background:var(--bg-3)}
.adm-nahled-foto img{width:100%;height:100%;object-fit:cover;display:block}
.adm-nahled-text{min-width:0;display:flex;flex-direction:column;gap:3px}
.adm-nahled-text strong{font:700 16px/1.25 var(--display);color:var(--ink);overflow-wrap:anywhere}
.adm-nahled-text span{font-size:13.5px;color:var(--muted)}
.adm-en{padding:0;overflow:hidden}
.adm-en summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 16px;cursor:pointer;list-style:none;font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--tyrkys-t)}
.adm-en summary::-webkit-details-marker{display:none}
.adm-en summary::before{content:"+";font-size:18px;line-height:1;width:14px}
.adm-en[open] summary::before{content:"–"}
.adm-en summary small{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted)}
.adm-en .pole{padding:0 16px}
.adm-en[open] .pole:last-child{padding-bottom:2px}
.adm-dotaz{text-align:center}
.adm-dotaz-telo{padding:30px 26px 24px}
.adm-dotaz-ik{display:inline-grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border-radius:50%;background:rgba(233,50,42,.1);color:#B3261E}
.adm-dotaz-ik svg{width:26px;height:26px}
.adm-dotaz-pozor .adm-dotaz-ik{background:rgba(214,158,46,.16);color:#8A6110}
.adm-dotaz h2{font-size:24px;margin-bottom:10px}
.adm-dotaz p{margin:0 0 22px;color:var(--text-2);overflow-wrap:anywhere}
.adm-dotaz-var{font-size:14px;color:var(--muted)}
.adm-dotaz-tl{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.adm-dotaz-tl .btn{flex:1 1 150px}
@media (max-width:640px){
  .adm-akce-tl{width:100%}
  .adm-akce-tl .btn{flex:1;width:auto}
  .adm-nahled-foto{width:64px;height:46px}
  .adm-nahled-karta .ap-datum{display:none}
  .adm-form-pata{justify-content:stretch}
  .adm-form-pata .btn{flex:1}
  .adm-smazat{width:100%;justify-content:center;margin:0 0 4px}
}

/* administrace: záložky, série podcastu, pole s tlačítkem */
.adm-zalozky{display:flex;gap:4px;margin-bottom:26px;border-bottom:1px solid var(--border)}
.adm-zalozky button{position:relative;border:0;background:none;padding:12px 18px 14px;font:600 15px/1 var(--sans);color:var(--text-2);cursor:pointer;border-radius:12px 12px 0 0;transition:color .2s,background .2s}
.adm-zalozky button:hover{background:var(--bg-2);color:var(--ink)}
.adm-zalozky button.aktivni{color:var(--ink)}
.adm-zalozky button.aktivni::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ft-tyrkys)}
.adm-serie{margin-bottom:30px}
.adm-serie-hlava{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px;margin-bottom:12px}
.adm-serie-hlava small{display:block;margin-bottom:4px;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tyrkys-t)}
.adm-serie-hlava h2{font-size:clamp(20px,2.4vw,26px);margin:0}
.pole select{width:100%;font:16px/1.5 var(--sans);color:var(--text);padding:13px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg);transition:border-color .25s,box-shadow .25s}
.pole select:hover{border-color:var(--border-h)}
.pole select:focus{outline:none;border-color:var(--ft-tyrkys);box-shadow:0 0 0 4px var(--accent-soft)}
.adm-radek{display:flex;flex-wrap:wrap;gap:10px}
.adm-radek input{flex:1 1 260px;min-width:0}
.adm-napoveda{display:block;margin-top:6px;font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}
.adm-dop{margin:4px 0 14px;padding:12px 14px;border-radius:14px;background:var(--accent-soft)}
@media (max-width:640px){
  .adm-zalozky button{flex:1;padding:12px 10px 14px}
  .adm-serie-hlava .adm-akce-tl{width:100%}
}