/* =================================================================== JEDEN MARKUP — pásmové přepisy poloh. Původně vygeneroval `python _build/jeden.py`; ten se už nespouští — EDITUJ PŘÍMO. Markup je desktopový a hotový (`canvas.php` hlavní verze). Tenhle soubor mu jen přepisuje polohy pro tablet a mobil — hodnoty jsou z `pasma.css` hlavní verze, tedy taky ověřené, a spojku desktop->pásmo dělá `parovani.json`. =================================================================== */ /* Obal `` u obrázků, které má pásmo jiné, nesmí zasáhnout do rozvržení — CSS motivu počítá s tím, že `` je přímo v uzlu. Viz proc/obrazky_pasem.py. */ picture{ display:contents } /* Stránka nesmí být širší než okno. Plátno má `overflow-clip-margin: 183px`, aby ze sousedních karet karuselu vykukoval okraj. Ten přesah ale roztahoval celý DOKUMENT: při okně 402 px měla stránka 585 px (= 402 + 183). Chrome to schoval (`body { overflow-x: hidden }`), ale Firefox v režimu responzivního návrhu stránku ukázal širokou a hlavička v ní utekla vpravo z obrazu — přesně jak to zadavatel 23. 8. 2026 nahlásil. `clip` místo `hidden`: `hidden` na kořeni založí rolovací kontejner a rozbíjí kotvení při rolování. Naměřeno: obojí dá scrollWidth 402, výška zůstane 8474. Viz proc/sirka_stranky.py. */ html{ overflow-x: clip } /* Mobilní menu: podklad přes CELÉ OKNO, ne jen přes šířku plátna. Motiv drží `.fig-menu-panel` uvnitř `.fig-hlavicka-deska`, která má pevnou šířku 402 px a `margin:0 auto` — na okně širším než plátno (mezi 402 a 767 px) zůstává podklad úzký sloupec uprostřed a po stranách zůstává průhledno. V motivu to je NEZÁMĚRNÉ (jeho mobilní plátno se nikdy nezobrazuje šířeji než 402 px, takže si toho nikdo nevšiml); zadavatel 29. 8. 2026 chtěl podklad „plnou šířku“. Mění se JEN podklad — položky menu (`fig-menu-polozka`) zůstávají `position:absolute` uvnitř `.fig-menu-mobil` a jejich souřadnice (`left:110px` atd.) jsou počítané proti šířce plátna, ne okna; kdyby se přepnul na `fixed` i obal `.fig-menu-mobil`, ujely by o polovinu rozdílu (okno − 402) / 2. `.fig-menu-panel` je čistě dekorace bez vlastního obsahu, takže jí to nevadí — `position:fixed` ji vytrhne z deskové souřadné soustavy, aniž by se pohnul jediný odkaz. Podmínka: deska nesmí mít `transform` (nemá — plátno se neškáluje), jinak by `fixed` počítalo od ní, ne od okna. */ #fig-hlavicka .fig-menu-panel{ position:fixed; left:0; right:0; width:auto } /* Rezervační formulář: box se roztahuje a SLOUPCE SE ŘÍDÍ JÍM, ne oknem. PROČ. Box měl v každém pásmu napevno návrhovou šířku (mobil 343, tablet 700, desktop 1078) a v celém rozsahu pásma se nehnul. Počet sloupců mřížky ale řídily `@media` dotazy na ŠÍŘKU OKNA (900 a 620 px ve `style.css`). Ty dvě věci se rozešly: mezi 621 a 767 px okna se mřížka přepnula na dva sloupce, jenže box zůstal 343 px — dva uskřípnuté sloupce po 148 px uprostřed velkého prázdna. Nahlásil zadavatel 29. 8. 2026. Ověřeno i na nasazeném webu: má to taky. NENÍ TO TŘETÍ ROZVRŽENÍ, JE TO JEDEN SYSTÉM. Změřeno z návrhových čísel — sloupec pole je ve VŠECH třech pásmech stejně široký: pásmo box padding obsah gap sloupců šířka sloupce mobil 343 16 311 15 1 311,0 tablet 700 24 652 30 2 311,0 desktop 1078 41 996 30 3 312,0 Grafik tedy nekreslil tři rozvržení, ale jedno pravidlo: „sloupec má 311 px, box jich pobere kolik se vejde". Tři počty sloupců jsou jen důsledek tří šířek boxu. `auto-fit` tohle pravidlo vyjadřuje přímo, takže návrhové šířky vyjdou samy a mezilehlé taky. MINIMUM SLOUPCE JE 296, NE 311. Když je formulář vyšší než okno, sníme si dialog svislý posuvník (~15 px) a obsah se o ně zúží. Návrhová sazba nemá ŽÁDNOU rezervu (2 × 311 + 30 = 652 = přesně obsah tabletu), takže by se s posuvníkem druhý sloupec zalomil. 296 = 311 − 15, tedy návrhový sloupec zmenšený přesně o ten posuvník. Ověřeno, že to dá 1 / 2 / 3 sloupce na 402 / 768 / 1440 s posuvníkem i bez něj. ŠÍŘKA BOXU. Mezera po stranách zůstává návrhová, jen se z ní stane spodní hranice místo horní: mobil 402 − 343 = 59, tablet 768 − 700 = 68, desktop 32 (ten už `min()` měl). Strop 1078 je desktopová návrhová šířka — nad ni box neroste ani na širokém monitoru, přesně jak to grafik nakreslil. Viz proc/dialog_roztazeni.py. */ .fig-dialog .fig-dialog-mrizka{ grid-template-columns: repeat(auto-fit, minmax(min(296px, 100%), 1fr)) } /* Storno podmínky jedním odstavcem — viz slouc_storno() a proc/storno_jeden_odstavec.py. Pásmové přepínání kopií tím padá, ale schovávací pravidla motivu (`…:not(.fig-dialog-storno-mobil)`, specificita 0,4,1) v `pasma.css` zůstávají a jediný zbylý blok by schovala — proto se přebíjejí přes ID dialogu (1,2,1). Šířka bloku SE ŘÍDÍ BOXEM, ne pásmem. Návrhové šířky (mobil 308, tablet 504, desktop 996) žádné společné pravidlo nemají — vyjdou na 99 % / 77 % / 100 % obsahu, tabletová hodnota je výjimka. Pevný strop 504 px v roztaženém tabletovém boxu (až 1078 px) proto dělal úzký sloupec s prázdnem po stranách a na hranici pásem skákal z 504 rovnou na 996. Nahlásil zadavatel 29. 8. 2026. Blok tedy vyplní obsah a `max-width` je jen STROP — 996 px je nejdelší řádek, jaký si návrh sám dovolí (desktopový). Nad něj text nepřeteče ani na tabletu, kde obsah může být až 1030 px; pod ním se volně zmenšuje s boxem. Viz proc/storno_jeden_odstavec.py. */ #fig-dialog-rezervace .fig-dialog-storno{ display:block; max-width:996px; margin-left:auto; margin-right:auto } /* Řádky se vyrovnají v každém pásmu. Bez toho vyšel po sloučení na desktopu řádek 969 px a pod ním ocásek 139 px. */ #fig-dialog-rezervace .fig-dialog-storno p{ text-wrap: balance } /* Tlačítka vedle sebe, dokud se vejdou — ne podle pásma, podle BOXU. Motiv je v tabletovém i mobilním pásmu skládá pod sebe (`flex-direction: column`), což v návrhové šířce sedí. Jenže box je teď roztažitelný, takže v boxu širokém 709 px stála tlačítka pod sebou s prázdnem po stranách. Nahlásil zadavatel 29. 8. 2026 — „zbytečné, aby se dávali pod sebe, když se vejde vlevo jedno a vpravo druhé, jak je na desktopu". Řídí to `@container`, ne `@media`: rozhoduje šířka PANELU, ne okna. Na okně totiž nezáleží — tentýž panel může být 343 i 1078 px široký podle pásma a mezery po stranách. MEZ 614 px je změřená, ne odhadnutá: je to nejširší řádek, jaký tlačítka potřebují, přes všechna tři pásma — pásmo zavřít mezera poděkování mezera objednat celkem mobil 91 14 313 14 182 614 tablet 89 18 313 18 155 593 desktop 97 16 313 16 151 593 Poděkování má 313 px (dva textové uzly kolem skrytého `
`). Rozhoduje mobil, protože má nejširší tlačítko „Objednat se" (182). V řádku je poděkování `absolute` a vystředěné, takže se přes ně tlačítka nepřekryjí až do 586 px — mez 614 nechává 28 px rezervy. `margin-top: 27px` je odsazení řádku tlačítek z desktopového návrhu. V pásmech ho nese svislý `margin` poděkování, který se tu ruší — bez toho by řádek nasedl těsně pod storno text. Vodorovný `margin` se nepřepisuje, ať si každé pásmo nechá svůj. */ #fig-dialog-rezervace .fig-dialog-panel{ container-type: inline-size; container-name: rezervace } @container rezervace (min-width: 614px){ #fig-dialog-rezervace .fig-dialog-tlacitka{ position: relative; flex-direction: row; justify-content: space-between; margin-top: 27px } #fig-dialog-rezervace .fig-dialog-diky{ order: 0; margin: 0; position: absolute; left: 50%; transform: translateX(-50%) } #fig-dialog-rezervace .fig-dialog-zavrit, #fig-dialog-rezervace .fig-dialog-odeslat{ order: 0 } } /* Plátno drží šířku pásma; pod ní se zmenší, nad ni neroste. Pásmo se pozná TŘÍDOU na ``, ne media dotazem — proč, stojí v proc/pasmo_tridou.py. */ /* Vějíř je na MOBILU vypnutý. `interakce.js` zapisuje `--vejir-t` INLINE na plátno. Motiv má plátna tři a vějíř žije na desktopovém, které je v mobilním pásmu `display: none` — takže se tam nic neděje. Jeden markup má plátno jediné, takže mu vějíř běžel i na mobilu, kde ale platí DESKTOPOVÝ posun `calc(404px * var(--vejir-t))`. Naměřeno 23. 8. 2026: celá sekce „Kde nás najdete" byla o 105 px níž (404 × 0,2606) a `.fx175` měl `translate: 0 105.282px`. Protože `--vejir-t` počítá skript z polohy při rolování, sekce by se na telefonu při každém posunutí hýbala. Mobilní návrh vějíř vůbec nemá — `pasma.css` má `--vejir-*` jen pro desktop a tablet. `!important` musí být: inline styl by jinak pravidlo přebil. Viz proc/vejir_pasma.py. */ /* Obrysy uvnitř `fig-hover` se v pásmu NEKRESLÍ. `fig-hover` je komponenta jen desktopová — ani jeden pásmový markup ji nemá. Build ji v pásmu zneškodňuje tím, že ji vyjme z polohování (`position: static`). Jenže obrysy uvnitř kreslí pseudoprvek .fx…::after { position:absolute; inset:0; border:1px solid } a ten se pak nevztahuje k svému prvku (má 0×0), ale k PLÁTNU. Z uzlu `1:259` — na desktopu tlačítko 141×34 — se tak stal zaoblený RÁMEČEK 402×8027 kolem celé stránky, od hlavičky až nad patičku. Zadavatel ho hlásil 24. 8. 2026. Ověřeno půlením: rámeček zmizí, jakmile se schová `.fig-hover`, a `::after` toho uzlu má opravdu 402×8027, border 1px, radius 32px. Viz proc/hover_ramecek.py. */ /* --- Fotky v kartách vějíře (viz fotky_vejire) -------------------- Líc karty je zaoblený a fotka se mu ořízne; výřezy jednotlivých karet dopisuje build z `_build/assety/vejir/vejir.json`. */ .fig-vejir-lic{ overflow:hidden } .fig-vejir-foto{ position:absolute; max-width:none; object-fit:cover; pointer-events:none; border-radius:inherit } /* Ve všech třech pásmech — tak to chtěl zadavatel. Grafik je nakreslil do desktopového rámce (278:105) a pásmové návrhy mají kartičky prázdné, takže se tím fork od nasazeného webu ZÁMĚRNĚ rozchází: desktop +82 943, tablet +76 665, mobil +86 791 pixelů. Kdo potřebuje měřit bez nich, postaví build s BEZ_FOTEK=1. */ /* Text, který pásmový návrh nemá — viz zkrat_texty(). */ /* 30. 8. 2026 — ruční odchylka od generátoru pro vějíř přepsaný na scroll-jacking (proc/vejir_sticky_scroll.py): základ výšky plátna jde přes --vejir-baze, ne vlastní height:calc(). Generátor/motiv/ tohle NEZNÁ (viz komentář v _build/jeden.py u VYSKA_PLATNA) — po každém příštím `cp` ze `temata/jeden/pasma-jeden.css` je potřeba tenhle řádek ručně vrátit do tohoto tvaru. */ [data-node-id="1:366"] .fig-vejir-foto{ left:-1.99%; top:-2.31%; width:101.92%; height:119.18% } [data-node-id="1:367"] .fig-vejir-foto{ left:-2.48%; top:-1.47%; width:111.47%; height:130.35% } [data-node-id="1:368"] .fig-vejir-foto{ left:-1.62%; top:-5.13%; width:102.59%; height:119.97% } [data-node-id="1:369"] .fig-vejir-foto{ inset:0; width:100%; height:100% } [data-node-id="1:370"] .fig-vejir-foto{ left:0.03%; top:-5.7%; width:102.22%; height:119.53% } [data-node-id="1:371"] .fig-vejir-foto{ left:-3.09%; top:-0.05%; width:105.86%; height:123.79% } /* --- Náš tým: obsah z data/tym.json (viz tym_z_dat) --- */ #stage-wrap .fig-tym-kotva{ position:relative } #stage-wrap .fig-tym-uv{ position:absolute; width:auto; height:auto; white-space:nowrap; pointer-events:none } #stage-wrap .fig-tym-uv-zac{ left:-26.04px; top:-13px; right:auto } #stage-wrap .fig-tym-uv-kon{ left:100%; margin-left:7.94px; top:4px; right:auto } #stage-wrap .fig-tym-oddelovac{ position:relative } #stage-wrap .fig-tym-kosoctverec{ position:absolute; left:50%; top:50%; width:15px; height:15px; transform:translate(calc(-50% + -0.04px), -50%); max-width:none } #stage-wrap .fig-tym-foto{ position:absolute; max-width:none; pointer-events:none } #stage-wrap [data-node-id="1:89"]{ text-transform:none } #stage-wrap [data-node-id="1:65"] .fig-tym-foto{ inset:0; width:100%; height:100%; object-fit:cover } #stage-wrap [data-node-id="1:318"]{ text-transform:none } #stage-wrap [data-node-id="1:316"] .fig-tym-foto{ width:110.29%; height:110.04%; left:-4.46%; top:-2.57% } #stage-wrap [data-node-id="1:92"]{ text-transform:none } #stage-wrap [data-node-id="1:69"] .fig-tym-foto{ width:109.11%; height:108.87%; left:-8.88%; top:-3.45% } #stage-wrap [data-node-id="1:90"]{ text-transform:none } #stage-wrap [data-node-id="1:67"] .fig-tym-foto{ width:114.27%; height:114.01%; left:-6.76%; top:-6.62% } #stage-wrap [data-node-id="1:319"]{ text-transform:none } #stage-wrap [data-node-id="1:317"] .fig-tym-foto{ width:110.43%; height:110.18%; left:-5.12%; top:-3.12% } #stage-wrap [data-node-id="1:93"]{ text-transform:none } #stage-wrap [data-node-id="1:70"] .fig-tym-foto{ width:107.5%; height:107.27%; left:-6.2%; top:-6.37% } #stage-wrap [data-node-id="1:91"]{ text-transform:none } #stage-wrap [data-node-id="1:68"] .fig-tym-foto{ inset:0; width:100%; height:100%; object-fit:cover } /* Karusel pilířů — viz proc/karusel_piliru.py. */ /* --- Video v překryvu (1. 9. 2026) --------------------------------- Kolečko „reportáž…“ (fx167 + fig-ring + fx168) spouští video. Motiv/web tohle nikdy neměl — nová funkce, ne přenos. Přeneseno ručně z forku (_build/jeden.py, video_reportaz()), protože tahle šablona se needituje generováním. Reset vzhledu tlačítka je VLASTNÍ třídou `fig-video-spoust` (NE sdílenou `.fig-dialog-spoust`, která má na tag+třídu vázaný generátor pásmových poloh v jeden.py — tady ho není potřeba řešit, protože jeden.py tenhle soubor nesestavuje, ale kvůli konzistenci se stejným css se drží stejné jméno). */ #fig-dialog-video{ width:min(1920px, calc(100vw - 32px), calc((100vh - 32px) * 16 / 9)) } #fig-dialog-video .fig-dialog-panel{ position:relative; padding:0; overflow:hidden; background:#000; line-height:0; border-radius:12px; -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #fff); mask-image: radial-gradient(circle, #fff, #fff) } .fig-video-prehravac{ display:block; width:100%; height:auto; aspect-ratio:16/9; background:#000; border-radius:12px } .fig-video-zavrit{ position:absolute; top:14px; right:14px; z-index:1; width:38px; height:38px; border-radius:50%; border:0; background:rgba(20,12,4,.55); color:#ebe7dd; font-size:20px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background-color .2s ease } .fig-video-zavrit:hover{ background:rgba(20,12,4,.8) } .fig-video-zavrit:focus-visible{ outline:2px solid #ebe7dd; outline-offset:3px } #fig-dialog-video .fig-dialog-panel{ transition:scale .28s ease, opacity .28s ease; scale:1; opacity:1 } #fig-dialog-video::backdrop{ transition:background-color .28s ease } @starting-style{ #fig-dialog-video[open] .fig-dialog-panel{ scale:.85; opacity:0 } #fig-dialog-video[open]::backdrop{ background-color:rgba(0,0,0,0) } } .fig-video-spoust{ position:absolute; margin:0; padding:0; border:0; background:none; color:transparent; font:inherit; cursor:pointer; -webkit-appearance:none; appearance:none; border-radius:50%; transition:box-shadow .25s ease, scale .25s ease } /* Glow je box-shadow, NE filter:drop-shadow. Safari na macOS u drop-shadow nezvětší vykreslovací oblast prvku, jehož obsah je celý position:absolute (tady s inset:0), a stín uřízne rovnou hranou vlevo a dole — se `scale:1.05` je to ještě vidět víc. Ověřeno 3. 9. 2026 na skutečném Safari/macOS; Chromium, Firefox, Edge ani WebKit na Linuxu to nedělají (proměřeno pixelově, průběh stínu shodný s Chromiem). box-shadow se z definice kreslí mimo box a neořezává ho žádný engine; prvek je čtverec 137×137 s border-radius:50%, takže glow zůstane kruhový. */ .fig-video-spoust:hover, .fig-video-spoust:focus-visible{ scale:1.05; box-shadow:0 0 24px rgba(168,132,94,.6) } .fig-video-spoust:focus-visible{ outline:2px solid #7e5232; outline-offset:3px } .fx168{ pointer-events:none } @media ( prefers-reduced-motion: reduce ){ .fig-video-spoust{ transition:none } .fig-video-spoust:hover, .fig-video-spoust:focus-visible{ scale:1 } #fig-dialog-video .fig-dialog-panel, #fig-dialog-video::backdrop{ transition:none } } /* --- Ceník na desktopu: „Péče o vlasy" je aktivní, dokud nenajedete na jinou kartu (1. 9. 2026, opraveno po prvním nepovedeném pokusu) --- PRVNÍ POKUS byl špatně: natvrdo přes !important nastavil `.fx239`/`.fx261`/`.fx262` na pevné opacity (0.6/0.2/0.2) pro celé desktopové pásmo. To sice opravilo VÝCHOZÍ stav, ale zároveň umlčelo skutečnou hover interakci — motiv MÁ vlastní fungující mechanismus (`#najeti-cenik-manikura:hover [data-node-id="1:221"]{opacity:0.6}` apod., bez !important), a moje !important nad ním vyhrávalo napořád, takže najetí myší na Manikúru/Kosmetiku přestalo cokoli dělat. Zadavatel to odhalil: „Manikura nebo kosmetika... to jsou stavy běžné (neaktivní, bez hover). Když najedu myší na prostřední kartu, tak až potom je to aktivní karta... Jen platí, že při reload stránky je vždy aktivní prostřední, dokud nenajedu nebo nekliknu na jiný." JAK TO MOTIV MÁ DOOPRAVDY (nedotčeno, funguje samo): Každá karta má svůj klidový stav (bez ID:hover) a svůj aktivní stav (s ID:hover) — přepínají se čistě CSS, žádné JS. Klidový stav VŠECH tří karet je STEJNÝ: opacity 0.2, průhledný okraj; u „vlasy" navíc `.fig-hover-posun{ translateY(30px) }` (o kus níž). Aktivní stav (jen ta karta, co se najíždí): opacity 0.6, okraj #a8845e; posun na translateY(0) ("vlasy") nebo translateY(-30px) (ostatní, vyjedou nahoru). Beze změny — to je přesně to "běžné"/"aktivní" chování, co zadavatel popsal. CO CHYBĚLO: nic v motivu nedělá „vlasy" výchozí aktivní. Přidává se TADY, jen pro desktop (tablet/mobil mají svůj vlastní, správný statický systém beze změny) — a jen dokud NIC JINÉHO není najeté, přes `:has()` na společném obalu `.fig-cenik-karusel`. */ /* =================================================== PÁSMOVÁ PRAVIDLA PŘELOŽENÁ NA @media (1. 9. 2026) Původně `html.pasmo-*` třídy nastavované JS podle šířky okna (viz proc/pasmo_tridou.py) — zadavatel se rozhodl tu křehkost (třída se nemusí přepočítat při každé změně velikosti okna) vyměnit za standardní @media, které řeší prohlížeč sám. Vysvětlení náhrady odebrané třídy/:not() za `:root` (kvůli specificitě) je v proc/pasma_media.py. Původní vysvětlující komentáře jednotlivých pravidel ZŮSTÁVAJÍ výše v souboru na svém místě, jen samotné pravidlo se přesunulo sem dolů. */ @media (max-width:767px){ html:root .fig-dialog{ width:min(1078px, calc(100vw - 59px)) } html:root #stage, html:root #stage-wrap{ width:402px } html:root #stage-wrap{ --vejir-t: 0 !important } html:root .fig-hover [data-node-id]::after{ display:none !important } html:root .mimo-mobil{ display:none } html:root #flip-pilir1 [data-node-id="54:534"]{ left:-201.34px !important; top:2201px !important; width:235px !important; height:251px !important; transform:none !important } html:root #flip-pilir3 [data-node-id="54:535"]{ left:369.33px !important; top:2201px !important; width:235px !important; height:251px !important; transform:none !important } html:root [data-node-id="1:61"]{ left:93.73px !important; top:2149.45px !important; width:213.548px !important; height:328.954px !important } html:root #flip-pilir2 .fig-flip-lic .fig-flip-deska{ left:-18.28px !important; top:-2074px !important; width:402px !important; height:8474px !important } html:root .fx319{ left:calc(50% - 2.7px) !important; top:2285.76px !important; font-size:38.166px !important; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#fff } html:root [data-node-id="1:88"]{ display:none } html:root [data-node-id="1:220"]{ display:none } html:root [data-node-id="1:218"]{ display:none } html:root [data-node-id="1:180"]{ display:none } html:root [data-radky]{ white-space:normal } html:root [data-radky] br{ display:none } html:root [data-radky] .radky-mezera{ display:inline } /* [data-node-id="1:406"] (fx386, jiskra u tlačítka „Zobrazit všechny členy našeho týmu") bývala tady schovaná — původní mobilní návrh pro ni neměl protějšek. 7. 9. 2026 zadavatel potvrdil, že nová podoba (kolečko přesahující pravý okraj tlačítka, jiskra napřímo) platí na všech pásmech, ne jen na desktopu — proto se tu už neskrývá, viz vlastní pravidlo `.fx386` níž v tomhle bloku. */ html:root [data-node-id="1:97"]{ display:none } html:root [data-node-id="1:371"]{ display:none } html:root [data-node-id="1:141"]{ display:none } html:root [data-node-id="1:330"]{ display:none } html:root [data-node-id="1:144"]{ display:none } html:root [data-node-id="1:142"]{ display:none } html:root [data-node-id="1:62"]{ display:none } html:root [data-node-id="1:315"]{ display:none } html:root [data-node-id="1:66"]{ display:none } html:root [data-node-id="1:63"]{ display:none } html:root [data-node-id="1:67"]{ display:none } html:root [data-node-id="1:317"]{ display:none } html:root [data-node-id="1:70"]{ display:none } html:root [data-node-id="1:68"]{ display:none } html:root [data-node-id="1:134"]{ display:none } html:root [data-node-id="1:328"]{ display:none } html:root [data-node-id="1:139"]{ display:none } html:root [data-node-id="1:137"]{ display:none } html:root [data-node-id="1:129"]{ display:none } html:root [data-node-id="1:132"]{ display:none } html:root [data-node-id="1:109"]{ display:none } html:root [data-node-id="1:326"]{ display:none } html:root [data-node-id="1:112"]{ display:none } html:root [data-node-id="1:110"]{ display:none } html:root .fx97{ left:55px; top:1364px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx98{ left:calc(50% + 0.5px); top:4354px; width:127px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06; white-space:normal } html:root .fx99{ left:264px; top:735px; width:100px; height:26px } html:root .fx100{ left:168px; top:6750px; width:42px; height:42px } html:root .fx101{ left:199px; top:6785px; width:25px; height:25px } html:root .fx102{ left:217px; top:6760px; width:14px; height:14px } html:root .fx103{ left:calc(50% + 0.5px); top:2016px; width:315px; height:129px; font-size:15px; line-height:20px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx103 br{ display:none } html:root .fx106{ left:56px; top:1262px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx107{ left:50%; top:3284px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx112{ left:50%; top:4269px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx114{ left:calc(50% - 91px); top:169.68px; font-size:35.616px; line-height:0; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx115{ left:calc(50% - 103px); top:619.58px; font-size:35.616px; line-height:normal; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx116{ left:calc(50% - 121px); top:107px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx116 .fx117{ font-size:56.274px } html:root .fx116 .fx118{ font-size:56.274px } html:root .fx119{ left:calc(50% + 132px); top:558.32px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx119 .fx120{ font-size:50.575px } html:root .fx119 .fx121{ font-size:50.575px } html:root .fx122{ left:calc(50% + 0.5px); top:4779px; width:337px; height:127px; font-size:14px; line-height:0; transform:translateX(-50%); text-align:center; white-space:pre-wrap; font-weight:300; color:#7e5232 } html:root .fx123{ left:calc(50% - 143px); top:1444px; width:286px; height:267px; font-size:16px; line-height:0 !important; white-space:pre-wrap; font-weight:300; color:#3c1d06 } html:root .fx125{ left:calc(50% - 2px); top:7013px; width:272px; height:69px; font-size:14px; line-height:20px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx126{ left:50%; top:2841px; width:326px; height:69px; font-size:15px; line-height:20px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx127{ left:50%; top:5878px; width:436px; height:69px; font-size:16px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx128{ left:calc(50% + 1px); top:7844px; width:332px; height:97px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx128 .fx105{ line-height:20px } html:root .fx128 .fx129{ font-size:14px } html:root .fx128 .fx130{ font-size:14px } html:root .fx128 .fx131{ line-height:20px } html:root .fx128 p{ display:inline } html:root .fx128 p + p::before{ content:" " } html:root .fx128 p[data-prazdny]{ display:block } html:root .fx128 p[data-prazdny] + p::before{ content:none } html:root .fx132{ left:39px; top:735px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx137{ left:26px; top:82px; width:322px; height:0px } html:root .fx138{ left:calc(50% - 119px); top:677.32px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx138 .fx133{ font-size:19.5px } html:root .fx138 .fx134{ font-size:19.5px } html:root .fx139{ left:130px; top:805px; width:246px; height:69px; font-size:14px; line-height:18px; font-weight:300; color:#7e5232 } html:root .fig-domu-recenze{ left:130px; top:888px; width:246px } html:root .fx146{ left:281px; top:3324px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx148{ left:0; top:1941px; width:56px; height:0px } html:root .fx149{ left:338px; top:1941px; width:64px; height:0px } html:root .fx151{ left:311px; top:3816px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx153{ left:88px; top:3269px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx156{ left:82px; top:4254px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx158{ left:182px; top:3239px; width:15px; height:15px } html:root .fx159{ left:141px; top:1158px; width:147px; height:69px } html:root .fx160{ left:-122px; top:4717px; width:233px; height:0px } html:root .fx161{ left:276px; top:6778px; width:127px; height:0px } html:root .fx162{ left:288px; top:4717px; width:228px; height:0px } html:root .fx163{ left:-1px; top:6778px; width:127px; height:0px } html:root .fx164{ left:0; top:800px; width:402px; height:0px } html:root .fx165{ left:288px; top:2760px; width:203px; height:0px } html:root .fx166{ left:-65px; top:2760px; width:186px; height:0px } html:root .fx167{ left:64px; top:407px; width:117px; height:117px } html:root [data-node-id="1:155"]{ left:81.93px; top:424.93px; width:81.13px; height:81.13px; transform:none } html:root .fx168{ left:99.01px; top:441.16px; width:47.825px; height:47.825px } html:root .fx173{ left:110px; top:5553px; width:160.294px; height:239.706px; border-radius:147.059px } html:root .fx174{ left:120.52px; top:5562.95px; width:160.065px; height:240.05px; border-radius:161.397px } html:root .fx174 .fx31{ border-radius:161.397px } html:root [data-node-id="1:159"]{ left:154px; top:6731px; width:95px; height:95px; transform:none } html:root .fx175{ left:50%; top:7072px; width:300px; height:356px; border-radius:12px; transform:translateX(-50%) } html:root .fx175 .fx177{ left:-155.86%; width:490.66% } html:root .fx178{ left:calc(50% + 0.5px); top:6884px; width:29px; height:29px; transform:translateX(-50%) } html:root .fx179{ left:50%; top:7073px; width:298px; height:333px; border-radius:11px; transform:translateX(-50%); background-color:#322a21; opacity:0.25 } html:root .fx180{ left:189px; top:7222px; width:32px; height:32px } html:root .fx181{ left:50%; top:7339px; width:334px; height:339px; border-radius:12px; transform:translateX(-50%); background-color:#fcf9f5 } html:root .fig-mapa-odkaz{ left:50%; top:7072px; width:300px; height:267px; transform:translateX(-50%) } html:root .fx182{ left:201.5px; top:7540px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:500; color:#3c1d06 } html:root .fx186{ left:201.5px; top:7459px; font-size:16px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx187{ left:201px; top:7380.12px; font-size:16px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx188{ left:201.5px; top:7620px; font-size:16px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx189{ left:201.5px; top:7565px; font-size:13px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx190{ left:201.5px; top:7484px; font-size:13px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx191{ left:201.5px; top:7405.12px; font-size:13px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx192{ left:201px; top:7644px; width:242px; font-size:13px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#a8845e } html:root .fx193{ left:190px; top:7596px; width:24px; height:24px } html:root .fx198{ display:none } html:root .fx202{ display:none } html:root .fx203{ display:none } html:root .fx204{ left:190px; top:7435px; width:24px; height:24px } html:root .fx209{ left:190px; top:7355.12px; width:24px; height:24px } html:root .fx214{ left:191px; top:7515px; width:22px; height:22px } html:root [data-node-id="1:20"]{ left:379.06px; top:2149.45px; width:213.844px; height:328.5px } html:root .fx239{ left:calc(50% + 0.5px); top:4909px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.6 !important } html:root .fx240{ left:calc(50% - 144px); top:4938px; width:286px; height:59px; font-size:0px; line-height:0; font-weight:400; color:#7e5232 !important } html:root .fx242{ left:calc(50% - 141px); top:5027px; width:306px; height:50px; font-size:15px; line-height:0; white-space:pre-wrap; font-weight:300; color:#7e5232 !important } html:root .fx243{ left:calc(50% - 141px); top:5134px; width:306px; height:50px; font-size:15px; line-height:0; white-space:pre-wrap; font-weight:300; color:#7e5232 !important } html:root .fx244{ left:calc(50% - 141px); top:5241px; width:306px; height:50px; font-size:15px; line-height:normal; font-weight:300; color:#7e5232 !important } html:root .fx245{ left:calc(50% - 141px); top:5348px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#7e5232 !important } html:root .fx246{ left:calc(50% - 141px); top:4998px; width:190px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx247{ left:calc(50% - 141px); top:5105px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx248{ left:calc(50% - 141px); top:5212px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx249{ left:calc(50% - 141px); top:5319px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx250{ left:calc(50% + 142px); top:5109px; width:116px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx251{ left:calc(50% + 142px); top:5002px; width:116px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx254{ left:calc(50% + 142px); top:5216px; width:109px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx256{ left:calc(50% + 142px); top:5323px; width:121px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx257{ left:172px; top:5018px; width:52px; height:0px } html:root .fx258{ display:none } html:root .fx259{ left:136px; top:5232px; width:101px; height:0px } html:root .fx260{ display:none } html:root .fx261{ left:calc(50% - 355.5px); top:4909px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.6 !important } html:root .fx262{ left:calc(50% + 355.5px); top:4909px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.6 !important } html:root .fx263{ left:calc(50% - 500px); top:4938px; width:286px; height:59px; font-size:29px; line-height:1.039; font-weight:500; color:#7e5232 !important } html:root .fx264{ left:calc(50% - 497px); top:5027px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#7e5232 !important } html:root .fx265{ left:calc(50% - 497px); top:5134px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#7e5232 !important } html:root .fx266{ left:calc(50% - 497px); top:5241px; width:306px; height:50px; font-size:15px; line-height:normal; font-weight:300; color:#7e5232 !important } html:root .fx267{ left:calc(50% - 497px); top:5348px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#7e5232 !important } html:root .fx268{ left:calc(50% - 497px); top:4998px; width:190px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx269{ left:calc(50% + 0.5px); top:5420px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx270{ left:calc(50% + 0.5px); top:5427px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06 !important } html:root .fx271{ left:47px; top:5099px; width:15px; height:15px } html:root .fx272{ left:60px; top:5300px; width:311px; height:0px } html:root .fx274{ left:60px; top:5193px; width:311px; height:0px } html:root .fx275{ left:60px; top:5086px; width:311px; height:0px } html:root .fx276{ left:calc(50% - 497px); top:5105px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx277{ left:calc(50% - 497px); top:5212px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx278{ left:calc(50% - 497px); top:5319px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx279{ left:calc(50% - 214px); top:5002px; width:64px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx280{ left:calc(50% - 214px); top:5109px; width:116px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx281{ left:calc(50% - 214px); top:5216px; width:117px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx284{ left:calc(50% - 214px); top:5323px; width:121px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx285{ left:-212px; top:5018px; width:144px; height:0px } html:root .fx286{ left:-217px; top:5125px; width:144px; height:0px } html:root .fx287{ left:-182px; top:5232px; width:49px; height:0px } html:root .fx288{ left:-219.5px; top:5338.75px; width:145.5px; height:0px } html:root .fx10{ left:26px; top:957px; width:350px; height:789px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzUwIDc4OScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNTE4IDMwLjQzNyAtMjQuMDU2IC0xMC44ODIgMzM0LjQzIC03MC41NCknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px; opacity:0.6 } html:root .fx293{ left:50%; top:4624px; width:44px; height:44px; transform:translateX(-50%) } html:root .fx294{ left:calc(50% - 355.5px); top:5420px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx295{ left:calc(50% + 355.5px); top:5420px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx11{ left:31px; top:5828.68px; font-size:33.487px; line-height:normal; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx296{ left:calc(50% - 355.5px); top:5427px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06 !important } html:root .fx297{ left:calc(50% + 355.5px); top:5427px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06 !important } html:root .fig-cenik-vice{ top:5358px } html:root .fig-cenik-vice-zuzka{ left:calc(50% - 355.5px) } html:root .fig-cenik-vice-prace{ left:calc(50% + 355.5px) } html:root .fx299{ left:-296px; top:5193px; width:311px; height:0px } html:root .fx300{ left:-296px; top:5086px; width:311px; height:0px } html:root .fx301{ display:none } html:root .fx12{ left:calc(50% + 5px); top:2777px; font-size:44px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx302{ display:none } html:root .fx13{ left:50%; top:6957px; font-size:42px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx303{ left:calc(50% + 0.5px); top:4731px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx304{ left:31px; top:5952px; width:325px; height:42px; border-radius:32px; background-color:#a8845e } html:root .fx14{ left:calc(50% + 0.5px); top:6928px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx305{ left:316px; top:5945px; width:56px; height:56px; border-radius:32px; background-color:#f1eee9 } html:root .fx306{ left:179px; top:5964px; width:292px; font-size:15px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx307{ left:339px; top:5958px; width:15px; height:30px } html:root .fx308{ left:124px; top:3446px; width:135px; height:202px; border-radius:200px } html:root .fx309{ left:calc(50% + 0.5px); top:1863px; width:47px; height:47px; transform:translateX(-50%) } html:root .fx15{ left:calc(50% + 4px); top:2743px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx16{ left:50%; top:4673px; font-size:22px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx310{ left:50%; top:1962px; width:350px; font-size:37px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx312{ left:133px; top:3454px; width:135px; height:203px; border-radius:219.5px } html:root .fx316{ left:calc(50% + 0.5px); top:3673px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx317{ display:none } html:root .fx17{ left:calc(50% + 12.6px); top:1923.3px; width:255.2px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#a8845e } html:root .fx318{ left:calc(50% - 240.22px); top:2285.76px; font-size:38.166px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#fff } html:root .fx320{ left:calc(50% + 234.82px); top:2285.76px; font-size:38.166px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#fff } html:root .fx321{ left:calc(50% + 0.5px); top:3726px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:pre; font-weight:400; color:#7e5232 } html:root .fx322{ display:none } html:root .fx323{ left:50%; top:3776px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx325{ left:283px; top:4309px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx327{ left:50px; top:3761px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx18{ left:calc(50% - 109.8px); top:1879.5px; width:62.4px; height:90.4px; font-size:68px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#3c1d06 } html:root .fx329{ left:207px; top:3731px; width:15px; height:15px } html:root .fx330{ left:56px; top:1723px; width:274px; height:42px; border-radius:32px; background-color:#a8845e } html:root .fx331{ left:290px; top:1716px; width:56px; height:56px; border-radius:32px; background-color:#d2bea9 } html:root .fx332{ left:177px; top:1733px; width:232px; font-size:17px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx333{ left:313px; top:1729px; width:15px; height:30px } html:root .fx334{ left:50%; top:7720px; width:72px; height:69px; transform:translateX(-50%) } html:root .fx335{ left:calc(50% + 0.5px); top:7806px; width:479px; font-size:22px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:700; color:#3c1d06 } html:root .fx336{ left:calc(50% + 1px); top:2676px; width:48px; height:48px; transform:translateX(-50%) } html:root .fx19{ left:50%; top:4702px; font-size:22px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx20{ left:284.43px; top:5799px; font-size:63.929px; line-height:normal; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx342{ left:-84.84px; top:2517.48px; width:244.444px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx342 .fx343{ font-size:19.992px } html:root .fx342 .fx344{ font-size:19.992px } html:root .fx345{ left:200.5px; top:2517.48px; width:244.444px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx345 .fx343{ font-size:19.992px } html:root .fx345 .fx344{ font-size:19.992px } html:root .fx346{ left:485.84px; top:2517.48px; width:244.444px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx346 .fx347{ font-size:19.992px } html:root .fx346 .fx344{ font-size:19.992px } html:root .fx348{ left:26px; top:808px; width:43px; height:57px; border-radius:106.5px } html:root .fx350{ left:47px; top:808px; width:43px; height:57px; border-radius:106.5px } html:root .fx351{ left:70px; top:808px; width:43px; height:57px; border-radius:106.5px } html:root .fx352{ left:318.95px; top:6335.97px; width:231.138px !important; height:278.678px !important; display:flex } html:root .fx355{ left:-157px; top:6316px; width:231.046px !important; height:278.612px !important; display:flex } html:root .fx357{ left:235px; top:6428px; width:238.802px !important; height:284.111px !important; display:flex } html:root .fx359{ left:-29px; top:6426px; width:243.995px !important; height:287.709px !important; display:flex } html:root .fx361{ left:88px; top:6382px; width:218.029px !important; height:269.084px !important; display:flex } html:root .fx365{ left:calc(50% + 0.5px); top:6086px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx366{ left:calc(50% + 0.5px); top:6183px; width:341px; height:100px; font-size:14px; line-height:20px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx367{ left:301px; top:6103px; width:178px; height:0px } html:root .fx368{ left:-75px; top:6103px; width:176px; height:0px } html:root .fx369{ left:50%; top:6117px; width:404px; font-size:47px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx370{ left:50%; top:6040px; width:30px; height:29px; transform:translateX(-50%) } html:root .fx371{ left:calc(50% + 211px); top:4938px; width:286px; height:59px; font-size:29px; line-height:1.039; font-weight:500; color:#7e5232 !important } html:root .fx372{left:calc(50% + 214px); top:5216px; width:311px; height:59px; font-size:21px; line-height:normal; font-weight:500; color:#7e5232 !important} html:root .fx373{ left:calc(50% + 214px); top:4996px; width:190px; height:19px; font-size:21px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx374{ left:calc(50% + 214px); top:5103px; width:190px; height:19px; font-size:21px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx375{ left:calc(50% + 214px); top:5054px; width:198px; height:19px; font-size:15px; line-height:0; font-weight:600; color:#a8845e } html:root .fx377{ left:calc(50% + 214px); top:5165px; width:198px; height:19px; font-size:15px; line-height:0; font-weight:600; color:#a8845e } html:root .fx378{ left:calc(50% + 214px); top:5031px; width:203px; height:19px; font-size:15px; line-height:normal; font-weight:400; color:#a8845e } html:root .fx379{ left:calc(50% + 214px); top:5142px; width:203px; height:19px; font-size:15px; line-height:normal; font-weight:400; color:#a8845e } html:root .fx380{ left:415px; top:5086px; width:311px; height:0px } html:root .fx381{ left:415px; top:5194px; width:311px; height:0px } html:root .fx382{ left:50%; top:4429px; width:338px; height:42px; border-radius:32px; transform:translateX(-50%); background-color:#a8845e } /* Kolečko a jiskra přepočtené na PŘESAH pravého okraje tlačítka (7. 9. 2026, viz proc/tym_tlacitko_kolecko_presah.py — DODATEK). Mobilní plátno tady MÁ vlastní reálnou šířku 402 px (na rozdíl od tabletu, kde je vnitřní `#stage` pořád 1440 px a jen se z něj cloní jiná výseč — ověřeno měřením `#stage` v prohlížeči na obou pásmech, ne odhadem): tlačítko je vycentrované (`left:50%`, šířka 338 → střed 201, pravý okraj 370). Přesah kolečka (28 px) a svislý posun (−7 px) jsou STEJNÉ konstanty jako na desktopu — je to tentýž vzor, jen jiná výchozí poloha tlačítka. TEXT (`fx385`) taky přepočítaný — zadavatel správně nahlásil, že „týmu“ naráží do kolečka: dřív byl vystředěný na střed CELÉHO tlačítka (386 px), což na desktopu i tady přesahovalo do kolečka. Nová šířka drží stejný odstup, jaký má Figma na desktopu (4 px od levého okraje tlačítka, 0 px od kolečka — box textu se ho dotýká, ale skutečná kresba písma má svůj vlastní "bezpečnostní" okraj (bearing), takže vizuálně mezera zůstává). Skutečná šířka téhle věty v Cinzelu 15px je 306,34 px (změřeno `Range.getBoundingClientRect()`, ne odhad) — a celá dostupná mezera mezi levým okrajem tlačítka (32) a kolečkem (342) je jen 310 px. Na 4px okraj (jako na desktopu/tabletu) tu proto místo NENÍ; box je natažený přes celou mezeru (310 px), jinak by se — a PRVNÍ POKUS přesně tohle udělal — box (306 px, o 0,34 px užší než skutečná věta) zalomil text na dva řádky a tlačítko by vizuálně přeteklo dolů. Vizuální odstup od okrajů i tak zůstává (306,34 v boxu 310 = ~1,8 px na stranu prosté od `text-align:center`, plus vlastní okraj kresby písma (bearing) navrch). */ html:root .fx383{ left:342px; top:4422px; width:56px; height:56px; display:flex } html:root .fx385{ left:187px; top:4440px; width:310px; font-size:15px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx386{ left:365px; top:4435px; width:15px; height:30px; display:flex } /* Klikací plocha přes celé tlačítko (pozadí ∪ kolečko), viz style.css a proc/tym_tlacitko_kolecko_presah.py (DODATEK Č. 4). Mobilní báze 402. */ html:root .fig-tym-vsichni-plocha{ left:32px; top:4422px; width:366px; height:56px } html:root .fx28{ left:91.2px; top:226.13px; width:205.065px; height:306.495px; border-radius:220.5px } html:root .fx29{ left:127px; top:980px; width:135px; height:202px; border-radius:200px } html:root .fx30{ left:105.53px; top:238.26px; width:204.534px; height:306.741px; border-radius:242px } html:root .fx30 .fx31{ border-radius:242px } html:root .fx32{ left:78.28px; top:2134px; width:244.444px; height:359.851px; border-radius:129.037px } html:root .fx33{ left:136px; top:988px; width:135px; height:203px; border-radius:219.5px } html:root .fx34{ left:-207.06px; top:2134px; width:244.444px; height:359.851px; border-radius:129.037px } html:root .fx35{ left:363.61px; top:2134px; width:244.444px; height:359.851px; border-radius:129.037px } html:root .fx36{ left:124px; top:2954px; width:135px; height:202px; border-radius:200px } html:root [data-node-id="1:57"]{ left:93.73px; top:2149.45px; width:213.844px; height:328.5px } html:root [data-node-id="1:58"]{ left:-191.61px; top:2149.45px; width:213.844px; height:328.5px } html:root [data-node-id="1:59"]{ left:-191.61px; top:2149.45px; width:213.548px; height:328.954px } html:root [data-node-id="1:60"]{ left:379.06px; top:2149.45px; width:213.548px; height:328.954px } html:root .fx41{ left:124px; top:3939px; width:135px; height:202px; border-radius:200px } html:root .fx42{ left:133px; top:2962px; width:135px; height:203px; border-radius:219.5px } html:root .fx49{ left:133px; top:3947px; width:135px; height:203px; border-radius:219.5px } html:root .fx53{ display:none } html:root .fx57{ display:none } html:root .fx58{ display:none } html:root .fx59{ display:none } html:root .fx60{ left:64.65px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx61{ left:-220.69px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx62{ left:349.98px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx63{ left:308.18px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx64{ left:22.85px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx65{ left:593.52px; top:2297.57px; width:28.17px; height:28.17px } html:root .fx66{ display:none } html:root .fx69{ display:none } html:root .fx71{ left:50%; top:1759px; width:0px; height:89px; transform:translateX(-50%); display:flex } html:root .fx73{ display:none } html:root .fx75{ left:184px; top:1254px; width:22px; height:22px } html:root .fx76{ left:calc(50% + 2px); top:2592px; width:0px; height:76px; transform:translateX(-50%); display:flex } html:root .fx76 .fx77{ width:76px } html:root .fx78{ display:none } html:root .fx80{ left:359px; top:748px; width:95px; height:0px; transform:none } html:root .fx83{ left:calc(50% + 0.5px); top:3181px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx86{ display:none } html:root .fx87{ display:none } html:root .fx88{ left:50%; top:4166px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx89{ display:none } html:root .fx90{ left:355px; top:74px; width:16px; height:16px } html:root .fx91{ left:calc(50% + 0.5px); top:3234px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:pre; font-weight:400; color:#7e5232 } html:root .fx92{ left:calc(50% + 0.5px); top:3862px; width:127px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06; white-space:normal } html:root .fx94{ left:55px; top:1313px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx96{ left:50%; top:4219px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .rb1144{ left:93.73px; top:2149.45px; width:213.844px; height:328.5px } html:root .rb1146{ left:-191.61px; top:2149.45px; width:213.844px; height:328.5px } html:root .rb1148{ left:379.06px; top:2149.45px; width:213.844px; height:328.5px } html:root .rb1167{ left:84px; top:2201px; width:235px; height:251px; transform:none; white-space:normal; text-align:start } html:root .rb1247{ left:73px; top:6296px; width:237px; height:42px; border-radius:32px; background-color:#a8845e } html:root .rb1248{ left:274px; top:6289px; width:56px; height:56px; border-radius:32px; background-color:#f1eee9 } html:root .rb1249{ left:177px; top:6306px; width:182px; font-size:16px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .rb1250{ left:297px; top:6302px; width:15px; height:30px } html:root .fx196{ left:50%; top:25% } html:root .fx211{ left:37.5%; top:12.5% } html:root .fx213{ left:62.5%; top:25% } html:root .fx219{ left:58.54%; top:25% } html:root .fig-vejir-deska{ display:none } html:root .fig-vejir-tlacitko{ display:none } html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:221"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:221"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:221"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:221"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:223"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:223"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:223"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:223"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:224"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:224"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:224"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:224"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:225"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:225"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:225"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:225"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:226"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:226"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:226"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:226"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:227"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:227"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:227"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:227"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:228"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:228"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:228"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:228"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:235"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:235"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:235"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:235"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:236"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:236"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:236"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:236"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:237"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:237"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:237"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:237"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:238"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:238"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:238"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:238"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:239"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:239"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:239"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:239"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:241"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:241"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:241"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:241"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:258"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:258"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:258"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:258"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:260"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:260"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:260"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:260"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:203"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:203"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:203"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:203"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:204"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:204"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:204"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:204"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:205"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:205"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:205"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:205"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:206"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:206"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:206"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:206"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:207"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:207"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:207"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:207"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:208"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:208"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:208"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:208"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:209"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:209"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:209"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:209"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:210"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:210"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:210"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:210"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:211"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:211"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:211"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:211"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:212"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:212"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:212"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:212"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:213"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:213"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:213"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:213"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:214"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:214"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:214"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:214"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:229"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:229"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:229"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:229"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:230"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:230"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:230"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:230"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:222"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:222"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:222"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:222"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:259"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:259"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:259"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:259"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:261"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:261"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:261"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:261"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:393"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:393"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:393"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:393"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:394"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:394"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:394"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:394"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:395"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:395"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:395"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:395"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:396"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:396"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:396"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:396"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:397"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:397"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:398"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:398"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:399"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:399"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:400"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:400"]{color:#A8845E !important} html:root .fig-cenik-karusel{ --cenik-roztec:355.5; --cenik-zvednuti:0 } html:root .fig-cenik-karta:nth-of-type(1){ --zaklad:0px } html:root .fig-cenik-karta:nth-of-type(2){ --zaklad:0px } html:root .fig-cenik-karta:nth-of-type(3){ --zaklad:0px } html:root .fig-cenik-karta .fig-hover-deska{ pointer-events:auto } html:root .fig-cenik-tecky > *:nth-child(1){ display:block; position:absolute; border-radius:50%; left:183px; top:5490px; width:9px; height:9px } html:root .fig-cenik-tecky > *:nth-child(2){ display:block; position:absolute; border-radius:50%; left:197px; top:5490px; width:9px; height:9px } html:root .fig-cenik-tecky > *:nth-child(3){ display:block; position:absolute; border-radius:50%; left:211px; top:5490px; width:9px; height:9px } html:root .fx352{ left:354.25px !important; top:6335.97px !important; width:231.138px !important; height:278.678px !important } html:root .fx355{ left:-157px !important; top:6343.44px !important; width:231.046px !important; height:278.612px !important } html:root .fx357{ left:235px !important; top:6462.34px !important; width:238.802px !important; height:284.111px !important } html:root .fx359{ left:21.13px !important; top:6426px !important; width:243.995px !important; height:287.709px !important } html:root .fx361{ left:88px !important; top:6398.33px !important; width:218.029px !important; height:269.084px !important } html:root .fig-vejir-lic{ width:197.77px !important; height:253.62px !important } html:root .fig-vejir-tlacitko{ display:block !important; visibility:visible !important; left:73px !important; top:6289px !important; width:257px !important; height:56px !important } html:root .fig-vejir-tlacitko .fig-vejir-deska{ display:block !important; visibility:visible !important; opacity:1 !important; transform:none !important; pointer-events:none !important; left:-73px !important; top:-6289px !important; width:402px !important; height:8027px !important } html:root #stage-wrap{ overflow:hidden; overflow:clip; overflow-clip-margin:183px; position:relative; width:402px; margin:0 auto; transform-origin:0 0; --doba:.62s; --doba-najeti:.28s } html:root #stage{ position:absolute; top:0; left:0px; width:402px; height:100% } html:root .fig-flip-deska{ width:402px; height:8474px } html:root #flip-pilir1{ left:-267.06px !important; top:2074px !important; width:364.44px !important; height:479.85px !important } html:root #flip-pilir1 .fig-flip-deska{ left:267.06px !important; top:-2074px !important; width:402px !important; height:8474px !important } html:root #flip-pilir1 .fig-flip-spinac[data-flip-cil="lic"]{ left:-191.61px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root #flip-pilir1 .fig-flip-spinac[data-flip-cil="rub"]{ left:-191.61px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root #flip-pilir2{ left:18.28px !important; top:2074px !important; width:364.44px !important; height:479.85px !important } html:root #flip-pilir2 .fig-flip-deska{ left:-18.28px !important; top:-2074px !important; width:402px !important; height:8474px !important } html:root #flip-pilir2 .fig-flip-spinac[data-flip-cil="lic"]{ left:93.73px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root #flip-pilir2 .fig-flip-spinac[data-flip-cil="rub"]{ left:93.73px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root #flip-pilir3{ left:303.61px !important; top:2074px !important; width:364.44px !important; height:479.85px !important } html:root #flip-pilir3 .fig-flip-deska{ left:-303.61px !important; top:-2074px !important; width:402px !important; height:8474px !important } html:root #flip-pilir3 .fig-flip-spinac[data-flip-cil="lic"]{ left:379.06px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root #flip-pilir3 .fig-flip-spinac[data-flip-cil="rub"]{ left:379.06px !important; top:2149.45px !important; width:213.55px !important; height:328.95px !important } html:root [data-node-id="1:155"]{ left:81.93px !important; top:424.93px !important; width:81.13px !important; height:81.13px !important } html:root [data-node-id="1:155"] > svg{ width:100% !important; height:100% !important } html:root [data-node-id="1:159"]{ left:154px !important; top:6731px !important; width:95px !important; height:95px !important } html:root [data-node-id="1:159"] > svg{ width:100% !important; height:100% !important } html:root button.fig-dialog-spoust{ left:31px !important; top:5945px !important; width:341px !important; height:56px !important } html:root .rb1175{ width:0px; left:43px; top:978px; height:61px } html:root .rb1177{ width:61px } html:root .rb1178{ width:0px; left:43px; top:1060px; height:145px } html:root .rb1179{ width:145px } html:root .rb1180{ width:0px; left:43px; top:1229px; height:138px } html:root .rb1181{ width:138px } html:root .rb1182{ width:0px; left:43px; top:1392px; height:114px } html:root .rb1183{ width:114px } html:root .rb1184{ width:0px; left:43px; top:1534px; height:106px } html:root .rb1185{ width:106px } html:root .rb1174{ width:350px; left:26px; top:957px; height:789px } html:root .rb1186{ width:25px; left:31px; top:1649px; height:25px } html:root .rb1192{ width:56px; left:133px; top:1716px; height:56px } html:root .rb1191{ width:115px; left:155px; top:1723px; height:42px } html:root .rb1195{ width:7.35px; left:39.47px; top:1046px; height:7.35px } html:root .rb1196{ width:9.56px; left:38.41px; top:1212px; height:9.56px } html:root .rb1197{ width:12px; left:37px; top:1373px; height:12px } html:root .rb1198{ width:14px; left:36px; top:1513px; height:14px } html:root .rb1200{ width:15px; left:151px; top:1729px; height:30px } html:root .rb1187{ width:302px; left:62px; top:978px; height:746px; font-size:14px; line-height:20px } html:root .rb1187 p, html:root .rb1187 span{ line-height:20px } html:root .rb1199{ width:54px; left:195px; top:1733px; height:23px; transform:none } html:root #flip-biografie{ left:-54px !important; top:877px !important; width:510px !important; height:975px !important } html:root #flip-biografie .fig-flip-deska{ left:54px !important; top:-877px !important } html:root #flip-biografie .fig-flip-spinac[data-flip-cil="rub"]{ left:56px !important; top:1716px !important; width:290px !important; height:56px !important } html:root #flip-biografie .fig-flip-spinac[data-flip-cil="lic"]{ left:133px !important; top:1716px !important; width:137px !important; height:56px !important } html:root #stage-wrap{ margin-left:calc(50% - 201px); margin-right:0 } html:root #stage-wrap{ height:8027px } html:root #stage-wrap [data-node-id="1:109"]{ display:none } html:root #stage-wrap [data-node-id="1:67"]{ display:none } html:root #stage-wrap [data-node-id="1:90"]{ display:none } html:root #stage-wrap [data-node-id="1:96"]{ display:none } html:root #stage-wrap [data-node-id="1:134"]{ display:none } html:root #stage-wrap [data-node-id="1:141"]{ display:none } html:root #stage-wrap [data-node-id="1:326"]{ display:none } html:root #stage-wrap [data-node-id="1:317"]{ display:none } html:root #stage-wrap [data-node-id="1:319"]{ display:none } html:root #stage-wrap [data-node-id="1:324"]{ display:none } html:root #stage-wrap [data-node-id="1:328"]{ display:none } html:root #stage-wrap [data-node-id="1:330"]{ display:none } html:root #stage-wrap [data-node-id="1:112"]{ display:none } html:root #stage-wrap [data-node-id="1:70"]{ display:none } html:root #stage-wrap [data-node-id="1:93"]{ display:none } html:root #stage-wrap [data-node-id="1:101"]{ display:none } html:root #stage-wrap [data-node-id="1:139"]{ display:none } html:root #stage-wrap [data-node-id="1:144"]{ display:none } html:root #stage-wrap [data-node-id="1:110"]{ display:none } html:root #stage-wrap [data-node-id="1:68"]{ display:none } html:root #stage-wrap [data-node-id="1:91"]{ display:none } html:root #stage-wrap [data-node-id="1:97"]{ display:none } html:root #stage-wrap [data-node-id="1:137"]{ display:none } html:root #stage-wrap [data-node-id="1:142"]{ display:none } html:root .fig-hover{ position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important; overflow:visible !important } html:root .fig-hover-posun{ position:static !important; transform:none !important } html:root .fig-hover-deska{ position:static !important; left:auto !important; top:auto !important } html:root #o-nas{ top:917px !important } html:root #nas-tym{ top:2650px !important } html:root #cenik{ top:4600px !important } html:root #objednat{ top:5878px !important } html:root #reference{ top:5999px !important } html:root #kontakt{ top:6837px !important } html:root .fig-pilire-karusel{ --pilir-roztec:285.35px; transform:translate(calc(0px + var(--pilir-posun,0px)),0px) } html:root .fig-pilire-plocha{ position:absolute; left:0; top:2074px; width:100%; height:500px } } @media (min-width:768px) and (max-width:1199px){ html:root .fig-dialog{ width:min(1078px, calc(100vw - 68px)) } html:root .fig-dialog .fig-dialog-mrizka{ grid-template-columns: repeat(auto-fit, minmax(min(296px, 100%), 1fr)) } html:root #stage, html:root #stage-wrap{ width:768px } html:root .fig-hover [data-node-id]::after{ display:none !important } html:root .mimo-tablet{ display:none } html:root [data-node-id="1:88"]{ display:none } html:root [data-radky]{ white-space:normal } html:root [data-radky] br{ display:none } html:root [data-radky] .radky-mezera{ display:inline } html:root [data-node-id="1:132"]{ display:none } html:root .fx97{ left:calc(33.33% + 104px); top:895px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx98{ left:calc(37.5% - 1.5px); top:3961px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx99{ left:calc(66.67% + 31.95px); top:405.27px; width:64.238px; height:16.702px } html:root .fx100{ left:calc(41.67% + 87px); top:6630px; width:42px; height:42px } html:root .fx101{ left:calc(50% - 2px); top:6665px; width:25px; height:25px } html:root .fx102{ left:calc(50% + 16px); top:6640px; width:14px; height:14px } html:root .fx103{ left:calc(50% + 0.5px); top:1594px; width:827px; height:69px; font-size:16px; line-height:22px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx106{ left:calc(33.33% + 105px); top:793px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx107{ left:calc(62.5% + 8px); top:2833px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx110{ left:calc(37.5% - 1px); top:3530px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx111{ left:calc(62.5% + 8px); top:4277px; width:264px; height:69px; font-size:15px; line-height:19px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx112{ left:calc(62.5% + 9px); top:3313px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx113{ left:calc(37.5% - 1px); top:4011px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx114{ left:calc(25% + 35.83px); top:287.72px; font-size:32.119px; line-height:0; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx115{ left:calc(58.33% + 19.62px); top:321.12px; font-size:32.119px; line-height:normal; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx116{ left:calc(16.67% + 130.13px); top:231.19px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx116 .fx117{ font-size:50.748px } html:root .fx116 .fx118{ font-size:50.748px } html:root .fx119{ left:calc(58.33% + 230.36px); top:265.88px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx119 .fx120{ font-size:45.609px } html:root .fx119 .fx121{ font-size:45.609px } html:root .fx122{ left:calc(50% + 0.5px); top:4729px; width:639px; height:69px; font-size:16px; line-height:22px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232; white-space:normal } html:root .fx123{ left:calc(41.67% + 33px); top:973px; width:396px; height:309px; font-size:16px; line-height:0 !important; white-space:pre-wrap; font-weight:300; color:#3c1d06 } html:root .fx125{ left:50%; top:6885px; width:750px; height:69px; font-size:16px; line-height:22px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx126{ left:50%; top:2408px; width:626px; height:69px; font-size:16px; line-height:22px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx127{ left:calc(37.5% + 52px); top:5684px; width:436px; height:69px; font-size:18px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx128{ left:50%; top:7715px; width:544px; height:69px; font-size:0px; line-height:0; transform:translateX(-50%); text-align:center; white-space:pre-wrap; font-weight:300; color:#7e5232 } html:root .fx128 .fx129{ font-size:16px } html:root .fx128 .fx130{ font-size:16px } html:root .fx128 p{ display:inline } html:root .fx128 p + p::before{ content:" " } html:root .fx128 p[data-prazdny]{ display:block } html:root .fx128 p[data-prazdny] + p::before{ content:none } html:root .fx132{ left:calc(58.33% - 18.94px); top:405.27px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx137{ left:calc(16.67% + 130px); top:85px; width:700px; height:0px } html:root .fx138{ left:calc(16.67% + 143.62px); top:177.23px; font-size:0px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx139{ left:calc(25% + 114px); top:515px; width:233px; height:69px; font-size:14px; line-height:18px; font-weight:300; color:#7e5232 } html:root .fx140{ left:calc(50% + 80px); top:515px; width:264px; height:69px; font-size:14px; line-height:0; white-space:pre-wrap; font-weight:300; color:#7e5232 } html:root .fig-domu-recenze{ left:calc(25% + 114px); top:598px; width:233px } html:root .fx146{ left:calc(66.67% + 28px); top:2873px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx147{ left:calc(41.67% + 32px); top:3570px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx148{ left:calc(16.67% + 130px); top:1491px; width:155px; height:0px } html:root .fx149{ left:calc(58.33% + 75px); top:1491px; width:155px; height:0px } html:root .fx150{ left:calc(75% - 45px); top:4317px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx151{ left:calc(66.67% + 31px); top:3353px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx152{ left:calc(66.67% + 38px); top:3835px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx153{ left:calc(50% + 75px); top:2818px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx154{ left:calc(25% + 50px); top:3515px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx155{ left:calc(50% + 32px); top:4262px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx156{ left:calc(50% + 71px); top:3298px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx157{ left:calc(50% + 66px); top:3780px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx158{ left:calc(58.33% + 48px); top:2788px; width:15px; height:15px } html:root .fx159{ left:calc(25% + 66px); top:939px; width:147px; height:69px } html:root .fx160{ left:calc(16.67% + 130px); top:4655px; width:141px; height:0px } html:root .fx161{ left:calc(50% + 75px); top:6658px; width:275px; height:0px } html:root .fx162{ left:calc(66.67% - 31.5px); top:4655px; width:141.5px; height:0px } html:root .fx163{ left:calc(16.67% + 130px); top:6658px; width:275px; height:0px } html:root .fx164{ left:calc(16.67% + 130px); top:490px; width:700px; height:0px } html:root .fx165{ left:calc(66.67% + 39px); top:2367px; width:71px; height:0px } html:root .fx166{ left:calc(16.67% + 130px); top:2367px; width:69px; height:0px } html:root .fx167{ left:calc(33.33% + 105.33px); top:344.89px; width:88.006px; height:88.006px } html:root .fx168{ left:calc(41.67% + 11.67px); top:370.59px; width:35.973px; height:35.973px } html:root .fx173{ left:calc(58.33% - 3px); top:5518px; width:218px; height:326px; border-radius:200px } html:root .fx174{ left:calc(58.33% + 11px); top:5532px; width:218px; height:326px; border-radius:219.5px } html:root .fx175{ left:calc(50% + 0.5px); top:6955px; width:601px; height:408px; border-radius:12px; transform:translateX(-50%) } html:root .fx175 .fx177{ left:-78.56%; width:280.84% } html:root .fx178{ left:calc(50% + 0.5px); top:6768px; width:29px; height:29px; transform:translateX(-50%) } html:root .fx179{ left:calc(50% + 0.5px); top:6956px; width:599px; height:382px; border-radius:11px; transform:translateX(-50%); background-color:#322a21; opacity:0.25 } html:root .fx180{ left:calc(41.67% + 43px); top:7125px; width:32px; height:32px } html:root .fx181{ left:calc(50% - 0.13px); top:7326px; width:648.395px; height:196px; border-radius:13.674px; transform:translateX(-50%); background-color:#fcf9f5 } html:root .fig-mapa-odkaz{ left:calc(50% + 0.5px); top:6955px; width:601px; height:371px; transform:translateX(-50%) } html:root .fx182{ left:calc(25% + 102.19px); top:7446.92px; font-size:0px; line-height:0; white-space:nowrap; font-weight:500; color:#3c1d06 } html:root .fx182 .fx183{ font-size:15px } html:root .fx182 .fx184{ font-size:18.233px } html:root .fx182 .fx185{ font-size:18px } html:root .fx186{ left:calc(50% + 55.56px); top:7358.04px; font-size:18px; line-height:normal; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx187{ left:calc(25% + 102.19px); top:7358.04px; font-size:18px; line-height:normal; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx188{ left:calc(50% + 55.56px); top:7448.06px; font-size:18.233px; line-height:normal; white-space:nowrap; font-weight:700; color:#3c1d06 } html:root .fx189{ left:calc(25% + 102.19px); top:7475.41px; font-size:15px; line-height:normal; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx190{ left:calc(50% + 55.56px); top:7386.53px; font-size:15px; line-height:normal; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx191{ left:calc(25% + 102.19px); top:7386.53px; font-size:15px; line-height:normal; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx192{ left:calc(50% + 55.56px); top:7475.41px; width:275.767px; font-size:15px; line-height:normal; font-weight:400; color:#a8845e } html:root .fx193{ left:calc(50% + 16.81px); top:7448.06px; width:27.349px; height:27.349px } html:root .fx198{ left:calc(50% - 4.84px); top:7352.21px; width:15.337px; height:57.237px; transform:translateX(-50%); display:flex } html:root .fx198 .fx200{ width:59.256px } html:root .fx202{ display:none } html:root .fx203{ left:calc(50% - 4.84px); top:7441.09px; width:15.337px; height:57.237px; transform:translateX(-50%); display:flex } html:root .fx203 .fx200{ width:59.256px } html:root .fx204{ left:calc(50% + 16.81px); top:7358.04px; width:27.349px; height:27.349px } html:root .fx209{ left:calc(25% + 62.3px); top:7359.18px; width:27.349px; height:27.349px } html:root .fx214{ left:calc(25% + 63.44px); top:7449.2px; width:25.07px; height:25.07px } html:root .fx239{ left:calc(50% + 0.5px); top:4838px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.6 !important } html:root .fx240{ left:calc(50% - 144px); top:4867px; width:286px; height:59px; font-size:0px; line-height:0; font-weight:400; color:#7e5232 !important } html:root .fx242{ left:calc(50% - 141px); top:4956px; width:306px; height:50px; font-size:15px; line-height:0; white-space:pre-wrap; font-weight:300; color:#7e5232 !important } html:root .fx243{ left:calc(50% - 141px); top:5063px; width:306px; height:50px; font-size:15px; line-height:0; white-space:pre-wrap; font-weight:300; color:#7e5232 !important } html:root .fx244{ left:calc(50% - 141px); top:5170px; width:306px; height:50px; font-size:15px; line-height:normal; font-weight:300; color:#7e5232 !important } html:root .fx245{ left:calc(50% - 141px); top:5277px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#7e5232 !important } html:root .fx246{ left:calc(45.83% - 81px); top:4927px; width:190px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx247{ left:calc(45.83% - 81px); top:5034px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx248{ left:calc(45.83% - 81px); top:5141px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx249{ left:calc(45.83% - 81px); top:5248px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#3c1d06 !important } html:root .fx250{ left:calc(54.17% + 82px); top:5038px; width:116px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx251{ left:calc(54.17% + 82px); top:4931px; width:116px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx254{ left:calc(54.17% + 82px); top:5145px; width:109px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx256{ left:calc(54.17% + 82px); top:5252px; width:121px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx257{ left:calc(41.67% + 89px); top:4947px; width:54px; height:0px } html:root .fx258{ left:calc(50% + 12px); top:5054px; width:69px; height:0px } html:root .fx259{ left:calc(41.67% + 54px); top:5161px; width:102px; height:0px } html:root .fx260{ left:calc(41.67% + 83px); top:5268px; width:67px; height:0px } html:root .fx261{ left:calc(20.83% + 52.5px); top:4868px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.2 !important } html:root .fx262{ left:calc(79.17% - 52.5px); top:4868px; width:343px; height:570px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); border-radius:12px !important; transform:translateX(-50%); opacity:0.2 !important } html:root .fx263{ left:calc(20.83% - 92px); top:4897px; width:286px; height:59px; font-size:29px; line-height:1.039; font-weight:500; color:#a8845e !important } html:root .fx264{ left:calc(20.83% - 89px); top:4986px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#a8845e !important } html:root .fx265{ left:calc(20.83% - 89px); top:5093px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#a8845e !important } html:root .fx266{ left:calc(20.83% - 89px); top:5200px; width:306px; height:50px; font-size:15px; line-height:normal; font-weight:300; color:#a8845e !important } html:root .fx267{ left:calc(20.83% - 89px); top:5307px; width:306px; height:50px; font-size:15px; line-height:0; font-weight:300; color:#a8845e !important } html:root .fx268{ left:calc(16.67% - 29px); top:4957px; width:190px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx269{ left:calc(50% + 0.5px); top:5349px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx270{ left:calc(50% + 0.5px); top:5356px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#3c1d06 !important } html:root .fx271{ left:calc(33.33% + 86px); top:5028px; width:15px; height:15px } html:root .fx272{ left:calc(33.33% + 99px); top:5229px; width:311px; height:0px } html:root .fx274{ left:calc(33.33% + 99px); top:5122px; width:311px; height:0px } html:root .fx275{ left:calc(33.33% + 99px); top:5015px; width:311px; height:0px } html:root .fx276{ left:calc(16.67% - 29px); top:5064px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx277{ left:calc(16.67% - 29px); top:5171px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx278{ left:calc(16.67% - 29px); top:5278px; width:151px; height:19px; font-size:19px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx279{ left:calc(29.17% + 74px); top:4961px; width:64px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx280{ left:calc(29.17% + 74px); top:5068px; width:116px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx281{ left:calc(29.17% + 74px); top:5175px; width:117px; height:19px; font-size:0px; line-height:0; transform:translateX(-100%); text-align:right; font-weight:700; color:#a8845e } html:root .fx284{ left:calc(29.17% + 74px); top:5282px; width:121px; height:19px; font-size:15px; line-height:normal; transform:translateX(-100%); text-align:right; font-weight:600; color:#a8845e } html:root .fx285{ left:calc(16.67% + 52px); top:4977px; width:147px; height:0px } html:root .fx286{ left:calc(16.67% + 48px); top:5084px; width:146px; height:0px } html:root .fx287{ left:calc(16.67% + 84px); top:5191px; width:50px; height:0px } html:root .fx288{ left:calc(16.67% + 45px); top:5297.75px; width:148px; height:0px } html:root .fx10{ left:50%; top:667px; width:700px; height:644px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNzAwIDY0NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMjUuMDM2IDI0Ljg0MyAtNDguMTEyIC04Ljg4MjIgNjY4Ljg2IC01Ny41NzYpJz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI0OSwyNDEsMjMyLDEpJyBvZmZzZXQ9JzAnLz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI1NSwyNTUsMjU1LDEpJyBvZmZzZXQ9JzEnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); border-radius:12px; transform:translateX(-50%); opacity:0.6 } html:root .fx293{ left:50%; top:4587px; width:44px; height:44px; transform:translateX(-50%) } html:root .fx294{ left:calc(20.83% + 52.5px); top:5379px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx295{ left:calc(79.17% - 52.5px); top:5379px; width:141px; height:34px; border-radius:32px; transform:translateX(-50%) } html:root .fx11{ left:calc(16.67% + 127px); top:5618px; font-size:44px; line-height:normal; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx296{ left:calc(20.83% + 52.5px); top:5386px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#a8845e !important } html:root .fx297{ left:calc(79.17% - 52.5px); top:5386px; width:147px; font-size:14px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#a8845e !important } html:root .fig-cenik-vice{ top:5317px } html:root .fig-cenik-vice-zuzka{ left:calc(20.83% + 52.5px) } html:root .fig-cenik-vice-prace{ left:calc(79.17% - 52.5px) } html:root .fx299{ left:calc(8.33% + 91px); top:5152px; width:311px; height:0px } html:root .fx300{ left:calc(8.33% + 91px); top:5045px; width:311px; height:0px } html:root .fx301{ left:calc(50% + 33px); top:520px; width:30px; height:29px } html:root .fx12{ left:calc(62.5% - 55.5px); top:2323px; font-size:62px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx302{ display:none } html:root .fx13{ left:calc(58.33% - 13.5px); top:6805px; font-size:62px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx303{ left:calc(54.17% + 21px); top:4671px; font-size:38px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx304{ left:calc(25% + 50px); top:5768px; width:360px; height:42px; border-radius:32px; background-color:#a8845e } html:root .fx14{ left:calc(37.5% + 33px); top:6819px; font-size:47px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx305{ left:calc(50% + 10px); top:5761px; width:56px; height:56px; border-radius:32px; background-color:#f1eee9 } html:root .fx306{ left:calc(25% + 215px); top:5778px; width:292px; font-size:17px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx307{ left:calc(50% + 33px); top:5774px; width:15px; height:30px } html:root .fx308{ left:calc(25% + 99px); top:2718px; width:135px; height:202px; border-radius:200px } html:root .fx309{ left:calc(50% + 0.5px); top:1406px; width:47px; height:47px; transform:translateX(-50%) } html:root .fx15{ left:calc(37.5% + 31.5px); top:2337px; font-size:47px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx16{ left:calc(50% + 0.5px); top:4638px; font-size:28px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx310{ left:50%; top:1513px; width:682px; font-size:59px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx311{ left:calc(58.33% - 11px); top:3465px; width:135px; height:202px; border-radius:200px } html:root .fx312{ left:calc(25% + 108px); top:2726px; width:135px; height:203px; border-radius:219.5px } html:root .fx314{ left:calc(58.33% - 2px); top:3473px; width:135px; height:203px; border-radius:219.5px } html:root .fx316{ left:calc(37.5% - 0.5px); top:2945px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx317{ left:calc(62.5% + 9.5px); top:3692px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx17{ left:calc(54.17% - 40.5px); top:1464px; width:319px; font-size:42px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#a8845e } html:root .fx321{ left:calc(37.5% - 10.5px); top:2998px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:pre; font-weight:400; color:#7e5232 } html:root .fx322{ left:calc(62.5% + 8px); top:3745px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx323{ left:calc(37.5% - 1px); top:3048px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx324{ left:calc(62.5% + 9px); top:3795px; width:264px; height:69px; font-size:15px; line-height:0; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx325{ left:calc(41.67% + 49px); top:3088px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx326{ left:calc(41.67% + 29px); top:4051px; width:20px; height:25px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx327{ left:calc(25% + 28px); top:3033px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx18{ left:calc(37.5% + 24px); top:1408px; width:78px; height:113px; font-size:93px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#3c1d06 } html:root .fx328{ left:calc(25% + 69px); top:3996px; width:13px; height:24px; font-size:55px; line-height:normal; font-weight:400; color:#dbc593 } html:root .fx329{ left:calc(33.33% + 54px); top:3003px; width:15px; height:15px } html:root .fx330{ left:calc(33.33% + 95px); top:1290px; width:274px; height:42px; border-radius:32px; background-color:#a8845e } html:root .fx331{ left:calc(50% + 89px); top:1283px; width:56px; height:56px; border-radius:32px; background-color:#d2bea9 } html:root .fx332{ left:calc(33.33% + 216px); top:1300px; width:232px; font-size:17px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx333{ left:calc(58.33% - 8px); top:1296px; width:15px; height:30px } html:root .fx334{ left:50%; top:7591px; width:72px; height:69px; transform:translateX(-50%) } html:root .fx335{ left:calc(50% + 0.5px); top:7677px; width:479px; font-size:23px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:700; color:#3c1d06 } html:root .fx336{ left:50%; top:2270px; width:48px; height:48px; transform:translateX(-50%) } html:root .fx19{ left:calc(29.17% + 64px); top:4685px; font-size:24px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx20{ left:calc(41.67% + 100px); top:5579px; font-size:84px; line-height:normal; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx348{ left:calc(16.67% + 130px); top:518px; width:43px; height:57px; border-radius:106.5px } html:root .fx350{ left:calc(25% + 31px); top:518px; width:43px; height:57px; border-radius:106.5px } html:root .fx351{ left:calc(25% + 54px); top:518px; width:43px; height:57px; border-radius:106.5px } html:root .fx352{ left:calc(50% + 6px); top:6189px } html:root .fx355{ left:calc(50% - 223.048px); top:6180px } html:root .fx357{ left:calc(50% - 126.048px); top:6186px } html:root .fx359{ left:calc(50% - 96.952px); top:6220px } html:root .fx361{ left:calc(50% - 176.048px); top:6266px } html:root .fx363{ left:calc(50% - 125.048px); top:6239px } html:root .fx365{ left:calc(37.5% + 13.5px); top:6006px; font-size:32px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#a8845e } html:root .fx366{ left:calc(50% + 0.5px); top:6060px; width:603px; height:69px; font-size:16px; line-height:22px; transform:translateX(-50%); text-align:center; font-weight:300; color:#7e5232 } html:root .fx367{ left:calc(66.67% + 44px); top:6025px; width:65px; height:0px } html:root .fx368{ left:calc(16.67% + 130px); top:6025px; width:63px; height:0px } html:root .fx369{ left:calc(58.33% - 19px); top:5989px; width:334px; font-size:49px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:400; color:#7e5232 } html:root .fx370{ left:50%; top:5941px; width:30px; height:29px; transform:translateX(-50%) } html:root .fx371{ left:calc(79.17% - 198px); top:4897px; width:286px; height:59px; font-size:29px; line-height:1.039; font-weight:500; color:#a8845e !important } html:root .fx372{left:calc(79.17% - 195px); top:5175px; width:311px; height:59px; font-size:21px; line-height:normal; font-weight:500; color:#a8845e !important} html:root .fx373{ left:calc(75% - 135px); top:4955px; width:190px; height:19px; font-size:21px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx374{ left:calc(75% - 135px); top:5062px; width:190px; height:19px; font-size:21px; line-height:normal; font-weight:500; color:#a8845e !important } html:root .fx375{ left:calc(75% - 135px); top:5013px; width:198px; height:19px; font-size:15px; line-height:0; font-weight:600; color:#a8845e } html:root .fx377{ left:calc(75% - 135px); top:5124px; width:198px; height:19px; font-size:15px; line-height:0; font-weight:600; color:#a8845e } html:root .fx378{ left:calc(75% - 135px); top:4990px; width:203px; height:19px; font-size:15px; line-height:normal; font-weight:400; color:#a8845e } html:root .fx379{ left:calc(75% - 135px); top:5101px; width:203px; height:19px; font-size:15px; line-height:normal; font-weight:400; color:#a8845e } html:root .fx380{ left:calc(66.67% - 15px); top:5045px; width:311px; height:0px } html:root .fx381{ left:calc(66.67% - 15px); top:5153px; width:311px; height:0px } /* ŠÍŘKA TLAČÍTKA SJEDNOCENÁ S DESKTOPEM (7. 9. 2026, DODATEK Č. 3 — po nasazení zadavatel napsal „proč na tabletu je to tlačítko vizuálně úplně jiný?? proč není identické?"). Měl pravdu: tablet tu pořád nesl PŮVODNÍ šířku 386 px, zatímco desktop se podle Figmy rozšířil na 409 — vedle sebe to nesedělo (na tabletu zbývalo textu ke kolečku jen 3 px místo desktopových 15). Tablet sdílí s desktopem STEJNOU souřadnicovou soustavu 1440 (ověřeno dřív měřením `#stage`), takže 409 px je tu doslova STEJNÉ číslo, ne přepočet poměrem. Levý okraj tlačítka (calc(33.33% + 47px) = 526,95) zůstal, jen se prodloužil pravý okraj (912,95 → 935,95). */ html:root .fx382{ left:calc(33.33% + 47px); top:4379px; width:409px; height:42px; border-radius:32px; background-color:#a8845e } /* Kolečko a jiskra: PŘESAH pravého okraje tlačítka (DODATEK 2 z 7. 9. 2026, viz proc/tym_tlacitko_kolecko_presah.py) — stejné konstanty jako na desktopu (28 px doprava, −7 px nahoru pro kolečko, +23/+13 pro jiskru v něm), přepočtené na NOVÝ pravý okraj tlačítka (935,95). */ html:root .fx383{ left:calc(50% + 187.95px); top:4372px; width:56px; height:56px; display:flex } /* Text: 4 px od levého okraje tlačítka, 0 px (dotyk boxu) od kolečka — stejné pravidlo jako na desktopu. Šířka 377 px vyšla STEJNÁ jako na desktopu (526,95+4=530,95 do 907,95 = 377) — logicky, když je stejná i šířka tlačítka i přesah kolečka, vychází stejný i prostor pro text. */ html:root .fx385{ left:calc(50% - 0.55px); top:4389px; width:377px; font-size:17px; line-height:normal; transform:translateX(-50%); text-align:center; font-weight:600; color:#ebe7dd } html:root .fx386{ left:calc(50% + 210.95px); top:4385px; width:15px; height:30px; display:flex } /* Klikací plocha přes celé tlačítko (pozadí ∪ kolečko), viz style.css a proc/tym_tlacitko_kolecko_presah.py (DODATEK Č. 4). Tabletová báze je pořád 1440 (stejně jako zbytek tlačítka výš). */ html:root .fig-tym-vsichni-plocha{ left:calc(50% - 193.05px); top:4372px; width:437px; height:56px } html:root .fx28{ left:calc(41.67% + 5.24px); top:134.83px; width:198.496px; height:297.423px; border-radius:128.476px } html:root .fx29{ left:calc(25% + 52px); top:761px; width:135px; height:202px; border-radius:200px } html:root .fx30{ left:calc(41.67% + 18.09px); top:147.55px; width:198.408px; height:297.554px; border-radius:141.003px } html:root .fx30 .fx31{ border-radius:141.003px } html:root .fx33{ left:calc(25% + 61px); top:769px; width:135px; height:203px; border-radius:219.5px } html:root .fx36{ left:calc(58.33% - 12px); top:2503px; width:135px; height:202px; border-radius:200px } html:root .fx39{ left:calc(25% + 99px); top:3200px; width:135px; height:202px; border-radius:200px } html:root .fx40{ left:calc(58.33% - 12px); top:3947px; width:135px; height:202px; border-radius:200px } html:root .fx41{ left:calc(58.33% - 11px); top:2983px; width:135px; height:202px; border-radius:200px } html:root .fx42{ left:calc(58.33% - 3px); top:2511px; width:135px; height:203px; border-radius:219.5px } html:root .fx43{ left:calc(25% + 99px); top:3681px; width:135px; height:202px; border-radius:200px } html:root .fx44{ left:calc(25% + 108px); top:3208px; width:135px; height:203px; border-radius:219.5px } html:root .fx47{ left:calc(58.33% - 3px); top:3955px; width:135px; height:203px; border-radius:219.5px } html:root .fx49{ left:calc(58.33% - 2px); top:2991px; width:135px; height:203px; border-radius:219.5px } html:root .fx51{ left:calc(25% + 108px); top:3689px; width:135px; height:203px; border-radius:219.5px } html:root .fx53{ left:calc(50% - 1px); top:2577px; width:0px; height:409px; display:flex } html:root .fx57{ display:none } html:root .fx58{ left:calc(50% - 1px); top:3146px; width:0px; height:409px; display:flex } html:root .fx59{ display:none } html:root .fx66{ left:calc(33.33% + 111px); top:691px; width:0px; height:81px; display:flex } html:root .fx69{ left:50%; top:4479px; width:0px; height:90px; transform:translateX(-50%); display:flex } html:root .fx71{ left:50%; top:1326px; width:0px; height:89px; transform:translateX(-50%); display:flex } html:root .fx73{ left:calc(33.33% + 111px); top:978px; width:0px; height:274px; display:flex } html:root .fx73 .fx74{ width:274px } html:root .fx75{ left:calc(50% - 7px); top:785px; width:22px; height:22px } html:root .fx76{ left:50%; top:2178px; width:0px; height:74px; transform:translateX(-50%); display:flex } html:root .fx76 .fx77{ width:74px } html:root .fx78{ left:50%; top:490px; width:0px; height:142px; transform:translateX(-50%); display:flex } html:root .fx80{ display:none } html:root .fx83{ left:calc(62.5% + 8.5px); top:2730px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx86{ left:calc(37.5% - 0.5px); top:3427px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx87{ left:calc(62.5% + 8px); top:4174px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx88{ left:calc(62.5% + 9px); top:3210px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx89{ left:calc(37.5% - 1px); top:3908px; font-size:40px; line-height:0; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#3c1d06 } html:root .fx90{ left:calc(75% - 5px); top:77px; width:16px; height:16px } html:root .fx91{ left:calc(62.5% + 7.5px); top:2783px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:pre; font-weight:400; color:#7e5232 } html:root .fx92{ left:calc(37.5% - 1.5px); top:3480px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx93{ left:calc(62.5% + 7.5px); top:4227px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx94{ left:calc(33.33% + 104px); top:844px; font-size:45px; line-height:0; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .fx96{ left:calc(62.5% + 8px); top:3263px; font-size:20px; line-height:normal; transform:translateX(-50%); text-align:center; white-space:nowrap; font-weight:400; color:#7e5232 } html:root .rb1249{ display:none } html:root .fx196{ left:50%; top:25% } html:root .fx211{ left:37.5%; top:12.5% } html:root .fx213{ left:62.5%; top:25% } html:root .fx219{ left:58.54%; top:25% } html:root .fig-vejir-deska{ display:none } html:root .fig-vejir-tlacitko{ display:none } html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:221"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:221"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:221"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:221"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:223"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:223"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:223"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:223"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:224"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:224"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:224"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:224"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:225"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:225"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:225"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:225"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:226"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:226"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:226"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:226"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:227"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:227"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:227"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:227"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:228"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:228"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:228"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:228"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:235"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:235"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:235"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:235"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:236"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:236"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:236"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:236"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:237"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:237"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:237"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:237"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:238"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:238"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:238"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:238"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:239"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:239"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:239"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:239"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:241"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:241"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:241"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:241"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:258"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:258"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:258"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:258"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:260"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:260"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:260"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:260"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:203"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:203"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:203"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:203"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:204"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:204"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:204"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:204"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:205"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:205"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:205"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:205"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:206"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:206"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:206"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:206"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:207"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:207"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:207"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:207"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:208"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:208"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:208"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:208"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:209"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:209"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:209"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:209"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:210"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:210"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:210"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:210"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:211"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:211"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:211"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:211"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:212"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:212"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:212"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:212"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:213"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:213"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:213"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:213"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:214"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:214"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:214"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:214"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:229"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:229"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:229"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:229"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:230"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:230"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:230"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:230"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:222"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:222"]{border:1px solid #A8845E !important; opacity:0.6 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:222"]{border:0 !important; opacity:0.2 !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:222"]{border:0 !important; opacity:0.2 !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:259"]{border:1px solid #A8915E !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:259"]{border:1px solid #A8915E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:259"]{border:1px solid #A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:259"]{border:1px solid #A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:261"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:261"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:261"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:261"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:393"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:393"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:393"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:393"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:394"]{color:#7E5232 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:394"]{color:#7E5232 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:394"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:394"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:395"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:395"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:395"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:395"]{color:#A8845E !important} html:root .fig-cenik-karta.je-zvyrazneno [data-node-id="1:396"]{color:#3C1D06 !important} html:root #stage-wrap .fig-cenik-karta.je-zvyrazneno [data-node-id="1:396"]{color:#3C1D06 !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:396"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:396"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:397"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:397"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:398"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:398"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:399"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:399"]{color:#A8845E !important} html:root .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:400"]{color:#A8845E !important} html:root #stage-wrap .fig-cenik-karta:not(.je-zvyrazneno) [data-node-id="1:400"]{color:#A8845E !important} html:root .fig-cenik-karusel{ --cenik-roztec:367.5; --cenik-zvednuti:30 } html:root .fig-cenik-karta:nth-of-type(1){ --zaklad:0px } html:root .fig-cenik-karta:nth-of-type(2){ --zaklad:30px } html:root .fig-cenik-karta:nth-of-type(3){ --zaklad:0px } html:root .fig-cenik-karta .fig-hover-deska{ pointer-events:auto } html:root .fig-cenik-tecky > *:nth-child(1){ display:block; position:absolute; border-radius:50%; left:702px; top:5451px; width:9px; height:9px } html:root .fig-cenik-tecky > *:nth-child(2){ display:block; position:absolute; border-radius:50%; left:716px; top:5451px; width:9px; height:9px } html:root .fig-cenik-tecky > *:nth-child(3){ display:block; position:absolute; border-radius:50%; left:730px; top:5451px; width:9px; height:9px } html:root .fig-vejir-tlacitko{ display:block !important; visibility:visible !important; left:calc(50% - 169px) !important; top:6561px !important } html:root .fig-vejir-tlacitko .fig-vejir-deska{ display:block !important; visibility:visible !important; opacity:1 !important; transform:none !important; pointer-events:none !important; width:1440px !important; height:7898px !important } html:root .fig-vejir-tlacitko [data-node-id]{ display:block !important } html:root #stage-wrap{ clip-path:inset(0 -100vw); position:relative; width:768px; margin:0 auto; transform-origin:0 0; --doba:.62s; --doba-najeti:.28s; --vejir-t:0 } html:root #stage-wrap{ overflow:visible } html:root #stage{ position:absolute; top:0; left:-336px; width:1440px; height:100%; left:-336px; width:1440px } html:root .fig-flip-deska{ width:1440px; height:8283px } html:root #flip-biografie{ left:304px !important; top:601px !important; width:832px !important; height:768px !important } html:root #flip-biografie .fig-flip-deska{ left:-304px !important; top:-601px !important; width:1440px !important; height:8283px !important } html:root #flip-biografie .fig-flip-spinac[data-flip-cil="lic"]{ left:575px !important; top:1283px !important; width:290px !important; height:56px !important } html:root #flip-biografie .fig-flip-spinac[data-flip-cil="rub"]{ left:575px !important; top:1283px !important; width:290px !important; height:56px !important } html:root #flip-pilir1{ left:208px !important; top:1836px !important; width:395px !important; height:522px !important } html:root #flip-pilir1 .fig-flip-deska{ left:-208px !important; top:-1836px !important } html:root #flip-pilir1 .fig-flip-spinac[data-flip-cil="lic"]{ left:288px !important; top:1916px !important; width:235px !important; height:362px !important } html:root #flip-pilir1 .fig-flip-spinac[data-flip-cil="rub"]{ left:288px !important; top:1916px !important; width:235px !important; height:362px !important } html:root #flip-pilir2{ left:522px !important; top:1836px !important; width:395px !important; height:522px !important } html:root #flip-pilir2 .fig-flip-deska{ left:-522px !important; top:-1836px !important } html:root #flip-pilir2 .fig-flip-spinac[data-flip-cil="lic"]{ left:602px !important; top:1916px !important; width:235px !important; height:362px !important } html:root #flip-pilir2 .fig-flip-spinac[data-flip-cil="rub"]{ left:602px !important; top:1916px !important; width:235px !important; height:362px !important } html:root #flip-pilir3{ left:836px !important; top:1836px !important; width:395px !important; height:522px !important } html:root #flip-pilir3 .fig-flip-deska{ left:-836px !important; top:-1836px !important } html:root #flip-pilir3 .fig-flip-spinac[data-flip-cil="lic"]{ left:916px !important; top:1916px !important; width:235px !important; height:362px !important } html:root #flip-pilir3 .fig-flip-spinac[data-flip-cil="rub"]{ left:916px !important; top:1916px !important; width:235px !important; height:362px !important } html:root [data-node-id="1:155"]{ left:598.82px !important; top:358.38px !important; width:61.03px !important; height:61.03px !important } html:root [data-node-id="1:155"] > svg{ width:100% !important; height:100% !important } html:root [data-node-id="1:159"]{ left:673px !important; top:6611px !important; width:95px !important; height:95px !important } html:root [data-node-id="1:159"] > svg{ width:100% !important; height:100% !important } html:root button.fig-dialog-spoust{ left:410px !important; top:5761px !important; width:376px !important; height:56px !important } html:root div.fig-flip{ left:304px !important; top:601px !important; width:832px !important; height:768px !important } html:root div.fig-flip{ left:836px !important; top:1836px !important; width:395px !important; height:522px !important } html:root div.fig-flip{ left:522px !important; top:1836px !important; width:395px !important; height:522px !important } html:root div.fig-flip{ left:208px !important; top:1836px !important; width:395px !important; height:522px !important } html:root .rb1175{ width:0px; left:413px; top:696px; height:39px; background:linear-gradient(to bottom,#d2bea900,#d2bea9) } html:root .rb1177{ width:39px } html:root .rb1178{ width:0px; left:413px; top:768px; height:91px; background:#d2bea9 } html:root .rb1179{ width:91px } html:root .rb1180{ width:0px; left:413px; top:898px; height:88px; background:#d2bea9 } html:root .rb1181{ width:88px } html:root .rb1182{ width:0px; left:413px; top:1023px; height:80px; background:#d2bea9 } html:root .rb1183{ width:80px } html:root .rb1184{ width:0px; left:413px; top:1141px; height:50px; background:#d2bea9 } html:root .rb1185{ width:50px } html:root .rb1174{ width:700px; left:370px; top:667px; height:644px; background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgNzAwIDY0NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMjUuMDM2IDI0Ljg0MyAtNDguMTEyIC04Ljg4MjIgNjY4Ljg2IC01Ny41NzYpJz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI0OSwyNDEsMjMyLDEpJyBvZmZzZXQ9JzAnLz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI1NSwyNTUsMjU1LDEpJyBvZmZzZXQ9JzEnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4="); border-radius:12px } html:root .rb1186{ width:42px; left:392px; top:1203px; height:42px } html:root .rb1192{ width:56px; left:646px; top:1283px; height:56px; background:#d2bea9; border-radius:32px } html:root .rb1191{ width:115px; left:668px; top:1290px; height:42px; background:#a8845e; border-radius:32px } html:root .rb1195{ width:10px; left:408px; top:745px; height:10px; background:#d2bea9; border-radius:50% } html:root .rb1196{ width:13px; left:406px; top:872px; height:13px; background:#d2bea9; border-radius:50% } html:root .rb1197{ width:15px; left:405px; top:995px; height:15px; background:#d2bea9; border-radius:50% } html:root .rb1198{ width:17px; left:404px; top:1111px; height:17px; background:#d2bea9; border-radius:50% } html:root .rb1200{ width:15px; left:664px; top:1296px; height:30px } html:root .rb1187{ width:595px; left:450px; top:705px; height:552px; font-size:16px; line-height:23px } html:root .rb1187 p, html:root .rb1187 span{ line-height:23px } html:root .rb1199{ width:54px; left:708px; top:1300px; font-size:17px; transform:none } html:root #stage-wrap{ margin-left:calc(50% - 384px); margin-right:0 } html:root #stage-wrap{ --vejir-baze:7886px } html:root #stage-wrap [data-node-id="1:95"]{ left:calc(62.5% + 8.5px) } html:root #stage-wrap [data-node-id="1:323"]{ left:calc(37.5% - 0.5px) } html:root #stage-wrap [data-node-id="1:99"]{ left:calc(62.5% + 9px) } html:root #stage-wrap [data-node-id="1:96"]{ left:calc(37.5% - 0.5px) } html:root #stage-wrap [data-node-id="1:324"]{ left:calc(62.5% + 9.5px) } html:root #stage-wrap [data-node-id="1:101"]{ left:calc(37.5% - 1px) } html:root #stage-wrap [data-node-id="1:97"]{ left:calc(62.5% + 8px) } html:root .fig-hover{ position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important; overflow:visible !important } html:root .fig-hover-posun{ position:static !important; transform:none !important } html:root .fig-hover-deska{ position:static !important; left:auto !important; top:auto !important } html:root #o-nas{ top:698px !important } html:root #nas-tym{ top:2244px !important } html:root #cenik{ top:4563px !important } html:root #objednat{ top:5694px !important } html:root #reference{ top:5900px !important } html:root #kontakt{ top:6721px !important } html:root .fig-pilire-karusel{ --pilir-roztec:314px; transform:translate(calc(1px + var(--pilir-posun,0px)),-216px) } html:root .fig-pilire-plocha{ position:absolute; left:0; top:1899px; width:100%; height:482px } } @media (min-width:1200px){ /* Tlačítko „Zobrazit všechny členy našeho týmu" — grafik ho v aktualizované Figmě (KOTLAR-EDU, uzly 5:150 pozadí, 5:152 text, 19:43 kolečko, 19:44 jiskra) posunul z „kolečko vycentrované POD tlačítkem" (dnešní stav, sdílí svislou spojnici s lupou u „Profesionalita a kvalita" — to zůstává, s touhle změnou to nesouvisí) na „kolečko přesahuje PRAVÝ okraj tlačítka", stejný vzor jako `.st-cta-kolecko` na Studiu/Kosmetice/ZuzkaPro.Nails. Souřadnice změřené v návrhu (plátno 1440, střed 720px): pozadí 5:150 x503 y4188 w409 h42 → 720−503 = 217 vlevo od středu text 5:152 x507 y4198 w377 → box 507 až 884 (viz níž) kolečko 19:43 x884 y4181 w56 h56 → 884−720 = 164 vpravo od středu jiskra 19:44 x907 y4194 w15 h30 → 907−720 = 187 vpravo od středu Všechny čtyři sedí na jedné vodorovné ose (svislý střed 4209 = 4188+21 = 4181+28 = 4198+11,5) — přesně stejná konstrukce jako u ostatních tlačítek s přesahujícím kolečkem. TEXT NENÍ VYCENTROVANÝ NA STŘED POZADÍ — PRVNÍ POKUS (7. 9. 2026) tohle spočítal špatně (`707,5 = střed pozadí`) a zadavatel po nasazení správně nahlásil, že „týmu“ naráží do kolečka. Uzel 5:152 má box OD 507 DO 884 — tedy 4 px od levého okraje pozadí (503) a přesně NA levém okraji kolečka (884), bez mezery mezi boxy (skutečná kresba písma má svůj vlastní okraj (bearing) — box textu je 377 px, ale opravdová šířka věty je jen 347,19 px (`Range.getBoundingClientRect()`), takže vizuální mezera ke kolečku zůstává, i když se boxy dotýkají). left_value = 884 − 377/2 = 695,5 → 720 − 695,5 = 24,5 vpravo... tedy `calc(50% − 24,5px)`. Figma dala přesná čísla jen pro desktop (tenhle blok); pro tablet a mobil je stejný přesah (28 px vpravo, −7 px nahoru, kolečko-jiskra +23/+13, text 4 px od levého okraje pozadí a na okraji kolečka) PŘEPOČTENÝ na jejich vlastní polohu a šířku tlačítka — viz jejich vlastní @media bloky výš a proc/tym_tlacitko_kolecko_presah.py (DODATEK, 7. 9. 2026: zadavatel po nasazení upřesnil, že „dolů" přestává platit všude, ne jen na desktopu, a že text naráží do kolečka na všech pásmech). Zrušení otočení jiskry (`.fx386 .fx54`) je NEZÁVISLÉ na pásmu, proto sedí ve `style.css`, ne tady. */ html:root .fx382{ left:calc(50% - 217px); top:4188px; width:409px; height:42px } html:root .fx385{ left:calc(50% - 24.5px); top:4198px; width:377px } html:root .fx383{ left:calc(50% + 164px); top:4181px } html:root .fx386{ left:calc(50% + 187px); top:4194px; width:15px; height:30px } /* Klikací plocha přes celé tlačítko (pozadí ∪ kolečko), viz style.css a proc/tym_tlacitko_kolecko_presah.py (DODATEK Č. 4). */ html:root .fig-tym-vsichni-plocha{ left:calc(50% - 217px); top:4181px; width:437px; height:56px } html:root #stage-wrap [data-node-id="1:95"]{ left:calc(50% + 0.5px) } html:root #stage-wrap [data-node-id="1:323"]{ left:calc(20.83% + 51.5px) } html:root #stage-wrap [data-node-id="1:99"]{ left:calc(79.17% - 39px) } html:root #stage-wrap [data-node-id="1:96"]{ left:calc(50% + 0.5px) } html:root #stage-wrap [data-node-id="1:324"]{ left:calc(20.83% + 51.5px) } html:root #stage-wrap [data-node-id="1:101"]{ left:calc(79.17% - 39px) } html:root #stage-wrap [data-node-id="1:97"]{ left:50% } html:root .fx352{ left:calc(50% + 6px) } html:root .fx355{ left:calc(50% - 223.048px) } html:root .fx357{ left:calc(50% - 126.048px) } html:root .fx359{ left:calc(50% - 96.952px) } html:root .fx361{ left:calc(50% - 176.048px) } html:root .fx363{ left:calc(50% - 125.048px) } html:root .fig-vejir-tlacitko{ display:block !important; visibility:visible !important; left:calc(50% - 169px) !important; top:6381px !important } html:root .fig-vejir-tlacitko .fig-vejir-deska{ display:block !important; visibility:visible !important; opacity:1 !important; transform:none !important; pointer-events:none !important; width:1440px !important; height:7898px !important } html:root .fig-vejir-tlacitko [data-node-id]{ display:block !important } html:root:root #stage-wrap{ margin-left:calc(50% - 720px); margin-right:0 } html:root #najeti-cenik-vlasy .fig-hover-posun{ transform:translateY(0px) } html:root #najeti-cenik-vlasy [data-node-id="1:203"]{ opacity:0.6 } html:root #najeti-cenik-vlasy [data-node-id="1:203"]::after{ border-color:#a8845e } /* Box (1:203) je jen POLOVINA nativního `:hover` stavu z motivu (style.css řádky 815–828) — druhá polovina jsou barvy TEXTU (nadpis, řádky cen). Prvně se přenesl jen box (proc/ cenik_najeti_vychozi.py) a zadavatel 1. 9. 2026 správně nahlásil, že karta na desktopu vypadá „aktivně" (rám, tmavší pozadí), ale písmo zůstává v neaktivní barvě — protože tahle část nativního hoveru se nikdy nezkopírovala. Doplněno, hodnoty 1:1 z `:hover`. */ html:root #najeti-cenik-vlasy [data-node-id="1:204"], html:root #najeti-cenik-vlasy [data-node-id="1:204"] *, html:root #najeti-cenik-vlasy [data-node-id="1:205"], html:root #najeti-cenik-vlasy [data-node-id="1:205"] *, html:root #najeti-cenik-vlasy [data-node-id="1:206"], html:root #najeti-cenik-vlasy [data-node-id="1:206"] *, html:root #najeti-cenik-vlasy [data-node-id="1:207"], html:root #najeti-cenik-vlasy [data-node-id="1:207"] *, html:root #najeti-cenik-vlasy [data-node-id="1:208"], html:root #najeti-cenik-vlasy [data-node-id="1:208"] * { color:#7e5232 } html:root #najeti-cenik-vlasy [data-node-id="1:209"], html:root #najeti-cenik-vlasy [data-node-id="1:209"] *, html:root #najeti-cenik-vlasy [data-node-id="1:210"], html:root #najeti-cenik-vlasy [data-node-id="1:210"] *, html:root #najeti-cenik-vlasy [data-node-id="1:211"], html:root #najeti-cenik-vlasy [data-node-id="1:211"] *, html:root #najeti-cenik-vlasy [data-node-id="1:212"], html:root #najeti-cenik-vlasy [data-node-id="1:212"] *, html:root #najeti-cenik-vlasy [data-node-id="1:230"], html:root #najeti-cenik-vlasy [data-node-id="1:230"] * { color:#3c1d06 } html:root #najeti-cenik-vlasy [data-node-id="1:229"]::after{ border-color:#a8915e } html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy .fig-hover-posun, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy .fig-hover-posun{ /* Box (uzel 1:203) a text (nadpis, řádky cen) jsou SOUROZENCI, ne rodič/dítě — každý má svou vlastní `top` souřadnici z Figmy. Přepsat jen box (viz proc/cenik_navrat_60px.py, zápisek o dvou špatných pokusech) rozjelo odstup textu od okraje boxu. Správně je posunout SPOLEČNÉHO PŘEDKA obojího (`.fig-hover-posun`) — box i text se pak hýbou spolu a vnitřní rozestupy zůstanou, jak je nakreslil návrh. Hodnota 30px je nativní klidová hodnota motivu PRO TENHLE PRVEK (`#najeti-cenik-vlasy .fig-hover-posun` beze hoveru) — a taky přesně odpovídá rozdílu `top` mezi uzly 1:203 (4624px) a 1:221/1:222 (4654px). Dvě předchozí měření (30 nedostatečné, 60 přesné) byla zkreslená neprobuzeným panelem testovacího prohlížeče — čerstvě proměřeno se probuzením screenshotem před KAŽDÝM krokem: 30px sedí přesně. */ transform:translateY(30px) !important } html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:203"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:203"]{ opacity:0.2 !important } html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:203"]::after, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:203"]::after{ border-color:transparent !important } html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:204"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:204"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:205"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:205"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:206"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:206"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:207"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:207"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:208"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:208"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:209"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:209"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:210"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:210"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:211"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:211"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:212"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:212"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:230"], html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:230"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:204"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:204"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:205"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:205"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:206"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:206"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:207"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:207"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:208"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:208"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:209"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:209"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:210"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:210"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:211"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:211"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:212"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:212"] *, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:230"], html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:230"] * { color:#a8845e !important } html:root .fig-cenik-karusel:has(#najeti-cenik-manikura:hover) #najeti-cenik-vlasy [data-node-id="1:229"]::after, html:root .fig-cenik-karusel:has(#najeti-cenik-kosmetika:hover) #najeti-cenik-vlasy [data-node-id="1:229"]::after{ border-color:#a8845e !important } }