/* Ověřuji.cz – vlastní vzhled (rodina Spojuji: Poppins + General Sans, pás rodiny).
   Barvy #D81E5B… doplní sestav.py ze znak.BARVY. */
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/fonty/poppins-v23-latin-ext-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/fonty/poppins-v23-latin-ext-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/fonty/poppins-v23-latin-ext-700.woff2) format("woff2")}
@font-face{font-family:"General Sans";font-weight:400;font-display:swap;src:url(/fonty/general-sans-latin-ext-regular.woff2) format("woff2")}

:root{
  --fi:#D81E5B;--fi-tm:#AE1446;--fi-sv:#FCE8EF;--fi-hl:#FF6B98;
  --papir:#fbf8f6;--karta:#fff;--inkoust:#17101a;--inkoust2:#241a27;--text:#17101a;--text2:#4a4050;--tlumene:#7a7080;
  --linka:rgba(23,16,26,.09);--linka2:rgba(23,16,26,.16);--ok:#0b7a5c;--ok-sv:#e3f5ee;
  --nadpis:Poppins,system-ui,sans-serif;--telo:"General Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:26px;--r-s:16px;--sirka:1200px;--okraj:clamp(16px,4vw,40px);
  --stin:0 1px 2px rgba(23,16,26,.04),0 14px 40px -16px rgba(23,16,26,.18);
  --pecet-tvar:polygon(50.00% 0.00%,53.21% 0.98%,56.13% 3.40%,58.76% 5.98%,61.39% 7.50%,64.43% 7.50%,67.99% 6.58%,71.73% 5.94%,75.00% 6.70%,77.29% 9.16%,78.61% 12.71%,79.59% 16.26%,81.11% 18.89%,83.74% 20.41%,87.29% 21.39%,90.84% 22.71%,93.30% 25.00%,94.06% 28.27%,93.42% 32.01%,92.50% 35.57%,92.50% 38.61%,94.02% 41.24%,96.60% 43.87%,99.02% 46.79%,100.00% 50.00%,99.02% 53.21%,96.60% 56.13%,94.02% 58.76%,92.50% 61.39%,92.50% 64.43%,93.42% 67.99%,94.06% 71.73%,93.30% 75.00%,90.84% 77.29%,87.29% 78.61%,83.74% 79.59%,81.11% 81.11%,79.59% 83.74%,78.61% 87.29%,77.29% 90.84%,75.00% 93.30%,71.73% 94.06%,67.99% 93.42%,64.43% 92.50%,61.39% 92.50%,58.76% 94.02%,56.13% 96.60%,53.21% 99.02%,50.00% 100.00%,46.79% 99.02%,43.87% 96.60%,41.24% 94.02%,38.61% 92.50%,35.57% 92.50%,32.01% 93.42%,28.27% 94.06%,25.00% 93.30%,22.71% 90.84%,21.39% 87.29%,20.41% 83.74%,18.89% 81.11%,16.26% 79.59%,12.71% 78.61%,9.16% 77.29%,6.70% 75.00%,5.94% 71.73%,6.58% 67.99%,7.50% 64.43%,7.50% 61.39%,5.98% 58.76%,3.40% 56.13%,0.98% 53.21%,0.00% 50.00%,0.98% 46.79%,3.40% 43.87%,5.98% 41.24%,7.50% 38.61%,7.50% 35.57%,6.58% 32.01%,5.94% 28.27%,6.70% 25.00%,9.16% 22.71%,12.71% 21.39%,16.26% 20.41%,18.89% 18.89%,20.41% 16.26%,21.39% 12.71%,22.71% 9.16%,25.00% 6.70%,28.27% 5.94%,32.01% 6.58%,35.57% 7.50%,38.61% 7.50%,41.24% 5.98%,43.87% 3.40%,46.79% 0.98%);--hladce:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--papir);color:var(--text);font:400 17px/1.6 var(--telo);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--nadpis);font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0 0 1em;text-wrap:pretty}
:focus-visible{outline:2.5px solid var(--fi);outline-offset:3px;border-radius:6px}
.obal{width:min(var(--sirka),100% - 2*var(--okraj));margin-inline:auto}
.skryte{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preskocit{position:absolute;left:12px;top:-60px;z-index:100;background:var(--inkoust);color:#fff;padding:10px 16px;border-radius:10px}
.preskocit:focus{top:12px}
em{font-style:normal;color:var(--fi)}

/* ------------------------------------------------------------ tlačítka */
.tl{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 16px/1 var(--nadpis);letter-spacing:-.01em;
  text-decoration:none;white-space:nowrap;cursor:pointer;padding:17px 24px;border-radius:999px;border:1.5px solid transparent;
  background:var(--fi);color:#fff;transition:transform .3s var(--hladce),background .2s,box-shadow .3s}
.tl:hover{background:var(--fi-tm);transform:translateY(-2px);box-shadow:0 12px 28px -12px var(--fi)}
.tl svg{width:18px;transition:transform .3s var(--hladce)}
.tl:hover svg{transform:translateX(3px)}
.tl.tmave{background:var(--inkoust)}
.tl.tmave:hover{background:#000;box-shadow:0 12px 28px -14px rgba(0,0,0,.6)}
.tl.obrys{background:transparent;color:var(--text);border-color:var(--linka2)}
.tl.obrys:hover{border-color:var(--text);box-shadow:none}
.tl.bile{background:#fff;color:var(--inkoust)}
.tl.bile:hover{background:var(--fi-sv)}
.tl.male{padding:12px 18px;font-size:14.5px}
.tl[disabled]{opacity:.6;pointer-events:none}

/* ------------------------------------------------------------ hlavička */
.hl{position:sticky;top:0;z-index:50;background:rgba(251,248,246,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid transparent;transition:border-color .3s}
.posunuto .hl{border-bottom-color:var(--linka)}
.hl .obal{display:flex;align-items:center;gap:24px;height:76px}
.logo{display:flex;color:var(--text);text-decoration:none;flex:0 0 auto}
.logo svg{width:168px;height:auto}
.menu{display:flex;gap:4px;list-style:none;margin:0 auto 0 12px;padding:0}
.menu a{display:block;padding:10px 14px;border-radius:999px;text-decoration:none;font:500 15px/1 var(--nadpis);color:var(--text2);transition:background .2s,color .2s}
.menu a:hover,.menu a[aria-current=page]{color:var(--text);background:rgba(23,16,26,.06)}
.hl-akce{display:flex;gap:8px;align-items:center}
.hamburger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--inkoust);cursor:pointer;position:relative}
.hamburger span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,top .3s}
.hamburger span:first-child{top:18px}.hamburger span:last-child{top:26px}
.menu-otevreno .hamburger span:first-child{top:22px;transform:rotate(45deg)}
.menu-otevreno .hamburger span:last-child{top:22px;transform:rotate(-45deg)}

/* ------------------------------------------------------------ úvod */
.vstup{position:relative;padding:clamp(40px,6vw,84px) 0 clamp(50px,6vw,90px);isolation:isolate;overflow:hidden}
.vstup::before{content:"";position:absolute;z-index:-1;width:min(900px,120vw);aspect-ratio:1;right:-260px;top:-380px;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--fi) 20%,transparent),transparent)}
.razitka{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.55}
.razitka svg{position:absolute;width:var(--v,90px);color:var(--fi);opacity:var(--o,.08);transform:rotate(var(--rot,0deg))}
.stitek{display:inline-flex;align-items:center;gap:10px;font:600 12.5px/1 var(--nadpis);letter-spacing:.14em;text-transform:uppercase;color:var(--fi)}
.stitek svg{width:20px;flex:0 0 auto}
.vstup h1{font-size:clamp(42px,6.4vw,92px);letter-spacing:-.055em;line-height:.98;margin:22px 0 24px;max-width:13ch}
.vstup .perex{font-size:clamp(18px,1.6vw,21px);color:var(--text2);max-width:36em;margin-bottom:0}
.dvere{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(36px,4vw,56px)}
.dvere-karta{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,40px);border-radius:var(--r);text-decoration:none;
  background:var(--karta);border:1px solid var(--linka);box-shadow:var(--stin);overflow:hidden;isolation:isolate;
  transition:transform .45s var(--hladce),box-shadow .45s}
.dvere-karta:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(23,16,26,.05),0 34px 70px -28px rgba(23,16,26,.35)}
.dvere-karta.brig{background:var(--inkoust);color:#fff;border-color:transparent}
.dvere-karta .pro{font:600 12.5px/1 var(--nadpis);letter-spacing:.14em;text-transform:uppercase;color:var(--fi)}
.dvere-karta.brig .pro{color:var(--fi-hl)}
.dvere-karta h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.dvere-karta p{color:var(--text2);margin:0}
.dvere-karta.brig p{color:rgba(255,255,255,.72)}
.dvere-karta ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px;font-size:15.5px}
.dvere-karta li{display:flex;gap:10px;align-items:flex-start}
.dvere-karta li svg{width:18px;flex:0 0 auto;margin-top:3px;color:var(--fi)}
.dvere-karta.brig li svg{color:var(--fi-hl)}
.dvere-karta .dale{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font:600 17px/1 var(--nadpis)}
.dvere-karta .dale i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--fi);color:#fff;transition:transform .4s var(--hladce)}
.dvere-karta .dale i svg{width:20px}
.dvere-karta:hover .dale i{transform:rotate(-35deg)}
.dvere-karta .pecet-pozadi{position:absolute;z-index:-1;right:-60px;bottom:-70px;width:240px;color:var(--fi);opacity:.07;transition:transform .8s var(--hladce)}
.dvere-karta.brig .pecet-pozadi{opacity:.22}
.dvere-karta:hover .pecet-pozadi{transform:rotate(25deg) scale(1.05)}

/* podstránky */
.podhlava{position:relative;padding:clamp(36px,5vw,70px) 0 clamp(30px,4vw,50px);isolation:isolate;overflow:hidden}
.podhlava::before{content:"";position:absolute;z-index:-1;width:min(800px,120vw);aspect-ratio:1;right:-240px;top:-360px;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--fi) 16%,transparent),transparent)}
.podhlava.tmava{background:var(--inkoust);color:#fff}
.podhlava.tmava::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--fi) 45%,transparent),transparent)}
.podhlava.tmava .perex{color:rgba(255,255,255,.75)}
.podhlava.tmava .stitek{color:var(--fi-hl)}
.podhlava.tmava em{color:var(--fi-hl)}
.drobky{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 26px;font:500 14px/1 var(--nadpis);color:var(--tlumene)}
.drobky li+li::before{content:"/";margin-right:8px;opacity:.6}
.drobky a{text-decoration:none}
.podhlava h1{font-size:clamp(38px,5.4vw,76px);letter-spacing:-.05em;line-height:1;margin:18px 0 22px;max-width:16ch}
.podhlava .perex{font-size:clamp(18px,1.5vw,20px);color:var(--text2);max-width:38em}
.hlava-mrizka{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,70px);align-items:center}
.hlava-tlacitka{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ukázka úkolu – dva lidé, jedna odpověď */
.ukazka{position:relative;background:var(--karta);color:var(--text);border-radius:var(--r);padding:26px;box-shadow:0 2px 4px rgba(23,16,26,.05),0 40px 80px -30px rgba(23,16,26,.4);
  border:1px solid var(--linka)}
.ukazka-hlava{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 12px/1 var(--nadpis);letter-spacing:.12em;text-transform:uppercase;color:var(--tlumene);
  padding-bottom:16px;border-bottom:1px dashed var(--linka2)}
.ukazka .ukazka-zaznam{color:var(--text);font:600 19px/1.3 var(--nadpis);letter-spacing:-.02em;margin:16px 0 18px}
.ukazka-zaznam small{display:block;font:400 14px/1.4 var(--telo);color:var(--tlumene);letter-spacing:0;margin-bottom:4px}
.clovek{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--papir);margin-bottom:8px}
.clovek b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--inkoust);color:#fff;font:600 13px/1 var(--nadpis);flex:0 0 auto}
.clovek:nth-of-type(2) b{background:var(--fi)}
.clovek span{font:500 15.5px/1.3 var(--nadpis)}
.clovek small{display:block;font:400 12.5px/1.2 var(--telo);color:var(--tlumene)}
.ukazka-pecet{position:absolute;right:-18px;bottom:-22px;width:110px;transform:rotate(-12deg);filter:drop-shadow(0 10px 18px rgba(23,16,26,.25))}
.ukazka .ukazka-pata{margin-top:14px;font-size:14px;color:var(--ok);display:flex;gap:8px;align-items:center;font-weight:600}
.ukazka-pata svg{width:18px}
.ukazka-poznamka{font-size:12.5px;color:var(--tlumene);margin:14px 0 0;text-align:right}
.tmava .ukazka-poznamka{color:rgba(255,255,255,.5)}

/* ------------------------------------------------------------ sekce */
.sekce{padding:clamp(64px,8vw,120px) 0}
.sekce.tesna{padding-top:0}
.sekce-hlava{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 60px;align-items:end;margin-bottom:clamp(34px,4vw,56px)}
.sekce-hlava.stred{grid-template-columns:1fr;text-align:center;justify-items:center}
.sekce-hlava h2{font-size:clamp(34px,4.6vw,62px);letter-spacing:-.045em;margin-top:16px}
.sekce-hlava p{color:var(--text2);margin:0;font-size:18px}
.mrizka-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mrizka-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.karta{position:relative;background:var(--karta);border:1px solid var(--linka);border-radius:var(--r);padding:30px;box-shadow:var(--stin)}
.karta h3{font-size:22px;letter-spacing:-.03em;margin-bottom:10px}
.karta p{color:var(--text2);font-size:16px;margin:0}
.karta .ikona{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--fi-sv);color:var(--fi);margin-bottom:26px}
.karta .ikona svg{width:24px}
.karta .cislo{font:700 15px/1 var(--nadpis);color:var(--fi);letter-spacing:.04em;margin-bottom:22px;display:block}
.karta.carkovana{background:transparent;box-shadow:none;border:1.5px dashed var(--linka2)}

/* tok – kroky s pečetí */
.tok{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;margin:0;padding:0;counter-reset:krok}
.tok li{position:relative;padding-top:78px}
.tok li::before{counter-increment:krok;content:counter(krok);position:absolute;top:0;left:0;width:58px;height:58px;display:grid;place-items:center;
  font:700 20px/1 var(--nadpis);color:#fff;background:var(--fi);clip-path:var(--pecet-tvar)}
.tok li:not(:last-child)::after{content:"";position:absolute;top:29px;left:72px;right:-6px;border-top:1.5px dashed var(--linka2)}
.tok h3{font-size:21px;margin-bottom:8px;letter-spacing:-.03em}
.tok p{color:var(--text2);font-size:15.5px;margin:0}

/* tmavý blok */
.tmava{background:var(--inkoust);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.tmava::before{content:"";position:absolute;z-index:-1;inset:auto -10% -50% 35%;height:100%;background:radial-gradient(closest-side,color-mix(in srgb,var(--fi) 40%,transparent),transparent)}
.tmava .stitek{color:var(--fi-hl)}
.tmava em{color:var(--fi-hl)}
.tmava .sekce-hlava p,.tmava p{color:rgba(255,255,255,.72)}
.tmava .karta{background:var(--inkoust2);border-color:rgba(255,255,255,.08);box-shadow:none}
.tmava .karta p{color:rgba(255,255,255,.7)}
.tmava .karta .ikona{background:rgba(255,255,255,.07);color:var(--fi-hl)}
.velka-veta{font:600 clamp(32px,4.4vw,60px)/1.08 var(--nadpis);letter-spacing:-.045em;margin:18px 0 0;max-width:18ch}
.cisla{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(44px,6vw,80px);background:rgba(255,255,255,.1);border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.cisla div{background:var(--inkoust);padding:32px 30px}
.cisla b{display:block;font:600 clamp(38px,4.4vw,60px)/1 var(--nadpis);letter-spacing:-.05em;margin-bottom:12px}
.cisla span{color:rgba(255,255,255,.62);font-size:15.5px;line-height:1.5;display:block}

/* seznam s fajfkami */
.fajfky{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fajfky li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;background:var(--karta);border:1px solid var(--linka);border-radius:var(--r-s);padding:16px 18px}
.fajfky li>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--fi-sv);color:var(--fi)}
.fajfky li>i svg{width:15px}
.fajfky b{display:block;font:600 16.5px/1.35 var(--nadpis);letter-spacing:-.015em}
.fajfky span{display:block;color:var(--text2);font-size:15px;margin-top:3px}
.tmava .fajfky li{background:var(--inkoust2);border-color:rgba(255,255,255,.08)}
.tmava .fajfky li>i{background:rgba(255,255,255,.08);color:var(--fi-hl)}
.tmava .fajfky span{color:rgba(255,255,255,.66)}
.dva-sloupce{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:start}
.lepkave{position:sticky;top:110px}
.lepkave h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.045em;margin-top:16px}
.lepkave p{color:var(--text2);margin-top:18px}
.ramecek{margin-top:20px;padding:22px 24px;border-radius:var(--r-s);background:var(--fi-sv);color:var(--fi-tm);font-size:16px;border-left:3px solid var(--fi)}
.ramecek p{margin:0}

/* otázky */
.otazky{max-width:880px;margin:0 auto}
.otazky details{border-bottom:1px solid var(--linka2);padding:20px 4px}
.otazky summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font:600 clamp(18px,1.7vw,21px)/1.35 var(--nadpis);letter-spacing:-.02em}
.otazky summary::-webkit-details-marker{display:none}
.otazky summary::after{content:"+";font-weight:400;color:var(--fi);font-size:28px;line-height:.9;transition:transform .3s var(--hladce)}
.otazky details[open] summary::after{transform:rotate(45deg)}
.otazky details p{color:var(--text2);margin:12px 0 0;max-width:46em}

/* ------------------------------------------------------------ formuláře */
.formular-sekce .dva-sloupce{align-items:start}
.kontakty{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.kontakty a,.kontakty div{display:flex;gap:14px;align-items:center;text-decoration:none;padding:14px 16px;border-radius:var(--r-s);background:var(--karta);border:1px solid var(--linka)}
.kontakty i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--fi-sv);color:var(--fi);flex:0 0 auto}
.kontakty i svg{width:19px}
.kontakty small{display:block;font-size:13px;color:var(--tlumene)}
.kontakty b{font:600 16px/1.3 var(--nadpis)}
.formular{background:var(--karta);border-radius:var(--r);padding:clamp(24px,3vw,38px);border:1px solid var(--linka);box-shadow:0 2px 4px rgba(23,16,26,.04),0 40px 80px -36px rgba(23,16,26,.35)}
.formular h3{font-size:28px;letter-spacing:-.035em}
.formular .pod{color:var(--text2);margin:8px 0 24px;font-size:16px}
.volby{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;border:0;padding:0}
.volby legend{font:600 14.5px/1 var(--nadpis);margin-bottom:12px;padding:0}
.volby label{position:relative;cursor:pointer}
.volby input{position:absolute;opacity:0;pointer-events:none}
.volby span{display:block;padding:11px 15px;border-radius:999px;border:1.5px solid var(--linka2);font:500 14.5px/1 var(--nadpis);transition:all .2s}
.volby label:hover span{border-color:var(--text)}
.volby input:checked+span{background:var(--inkoust);color:#fff;border-color:var(--inkoust)}
.volby input:focus-visible+span{outline:2.5px solid var(--fi);outline-offset:2px}
.pole-mrizka{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pole{margin:0;display:flex;flex-direction:column;gap:7px}
.pole.cele{grid-column:1/-1}
.pole label{font:500 14.5px/1.2 var(--nadpis);color:var(--text)}
.pole label small{font:400 13px var(--telo);color:var(--tlumene)}
.pole input,.pole textarea{width:100%;font:400 16.5px/1.4 var(--telo);color:var(--text);background:var(--papir);border:1.5px solid var(--linka);border-radius:14px;
  padding:14px 16px;outline:0;transition:border-color .2s,background .2s;appearance:none}
.pole textarea{min-height:110px;resize:vertical}
.pole input:focus,.pole textarea:focus{border-color:var(--fi);background:#fff}
.pole .chyba{color:#b4123f;font-size:13.5px;min-height:0}
.pole.spatne input,.pole.spatne textarea{border-color:#e06a8d;background:#fff6f8}
.souhlas-radek{display:flex;gap:12px;align-items:flex-start;margin:18px 0 0;font-size:14.5px;color:var(--text2);cursor:pointer}
.souhlas-radek input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--fi);flex:0 0 auto}
.souhlas-radek.spatne{color:#b4123f}
.odeslat{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px}
.odeslat .poznamka{font-size:13.5px;color:var(--tlumene);margin:0;flex:1 1 220px}
.past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hlaska{margin:16px 0 0;font-size:15px}
.hlaska.chyba{color:#b4123f}
.diky{display:none;text-align:center;padding:30px 10px}
.diky .pecet-diky{width:96px;margin:0 auto 20px}
.diky h3{margin-bottom:10px}
.diky p{color:var(--text2)}
.odeslano form{display:none}
.odeslano .diky{display:block}

/* ------------------------------------------------------------ rodina */
.rodina{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.clen{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:var(--karta);border:1px solid var(--linka);text-decoration:none;min-height:190px;
  transition:transform .35s var(--hladce),border-color .3s}
a.clen:hover{transform:translateY(-3px);border-color:var(--linka2)}
.clen b{font:600 20px/1 var(--nadpis);letter-spacing:-.03em;display:flex;align-items:center;gap:9px}
.clen b i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}
.clen small{font:600 11.5px/1 var(--nadpis);letter-spacing:.12em;text-transform:uppercase;color:var(--tlumene);margin-top:auto}
.clen p{color:var(--text2);font-size:14.5px;margin:0;line-height:1.5}
.clen.tady{background:var(--fi-sv);border-color:color-mix(in srgb,var(--fi) 30%,transparent)}

/* ------------------------------------------------------------ patička */
.pata{background:var(--inkoust);color:#fff;padding:clamp(56px,7vw,90px) 0 0;margin-top:clamp(40px,6vw,80px);overflow:hidden}
.pata-mrizka{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px}
.pata .logo{color:#fff}
.pata .logo svg{width:190px}
.pata p{color:rgba(255,255,255,.62);font-size:15.5px;margin-top:18px;max-width:28em}
.pata h4{font:600 13px/1 var(--nadpis);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.pata ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15.5px}
.pata ul a{text-decoration:none;color:rgba(255,255,255,.85)}
.pata ul a:hover{color:#fff;text-decoration:underline}
.pata li{color:rgba(255,255,255,.62)}
.pata .obri{font:700 clamp(70px,16vw,240px)/.8 var(--nadpis);letter-spacing:-.06em;margin:clamp(40px,6vw,80px) 0 0;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.14);white-space:nowrap;user-select:none}
.rodina-pas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:26px 0;border-top:1px solid rgba(255,255,255,.1)}
.rodina-pas>span{font:500 12px/1 var(--nadpis);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-right:8px}
.rodina-pas a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  color:#fff;text-decoration:none;font:500 14px/1 var(--nadpis);transition:border-color .2s}
.rodina-pas a:hover{border-color:rgba(255,255,255,.5)}
.rodina-pas a[aria-current]{border-color:var(--fi-hl);background:rgba(255,255,255,.06)}
.rodina-pas i{width:8px;height:8px;border-radius:50%}
.r-spojuji{background:#b26bff}.r-ocenuji{background:#3fd0a0}.r-strankuji{background:#6F8BFF}.r-navazuji{background:#F5B700}
.r-stvrzuji{background:#c7c98a}.r-bazaruji{background:#ff7a45}.r-profiradar{background:#3FD0E0}.r-overuji{background:var(--fi-hl)}
.spodek{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:rgba(255,255,255,.5)}
.spodni-lista{display:none}

/* právní texty */
.pravni{max-width:820px}
.pravni h2{font-size:clamp(24px,2.4vw,30px);margin:42px 0 14px;letter-spacing:-.03em}
.pravni p,.pravni li{color:var(--text2)}
.pravni ul{padding-left:20px}
.nenalezeno{text-align:center;padding:clamp(70px,10vw,140px) 0}
.nenalezeno .pecet-404{width:150px;margin:0 auto 26px}

/* ------------------------------------------------------------ odhalování */
.js .odhal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--hladce),transform .8s var(--hladce);transition-delay:var(--zpozdeni,0s)}
.js .odhal.videt{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .odhal{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}

/* ------------------------------------------------------------ menší obrazovky */
@media (max-width:1020px){
  .mrizka-3{grid-template-columns:1fr 1fr}
  .rodina{grid-template-columns:repeat(2,1fr)}
  .tok{grid-template-columns:1fr 1fr;row-gap:34px}
  .tok li:nth-child(2)::after{display:none}
  .pata-mrizka{grid-template-columns:1fr 1fr}
  .hlava-mrizka{grid-template-columns:1fr}
  .hlava-mrizka .ukazka{max-width:520px}
}
@media (max-width:860px){
  .menu{position:fixed;inset:76px 0 auto;flex-direction:column;background:var(--papir);padding:14px var(--okraj) 24px;margin:0;border-bottom:1px solid var(--linka);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .3s var(--hladce)}
  .menu a{font-size:19px;padding:14px 12px}
  .menu-otevreno .menu{transform:none;opacity:1;pointer-events:auto}
  .hamburger{display:block}
  .hl-akce .tl.obrys{display:none}
  .hl .obal{gap:12px}
  .hl-akce{margin-left:auto}
  .dvere,.mrizka-2,.sekce-hlava,.dva-sloupce{grid-template-columns:1fr}
  .lepkave{position:static}
  .cisla{grid-template-columns:1fr}
}
@media (max-width:600px){
  body{font-size:16.5px}
  .logo svg{width:146px}
  .hl-akce .tl{display:none}
  .mrizka-3,.rodina,.tok,.pole-mrizka,.pata-mrizka{grid-template-columns:1fr}
  .tok li::after{display:none}
  .ukazka-pecet{width:84px;right:-6px}
  .karta{padding:24px}
  .spodni-lista{display:flex;position:fixed;z-index:40;left:10px;right:10px;bottom:10px;gap:8px;padding:8px;border-radius:999px;background:var(--inkoust);
    box-shadow:0 14px 30px -10px rgba(0,0,0,.5);transform:translateY(120%);transition:transform .4s var(--hladce)}
  .ukaz-listu .spodni-lista{transform:none}
  .spodni-lista a{flex:1;text-align:center;text-decoration:none;color:#fff;font:600 14.5px/1 var(--nadpis);padding:14px 10px;border-radius:999px}
  .spodni-lista a:last-child{background:var(--fi)}
  .pata{padding-bottom:70px}
}