/* Rychlý start /zacit: syté zelené plátno, velké pole na název firmy, recepční, která hned promluví.
   Karty s obsahem (co ví, účet, nápověda) jsou světlé a v tmavém režimu tmavé přes --surface a --ink z app.css. */
:root{
  --s-bg:#0B2416; --s-bg2:#134229; --s-ink:#F3F7F4; --s-muted:#A9C4B4; --s-line:rgba(255,255,255,.14);
  --s-sklo:rgba(255,255,255,.07); --s-sklo2:rgba(255,255,255,.12);
  --s-broskev:#F6B8A0; --s-zelena:#3BD27A; --s-zelena-ink:#05170C;
}
:root[data-theme="dark"]{--s-bg:#06150C; --s-bg2:#0D2E1C}

body.start-telo{position:relative;isolation:isolate;min-height:100vh;color:var(--s-ink);background:
  radial-gradient(60vmax 50vmax at 88% -10%,rgba(246,184,160,.20),transparent 60%),
  radial-gradient(50vmax 40vmax at -10% 110%,rgba(59,210,122,.16),transparent 60%),
  linear-gradient(160deg,var(--s-bg2),var(--s-bg) 55%) fixed;background-color:var(--s-bg)}
.start-telo .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.start-telo .past{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* lišta */
.start-lista{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
body.start-telo .start-lista .logo-znak .logo-svetle{display:none}
body.start-telo .start-lista .logo-znak .logo-tmave{display:block}
.start-telo .chip.sklo,.start-lista .chip{background:var(--s-sklo);border-color:var(--s-line);color:var(--s-ink)}
.start-lista .chip:hover{border-color:var(--s-zelena)}

.start{max-width:1120px;margin:0 auto;padding-bottom:72px}
.start em{font-style:normal;color:var(--s-broskev)}
.start [hidden]{display:none!important}
.start-pod{font-size:clamp(17px,2.2vw,19px);line-height:1.5;color:var(--s-muted);max-width:34em;margin:0 0 26px}

/* ── 1. Zadání ── */
.start-zadani{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;min-height:calc(100vh - 150px);min-height:calc(100svh - 150px);padding-block:12px 24px}
.start-stitek{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 14px 7px 11px;border-radius:999px;background:var(--s-sklo);border:1px solid var(--s-line);font-size:14px;font-weight:600;color:var(--s-ink)}
.start-stitek .tecka{width:9px;height:9px;background:var(--s-zelena);box-shadow:0 0 0 0 rgba(59,210,122,.6);animation:tep 2.2s infinite}
@keyframes tep{70%{box-shadow:0 0 0 9px rgba(59,210,122,0)}100%{box-shadow:0 0 0 0 rgba(59,210,122,0)}}
.start-zadani h1{font-size:clamp(46px,8.4vw,92px);line-height:.98;letter-spacing:-.035em;margin:0 0 20px;color:var(--s-ink);font-weight:800}

.hledani{position:relative;max-width:620px}
.hledani-pole{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;padding:6px 6px 6px 20px;border-radius:999px;background:#fff;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.55),0 0 0 6px rgba(255,255,255,.06);font-weight:500}
.hledani-ikona{width:22px;height:22px;flex:none;fill:none;stroke:#5B6A64;stroke-width:2;stroke-linecap:round}
.hledani-pole input{flex:1;min-width:0;height:54px!important;border:0;background:transparent;color:#13201C;font-size:18px;padding:0 6px}
.hledani-pole input::placeholder{color:#7C8A84}
.hledani-pole input:focus{outline:none}
.hledani-pole:focus-within{box-shadow:0 24px 60px -24px rgba(0,0,0,.55),0 0 0 4px var(--s-zelena)}
.hledani-tl.btn.ulozit{min-width:0;min-height:54px;padding:0 24px;background:var(--s-zelena);color:var(--s-zelena-ink);box-shadow:none}
.napovedy{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:#fff;color:#13201C;
  border-radius:20px;box-shadow:0 24px 60px -16px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);max-height:340px;overflow:auto}
.napovedy li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;cursor:pointer}
.napovedy li[aria-selected=true],.napovedy li:hover{background:#E3F3E9}
.napovedy li b{display:block;font-weight:600;line-height:1.3}
.napovedy li small{color:#5B6A64;font-size:13.5px}
.napovedy .napoveda-ikona{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#E3F3E9;color:#1F7A41}
.napovedy .napoveda-ikona svg{width:18px;height:18px}
.napovedy .napoveda-info{padding:10px 14px;color:#5B6A64;font-size:14px;cursor:default}
.napovedy .napoveda-info:hover{background:none}

.start-cesty{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin-top:16px}
.cesta{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:18px;background:var(--s-sklo);border:1px solid var(--s-line);
  color:var(--s-ink);font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.cesta:hover{background:var(--s-sklo2);border-color:rgba(255,255,255,.28)}
.cesta b{display:block;font-size:15px;font-weight:600;line-height:1.25}
.cesta small{display:block;color:var(--s-muted);font-size:13px;font-weight:500;line-height:1.3}
.cesta-ikona{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(246,184,160,.16);color:var(--s-broskev)}
.cesta-ikona svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.start-duvody{display:flex;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;list-style:none;color:var(--s-muted);font-size:14.5px}
.start-duvody li{display:flex;align-items:center;gap:7px}
.start-duvody svg{width:18px;height:18px;color:var(--s-zelena)}

/* vizuál: přicházející hovor */
.start-zadani-vizual{display:grid;place-items:center}
.volani{position:relative;width:min(420px,100%);aspect-ratio:1;display:grid;place-items:center}
.volani-orb,.uceni-orb{position:absolute;inset:8%;display:grid;place-items:center}
.volani-orb i,.uceni-orb i,.hovor-orb i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(246,184,160,.35);animation:vlna 3.6s cubic-bezier(.2,.6,.3,1) infinite}
.volani-orb i:nth-child(2),.uceni-orb i:nth-child(2){animation-delay:1.2s;border-color:rgba(59,210,122,.35)}
.volani-orb i:nth-child(3),.uceni-orb i:nth-child(3){animation-delay:2.4s}
@keyframes vlna{0%{transform:scale(.35);opacity:0}25%{opacity:1}100%{transform:scale(1);opacity:0}}
.volani-orb::after{content:"";width:46%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFE2D6,var(--s-broskev) 38%,#3BD27A 100%);box-shadow:0 30px 80px -20px rgba(246,184,160,.6);animation:dech 4s ease-in-out infinite}
@keyframes dech{50%{transform:scale(1.06)}}
.volani-karta{position:relative;margin-top:80%;padding:14px 20px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px -24px rgba(0,0,0,.6);
  display:grid;gap:2px;min-width:250px;text-align:center}
.volani-karta small{color:var(--muted);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.volani-karta b{font:700 20px var(--f-display);transition:opacity .3s}
.volani-text{color:var(--muted);font-size:14.5px}

/* ── 2. Obor ── */
.start-obor,.start-uceni{padding-block:32px 24px}
.start-obor h2,.start-uceni h2,.start-katka h2{color:var(--s-ink)}
.start-obor h2{font-size:clamp(34px,5vw,52px);margin-bottom:10px}
.obory{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:18px}
.obor-dlazdice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px;border-radius:20px;background:var(--s-sklo);border:1px solid var(--s-line);
  color:var(--s-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.obor-dlazdice:hover{background:var(--s-sklo2);border-color:var(--s-zelena);transform:translateY(-2px)}
.obor-dlazdice b{font-size:16px;margin-top:8px}
.obor-dlazdice small{color:var(--s-muted);font-size:13.5px}
.obor-ikona{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(59,210,122,.14);color:var(--s-zelena)}
.obor-ikona svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── 3. Učení ── */
.start-uceni{display:grid;justify-items:center;text-align:center;min-height:calc(100svh - 150px);align-content:center}
.uceni-orb{position:relative;inset:auto;width:220px;height:220px;margin-bottom:12px}
.uceni-orb::after{content:"";width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE2D6,var(--s-broskev) 38%,#3BD27A 100%);animation:dech 1.6s ease-in-out infinite}
.start-uceni h2{font-size:clamp(26px,4vw,38px)}
.tecky i{font-style:normal;animation:tecka 1.4s infinite}
.tecky i:nth-child(2){animation-delay:.2s} .tecky i:nth-child(3){animation-delay:.4s}
@keyframes tecka{0%,60%,100%{opacity:.2}30%{opacity:1}}
.uceni-kroky{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px;width:min(520px,100%);text-align:left}
.uceni-kroky li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--s-sklo);border:1px solid var(--s-line);font-weight:500;
  animation:najezd .45s cubic-bezier(.2,.7,.3,1) both}
.uceni-kroky li .stav{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--s-zelena);color:var(--s-zelena-ink)}
.uceni-kroky li .stav svg{width:16px;height:16px}
.uceni-kroky li.ceka .stav{background:transparent;border:2.5px solid var(--s-line);border-top-color:var(--s-zelena);animation:tocit .8s linear infinite}
.uceni-kroky li.pozor .stav{background:var(--s-broskev)}
@keyframes tocit{to{transform:rotate(360deg)}}
@keyframes najezd{from{opacity:0;transform:translateY(10px)}}

/* ── 4. Katka ── */
.start-katka{padding-top:12px}
.katka-mrizka{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.hovor{position:sticky;top:16px;padding:22px;border-radius:30px;background:linear-gradient(170deg,rgba(255,255,255,.10),rgba(255,255,255,.04));border:1px solid var(--s-line);
  box-shadow:0 40px 80px -40px rgba(0,0,0,.6);display:grid;gap:14px}
.hovor-hlava{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;color:var(--s-muted)}
.hovor-stav{display:flex;align-items:center;gap:8px}
.hovor-stav i{width:9px;height:9px;border-radius:50%;background:var(--s-muted)}
.katka.hraje .hovor-stav i{background:#FF5C5C;animation:tep2 1.2s infinite}
@keyframes tep2{50%{opacity:.35}}
.hovor-cas{font-variant-numeric:tabular-nums}
.hovor-orb{--h:0;position:relative;width:170px;height:170px;margin:4px auto 0;display:grid;place-items:center}
.hovor-orb i{animation:none;inset:calc(18% - var(--h) * 14%);opacity:calc(.25 + var(--h) * .9);transition:inset .08s linear,opacity .08s linear}
.hovor-orb i:nth-child(2){inset:calc(6% - var(--h) * 10%);opacity:calc(.12 + var(--h) * .6);border-color:rgba(59,210,122,.45)}
.hovor-orb i:nth-child(3){inset:calc(-6% - var(--h) * 8%);opacity:calc(.05 + var(--h) * .4)}
.hovor-orb-jadro{width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE2D6,var(--s-broskev) 38%,#3BD27A 100%);
  transform:scale(calc(1 + var(--h) * .22));transition:transform .08s linear;box-shadow:0 20px 60px -16px rgba(246,184,160,.65)}
.katka:not(.hraje) .hovor-orb-jadro{animation:dech 4s ease-in-out infinite}
.katka.mluvi-ja .hovor-orb-jadro{background:radial-gradient(circle at 35% 30%,#E8F7EE,#9FD9B6 45%,#4C8F68 100%)}
.hovor-kdo{text-align:center;display:grid;gap:2px}
.hovor-kdo b{font:700 22px var(--f-display);letter-spacing:-.02em;overflow-wrap:anywhere}
.hovor-kdo small{color:var(--s-muted);font-size:14px}
.hovor-prepis{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bub{max-width:92%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.45;opacity:.28;transition:opacity .35s,transform .35s}
.bub.ai{background:rgba(255,255,255,.94);color:#13201C;border-bottom-left-radius:6px;justify-self:start}
.bub.ja{background:var(--s-zelena);color:var(--s-zelena-ink);border-bottom-right-radius:6px;justify-self:end}
.bub.zaznela{opacity:1}
.bub.ted{opacity:1;transform:scale(1.01);box-shadow:0 10px 30px -14px rgba(0,0,0,.6)}
.bub-kdo{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-bottom:2px}
.hovor-ovladani{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.hovor-prehrat{display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 22px 0 16px;border:0;border-radius:999px;background:#fff;color:#0B2416;font:600 16px var(--f-body);cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(0,0,0,.6)}
.hovor-prehrat svg{width:22px;height:22px;fill:currentColor}
.hovor-prehrat .ik-stop,.katka.hraje .hovor-prehrat .ik-hrat{display:none}
.katka.hraje .hovor-prehrat .ik-stop{display:block}
.katka.vyzva .hovor-prehrat{animation:vyzva 1.6s ease-in-out infinite}
@keyframes vyzva{50%{box-shadow:0 0 0 10px rgba(255,255,255,.12),0 14px 30px -16px rgba(0,0,0,.6)}}
.hlas-volba{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--s-sklo);border:1px solid var(--s-line)}
.hlas-chip{border:0;border-radius:999px;padding:8px 14px;background:transparent;color:var(--s-ink);font:600 14px var(--f-body);cursor:pointer}
.hlas-chip[aria-pressed=true]{background:var(--s-ink);color:#0B2416}
.hovor-pozn{margin:0;color:var(--s-muted);font-size:13.5px}

.vi{padding:24px;border-radius:30px;background:var(--surface);color:var(--ink);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.start-katka .vi h2{color:var(--ink);font-size:clamp(24px,3vw,30px);margin-bottom:6px}
.vi-pod{color:var(--muted);margin:0 0 16px;font-size:15px}
.vi-karta{border:1px solid var(--line);border-radius:18px;margin-bottom:10px;background:var(--surface)}
.vi-karta > summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-size:16px}
.vi-karta > summary::-webkit-details-marker{display:none}
.vi-karta > summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);margin-left:4px;transition:transform .2s}
.vi-karta[open] > summary::after{transform:rotate(-135deg) translateY(-1px)}
.vi-karta > summary b{flex:1;font-weight:600}
.vi-ikona{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--answer-soft);color:var(--answer)}
.vi-ikona svg{width:18px;height:18px}
.vi-pocet{padding:3px 10px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:13px;font-weight:600}
.vi-firma{padding:16px;display:grid;gap:4px}
.vi-firma label{margin:0}
.vi-radek{display:flex;gap:8px;align-items:center}
.vi-radek input{flex:1}
.vi-seznam{list-style:none;margin:0;padding:0 8px 8px;max-height:360px;overflow:auto}
.vi-seznam li{display:flex;align-items:center;gap:12px;padding:9px 8px;border-top:1px solid var(--line);font-size:15px}
.vi-seznam li > span{flex:1;min-width:0;overflow-wrap:anywhere}
.vi-seznam li small{display:block;color:var(--muted);font-size:13px}
.vi-seznam li > b{white-space:nowrap;font-weight:600}
.vi-faq li > span b{display:block;font-weight:600}
.vi-kontakt li small{margin-bottom:1px}
.vi-smazat{width:32px;height:32px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.vi-smazat:hover{background:var(--chyba-soft);color:var(--chyba)}
.vi-doba{list-style:none;margin:0;padding:0 16px 12px;display:grid;gap:4px}
.vi-doba li{display:flex;gap:14px;font-size:15px}
.vi-doba li b{width:28px;font-weight:600}
.vi-prazdne{margin:0;padding:0 16px 14px;color:var(--muted);font-size:14.5px}
.vi-pridat{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.vi-pridat .chip{cursor:pointer}
.vi-web{display:flex;gap:8px;width:100%}
.vi-web input{flex:1}

/* účet */
.ucet{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin-top:40px;scroll-margin-top:16px}
.ucet-text h2{font-size:clamp(32px,4.4vw,48px);line-height:1.02;margin-bottom:14px}
.ucet-text p{color:var(--s-muted);font-size:17px;margin:0 0 18px}
.ucet-body{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--s-ink)}
.ucet-body li{display:flex;align-items:center;gap:9px}
.ucet-body svg{width:20px;height:20px;color:var(--s-zelena)}
.ucet-form{padding:24px;border-radius:30px;background:var(--surface);color:var(--ink);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.ucet-form label:not(.souhlas):not(.past){display:block}
.ucet-form label > :is(input,.heslo-pole,.tel-pole){margin-top:6px}
.ucet-form label > :is(input,.heslo-pole){display:block}
.ucet-form .pole-chyba{display:block;margin-top:6px;color:var(--chyba);font-weight:500;font-size:13.5px}
.ucet-form input[aria-invalid=true]{border-color:var(--chyba);background:var(--chyba-soft)}
.ucet-form .chipy{margin:4px 0 0}
.souhlas{flex-direction:row!important;align-items:flex-start;gap:10px;font-weight:500;margin:4px 0 0}
.souhlas input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--answer)}
.ucet-form .ulozit-radek .btn.ulozit{width:100%}
.heslo-pole{position:relative;display:block}
.heslo-pole input{padding-right:52px}
.heslo-oko{position:absolute;right:4px;top:50%;translate:0 -50%;width:40px;height:40px;border:0;border-radius:50%;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.heslo-oko svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.heslo-oko[aria-pressed=true]{color:var(--answer)}
.znovu{display:flex;justify-content:center;margin-top:28px}
.znovu .chip{background:var(--s-sklo);border-color:var(--s-line);color:var(--s-ink)}

/* hláška nahoře */
.start-hlaska{position:fixed;z-index:50;left:50%;top:calc(12px + env(safe-area-inset-top,0px));translate:-50% 0;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:16px;
  background:var(--surface);color:var(--ink);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);font-weight:500;animation:najezd .3s both}
.start-hlaska.chyba{background:var(--chyba-soft);color:var(--chyba)}

@media (max-width:900px){
  .start-zadani{grid-template-columns:1fr;gap:0;min-height:0;padding-top:18px}
  .start-zadani-vizual{display:none}
  .katka-mrizka,.ucet{grid-template-columns:1fr}
  .hovor{position:relative;top:0}
}
@media (max-width:560px){
  .start-lista{padding:12px 0}
  .start-zadani h1{font-size:clamp(44px,13vw,60px)}
  .start-stitek{font-size:13px;margin-bottom:16px}
  .hledani-pole{padding:5px 5px 5px 14px}
  .hledani-pole input{height:50px!important;font-size:17px}
  .hledani-tl.btn.ulozit{min-height:50px;padding:0 16px}
  .hledani-tl span{display:none}
  .start-cesty{grid-template-columns:1fr}
  .hovor,.vi,.ucet-form{padding:18px;border-radius:24px}
  .obory{grid-template-columns:1fr 1fr}
  .obor-dlazdice{padding:14px}
  .ucet{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){
  .start *,.start *::before,.start *::after{animation:none!important;transition:none!important}
}
.obor-nazev{max-width:520px;color:var(--s-ink);font-size:15px;margin-bottom:18px}
.obor-nazev span{color:var(--s-muted);font-weight:500}
.obor-nazev input{background:#fff;color:#13201C;border:0;height:50px!important;border-radius:14px;font-size:17px;padding:0 16px}
.obor-nazev input:focus{box-shadow:0 0 0 3px var(--s-zelena)}
.vi-nacitam{padding:3px 10px;border-radius:999px;background:var(--answer-soft);color:var(--answer);font-size:13px;font-weight:600;animation:tep2 1.4s ease-in-out infinite}
.vi-ikona.toci{background:transparent;border:2.5px solid var(--line);border-top-color:var(--answer);animation:tocit .8s linear infinite}
.vi-ikona.toci svg{display:none}
.ucet-ukazka{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto;text-align:center}
.ucet-ukazka .ucet-body{justify-content:center;justify-items:center}

/* zásobník fotek ceníku (víc stran) */
.fotky{max-width:620px;margin-top:12px;padding:14px;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 60px -28px rgba(0,0,0,.6)}
.fotky-titulek{margin:0 0 10px;display:grid;gap:1px}
.fotky-titulek span{color:var(--muted);font-size:14px}
.fotky-seznam{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.fotky-seznam li{position:relative;width:76px;height:96px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center}
.fotky-seznam img{width:100%;height:100%;object-fit:cover}
.fotky-pdf{font-weight:700;color:var(--muted)}
.fotky-seznam li b{position:absolute;left:6px;bottom:6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:12.5px;display:grid;place-items:center}
.fotky-seznam li button{position:absolute;right:4px;top:4px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:17px;line-height:1;cursor:pointer}
.fotky-akce{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fotky-akce .chip{cursor:pointer}
.fotky-akce .btn.ulozit{min-width:0;min-height:48px;padding:0 24px;margin-left:auto}
.vi .fotky{box-shadow:none;border:1px solid var(--line);margin-top:10px;max-width:none}
@media (max-width:560px){.fotky-akce .btn.ulozit{width:100%;margin-left:0}}

/* rozcestník oborů: zpět vedle nadpisu, povinný název, „Něco jiného“ s popisem */
.start-obor .nadpis-radek{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.start-obor .nadpis-radek h2{margin:0}
.start .zpet.sklo{width:44px;height:44px;flex:none;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--s-sklo);border:1px solid var(--s-line);color:var(--s-ink);cursor:pointer}
.start .zpet.sklo:hover{background:var(--s-sklo2)}
.obor-nazev,.obor-jine label{display:block}
.obor-nazev .pole-chyba,.obor-jine .pole-chyba{display:block;margin-top:6px;color:var(--s-broskev);font-weight:600;font-size:14px}
.obor-nazev .pole-chyba[hidden],.obor-jine .pole-chyba[hidden]{display:none}
.obor-nazev input[aria-invalid=true],.obor-jine input[aria-invalid=true]{box-shadow:0 0 0 3px var(--s-broskev)}
.obor-dlazdice[aria-pressed=true]{border-color:var(--s-zelena);background:var(--s-sklo2)}
.obor-jine{max-width:620px;margin:6px 0 18px;padding:18px;border-radius:20px;background:var(--s-sklo);border:1px solid var(--s-zelena)}
.obor-jine label{color:var(--s-ink);font-size:15px;margin:0}
.obor-jine label span{color:var(--s-muted);font-weight:500}
.obor-jine input{display:block;margin-top:6px;background:#fff;color:#13201C;border:0;height:50px!important;border-radius:14px;font-size:17px;padding:0 16px}
.obor-jine input:focus{box-shadow:0 0 0 3px var(--s-zelena)}
.obor-jine .btn.ulozit{background:var(--s-zelena);color:var(--s-zelena-ink)}
.obor-nazev input{display:block;margin-top:6px}
/* Spojování hovoru, než zazní první věta */
.katka.spojuje .hovor-orb i{animation:vlna 1.6s cubic-bezier(.2,.6,.3,1) infinite;inset:0;opacity:1}
.katka.spojuje .hovor-orb i:nth-child(2){animation-delay:.5s}
.katka.spojuje .hovor-orb i:nth-child(3){animation-delay:1s}
.katka.spojuje .hovor-stav i{background:var(--s-zelena);animation:tep2 .8s infinite}

/* fotka recepční lehce v pozadí nahoře, dolů se ztrácí */
.start-pozadi{position:absolute;z-index:-1;left:0;right:0;top:0;height:min(82vh,780px);pointer-events:none;
  background-repeat:no-repeat;background-size:cover;background-position:70% 18%;opacity:.3;filter:saturate(.8);
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.85) 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.85) 35%,transparent 100%)}
@media (min-width:901px){.start-pozadi{left:30%;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.85) 40%,transparent 100%),linear-gradient(90deg,transparent 0,#000 35%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.85) 40%,transparent 100%),linear-gradient(90deg,transparent 0,#000 35%);mask-composite:intersect;opacity:.32}}
/* na mobilu fotka ruší (uživatel 23. 10.), jen na širší obrazovce */
@media (max-width:900px){.start-pozadi{display:none}}

/* „nebo“ mezi polem a dalšími možnostmi */
.start-nebo{display:flex;align-items:center;gap:14px;max-width:620px;margin:20px 0 4px;color:var(--s-muted);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.start-nebo::before,.start-nebo::after{content:"";flex:1;height:1px;background:var(--s-line)}
.start-nebo + .start-cesty{margin-top:12px}

/* „Jsou to vaše webové stránky?“ (firma z rejstříku, web nalezený podle IČO) */
.start-web{padding-block:32px 24px;max-width:640px}
.start-web h2{color:var(--s-ink);font-size:clamp(30px,4.6vw,46px);margin-bottom:18px}
.web-nalez{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--s-sklo);border:1px solid var(--s-line);color:var(--s-ink);text-decoration:none;margin-bottom:14px}
.web-nalez:hover{background:var(--s-sklo2);border-color:var(--s-zelena)}
.web-nalez > span:last-child{display:flex;flex-direction:column;min-width:0}
.web-nalez b{font-size:17px;overflow-wrap:anywhere}
.web-nalez small{color:var(--s-muted);font-size:14px;overflow-wrap:anywhere}
.web-ikona{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:rgba(59,210,122,.14);color:var(--s-zelena)}
.web-ikona svg{width:24px;height:24px}
.web-volby{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.start-web .chip{color:var(--s-ink);border-color:var(--s-line);background:transparent}
.web-jiny{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:18px}
.web-jiny label{flex:1;min-width:220px;color:var(--s-ink);font-weight:600;font-size:14px}
.web-jiny input{display:block;margin-top:6px;background:#fff;color:#13201C;border:0;height:50px!important;border-radius:14px;font-size:17px;padding:0 16px}
@media (max-width:600px){.web-volby .btn{width:100%}}