/* ============================================================================
   COINEE.io — uvodni stranka v5 (1. 10. 2026)
   Predloha (zavazna: vizual, texty, poradi sekci): docs/navrh-landing-2026-10-01.html
   Layout: tmava "burzovni" plocha; hero = slib vlevo + zivy panel Smart Money vpravo;
   dal skutecne vyrezy aplikace misto ilustraci. Coinee je tmave, zlato je znacka.
   Barvy a rozmery jsou prevzate z predlohy 1 : 1. Odchylky (kazda ma duvod):
     --dim     #6b7383 -> #7a8394: drobny text mel na panelu kontrast 3,8 : 1 (pod 4,5 : 1)
     .proof    pruh s cisly je zarovnany na okraj obsahu (v predloze utikal o gutter vlevo, na mobilu az na hranu)
               a polozka bez dat se skryje, aniz se pruh rozsype (zbyle se roztahnou rovnomerne)
     .num .tx  3. 10. 2026: v pismu cisel zustavaji jen cislice; mezery, jednotka ("mil. $", "%"), desetinna carka
               a tecky v datu jsou v beznem pismu — neproporcionalni mezera (0,6 em) delala z "12 mil. $" "12 mil.  $"
     .zone .d  procenta vpravo maji pevnou nejmensi sirku, aby pruhy sily koncily pod sebou i pri "+12,4 %" a "+3,1 %"
     .board.no-event  panel bez radku udalosti: karty coinu vyplni uvolnenou vysku (zadne prazdne misto dole)
     .board.few       API dalo data jen pro 1-2 coiny: panel ma prirozenou vysku (nedrzi 547 px, nic se neroztahuje)
     .feat-2, .feat-1 ziva karta "Co uvidis" (sazky, zony) bez dat se skryje cela; zbyle karty si rozdeli sirku
     .nav (max 389 px) uzke telefony: mensi mezery a okraje tlacitek, pod 360 px logo bez ".io" — predloha s 320 px
               nepocitala a stranka ujizdela do strany (cs o 16 px, en o 38 px; en i na 360 px)
     .lang-switcher, .skip, stavy nacitani / prazdna data / stara data, radek "zdroj a cas" ve vyrezech
     .sec-h h2 vaha 800: predloha pise 750, ale nacita Inter jen ve vahach 400-800 po stovkach, takze schvaleny
               obrazek ma 800 (stranka nacita plynuly Inter a 750 by vykreslila tenci)
     .event    na telefonu je cas nad textem (cas udalosti byva "včera 18:37", vedle textu by ho zuzil na 4 radky)
     dotykove plochy (pointer:coarse): neviditelne zvetseni na 44 px, vzhled tlacitek beze zmeny
     "Inter Fallback" = nahradni pismo do nacteni webfontu (jen proti poskakovani, vzhled s Interem je stejny)
   Ziva data plni landing.js; do nacteni drzi misto kostra (zadne poskakovani stranky).
   ============================================================================ */
/* Nahradni pismo s rozmery Interu: nez dorazi webfont, text se zalomi skoro stejne (min poskakovani stranky).
   Arial (Windows, macOS, iOS), Liberation Sans a Arimo (Linux, ChromeOS — stejne rozmery jako Arial), Roboto (Android —
   priblizne). Kde neni zadne z nich, plati dalsi pismo v poradi --f-body. */
@font-face{font-family:"Inter Fallback";font-weight:400 600;src:local("Arial"),local("Liberation Sans"),local("Arimo"),local("Roboto");size-adjust:107.06%;ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";font-weight:700 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Arimo Bold"),local("Roboto Bold"),local("Arial");size-adjust:104%;ascent-override:93%;descent-override:23%;line-gap-override:0%}
:root{
  --bg:#0c0e13; --panel:#13161d; --panel2:#181c25; --line:#232834; --line2:#2e3442;
  --fg:#eef0f4; --muted:#9aa2b2; --dim:#7a8394;
  --gold:#f0c75e; --gold-ink:#1a1405; --gold-soft:rgba(240,199,94,.12);
  --up:#4fd1a5; --up-soft:rgba(79,209,165,.14); --down:#f07a7a; --down-soft:rgba(240,122,122,.14);
  --f-body:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-brand:"Oswald","Arial Narrow",sans-serif;
  --f-num:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --r:10px; --wrap:1180px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-body);margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit}
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
h1,h2,h3{text-wrap:balance;margin:0;line-height:1.12;letter-spacing:-.02em}
p{margin:0}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* v pismu cisel jen cislice: mezery, jednotka, desetinna carka a tecky (landing.js monoHtml) v beznem pismu */
.tx{font-family:var(--f-body);letter-spacing:0}
.eyebrow{font:600 12px/1 var(--f-brand);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:20;background:var(--gold);color:var(--gold-ink);font:600 14px/1 var(--f-body);padding:12px 16px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}

/* navigace */
.nav{border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);background:rgba(12,14,19,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5}
.nav .wrap{display:flex;align-items:center;gap:24px;height:64px}
.logo{font:600 22px/1 var(--f-brand);letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;gap:8px}
.logo i{display:inline-flex;gap:3px}.logo i b{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.logo i b:first-child{opacity:.55}
.logo small{font-size:.8em;color:var(--muted)}
.nav nav{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--muted)}
.nav nav a{text-decoration:none}.nav nav a:hover{color:var(--fg)}
.nav .act{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font:600 15px/1 var(--f-body);text-decoration:none;padding:13px 20px;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn-gold{background:var(--gold);color:var(--gold-ink)}.btn-gold:hover{filter:brightness(1.06)}
.btn-line{border-color:var(--line2);color:var(--fg);background:transparent}.btn-line:hover{border-color:var(--muted)}
.btn-sm{padding:9px 14px;font-size:14px}
.link{color:var(--muted);font-size:14px;text-decoration:none}.link:hover{color:var(--fg)}
/* prepinac jazyka (v predloze neni; na webu zustava) — stejny tvar jako male ovladaci prvky predlohy */
.lang-switcher{display:inline-flex;gap:2px;border:1px solid var(--line2);border-radius:8px;padding:2px}
.lang-btn{font:600 12px/1 var(--f-body);color:var(--muted);background:transparent;border:0;border-radius:6px;padding:7px 8px;cursor:pointer}
.lang-btn:hover{color:var(--fg)}
.lang-btn.active{background:var(--panel2);color:var(--fg)}
.show-sm{display:none}
@media (max-width:860px){.nav nav{display:none}.nav .act{margin-left:auto}.hide-sm{display:none}.show-sm{display:inline}}
@media (max-width:420px){.nav .wrap{gap:12px}.logo{font-size:20px}.nav .act{gap:8px}}
/* uzke telefony (3. 10. 2026): logo + prepinac jazyka + tlacitko se musi vejit i v EN ("Create Account" je sirsi) —
   na 320 px stranka ujizdela do strany (cs o 16 px, en o 38 px), en i na 360 px o 14 px a na 375 px zbyvalo 1,4 px.
   Do 389 px jen mensi mezery (usetri 20 px); pod 360 px navic logo bez ".io" a mensi tlacitko. */
@media (max-width:389px){.nav .wrap{gap:8px}.nav .act{gap:6px}.lang-btn{padding:7px 6px}.nav .btn-sm{padding:9px 11px}}
@media (max-width:359px){.logo{font-size:18px}.logo small{display:none}.nav .btn-sm{padding:9px 10px;font-size:13px}}

/* hero */
.hero{padding-block:clamp(40px,7vw,84px) clamp(40px,6vw,72px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero-copy{min-width:0;display:grid;gap:22px}
.hero h1{font-size:clamp(38px,5.6vw,64px);font-weight:800}
.hero h1 em{font-style:normal;color:var(--gold)}
.lead{font-size:clamp(17px,1.6vw,19px);color:#c4cad6;max-width:34em}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.fine{font-size:13px;color:var(--dim)}
.fine a{color:var(--muted)}
.fine a:hover{color:var(--fg)}

/* panel Smart Money */
.board{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px;align-content:start;box-shadow:0 30px 80px -40px rgba(240,199,94,.18)}
.board-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;font-size:13px;color:var(--muted);min-height:23px}
.board-h strong{color:var(--fg);font-size:15px}
.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--up)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 0 0 var(--up);animation:pulse 2s infinite;flex:none}
.live.old{color:var(--gold);font-weight:600}
.live.old i{background:var(--gold);animation:none;box-shadow:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,209,165,.5)}70%{box-shadow:0 0 0 7px rgba(79,209,165,0)}100%{box-shadow:0 0 0 0 rgba(79,209,165,0)}}
@media (prefers-reduced-motion:reduce){.live i{animation:none}}
.coins{display:grid;gap:12px}
.coin{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;min-height:127px}
.coin-n{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.tk{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--f-body);color:var(--gold);background:rgba(240,199,94,.12)}
.verdict{font-weight:700;font-size:18px;letter-spacing:-.01em}
.verdict.up{color:var(--up)}.verdict.down{color:var(--down)}
.spark{grid-row:1/3;grid-column:2;width:112px;height:40px}
.bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--down);overflow:hidden;display:flex}
.bar span{background:var(--up);height:100%}
.split{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}
.split .num{color:var(--fg);font-size:12.5px}
.event{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:12px;font-size:13.5px;min-height:55px}
.event .t{font:500 12px var(--f-num);color:var(--dim);padding-top:2px;flex:none}
.event b{font-weight:600;display:block;text-wrap:balance}
.event p{color:var(--muted)}
@media (max-width:480px){.event{flex-direction:column;gap:2px}.event .t{padding-top:0}}
/* stavy panelu: nacitani (kostra drzi vysku), prazdno (veta, nikdy stara ani ukazkova cisla).
   Vyska 547 px = tri coiny + radek udalosti jako v predloze; plati VZDY — kdyz udalost chybi (zadny verejny signal, signaly
   selzou, dev DB), panel se nesmrskne a stranka pod nim neposkoci (1. 10. 2026: CLS 0,107 na 1440 px s dev daty).
   3. 10. 2026: bez udalosti ale nesmi zustat dole prazdne misto -> .no-event: karty coinu se roztahnou pres uvolnenou vysku */
.board{min-height:547px}
.board.no-event:not(.few){grid-template-rows:auto 1fr}
.board.no-event:not(.few) .coins{grid-auto-rows:1fr}
/* data jen pro 1-2 coiny: vyska 547 px je spoctena na tri -> panel se zmensi na prirozenou vysku (jinak dira pod udalosti
   nebo karty roztazene na dvojnasobek). Na pocitaci drzi vysku radek hero (panel se v nem vystredi), takze stranka pod
   nim neposkoci. */
.board.few{min-height:0}
@media (min-width:961px){.hero .wrap{min-height:547px}}
.board-empty{align-self:center;justify-self:center;text-align:center;display:grid;gap:10px;justify-items:center;color:var(--muted);font-size:15px;max-width:30em;padding:24px 8px}
.board.is-empty{grid-template-rows:auto 1fr}
/* landing.js se nenacetl (trida .lp-nojs z pojistky v index.html): zadne kostry naporad — prazdny stav panelu,
   skryte zive polozky pruhu a obe zive karty (sazky, zony) */
.lp-nojs .board{grid-template-rows:auto 1fr}
.lp-nojs .board .coins,.lp-nojs .board .event,.lp-nojs .proof-item[id],.lp-nojs .shot.is-loading,.lp-nojs #lpZonesCard,.lp-nojs #lpBetsCard{display:none}
.lp-nojs .board #lpEmpty{display:grid!important}
.sk{display:inline-block;border-radius:4px;background:linear-gradient(90deg,var(--line) 25%,var(--line2) 37%,var(--line) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;color:transparent;user-select:none}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.coin.is-sk{align-content:center}
.coin.is-sk .sk{height:14px}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}}

/* dukazy (pruh s cisly) */
.proof{border-block:1px solid var(--line);background:var(--panel)}
.proof-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:40px;padding-block:22px;overflow:hidden;min-height:137px;align-items:start}
.proof-item{position:relative;padding-block:4px;display:grid;gap:2px;align-content:start;min-width:0}
/* delici cara vlevo od polozky; u prvni v rade ji orizne overflow (funguje i kdyz se nektera polozka skryje) */
.proof-item::before{content:"";position:absolute;left:-20px;top:0;bottom:0;border-left:1px solid var(--line)}
.proof-item .num{font-size:26px;font-weight:600;color:var(--fg);min-height:42px}
.proof-item .lbl-t{font-size:13px;color:var(--muted)}
.proof-item .sk{width:5ch;height:26px;vertical-align:middle}
.tag-live{font:600 10px var(--f-body);letter-spacing:.08em;color:var(--up);text-transform:uppercase;margin-left:6px;vertical-align:3px}
/* telefon: dve vedle sebe; pri lichem poctu viditelnych polozek se posledni roztahne pres celou sirku (tridu .is-wide
   dava landing.js; bez landing.js zbyva jen staticka polozka) — zadna polozka nezustane sama vedle prazdneho mista */
@media (max-width:760px){.proof-grid{grid-auto-flow:row;grid-template-columns:1fr 1fr;row-gap:18px;min-height:0}.proof-item.is-wide,.lp-nojs .proof-item:not([id]){grid-column:1/-1}}

/* sekce */
section.sec{padding-block:clamp(56px,8vw,96px)}
section.sec.sec-tight{padding-top:0}
.sec-h{display:grid;gap:12px;max-width:640px;margin-bottom:36px}
.sec-h h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}
.sec-h p{color:var(--muted);font-size:17px}

/* co uvidis */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.f{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;gap:16px;align-content:start;min-width:0}
.f h3{font-size:20px;font-weight:700}
.f > p{color:var(--muted);font-size:15px}
.shot{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px;display:grid;gap:10px;font-size:13px;align-content:start}
.shot.is-loading{min-height:168px}
.shot.is-loading .sk{height:12px;width:100%}
.row{display:grid;grid-template-columns:var(--sym,52px) 1fr auto;gap:12px;align-items:center}
.row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .tr{height:6px;border-radius:3px;background:var(--line)}
.row .tr span{display:block;height:100%;border-radius:3px}
.row .tr .up{background:var(--up)}.row .tr .down{background:var(--down)}
.row .num{font-size:12.5px;text-align:right}
.lbl{font:600 10.5px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.zone{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.zone .num:first-child{font-size:13.5px;color:var(--fg)}
.zone .d{color:var(--muted);font-size:12px;min-width:50px;text-align:right}
.zone .tr{height:6px;border-radius:3px;background:var(--line)}
.zone .tr span{display:block;height:100%;border-radius:3px;background:var(--muted)}
.zone .tr span.hot{background:var(--gold)}
.price{display:flex;justify-content:space-between;align-items:center;border-block:1px dashed var(--line2);padding:6px 0;color:var(--gold);font-size:12px}
.src{font-size:11.5px;color:var(--dim);line-height:1.4}
.src.old{color:var(--gold)}
.tg{display:grid;gap:8px}
.bubble{background:#1d2a3a;border-radius:12px 12px 12px 4px;padding:10px 12px;max-width:92%;font-size:13.5px;line-height:1.45}
.bubble small{display:block;color:#8ea3bb;font-size:11.5px;margin-top:4px}
.bubble b{color:#fff}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{font-size:13px;color:var(--muted);border:1px solid var(--line2);border-radius:99px;padding:6px 12px}
.f.wide{grid-column:1/-1}.wide-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.wide-h>div{display:grid;gap:8px;max-width:640px}.wide-h p{color:var(--muted);font-size:15px}
.real{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#0c0e13;display:grid;gap:1px}
.real img{display:block;width:100%;height:auto}
.real figcaption{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-top:1px solid var(--line)}
.real .cap{margin-left:auto;font-size:12px;color:var(--dim)}
/* snimek grafu se nenacetl: misto rozbiteho obrazku veta, popisek zustava */
.real-missing{display:none;padding:28px 16px;text-align:center;color:var(--muted);font-size:14px}
.real.noimg img{display:none}
.real.noimg .real-missing{display:block}
.more{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:14px}
/* ziva karta (sazky, zony) bez dat je skryta cela (landing.js layoutFeat; bez landing.js: .lp-nojs skryje obe) -> zbyle karty
   si rozdeli sirku: dve na pul (feat-2), jedna pres celou sirku (feat-1) */
@media (min-width:981px){.feat.feat-2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:681px){.feat.feat-1,.lp-nojs .feat{grid-template-columns:1fr}}
@media (max-width:980px){.feat{grid-template-columns:1fr 1fr}}@media (max-width:680px){.feat{grid-template-columns:1fr}}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pillars>div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;gap:10px;align-content:start}.pillars b{font-size:18px}.pillars p{color:var(--muted);font-size:15px}@media (max-width:860px){.pillars{grid-template-columns:1fr}}

/* pristup */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tier{padding:22px;display:grid;gap:12px;align-content:start;border-left:1px solid var(--line);background:var(--panel);min-width:0}
.tier:first-child{border-left:0}
.tier.top{background:linear-gradient(180deg,rgba(240,199,94,.09),transparent 70%),var(--panel2)}
.tier h3{font-size:18px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tier h3 small{font:500 12px var(--f-body);color:var(--muted)}
.tier.top h3{color:var(--gold)}
.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:#c4cad6}
.tier li{display:grid;grid-template-columns:16px 1fr;gap:8px}
.tier li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:2px;background:var(--line2)}
.tier.top li::before{background:var(--gold)}
@media (max-width:860px){.tiers{grid-template-columns:1fr}.tier{border-left:0;border-top:1px solid var(--line)}.tier:first-child{border-top:0}}
.paths-h{margin:40px 0 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:baseline}
.paths-h h3{font-size:22px}
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.path{border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.path .who-for{font:600 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.path h4{margin:0;font-size:19px}
.path p{font-size:14.5px;color:var(--muted)}
.path p a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}
.path p a:hover{color:var(--fg);text-decoration-color:var(--muted)}
.path .cond{font-size:14px;color:#c4cad6;border-left:2px solid var(--gold);padding-left:10px}
.path .btn{justify-self:start}
@media (max-width:860px){.paths{grid-template-columns:1fr}}

/* FAQ */
.faq{max-width:820px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-weight:400;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 18px;color:var(--muted);max-width:62ch}

/* zaver */
.end{text-align:center;display:grid;justify-items:center;gap:18px;padding-block:clamp(56px,8vw,88px);border-top:1px solid var(--line)}
.end .wrap{display:grid;justify-items:center;gap:18px}
.end h2{font-size:clamp(28px,3.6vw,42px);max-width:18em}
.end .cta{justify-content:center}
/* spodni odsazeni + vyska cookie pruhu (tracking.js nastavuje --coinee-consent-h, dokud je pruh videt) — jinak by
   pruh na konci stranky zakryl odkazy v paticce (podminky, soukromi, nastaveni cookies) */
footer{border-top:1px solid var(--line);padding-block:22px;padding-bottom:calc(22px + var(--coinee-consent-h,0px));color:var(--dim);font-size:13px}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}
footer a{text-decoration:none}footer a:hover{color:var(--fg)}
/* odkaz "Nastaveni cookies" pridava tracking.js primo do <footer> — zarovnat na sirku obsahu */
footer > .coinee-cookie-settings{display:block!important;max-width:var(--wrap);margin:10px auto 0!important;padding-inline:clamp(16px,4vw,32px);opacity:1!important;color:var(--dim)!important}

/* dotykova plocha na telefonu: neviditelne zvetseni na ~44 px, vzhled podle predlohy zustava (tlacitka 34 px,
   prepinac jazyka 26 px, odkazy v paticce 21 px) */
@media (pointer:coarse){
  .btn-sm,.lang-btn,footer nav a,.fine a{position:relative}
  .btn-sm::after,.lang-btn::after,footer nav a::after,.fine a::after{content:"";position:absolute}
  .btn-sm::after{inset:-5px 0}
  .lang-btn::after{inset:-10px -1px}
  footer nav a::after{inset:-4px -6px}
  .fine a::after{inset:-12px -6px}
}