/*
Theme Name: Ateliér Kotlár
Description: Motiv na míru pro Ateliér Kotlár — kadeřnické studio v srdci Prahy 1.
Version: 0.9.84
Author: Marmu.cz
Author URI: https://marmu.cz
Text Domain: atelier-kotlar
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GPLv2 or later
*/

/* =====================================================================
   Plátno 1440 × 7898 px, absolutní pozice přesně dle návrhu.
   ===================================================================== */
*, *::before, *::after { box-sizing: border-box; }

/* Stránka se nesmí roztáhnout do šířky. Plátno je pevných 1440 px a při
   užším okně vyčnívá ven; bez tohohle ořezu vznikne vodorovný posuvník
   (naměřeno 5. 9. 2026 při 1200 px: scrollWidth 1320 proti clientWidth
   1200 — vyčnívala hlavička a podkladová vrstva, na VŠECH podstránkách).
   `clip` schválně místo `hidden`: `hidden` na kořenovém prvku založí
   rolovací kontejner a rozbíjí kotvení při rolování. Viz
   proc/sirka_stranky.py — pravidlo tam vzniklo pro homepage a zůstalo
   v `pasma-jeden.css`, kam se ale podstránky nedostanou. */
html { overflow-x: clip; }
body.atelier-kotlar { margin: 0; background: #E3DED6; font-family: "Jost", sans-serif; overflow-x: hidden; }
body.atelier-kotlar p,
body.atelier-kotlar h1, body.atelier-kotlar h2,
body.atelier-kotlar h3, body.atelier-kotlar h4 { margin: 0; }
body.atelier-kotlar img { border: 0; }
body.atelier-kotlar a { text-decoration: none; }
/* Barvu dědí jen odkazy BEZ vygenerované třídy (typicky řádky v patičce, kde
   <a> sedí uvnitř <p>). Když se <p> na <a> vymění, nese barvu z návrhu jeho
   vlastní třída – a `color: inherit` na body by ji přebilo specifičností. */
body.atelier-kotlar a:not([class]) { color: inherit; }

/* Rámec v návrhu svůj obsah ořezává (clipsContent). Bez toho vyčnívají
   podkladové vrstvy ven z plátna a stránka přetéká vodorovně. */
#stage-wrap { position: relative; width: 1440px; height: 7898px; margin: 0 auto;
              overflow: hidden; transform-origin: 0 0; }
#stage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* WordPress lištu je nutné odsadit, jinak posune celé plátno */
body.admin-bar #stage-wrap { margin-top: 0; }
/* Přilepená hlavička je `position: fixed`, takže ji WP lišta
   nepřesune sama — bez tohohle by lišta hlavičku PŘEKRÝVALA (na
   homepage) nebo hlavička visela POD ní (na podstránkách, ty
   #stage-wrap nemají, takže je výše uvedené pravidlo nechrání).
   782px je vlastní zlom WordPressu pro nižší mobilní lištu, ne
   pásmový – nezávisí na fig-pasmo. */
body.admin-bar #fig-hlavicka { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar #fig-hlavicka { top: 46px; }
}

.anchor { position: absolute; left: 0; width: 1px; height: 1px; }

/* POZOR na specificitu: `#stage a` je (1,0,1) a přebije každé pravidlo, které
   staví na třídě. `transition` je shorthand, takže tím uzlu ZRUŠÍ přechody,
   které mu předepsal nějaký mechanismus — a protože koncový stav zůstane
   správný, projde to všemi kontrolami a projeví se jen za běhu animace.
   Přesně tak se stalo, že telefon a e-mail v kontaktech (jediné dva uzly
   pod galerií, ze kterých se dělá <a>) při rozprostření vějíře neplynuly
   s ostatními, ale skočily o 349 px napřed. Každý mechanismus musí svá
   pravidla o přechodech zapsat aspoň s toutéž specificitou, tedy pod
   `#stage-wrap`, a krytí odkazu si znovu vyjmenovat — proto ta proměnná. */
#stage { --doba-odkaz: .2s; }
#stage a { cursor: pointer; transition: opacity var(--doba-odkaz) ease; }
#stage a:hover { opacity: .72; }
#stage a:focus-visible { outline: 2px solid #7e5232; outline-offset: 3px; }

/* Uzly se zalomením převzatým z návrhu: řádky se nesmí zlomit znovu */
[data-radky] { white-space: nowrap; }

/* Půlpixelové čáry: celý pixel při polovičním krytí.
   NIKDY na tyhle obrázky nedávej rozměr (height/min-height) – SVG z návrhu mají
   preserveAspectRatio="none", takže by se roztáhl i tah a čára by měla
   dvojnásobek inkoustu. Proto transform, který rozměr nemění.

   Autorita je vektorový export celé stránky: čára 1:217 je tam
   <line y1="4732.75" y2="4732.75" stroke-width="0.5">, tedy pás inkoustu
   4732,50–4733,00 = 0,5 px na výšku. Celkový inkoust musí zůstat 0,5:
     box 1 px × krytí 0,5 = 0,5  ✔
     box 1 px × krytí 1   = 1,0  ✘ dvojnásobek návrhu
   Pozor na ověřování: canvas drawImage() tudy neměří – rasterizuje SVG
   v jeho vlastní velikosti (0,5 px) a teprve pak rastr škáluje, takže
   podhodnotí obě varianty stejně a čísla z něj nic neříkají. */
img.vlas-y { transform: scaleY(2); opacity: .5; }
img.vlas-x { transform: scaleX(2); opacity: .5; }

/* Texty po kružnici: účaří leží NA dráze, aby písmena vystupovala ven */
.fig-ring { position: absolute; }
.fig-ring svg { display: block; overflow: visible; }
.fig-ring text { font-family: "Cinzel", serif; font-weight: 600;
                 text-transform: lowercase; }
/* --------------------------------------------------------------------
   Text po obvodu se pomalu otáčí. `.fig-ring` je obal, ve kterém je JEN
   ten kroužkový text — obrys kroužku i tlačítko přehrání jsou vedle něj
   jako samostatné uzly. Otáčet celým obalem tedy točí přesně tím, čím se
   točit má, a nic dalšího se nehýbe.

   NEJDE to dát na `<text>` uvnitř SVG, i když by to vypadalo přesněji.
   Ten už má z návrhu atribut `transform="rotate(85.5 47.5 47.5)"`, tedy
   rotaci kolem STŘEDU. Kdybych k tomu přidal `transform-origin: 50% 50%`,
   obalí ten počátek celou transformaci včetně atributu — a rotace kolem
   středu, obalená posunem do téhož středu, se změní na rotaci kolem
   dvojnásobku. Text se pak vykreslí jinam. Změřeno: regrese proti záloze
   vyskočila o dva nové úseky přesně v místech obou kroužků.

   Na `.fig-ring` (obyčejný blok) je počátek ve středu sám od sebe
   a `rotate` se s jeho `translate` (posun s vějířem) jen skládá.
   -------------------------------------------------------------------- */
.fig-ring { animation: fig-kruh-otaceni var(--doba-kruh, 60s) linear infinite; }
@keyframes fig-kruh-otaceni { to { rotate: 360deg; } }
/* Znak v dialogu je jen jiskra bez textu po obvodu — nemá se co točit. */
.fig-dialog .fig-dialog-znak .fig-ring { animation: none; }
/* Vypnutý pohyb i tisk: text zůstane na výchozím natočení z návrhu. */
@media ( prefers-reduced-motion: reduce ) { .fig-ring { animation: none; } }
@media print { .fig-ring { animation: none; } }

/* --- překlápěcí karty ---------------------------------------------------
   Perspektiva sedí na samotné kartě, ne na #stage-wrap: ten má overflow:hidden
   (ořez rámce z návrhu) a to 3D kontext zplošťuje. Karta je velká jen jako ona
   sama, takže kompozitní vrstva je řádově kilobajty, ne stovky megabajtů. */
/* Doba přechodu je na jednom místě: prohození stran se z ní počítá, aby se
   obojí nemohlo rozejít. Sedí na #stage, ne na kartě, protože ji potřebují
   i uzly, které karta nahrazuje a které leží mimo ni (.fig-flip-nahrazeno). */
/* Karta zabírá víc plochy, než na kolika reaguje: rámeček se roztahuje kvůli
   stínům a kvůli tomu, aby střed otáčení seděl na středu prvku. Sousední
   karty se tak můžou rámečky překrývat a pozdější karta v dokumentu by
   ukusovala kliky té dřívější – průhledný <div> hit-test chytá stejně jako
   neprůhledný. Klikat proto jde jen na spínač a na odkazy uvnitř karty;
   `pointer-events: none` na obalu nikdy nic nezablokuje navíc, jen odblokuje
   plochu pod kartou. Bublání kliku ze spínače na obal to nebrání. */
#stage { --doba: .62s; --doba-najeti: .28s; }
.fig-flip { position: absolute; perspective: 1600px; pointer-events: none; }
.fig-flip-spinac, .fig-flip a { pointer-events: auto; }
/* Uzly, které rub nahrazuje. Na plátně zůstávají kvůli líci — typicky proto,
   že je návrh na líci kreslí na jiném místě pořadí vrstev, než na jakém je
   kreslí rámec s otevřeným stavem, a přesunout je do karty by rozbilo líc.
   Jakmile se karta otočí, musí zmizet, jinak rub prosvítají zespodu.
 *
 * LEŽÍ POD KARTOU A OTÁČENÍM SE NEHÝBOU, takže je otáčející se karta
 * postupně odhaluje: čím je užší, tím větší kus nehybné kopie kouká
 * vedle ní. Původně mizely až v polovině přechodu a přesně tohle bylo
 * vidět. Zadavatel: „*ihned po najetí když se překlápí, tak už je tam
 * vidět podtím plně otočený světlý kus… není pod tím flip oválem pozadí,
 * co je všude na stránce*“.
 *
 * Musí být tedy schované po CELOU dobu otáčení: schovat hned se začátkem,
 * odkrýt až s koncem. Obojí řídí skript a odkrytí drží ČASOVAČ, ne
 * `transition-delay`. Prodleva přechodu totiž visí na časové ose animací
 * a ta stojí všude, kde stránka nevykresluje snímky (skrytý panel,
 * záložka na pozadí, headless bez kompozitoru) — deska by tam zůstala
 * schovaná napořád. Změřeno: přechod se založí, ale jeho `currentTime`
 * zůstane na nule i po 900 ms. Časovač běží i v takovém prostředí.
 *
 * Že se deska na konci objeví skokem, nevadí: fotka na líci ji zakrývá
 * (změřeno, rozdíl 224 px vlasové linky na hraně oválu).
 *
 * Žádný přechod tu proto není. Kdyby se sem někdy vrátil, musí s ním jít
 * i test na skutečném čase, ne jen přetáčení animací. */
/* Výchozí rotateY(0deg) místo `none`: obě strany přechodu jsou pak 3D
   transformace a prohlížeč nemusí interpolovat z ploché identity. Opatrnost,
   ne oprava konkrétní chyby.

   Pozor při ověřování: v prostředí, kde stránka nevykresluje snímky (skrytý
   panel prohlížeče, headless bez kompozitoru), přechody NEBĚŽÍ – computed
   transform zůstane na počáteční hodnotě a karta vypadá jako rozbitá, i když
   je v pořádku. Pozná se to podle requestAnimationFrame: nula tiků za 600 ms.
   Stav karty se v takovém prostředí musí testovat s `transition: none`. */
/* Křivka MUSÍ být symetrická, tedy tvaru cubic-bezier(a, b, 1-a, 1-b).
   Jen u ní projde rotace 90 stupňů přesně v polovině času, což je okamžik,
   kdy se prohazují strany. S nesymetrickou (.2,.7,.2,1) je 90 stupňů už ve
   14,4 procenta času a zbytek přechodu je vidět odvrácená strana zrcadlově. */
.fig-flip-os { position: absolute; inset: 0; transform-style: preserve-3d;
               transform: rotateY(0deg);
               transition: transform var(--doba) cubic-bezier(.45, 0, .55, 1); }
.fig-flip.je-otoceno .fig-flip-os { transform: rotateY(180deg); }
/* Odvrácenou stranu skrývá `backface-visibility`.
 *
 * PŮVODNĚ TO DĚLALA `visibility` prohozená v polovině přechodu, kdy je karta
 * hranou a prohození není vidět. Časování bylo změřeno jako přesné: na
 * 310 ms z 620 je úhel 90°. Jenže **platí to jen pro přechod, který začne
 * z klidu.** Přerušený přechod startuje z rozpracovaného úhlu, ale prohození
 * zůstává napevno na polovině DOBY — a půlka doby už není 90°. Kdo najel
 * myší a hned zase odjel, uviděl kus přechodu odvrácenou stranu zrcadlově.
 * Zadavatel: „*chvilku je vidět hned po najetí (kliknutí) druhá strana*“.
 * S najetím myší (§ 15.30) se to začalo dít často, protože kurzor kartu
 * přejede rychleji, než stihne doběhnout otočení.
 *
 * `backface-visibility` na čase nezávisí vůbec: prohlížeč kreslí tu stranu,
 * která je k divákovi otočená, ať přechod začal odkudkoli.
 *
 * Původní komentář varoval, že strana bez vlastní 3D transformace se
 * v preserve-3d zplošťuje a backface-visibility se jí ignoruje. Obě strany
 * ale svou rotaci mají (`rotateY(0deg)` a `rotateY(180deg)`), takže se to
 * netýká — ověřeno renderem ve čtyřech úhlech: 0° a 45° líc, 135° a 180°
 * rub, nikde nic zrcadlově a text rubu čitelný.
 *
 * Co obstarávala `visibility` navíc, tedy vyřazení odvrácené strany
 * z klikání a z odečítače, dělá `inert` + `aria-hidden` ze skriptu. Ty se
 * přepínají OKAMŽITĚ se stavem, takže se rozejít nemůžou. Pravidlo níž je
 * jen záchranná síť pro prohlížeč bez podpory `inert`. */
.fig-flip-strana { position: absolute; inset: 0; overflow: hidden;
                   -webkit-backface-visibility: hidden;
                   backface-visibility: hidden; }
.fig-flip-lic { transform: rotateY(0deg); }
.fig-flip-rub { transform: rotateY(180deg); }
/* Specificita (0,3,0) musí přebít `.fig-flip-spinac, .fig-flip a` (0,1,0) —
   `pointer-events: none` na rodiči by samo nestačilo, potomek si `auto`
   vezme zpátky. */
.fig-flip-strana[aria-hidden="true"] .fig-flip-spinac,
.fig-flip-strana[aria-hidden="true"] a { pointer-events: none; }
/* Deska má rozměr celého plátna a je posunutá o pozici karty – uzly si tak
   nechají původní souřadnice včetně calc(%) a translateX(-50%). */
.fig-flip-deska { position: absolute; width: 1440px; height: 7898px; }
/* Spínač je průhledné tlačítko přes plochu, kterou má tlačítko v návrhu.
   Grafika zůstává vygenerovaná, tohle jen dodá roli, fokus a klávesnici. */
.fig-flip-spinac { position: absolute; margin: 0; padding: 0; border: 0;
                   background: none; color: transparent; font: inherit;
                   cursor: pointer; -webkit-appearance: none; appearance: none; }
.fig-flip-spinac:focus-visible { outline: 2px solid #7e5232; outline-offset: 4px; }
/* --------------------------------------------------------------------
   Pilíře se otáčí i najetím myší. Jen desktop a jen tam, kde je opravdu
   kurzor — na dotyku by `mouseenter` přišel s klepnutím a karta by se
   zasekla otočená.

   Karta musí dostat zpátky `pointer-events`: `.fig-flip` je má vypnuté
   a jediné, co je chytá, je průhledné tlačítko nad fotkou (235 × 362
   uvnitř karty 395 × 522). Kdyby najetí viselo na něm, karta by při
   přejezdu přes ozdobný rámeček blikala — a co hůř, tlačítko líce se
   po otočení stává `inert`, takže by pod nehybným kurzorem odešlo
   `mouseleave`, karta by se vrátila a celé by se to zacyklilo.
   Na celé kartě je oblast najetí souvislá a otočením se nemění.

   Ostatní kartě (biografie) se to nedává schválně — je přes celou šířku
   a přejezd myší by ji otáčel bezděčně.
   -------------------------------------------------------------------- */
@media ( hover: hover ) and ( pointer: fine ) {
    #stage-wrap #flip-pilir1,
    #stage-wrap #flip-pilir2,
    #stage-wrap #flip-pilir3 { pointer-events: auto; }
}
/* Bez animace se karta překlopí rovnou. Strany už žádný přechod nemají —
   o jejich prohození se stará backface-visibility, ne časovač. */
@media (prefers-reduced-motion: reduce) {
	.fig-flip-os { transition: none; }
}
/* Do tisku a exportu do PNG jde vždy líc – rub by se stejně nevykreslil. */
@media print { .fig-flip-os { transform: none !important; } }

/* --- karty reagující na najetí -----------------------------------------
   Posouvá se VNITŘEK (.fig-hover-posun), ne obal, který nese :hover. Kdyby
   se hýbal sám hitový rámeček, ujel by kurzoru zpod myši, hover by zhasl,
   karta by se vrátila a celé by to blikalo dokola. */
.fig-hover { position: absolute; }
.fig-hover-posun { position: absolute; inset: 0;
                   transition: transform var(--doba-najeti) ease; }
/* Deska drží souřadnou soustavu plátna, aby si uzly nechaly původní
   `left/top` včetně calc(%). Stačí jí k tomu ŠÍŘKA – procenta se počítají
   z ní, svisle nikdo procenta nepoužívá. Výška je proto nula: deska se
   posouvá, a kdyby byla vysoká jako plátno, přečnívala by po posunu pod
   jeho spodní hranu a audit by hlásil přetečení kořenového uzlu o 30 px.
   Bez pointer-events: none by hitová plocha karty byla celá stránka –
   :hover chytá i přes potomky, a ti tu přesahují daleko za rámeček. */
.fig-hover-deska { position: absolute; width: 1440px; height: 0;
                   pointer-events: none; }
.fig-hover-deska a, .fig-hover-deska button { pointer-events: auto; }
.fig-hover [data-node-id] { transition: color var(--doba-najeti) ease,
                                        opacity var(--doba-najeti) ease; }
.fig-hover [data-node-id]::after { transition: border-color var(--doba-najeti) ease; }
/* Do tisku a exportu jde klidový stav, stejně jako u překlápěcích karet. */
@media print { .fig-hover-posun { transform: none !important; } }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }
html { scroll-behavior: smooth; }

/* --------------------------------------------------------------------
   Níže: pravidla vygenerovaná z návrhu (1 třída = 1 sada vlastností)
   -------------------------------------------------------------------- */
.fx1{background-color:#f4f1ec;height:100%;position:relative;width:100%}
.fx2{height:362px;left:calc(58.33% + 76px);position:absolute;top:1916px;width:235px}
.fx3{inset:-22.1% -34.04%;position:absolute}
.fx4{display:block;height:100%;max-width:none;width:100%}
.fx5{height:7904px;left:-24px;position:absolute;top:-6px;width:1554px}
.fx6{inset:0;opacity:0.5;overflow:hidden;pointer-events:none;position:absolute}
.fx7{height:130.39%;left:-2.37%;max-width:none;position:absolute;top:-1.38%;width:125.48%}
.fx8{background-color:#f4f1ec;height:7936px;left:-51px;mix-blend-mode:multiply;position:absolute;top:-38px;width:1626px}
.fx9{background-color:#f1eee9;height:72px;left:0;position:absolute;top:7826px;width:1440px}
.fx10{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTA4OSA1NTgnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PHJlY3QgeD0nMCcgeT0nMCcgaGVpZ2h0PScxMDAlJyB3aWR0aD0nMTAwJScgZmlsbD0ndXJsKCNncmFkKScgb3BhY2l0eT0nMScvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0nZ3JhZCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIGN4PScwJyBjeT0nMCcgcj0nMTAnIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLTM4Ljk0OCAyMS41MjUgLTc0Ljg0OSAtNy42OTYxIDEwNDAuNiAtNDkuODg3KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:558px;left:175px;opacity:0.6;position:absolute;top:915px;width:1089px}
.fx11{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:44px;font-style:normal;font-weight:400;left:calc(16.67% + 94px);line-height:normal;position:absolute;top:5404px;white-space:nowrap;word-break:break-word}
.fx12{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:72px;font-style:normal;font-weight:400;left:calc(62.5% - 32px);line-height:normal;position:absolute;text-align:center;top:2599px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx13{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:72px;font-style:normal;font-weight:400;left:calc(62.5% - 50.5px);line-height:normal;position:absolute;text-align:center;top:6616px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx14{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:57px;font-style:normal;font-weight:400;left:calc(37.5% + 12.5px);line-height:normal;position:absolute;text-align:center;top:6630px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx15{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:57px;font-style:normal;font-weight:400;left:37.5%;line-height:normal;position:absolute;text-align:center;top:2613px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx16{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(50% + 0.5px);line-height:normal;position:absolute;text-align:center;top:4396px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx17{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(54.17% - 40.5px);line-height:normal;position:absolute;text-align:center;top:1677px;transform:translateX(-50%);width:319px;word-break:break-word}
.fx18{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:93px;font-style:normal;font-weight:400;height:113px;left:calc(37.5% + 24px);line-height:normal;position:absolute;text-align:center;top:1621px;transform:translateX(-50%);width:78px;word-break:break-word}
.fx19{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(20.83% + 56px);line-height:normal;position:absolute;text-align:center;top:4462px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx20{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:84px;font-style:normal;font-weight:400;left:calc(41.67% + 67px);line-height:normal;position:absolute;top:5365px;white-space:nowrap;word-break:break-word}
.fx21{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(41.67% + 97px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:60px;word-break:break-word}
.fx22{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(50% + 95px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:90px;word-break:break-word}
.fx23{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(25% + 115.5px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx24{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(58.33% + 104.5px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:83px;word-break:break-word}
.fx25{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(33.33% + 105px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx26{height:43.698px;left:calc(8.33% + 58px);position:absolute;top:27.99px;width:118.838px}
.fx27{display:block;height:100%;inset:0;max-width:none;position:absolute;width:100%}
.fx28{border-radius:200px;height:463px;left:calc(33.33% + 61px);position:absolute;top:168px;width:309px}
.fx28::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx29{border-radius:200px;height:202px;left:calc(8.33% + 126px);position:absolute;top:1003px;width:135px}
.fx29::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx30{border-radius:219.5px;height:463px;left:calc(33.33% + 81px);position:absolute;top:188px;width:309px}
.fx31{border-radius:219.5px;height:100%;inset:0;max-width:none;object-fit:cover;pointer-events:none;position:absolute;width:100%}
.fx32{border-radius:142px;height:396px;left:calc(33.33% + 105px);position:absolute;top:1899px;width:269px}
.fx32::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx33{border-radius:219.5px;height:203px;left:calc(8.33% + 135px);position:absolute;top:1011px;width:135px}
.fx34{border-radius:142px;height:396px;left:calc(8.33% + 151px);position:absolute;top:1899px;width:269px}
.fx34::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx35{border-radius:142px;height:396px;left:calc(58.33% + 59px);position:absolute;top:1899px;width:269px}
.fx35::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx36{border-radius:200px;height:202px;left:calc(41.67% + 40px);position:absolute;top:2791px;width:135px}
.fx36::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx37{height:362px;left:calc(41.67% + 2px);position:absolute;top:1916px;width:235px}
.fx38{height:362px;left:calc(16.67% + 48px);position:absolute;top:1916px;width:235px}
.fx39{border-radius:200px;height:202px;left:calc(41.67% + 40px);position:absolute;top:3258px;width:135px}
.fx39::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx40{border-radius:200px;height:202px;left:calc(41.67% + 40px);position:absolute;top:3717px;width:135px}
.fx40::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx41{border-radius:200px;height:202px;left:calc(66.67% + 61px);position:absolute;top:3006px;width:135px}
.fx41::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx42{border-radius:219.5px;height:203px;left:calc(41.67% + 49px);position:absolute;top:2799px;width:135px}
.fx43{border-radius:200px;height:202px;left:calc(66.67% + 61px);position:absolute;top:3473px;width:135px}
.fx43::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx44{border-radius:219.5px;height:203px;left:calc(41.67% + 49px);position:absolute;top:3266px;width:135px}
.fx45{border-radius:219.5px;inset:0;overflow:hidden;pointer-events:none;position:absolute}
.fx46{height:107.27%;left:-6.2%;max-width:none;position:absolute;top:-6.37%;width:107.5%}
.fx47{border-radius:219.5px;height:203px;left:calc(41.67% + 49px);position:absolute;top:3725px;width:135px}
.fx48{height:110.18%;left:-5.12%;max-width:none;position:absolute;top:-3.12%;width:110.43%}
.fx49{border-radius:219.5px;height:203px;left:calc(75% - 50px);position:absolute;top:3014px;width:135px}
.fx50{height:108.22%;left:-8.15%;max-width:none;position:absolute;top:-6.14%;width:108.46%}
.fx51{border-radius:219.5px;height:203px;left:calc(75% - 50px);position:absolute;top:3481px;width:135px}
.fx52{height:108.87%;left:-8.88%;max-width:none;position:absolute;top:-3.45%;width:109.11%}
.fx53{align-items:center;display:flex;height:409px;justify-content:center;left:calc(33.33% + 51px);position:absolute;top:2865px;width:0px}
.fx54{flex:none;transform:rotate(90deg)}
.fx55{height:0px;position:relative;width:409px}
.fx56{inset:-0.5px 0;position:absolute}
.fx57{align-items:center;display:flex;height:409px;justify-content:center;left:calc(58.33% + 69px);position:absolute;top:2865px;width:0px}
.fx58{align-items:center;display:flex;height:409px;justify-content:center;left:calc(33.33% + 51px);position:absolute;top:3434px;width:0px}
.fx59{align-items:center;display:flex;height:409px;justify-content:center;left:calc(58.33% + 69px);position:absolute;top:3434px;width:0px}
.fx60{height:31px;left:calc(33.33% + 90px);position:absolute;top:2079px;width:31px}
.fx61{height:31px;left:calc(8.33% + 136px);position:absolute;top:2079px;width:31px}
.fx62{height:31px;left:calc(58.33% + 44px);position:absolute;top:2079px;width:31px}
.fx63{height:31px;left:calc(58.33% - 2px);position:absolute;top:2079px;width:31px}
.fx64{height:31px;left:calc(33.33% + 44px);position:absolute;top:2079px;width:31px}
.fx65{height:31px;left:calc(83.33% - 48px);position:absolute;top:2079px;width:31px}
.fx66{align-items:center;display:flex;height:81px;justify-content:center;left:calc(25% + 65px);position:absolute;top:933px;width:0px}
.fx67{flex:none;transform:rotate(-90deg)}
.fx68{height:0px;position:relative;width:81px}
.fx69{align-items:center;display:flex;height:90px;justify-content:center;left:calc(50% - 1px);position:absolute;top:4243px;transform:translateX(-50%);width:0px}
.fx70{height:0px;position:relative;width:90px}
.fx71{align-items:center;display:flex;height:89px;justify-content:center;left:50%;position:absolute;top:1488px;transform:translateX(-50%);width:0px}
.fx72{height:0px;position:relative;width:89px}
.fx73{align-items:center;display:flex;height:242px;justify-content:center;left:calc(25% + 65.01px);position:absolute;top:1220px;width:0px}
.fx74{height:0px;position:relative;width:242px}
.fx75{height:22px;left:calc(33.33% + 67px);position:absolute;top:1027px;width:22px}
.fx76{align-items:center;display:flex;height:117px;justify-content:center;left:50%;position:absolute;top:2403px;transform:translateX(-50%);width:0px}
.fx77{height:0px;position:relative;width:117px}
.fx78{align-items:center;display:flex;height:142px;justify-content:center;left:calc(33.33% + 127px);position:absolute;top:713px;width:0px}
.fx79{height:0px;position:relative;width:142px}
.fx80{align-items:center;display:flex;height:0px;justify-content:center;left:calc(83.33% - 57px);position:absolute;top:602px;width:95px}
.fx81{flex:none;transform:rotate(180deg)}
.fx82{height:0px;position:relative;width:95px}
.fx83{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3018px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx84{line-height:normal}
.fx85{line-height:normal;text-transform:lowercase}
.fx86{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3485px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx87{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:50%;line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3944px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx88{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(79.17% - 39px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3233px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx89{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(79.17% - 39px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3700px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx90{height:16px;left:calc(91.67% - 57px);position:absolute;top:95px;width:16px}
.fx91{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(50% - 0.5px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3071px;transform:translateX(-50%);white-space:pre;word-break:break-word}
.fx92{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(50% - 0.5px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3538px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx93{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(50% - 0.5px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3997px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx94{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:45px;font-style:normal;font-weight:400;left:calc(25% + 58px);line-height:0;position:absolute;text-transform:lowercase;top:1086px;white-space:nowrap;word-break:break-word}
.fx95{line-height:normal;text-transform:uppercase}
.fx96{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(79.17% - 40px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3286px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx97{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:45px;font-style:normal;font-weight:400;left:calc(25% + 58px);line-height:0;position:absolute;text-transform:lowercase;top:1137px;white-space:nowrap;word-break:break-word}
.fx98{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(79.17% - 39.5px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3753px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx99{height:26px;left:calc(83.33% + 30px);position:absolute;top:589px;width:13px}
.fx100{height:42px;left:calc(41.67% + 87px);position:absolute;top:6449px;width:42px}
.fx101{height:25px;left:calc(50% - 2px);position:absolute;top:6484px;width:25px}
.fx102{height:14px;left:calc(50% + 16px);position:absolute;top:6459px;width:14px}
.fx103{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:calc(50% + 0.5px);line-height:22px;position:absolute;text-align:center;top:1810px;transform:translateX(-50%);width:827px;word-break:break-word}
.fx104{line-height:22px;margin-bottom:0}
.fx105{line-height:22px}
.fx106{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:45px;font-style:normal;font-weight:400;left:calc(25% + 59px);line-height:0;position:absolute;text-transform:lowercase;top:1035px;white-space:nowrap;word-break:break-word}
.fx107{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:50%;line-height:0;position:absolute;text-align:center;top:3121px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx108{line-height:19px;margin-bottom:0}
.fx109{line-height:19px}
.fx110{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:50%;line-height:0;position:absolute;text-align:center;top:3588px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx111{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:50%;line-height:19px;position:absolute;text-align:center;top:4047px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx112{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:calc(79.17% - 39px);line-height:0;position:absolute;text-align:center;top:3336px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx113{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:calc(79.17% - 39px);line-height:0;position:absolute;text-align:center;top:3803px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx114{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:50px;font-style:normal;font-weight:400;left:calc(8.33% + 95px);line-height:0;position:absolute;text-transform:uppercase;top:406px;white-space:nowrap;word-break:break-word}
.fx115{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:50px;font-style:normal;font-weight:400;left:calc(66.67% - 23px);line-height:normal;position:absolute;text-transform:uppercase;top:458px;white-space:nowrap;word-break:break-word}
.fx116{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:175px;line-height:0;position:absolute;text-transform:uppercase;top:318px;white-space:nowrap;word-break:break-word}
.fx117{font-size:79px;line-height:normal;text-transform:lowercase}
.fx118{font-size:79px;line-height:normal}
.fx119{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(58.33% + 424px);line-height:0;position:absolute;text-align:right;text-transform:uppercase;top:372px;transform:translateX(-100%);white-space:nowrap;word-break:break-word}
.fx120{font-size:71px;line-height:normal}
.fx121{font-size:71px;line-height:normal;text-transform:lowercase}
.fx122{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;top:4529px;transform:translateX(-50%);white-space:pre-wrap;width:1095px;word-break:break-word}
.fx123{color:#3c1d06;font-family:"Jost", sans-serif;font-size:17px;font-weight:300;height:235px;left:calc(25% + 107px);line-height:0;position:absolute;top:1215px;white-space:pre-wrap;width:716px;word-break:break-word}
.fx124{line-height:normal;margin-bottom:0}
.fx125{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:50%;line-height:22px;position:absolute;text-align:center;top:6707px;transform:translateX(-50%);width:750px;word-break:break-word}
.fx126{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:50%;line-height:22px;position:absolute;text-align:center;top:2695px;transform:translateX(-50%);width:812px;word-break:break-word}
.fx127{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:calc(37.5% + 19px);line-height:0;position:absolute;text-align:center;top:5470px;transform:translateX(-50%);width:436px;word-break:break-word}
.fx128{color:#7e5232;font-family:"Jost", sans-serif;font-size:0px;font-weight:300;height:69px;left:50%;line-height:0;position:absolute;text-align:center;top:7456px;transform:translateX(-50%);width:810px;word-break:break-word}
.fx129{font-size:17px;line-height:22px;margin-bottom:0}
.fx130{font-size:17px}
.fx131{color:#7e5232;font-family:"Jost", sans-serif;font-weight:400;line-height:22px;word-break:break-word}
.fx132{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(66.67% - 41px);line-height:0;position:absolute;text-transform:lowercase;top:589px;white-space:nowrap;word-break:break-word}
.fx133{font-size:19px;line-height:normal}
.fx134{color:#a8845e;font-size:19px;line-height:normal}
.fx135{background-color:#a8845e;border-radius:32px;height:45px;left:calc(75% + 22px);position:absolute;top:32px;width:162px}
.fx136{color:#f1ede4;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(75% + 103px);line-height:normal;position:absolute;text-align:center;top:43px;transform:translateX(-50%);width:162px;word-break:break-word}
.fx137{height:0px;left:175px;position:absolute;top:103px;width:1080px}
.fx138{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(8.33% + 76px);line-height:0;position:absolute;text-transform:lowercase;top:234px;white-space:nowrap;word-break:break-word}
.fx139{color:#7e5232;font-family:"Jost", sans-serif;font-size:14px;font-weight:300;height:69px;left:calc(8.33% + 159px);line-height:18px;position:absolute;top:745px;width:304px;word-break:break-word}
.fx140{color:#7e5232;font-family:"Jost", sans-serif;font-size:14px;font-weight:300;height:69px;left:calc(41.67% + 80px);line-height:0;position:absolute;top:745px;white-space:pre-wrap;width:264px;word-break:break-word}
.fx141{line-height:18px;margin-bottom:0}
.fx142{line-height:18px}
.fig-domu-recenze{color:#3c1d06;font-family:"Jost", sans-serif;font-size:14px;font-weight:500;height:26px;left:calc(8.33% + 159px);line-height:18px;position:absolute;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-position:from-font;top:810px;width:264px;word-break:break-word}
body.atelier-kotlar a.fig-domu-recenze{text-decoration-line:underline}
.fx145{color:#7e5232;font-family:"Jost", sans-serif;font-size:14px;font-weight:300;height:69px;left:calc(66.67% + 44px);line-height:0;position:absolute;top:745px;white-space:pre-wrap;width:264px;word-break:break-word}
.fx146{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(50% + 80px);line-height:normal;position:absolute;text-transform:lowercase;top:3161px;width:20px;word-break:break-word}
.fx147{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(58.33% - 27px);line-height:normal;position:absolute;text-transform:lowercase;top:3628px;width:20px;word-break:break-word}
.fx148{height:0px;left:calc(8.33% + 56px);position:absolute;top:1704px;width:349px}
.fx149{height:0px;left:calc(58.33% + 75px);position:absolute;top:1704px;width:349px}
.fx150{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(58.33% + 7px);line-height:normal;position:absolute;text-transform:lowercase;top:4087px;width:20px;word-break:break-word}
.fx151{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(83.33% - 17px);line-height:normal;position:absolute;text-transform:lowercase;top:3376px;width:20px;word-break:break-word}
.fx152{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(83.33% - 9px);line-height:normal;position:absolute;text-transform:lowercase;top:3843px;width:20px;word-break:break-word}
.fx153{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(41.67% + 7px);line-height:normal;position:absolute;text-transform:lowercase;top:3106px;width:13px;word-break:break-word}
.fx154{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(33.33% + 111px);line-height:normal;position:absolute;text-transform:lowercase;top:3573px;width:13px;word-break:break-word}
.fx155{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(33.33% + 84px);line-height:normal;position:absolute;text-transform:lowercase;top:4032px;width:13px;word-break:break-word}
.fx156{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(66.67% + 23px);line-height:normal;position:absolute;text-transform:lowercase;top:3321px;width:13px;word-break:break-word}
.fx157{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(66.67% + 31px);line-height:normal;position:absolute;text-transform:lowercase;top:3788px;width:13px;word-break:break-word}
.fx158{height:15px;left:calc(41.67% + 100px);position:absolute;top:3076px;width:15px}
.fx159{height:69px;left:calc(8.33% + 140px);position:absolute;top:1181px;width:147px}
.fx160{height:0px;left:calc(8.33% + 56px);position:absolute;top:4422px;width:233px}
.fx161{height:0px;left:calc(50% + 75px);position:absolute;top:6477px;width:469px}
.fx162{height:0px;left:calc(75% - 44px);position:absolute;top:4422px;width:228px}
.fx163{height:0px;left:calc(8.33% + 56px);position:absolute;top:6477px;width:469px}
.fx164{height:0px;left:calc(8.33% + 56px);position:absolute;top:713px;width:1088px}
.fx165{height:0px;left:calc(75% - 19px);position:absolute;top:2650px;width:203px}
.fx166{height:0px;left:calc(8.33% + 56px);position:absolute;top:2650px;width:186px}
.fx167{height:137px;left:calc(33.33% + 30px);position:absolute;top:495px;width:137px}
.fx168{height:56px;left:calc(33.33% + 71px);overflow:hidden;position:absolute;top:535px;width:56px}
.fx169{inset:12.5%;position:absolute}
.fx170{inset:-2.38%;position:absolute}
.fx171{inset:29.17% 31.25% 29.17% 39.58%;position:absolute}
.fx172{inset:-0.26% -1.71% -0.26% -6.12%;position:absolute}
.fx173{border-radius:200px;height:326px;left:calc(50% + 84px);position:absolute;top:5304px;width:218px}
.fx173::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx174{border-radius:219.5px;height:326px;left:calc(58.33% - 22px);position:absolute;top:5318px;width:218px}
.fx175{border-radius:12px;height:408px;left:calc(8.33% + 86px);position:absolute;top:6769px;width:1028px}
.fx175::after{content:"";position:absolute;inset:0;border:1px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx176{border-radius:12px;inset:0;overflow:hidden;pointer-events:none;position:absolute}
.fx177{height:197.54%;left:-25.01%;max-width:none;position:absolute;top:-66.11%;width:164.19%}
.fx178{height:29px;left:calc(50% + 0.5px);position:absolute;top:6587px;transform:translateX(-50%);width:29px}
.fx179{background-color:#322a21;border-radius:11px;height:382px;left:calc(8.33% + 87px);mix-blend-mode:color;opacity:0.25;position:absolute;top:6770px;width:1026px}
.fx180{height:32px;left:calc(41.67% + 41px);position:absolute;top:6945px;width:32px}
.fx181{background-color:#fcf9f5;border-radius:143px;height:122px;left:calc(8.33% + 56px);position:absolute;top:7121px;width:1088px}
/* Klikací plocha přes celou mapku (fx175 obrázek + fx179 tónovaný
   přelit + fx180 špendlík) — žádný z nich sám odkaz nemá. Rozměr
   kopíruje fx175 (obrázek), výška je zkrácená přesně tam, kde
   začíná bílá karta s adresou (fx181, top 7121px) — pod ní by odkaz
   překrýval telefon/e-mail, které mají vlastní tel:/mailto: odkazy. */
.fig-mapa-odkaz{display:block;position:absolute;left:calc(8.33% + 86px);top:6769px;width:1028px;height:352px}
.fx182{color:#3c1d06;font-family:"Spectral SC", serif;font-size:0px;font-style:normal;font-weight:500;left:calc(50% + 63px);line-height:0;position:absolute;top:7162px;white-space:nowrap;word-break:break-word}
.fx183{font-family:"Jost", sans-serif;font-size:13px;font-weight:300;line-height:normal}
.fx184{font-family:"Jost", sans-serif;font-size:16px;font-weight:300;line-height:normal}
.fx185{font-family:"Jost", sans-serif;font-size:16px;font-weight:700;line-height:normal}
.fx186{color:#3c1d06;font-family:"Jost", sans-serif;font-size:16px;font-weight:700;left:calc(33.33% + 52px);line-height:normal;position:absolute;top:7162px;white-space:nowrap;word-break:break-word}
.fx187{color:#3c1d06;font-family:"Jost", sans-serif;font-size:16px;font-weight:700;left:calc(8.33% + 127px);line-height:normal;position:absolute;top:7162px;white-space:nowrap;word-break:break-word}
.fx188{color:#3c1d06;font-family:"Jost", sans-serif;font-size:16px;font-weight:700;left:calc(66.67% + 43px);line-height:normal;position:absolute;top:7163px;white-space:nowrap;word-break:break-word}
.fx189{color:#a8845e;font-family:"Jost", sans-serif;font-size:13px;font-weight:400;left:calc(50% + 63px);line-height:normal;position:absolute;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-position:from-font;top:7187px;white-space:nowrap;word-break:break-word}
.fx190{color:#a8845e;font-family:"Jost", sans-serif;font-size:13px;font-weight:400;left:calc(33.33% + 52px);line-height:normal;position:absolute;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-position:from-font;top:7187px;white-space:nowrap;word-break:break-word}
.fx191{color:#a8845e;font-family:"Jost", sans-serif;font-size:13px;font-weight:400;left:calc(8.33% + 127px);line-height:normal;position:absolute;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-position:from-font;top:7187px;white-space:nowrap;word-break:break-word}
.fx192{color:#a8845e;font-family:"Jost", sans-serif;font-size:13px;font-weight:400;left:calc(66.67% + 43px);line-height:normal;position:absolute;top:7187px;width:242px;word-break:break-word}
.fx193{height:24px;left:calc(66.67% + 11px);overflow:hidden;position:absolute;top:7163px;width:24px}
.fx194{inset:8.33%;position:absolute}
.fx195{inset:-2.5%;position:absolute}
.fx196{bottom:41.67%;left:50%;position:absolute;right:33.33%;top:25%}
.fx197{inset:-6.25% -12.5%;position:absolute}
.fx198{align-items:center;display:flex;height:50.228px;justify-content:center;left:calc(25% + 105.27px);position:absolute;top:7156.88px;width:13.459px}
.fx199{flex:none;transform:rotate(-75deg)}
.fx200{height:0px;position:relative;width:52px}
.fx201{inset:-0.5px 0 0 0;position:absolute}
.fx202{align-items:center;display:flex;height:50.228px;justify-content:center;left:calc(50% - 3px);position:absolute;top:7156.88px;width:13.459px}
.fx203{align-items:center;display:flex;height:50.228px;justify-content:center;left:calc(66.67% - 19px);position:absolute;top:7156.88px;width:13.459px}
.fx204{height:24px;left:calc(33.33% + 18px);overflow:hidden;position:absolute;top:7162px;width:24px}
.fx205{inset:16.67% 8.33%;position:absolute}
.fx206{inset:-3.13% -2.5%;position:absolute}
.fx207{inset:29.17% 8.33% 45.85% 8.33%;position:absolute}
.fx208{inset:-8.34% -2.5%;position:absolute}
.fx209{height:24px;left:calc(8.33% + 97px);overflow:hidden;position:absolute;top:7163px;width:24px}
.fx210{inset:-2.78%;position:absolute}
.fx211{bottom:25%;left:37.5%;position:absolute;right:62.5%;top:12.5%}
.fx212{inset:-3.33% -0.5px;position:absolute}
.fx213{bottom:12.5%;left:62.5%;position:absolute;right:37.5%;top:25%}
.fx214{height:22px;left:calc(50% + 30px);overflow:hidden;position:absolute;top:7164px;width:22px}
.fx215{inset:8.33% 8.33% 8.63% 8.8%;position:absolute}
.fx216{inset:-2.74%;position:absolute}
.fx217{inset:8.33% 8.13% 58.58% 58.54%;position:absolute}
.fx218{inset:-6.87% -6.82%;position:absolute}
.fx219{bottom:58.33%;left:58.54%;position:absolute;right:25%;top:25%}
.fx220{inset:-13.64% -13.81%;position:absolute}
.fx221{color:#7e5232;font-family:"Lora", serif;font-size:0px;font-weight:400;height:83px;left:calc(20.83% - 124px);line-height:0;position:absolute;top:7690px;white-space:pre-wrap;width:372px;word-break:break-word}
.fx222{font-size:16px;margin-bottom:0}
.fx223{font-family:"Jost", sans-serif;font-weight:500;line-height:normal}
.fx224{font-family:"Jost", sans-serif;font-weight:300;line-height:normal}
.fx225{color:#d19f68;font-family:"Jost", sans-serif;font-weight:400;line-height:normal}
.fx226{color:#3c1d06;font-family:"Jost", sans-serif;font-weight:300;line-height:normal}
.fx227{font-size:16px}
.fx228{color:#7e5232;font-family:"Jost", sans-serif;font-weight:500;line-height:normal}
.fx229{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(45.83% - 33px);line-height:0;position:absolute;top:7690px;width:91px;word-break:break-word}
.fx230{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(66.67% - 78px);line-height:0;position:absolute;top:7690px;width:91px;word-break:break-word}
.fx231{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(54.17% - 65px);line-height:0;position:absolute;top:7690px;width:91px;word-break:break-word}
.fx232{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(70.83% - 50px);line-height:0;position:absolute;top:7690px;width:91px;word-break:break-word}
.fx233{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(50% - 93px);line-height:normal;position:absolute;top:7647px;width:161px;word-break:break-word}
.fx234{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(70.83% - 138px);line-height:normal;position:absolute;top:7647px;width:161px;word-break:break-word}
.fx235{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(87.5% - 120px);line-height:normal;position:absolute;top:7647px;width:128px;word-break:break-word}
.fx236{color:#7e5232;font-family:"Jost", sans-serif;font-size:14px;font-weight:400;height:17px;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;top:7852px;transform:translateX(-50%);width:467px;word-break:break-word}
.fx237{color:#3c1d06;font-family:"Jost", sans-serif;font-weight:700;line-height:normal}
.fx238{height:34.389px;left:calc(8.33% + 58px);position:absolute;top:7632.31px;width:93.523px}
.fx239{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==");border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:570px;left:calc(50% + 0.5px);opacity:0.6;position:absolute;top:4624px;transform:translateX(-50%);width:343px}
.fx239::after{content:"";position:absolute;inset:0;border:1px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx240{color:#7e5232;font-family:"Spectral SC", serif;font-size:0px;font-style:normal;font-weight:400;height:59px;left:calc(50% - 144px);line-height:0;position:absolute;top:4653px;width:286px;word-break:break-word}
.fx241{font-family:"Jost", sans-serif;font-size:29px;font-weight:500;line-height:1.039}
.fx242{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(50% - 141px);line-height:0;position:absolute;top:4742px;white-space:pre-wrap;width:306px;word-break:break-word}
.fx243{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(50% - 141px);line-height:0;position:absolute;top:4849px;white-space:pre-wrap;width:306px;word-break:break-word}
.fx244{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(50% - 141px);line-height:normal;position:absolute;top:4956px;width:306px;word-break:break-word}
.fx245{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(50% - 141px);line-height:0;position:absolute;top:5063px;width:306px;word-break:break-word}
.fx246{color:#3c1d06;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(45.83% - 81px);line-height:normal;position:absolute;top:4713px;width:190px;word-break:break-word}
.fx247{color:#3c1d06;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(45.83% - 81px);line-height:normal;position:absolute;top:4820px;width:151px;word-break:break-word}
.fx248{color:#3c1d06;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(45.83% - 81px);line-height:normal;position:absolute;top:4927px;width:151px;word-break:break-word}
.fx249{color:#3c1d06;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(45.83% - 81px);line-height:normal;position:absolute;top:5034px;width:151px;word-break:break-word}
.fx250{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(54.17% + 82px);line-height:normal;position:absolute;text-align:right;top:4824px;transform:translateX(-100%);width:116px;word-break:break-word}
.fx251{color:#a8845e;font-family:"Lora", serif;font-size:0px;font-weight:700;height:19px;left:calc(54.17% + 82px);line-height:0;position:absolute;text-align:right;top:4717px;transform:translateX(-100%);width:116px;word-break:break-word}
.fx252{font-family:"Jost", sans-serif;font-size:15px;font-weight:600;line-height:normal}
.fx253{color:#d19f68;font-family:"Jost", sans-serif;font-size:12px;font-style:italic;font-weight:600;line-height:normal}
.fx254{color:#a8845e;font-family:"Lora", serif;font-size:0px;font-weight:700;height:19px;left:calc(54.17% + 82px);line-height:0;position:absolute;text-align:right;top:4931px;transform:translateX(-100%);width:109px;word-break:break-word}
.fx255{color:#dbc593;font-family:"Jost", sans-serif;font-size:15px;font-weight:700;line-height:normal}
.fx256{color:#a8845e;font-family:"Lora", serif;font-size:0px;font-weight:700;height:19px;left:calc(54.17% + 82px);line-height:0;position:absolute;text-align:right;top:5038px;transform:translateX(-100%);width:121px;word-break:break-word}
.fx257{height:0px;left:calc(41.67% + 89px);position:absolute;top:4733px;width:54px}
.fx258{height:0px;left:calc(50% + 12px);position:absolute;top:4840px;width:69px}
.fx259{height:0px;left:calc(41.67% + 54px);position:absolute;top:4947px;width:102px}
.fx260{height:0px;left:calc(41.67% + 83px);position:absolute;top:5054px;width:67px}
.fx261{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==");border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:570px;left:calc(20.83% + 52.5px);opacity:0.2;position:absolute;top:4654px;transform:translateX(-50%);width:343px}
.fx262{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQzIDU3MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMjY3IDIxLjk4OCAtMjMuNTc1IC03Ljg2MTYgMzI3Ljc0IC01MC45NiknPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjQ5LDI0MSwyMzIsMSknIG9mZnNldD0nMCcvPjxzdG9wIHN0b3AtY29sb3I9J3JnYmEoMjU1LDI1NSwyNTUsMSknIG9mZnNldD0nMScvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==");border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:570px;left:calc(79.17% - 52.5px);opacity:0.2;position:absolute;top:4654px;transform:translateX(-50%);width:343px}
.fx263{color:#a8845e;font-family:"Jost", sans-serif;font-size:29px;font-weight:500;height:59px;left:calc(20.83% - 92px);line-height:1.039;position:absolute;top:4683px;width:286px;word-break:break-word}
.fx264{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(20.83% - 89px);line-height:0;position:absolute;top:4772px;width:306px;word-break:break-word}
.fx265{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(20.83% - 89px);line-height:0;position:absolute;top:4879px;width:306px;word-break:break-word}
.fx266{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(20.83% - 89px);line-height:normal;position:absolute;top:4986px;width:306px;word-break:break-word}
.fx267{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:50px;left:calc(20.83% - 89px);line-height:0;position:absolute;top:5093px;width:306px;word-break:break-word}
.fx268{color:#a8845e;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(16.67% - 29px);line-height:normal;position:absolute;top:4743px;width:190px;word-break:break-word}
.fx269{border-radius:32px;height:34px;left:calc(50% + 0.5px);position:absolute;top:5135px;transform:translateX(-50%);width:141px}
.fx269::after{content:"";position:absolute;inset:0;border:1px solid #a8915e;border-radius:inherit;pointer-events:none}
.fx270{color:#3c1d06;font-family:"Cinzel", serif;font-size:14px;font-style:normal;font-weight:600;left:calc(50% + 0.5px);line-height:normal;position:absolute;text-align:center;top:5142px;transform:translateX(-50%);width:147px;word-break:break-word}
.fx271{height:15px;left:calc(33.33% + 86px);position:absolute;top:4814px;width:15px}
.fx272{height:0px;left:calc(33.33% + 99px);position:absolute;top:5015px;width:311px}
.fx273{inset:-0.25px 0;position:absolute}
.fx274{height:0px;left:calc(33.33% + 99px);position:absolute;top:4908px;width:311px}
.fx275{height:0px;left:calc(33.33% + 99px);position:absolute;top:4801px;width:311px}
.fx276{color:#a8845e;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(16.67% - 29px);line-height:normal;position:absolute;top:4850px;width:151px;word-break:break-word}
.fx277{color:#a8845e;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(16.67% - 29px);line-height:normal;position:absolute;top:4957px;width:151px;word-break:break-word}
.fx278{color:#a8845e;font-family:"Jost", sans-serif;font-size:19px;font-weight:500;height:19px;left:calc(16.67% - 29px);line-height:normal;position:absolute;top:5064px;width:151px;word-break:break-word}
.fx279{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(29.17% + 74px);line-height:normal;position:absolute;text-align:right;top:4747px;transform:translateX(-100%);width:64px;word-break:break-word}
.fx280{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(29.17% + 74px);line-height:normal;position:absolute;text-align:right;top:4854px;transform:translateX(-100%);width:116px;word-break:break-word}
.fx281{color:#a8845e;font-family:"Lora", serif;font-size:0px;font-weight:700;height:19px;left:calc(29.17% + 74px);line-height:0;position:absolute;text-align:right;top:4961px;transform:translateX(-100%);width:117px;word-break:break-word}
.fx282{font-family:"Jost", sans-serif;font-size:15px;font-weight:700;line-height:normal}
.fx283{font-family:"Jost", sans-serif;font-size:12px;font-style:italic;font-weight:700;line-height:normal}
.fx284{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(29.17% + 74px);line-height:normal;position:absolute;text-align:right;top:5068px;transform:translateX(-100%);width:121px;word-break:break-word}
.fx285{height:0px;left:calc(16.67% + 52px);position:absolute;top:4763px;width:147px}
.fx286{height:0px;left:calc(16.67% + 48px);position:absolute;top:4870px;width:146px}
.fx287{height:0px;left:calc(16.67% + 84px);position:absolute;top:4977px;width:50px}
.fx288{height:0px;left:calc(16.67% + 45px);position:absolute;top:5083.75px;width:148px}
.fx289{inset:-0.25px -0.17%;position:absolute}
.fx290{height:19px;left:calc(83.33% - 58px);position:absolute;top:7700px;width:19px}
.fx291{height:19px;left:calc(83.33% - 16px);position:absolute;top:7700px;width:19px}
.fx292{height:16px;left:calc(83.33% + 24px);position:absolute;top:7701px;width:24px}
.fx293{height:44px;left:50%;position:absolute;top:4344px;transform:translateX(-50%);width:44px}
.fx294{border-radius:32px;height:34px;left:calc(20.83% + 52.5px);position:absolute;top:5165px;transform:translateX(-50%);width:141px}
.fx294::after{content:"";position:absolute;inset:0;border:1px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx295{border-radius:32px;height:34px;left:calc(79.17% - 52.5px);position:absolute;top:5165px;transform:translateX(-50%);width:141px}
.fx295::after{content:"";position:absolute;inset:0;border:1px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx296{color:#a8845e;font-family:"Cinzel", serif;font-size:14px;font-style:normal;font-weight:600;left:calc(20.83% + 52.5px);line-height:normal;position:absolute;text-align:center;top:5172px;transform:translateX(-50%);width:147px;word-break:break-word}
.fx297{color:#a8845e;font-family:"Cinzel", serif;font-size:14px;font-style:normal;font-weight:600;left:calc(79.17% - 52.5px);line-height:normal;position:absolute;text-align:center;top:5172px;transform:translateX(-50%);width:147px;word-break:break-word}
/* `.fig-cenik-odkaz` (odkaz „Zobrazit více" pod ceníkovými kartami)
   sám nemá žádný rozměr — je to `<a>` bez vlastní pozice, jen obal
   kolem textového `<p>` (fx270/fx296/fx297). Klikací plocha proto
   dřív byla jen ten text (147×19), ne celá hnědá pilulka pod ním
   (fx269/fx294/fx295, 141×34 — stejný rozměr na všech třech
   pásmech, ověřeno v pasma-jeden.css). Stejný vzorec jako u tlačítka
   „Objednat se" v hlavičce (proc/hlavicka_objednat_se_dosah.py):
   `::after` na textu roztažený na rozměr podkladu, vycentrovaný na
   společný střed (text i pilulka mají stejné `left`/`transform`). */
.fig-cenik-odkaz p::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:141px;height:34px}
/* Tlačítka „Více o…" (3. 9. 2026, z Figmy 1669:347 a 1669:348).
   Zatím nikam nevedou — proto <span>, ne <a>: odkaz bez cíle by byl
   past pro klávesnici i odečítač.
   Poloha se NEODVOZUJE z absolutních y ve Figmě (ta má proti webu
   celostránkový posun, na kterém jsem 3. 9. 2026 rozbil stránku —
   viz proc/cenik_zasah_rozbil_stranku_NEVYRESENO.py), ale od
   stávajícího tlačítka „Zobrazit více" v TOMTÉŽ pásmu: ve Figmě je
   nové tlačítko 69 px nad textem toho stávajícího, takže
   top = top(fx296/fx297) - 69. Vodorovně se přebírá `left` a
   `translateX(-50%)` z téhož tlačítka — obě nová tlačítka jsou ve
   Figmě v kartě vystředěná (karta 3 přesně, karta 1 na 3 px). */
.fig-cenik-vice{position:absolute;height:42px;line-height:42px;border-radius:32px;background-color:#a8845e;color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-weight:600;text-align:center;transform:translateX(-50%);top:5103px}
.fig-cenik-vice-zuzka{left:calc(20.83% + 52.5px);width:243px}
.fig-cenik-vice-prace{left:calc(79.17% - 52.5px);width:199px}
.fx299{height:0px;left:calc(8.33% + 91px);position:absolute;top:4938px;width:311px}
.fx300{height:0px;left:calc(8.33% + 91px);position:absolute;top:4831px;width:311px}
.fx301{height:33px;left:calc(66.67% + 1px);position:absolute;top:748px;width:27px}
.fx302{height:29px;left:calc(41.67% + 33px);position:absolute;top:750px;width:30px}
.fx303{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:59px;font-style:normal;font-weight:400;left:calc(62.5% - 29.5px);line-height:normal;position:absolute;text-align:center;top:4445px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx304{background-color:#a8845e;border-radius:32px;height:42px;left:calc(16.67% + 137px);position:absolute;top:5554px;width:360px}
.fx305{background-color:#f1eee9;border-radius:32px;height:56px;left:calc(41.67% + 97px);position:absolute;top:5547px;width:56px}
.fx306{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(25% + 182px);line-height:normal;position:absolute;text-align:center;top:5564px;transform:translateX(-50%);width:292px;word-break:break-word}
.fx307{height:30px;left:50%;position:absolute;top:5560px;width:15px}
.fx308{border-radius:200px;height:202px;left:calc(8.33% + 151px);position:absolute;top:3006px;width:135px}
.fx308::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx309{height:47px;left:calc(50% - 0.5px);position:absolute;top:1619px;transform:translateX(-50%);width:47px}
.fx310{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:59px;font-style:normal;font-weight:400;left:50%;line-height:normal;position:absolute;text-align:center;top:1726px;transform:translateX(-50%);width:682px;word-break:break-word}
.fx311{border-radius:200px;height:202px;left:calc(8.33% + 151px);position:absolute;top:3473px;width:135px}
.fx311::after{content:"";position:absolute;inset:0;border:1px solid #7e5232;border-radius:inherit;pointer-events:none}
.fx312{border-radius:219.5px;height:203px;left:calc(8.33% + 160px);position:absolute;top:3014px;width:135px}
.fx313{height:110.04%;left:-4.46%;max-width:none;position:absolute;top:-2.57%;width:110.29%}
.fx314{border-radius:219.5px;height:203px;left:calc(8.33% + 160px);position:absolute;top:3481px;width:135px}
.fx315{height:114.01%;left:-6.76%;max-width:none;position:absolute;top:-6.62%;width:114.27%}
.fx316{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(20.83% + 51.5px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3233px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx317{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:40px;font-style:normal;font-weight:400;left:calc(20.83% + 51.5px);line-height:0;position:absolute;text-align:center;text-transform:uppercase;top:3700px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx318{color:#fff;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(29.17% + 35.5px);line-height:normal;position:absolute;text-align:center;top:2066px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx319{color:#fff;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(45.83% - 13.5px);line-height:normal;position:absolute;text-align:center;top:2066px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx320{color:#fff;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(70.83% - 41.5px);line-height:normal;position:absolute;text-align:center;top:2066px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx321{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(20.83% + 41.5px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3286px;transform:translateX(-50%);white-space:pre;word-break:break-word}
.fx322{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:20px;font-style:normal;font-weight:400;left:calc(20.83% + 50px);line-height:normal;position:absolute;text-align:center;text-transform:lowercase;top:3753px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx323{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:calc(20.83% + 51px);line-height:0;position:absolute;text-align:center;top:3336px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx324{color:#7e5232;font-family:"Jost", sans-serif;font-size:15px;font-weight:300;height:69px;left:calc(20.83% + 51px);line-height:0;position:absolute;text-align:center;top:3803px;transform:translateX(-50%);width:264px;word-break:break-word}
.fx325{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(25% + 101px);line-height:normal;position:absolute;text-transform:lowercase;top:3376px;width:20px;word-break:break-word}
.fx326{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:25px;left:calc(25% + 80px);line-height:normal;position:absolute;text-transform:lowercase;top:3843px;width:20px;word-break:break-word}
.fx327{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(8.33% + 80px);line-height:normal;position:absolute;text-transform:lowercase;top:3321px;width:13px;word-break:break-word}
.fx328{color:#dbc593;font-family:"Cinzel Decorative", serif;font-size:55px;font-style:normal;font-weight:400;height:24px;left:calc(8.33% + 108px);line-height:normal;position:absolute;text-transform:lowercase;top:3788px;width:13px;word-break:break-word}
.fx329{height:15px;left:calc(16.67% + 106px);position:absolute;top:3291px;width:15px}
.fx330{background-color:#a8845e;border-radius:32px;height:42px;left:calc(33.33% + 97px);position:absolute;top:1452px;width:274px}
.fx331{background-color:#d2bea9;border-radius:32px;height:56px;left:calc(58.33% - 29px);position:absolute;top:1445px;width:56px}
.fx332{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(33.33% + 218px);line-height:normal;position:absolute;text-align:center;top:1462px;transform:translateX(-50%);width:232px;word-break:break-word}
.fx333{height:30px;left:calc(58.33% - 6px);position:absolute;top:1458px;width:15px}
.fx334{height:69px;left:50%;position:absolute;top:7332px;transform:translateX(-50%);width:72px}
.fx335{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:23px;font-style:normal;font-weight:700;left:calc(50% + 0.5px);line-height:normal;position:absolute;text-align:center;top:7418px;transform:translateX(-50%);width:479px;word-break:break-word}
.fx336{height:48px;left:50%;position:absolute;top:2546px;transform:translateX(-50%);width:48px}
.fx337{height:16px;left:calc(91.67% - 56px);position:absolute;top:7592px;width:16px}
.fx338{height:0px;left:calc(8.33% + 56px);position:absolute;top:7600px;width:1080px}
.fx339{align-items:center;display:flex;height:142px;justify-content:center;left:calc(33.33% + 102px);position:absolute;top:7600px;width:0px}
.fx340{align-items:center;display:flex;height:142px;justify-content:center;left:calc(58.33% - 3px);position:absolute;top:7600px;width:0px}
.fx341{align-items:center;display:flex;height:142px;justify-content:center;left:calc(75% + 16px);position:absolute;top:7600px;width:0px}
.fx342{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(8.33% + 285.5px);line-height:0;position:absolute;text-align:center;text-transform:lowercase;top:2321px;transform:translateX(-50%);width:269px;word-break:break-word}
.fx343{font-size:22px;line-height:normal;margin-bottom:0}
.fx344{color:#a8845e;font-size:22px;line-height:normal}
.fx345{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(33.33% + 239.5px);line-height:0;position:absolute;text-align:center;text-transform:lowercase;top:2321px;transform:translateX(-50%);width:269px;word-break:break-word}
.fx346{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:0px;font-style:normal;font-weight:400;left:calc(58.33% + 193.5px);line-height:0;position:absolute;text-align:center;text-transform:lowercase;top:2321px;transform:translateX(-50%);width:269px;word-break:break-word}
.fx347{font-size:22px;line-height:normal}
.fx348{border-radius:106.5px;height:57px;left:175px;position:absolute;top:748px;width:43px}
.fx348::after{content:"";position:absolute;inset:0;border:2px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx349{border-radius:106.5px;height:100%;inset:0;max-width:none;object-fit:cover;pointer-events:none;position:absolute;width:100%}
.fx350{border-radius:106.5px;height:57px;left:calc(8.33% + 76px);position:absolute;top:748px;width:43px}
.fx350::after{content:"";position:absolute;inset:0;border:2px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx351{border-radius:106.5px;height:57px;left:calc(8.33% + 99px);position:absolute;top:748px;width:43px}
.fx351::after{content:"";position:absolute;inset:0;border:2px solid #a8845e;border-radius:inherit;pointer-events:none}
.fx352{align-items:center;display:flex;height:361.655px;justify-content:center;left:calc(50% + 6px);position:absolute;top:6009px;width:295.835px}
.fx353{flex:none;transform:rotate(6.03deg)}
.fx354{background-image:linear-gradient(206.274deg, rgb(245, 240, 234) 9.9864%, rgb(245, 243, 240) 57.315%);border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:336px;position:relative;width:262px}
.fx355{align-items:center;display:flex;height:369.106px;justify-content:center;left:calc(33.33% + 17px);position:absolute;top:6000px;width:306.091px}
.fx356{flex:none;transform:rotate(-7.98deg)}
.fx357{align-items:center;display:flex;height:337.117px;justify-content:center;left:calc(33.33% + 114px);position:absolute;top:6006px;width:263.434px}
.fx358{flex:none;transform:rotate(-0.24deg)}
.fx359{align-items:center;display:flex;height:381.158px;justify-content:center;left:calc(41.67% + 23px);position:absolute;top:6040px;width:323.246px}
.fx360{flex:none;transform:rotate(11.4deg)}
.fx361{align-items:center;display:flex;height:356.484px;justify-content:center;left:calc(33.33% + 64px);position:absolute;top:6086px;width:288.846px}
.fx362{flex:none;transform:rotate(-4.74deg)}
.fx363{align-items:center;display:flex;height:351.4px;justify-content:center;left:calc(33.33% + 115px);position:absolute;top:6059px;width:282.066px}
.fx364{flex:none;transform:rotate(3.51deg)}
.fx365{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(33.33% + 36px);line-height:normal;position:absolute;text-align:center;top:5820px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fx366{color:#7e5232;font-family:"Jost", sans-serif;font-size:18px;font-weight:300;height:69px;left:calc(50% + 6.5px);line-height:22px;position:absolute;text-align:center;top:5893px;transform:translateX(-50%);width:811px;word-break:break-word}
.fx367{height:0px;left:calc(75% + 6px);position:absolute;top:5847px;width:178px}
.fx368{height:0px;left:calc(8.33% + 56px);position:absolute;top:5847px;width:176px}
.fx369{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:59px;font-style:normal;font-weight:400;left:calc(62.5% - 46px);line-height:normal;position:absolute;text-align:center;top:5803px;transform:translateX(-50%);width:404px;word-break:break-word}
.fx370{height:29px;left:50%;position:absolute;top:5761px;transform:translateX(-50%);width:30px}
.fx371{color:#a8845e;font-family:"Jost", sans-serif;font-size:29px;font-weight:500;height:59px;left:calc(79.17% - 198px);line-height:1.039;position:absolute;top:4683px;width:286px;word-break:break-word}
.fx372{color:#a8845e;font-family:"Jost", sans-serif;font-size:21px;font-weight:500;height:59px;left:calc(79.17% - 195px);line-height:normal;position:absolute;top:4961px;width:311px;word-break:break-word}
.fx373{color:#a8845e;font-family:"Jost", sans-serif;font-size:21px;font-weight:500;height:19px;left:calc(75% - 135px);line-height:normal;position:absolute;top:4741px;width:190px;word-break:break-word}
.fx374{color:#a8845e;font-family:"Jost", sans-serif;font-size:21px;font-weight:500;height:19px;left:calc(75% - 135px);line-height:normal;position:absolute;top:4848px;width:190px;word-break:break-word}
.fx375{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(75% - 135px);line-height:0;position:absolute;top:4799px;width:198px;word-break:break-word}
.fx376{font-family:"Jost", sans-serif;font-weight:400;line-height:normal}
.fx377{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:600;height:19px;left:calc(75% - 135px);line-height:0;position:absolute;top:4910px;width:198px;word-break:break-word}
.fx378{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:400;height:19px;left:calc(75% - 135px);line-height:normal;position:absolute;top:4776px;width:203px;word-break:break-word}
.fx379{color:#a8845e;font-family:"Jost", sans-serif;font-size:15px;font-weight:400;height:19px;left:calc(75% - 135px);line-height:normal;position:absolute;top:4887px;width:203px;word-break:break-word}
.fx380{height:0px;left:calc(66.67% - 15px);position:absolute;top:4831px;width:311px}
.fx381{height:0px;left:calc(66.67% - 15px);position:absolute;top:4939px;width:311px}
.fx382{background-color:#a8845e;border-radius:32px;height:42px;left:calc(33.33% + 46px);position:absolute;top:4143px;width:386px}
.fx383{align-items:center;display:flex;height:56px;justify-content:center;left:calc(41.67% + 91px);position:absolute;top:4176px;width:56px}
.fx384{background-color:#f1eee9;border-radius:32px;height:56px;position:relative;width:56px}
.fx385{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(33.33% + 239px);line-height:normal;position:absolute;text-align:center;top:4153px;transform:translateX(-50%);width:386px;word-break:break-word}
/* Klikací plocha tlačítka „Zobrazit všechny členy našeho týmu" (7. 9. 2026,
   DODATEK Č. 4 — zadavatel se ptal, proč jde kliknout jen na text, ne na
   kolečko se šipkou vedle něj, když jinde stejný typ tlačítka (Studio,
   Kosmetika, „Zobrazit portfolio") jde kliknout kdekoli). Příčina: `fx382`
   (pozadí), `fx383`/`fx386` (kolečko, jiskra) jsou obyčejné `<div>` bez
   vlastního odkazu — klikací byl jen samotný text (`fx385`), protože to byl
   jediný `<a>` v celé skupině. Jinde funkční tlačítka mají VŠECHNO uvnitř
   jednoho `<button>`/`<a>` — tady to jde stejnou cestou obtížně, protože
   `fx382`/`fx383`/`fx386` mají KAŽDÝ svou vlastní absolutní pozici v jedné
   sdílené 1440px ploše (`#stage`), ne vzájemné odsazení uvnitř společného
   rodiče.
   Řešení: nový neviditelný `<a class="fig-tym-vsichni-plocha">` PŘES CELÝ
   obalující obdélník (pozadí ∪ kolečko), position:absolute ve STEJNÉ
   soustavě jako `fx382`/`fx383`/`fx386` — geometrie pro všechna tři pásma je
   v pasma-jeden.css (proc/tym_tlacitko_kolecko_presah.py, DODATEK Č. 4).
   Původní `<a class="fx385">` se stal obyčejným `<p aria-hidden="true">`
   (viditelný text, ale ne interaktivní — jinak by odečítač obrazovky
   oznámil odkaz „Zobrazit všechny členy našeho týmu" dvakrát, jednou z téhle
   nové plochy přes `aria-label` a jednou z původního textu). */
.fig-tym-vsichni-plocha{position:absolute;display:block;background:transparent;
	border:0;text-decoration:none;cursor:pointer}
.fx386{align-items:center;display:flex;height:15px;justify-content:center;left:calc(41.67% + 104px);position:absolute;top:4199px;width:30px}
.fx387{height:30px;position:relative;width:15px}
/* Jiskra u tlačítka „Zobrazit všechny členy našeho týmu" byla OTOČENÁ o 90°
   navíc — `.fx54` je sdílená sazba (`transform:rotate(90deg)`), použitá
   správně i jinde na stránce a v patičce, jen zrovna tady ne. Zrušeno JEN
   pro tenhle výskyt; sdílená třída pro ostatní použití zůstává nedotčená.
   Nezávisí na pásmu (rozměry/poloha kolečka+jiskry se pak dolaďují zvlášť
   pro každé z nich v pasma-jeden.css), proto je to pravidlo tady, ne
   v @media bloku. Viz proc/tym_tlacitko_kolecko_presah.py. */
.fx386 .fx54{transform:none}

/* --------------------------------------------------------------------
   Pravidla pro odvrácené strany karet. Pocházejí z jiného rámce, proto
   mají vlastní předponu tříd – jinak by se srazily s hlavním plátnem.
   -------------------------------------------------------------------- */
.rb19{line-height:normal}
.rb140{inset:-0.5px 0;position:absolute}
.rb141{display:block;height:100%;max-width:none;width:100%}
.rb145{display:block;height:100%;inset:0;max-width:none;position:absolute;width:100%}
.rb159{line-height:normal;margin-bottom:0}
.rb1144{height:360px;left:calc(41.67% + 2px);position:absolute;top:1918px;width:235px}
.rb1145{inset:-22.22% -34.04%;position:absolute}
.rb1146{height:362px;left:calc(16.67% + 48px);position:absolute;top:1916px;width:235px}
.rb1147{inset:-22.1% -34.04%;position:absolute}
.rb1148{height:360px;left:calc(58.33% + 76px);position:absolute;top:1918px;width:235px}
.rb1167{color:#7e5232;font-family:"Jost", sans-serif;font-size:17px;font-weight:300;height:251px;left:calc(50% - 0.5px);line-height:0;position:absolute;text-align:center;top:1980px;transform:translateX(-50%);white-space:pre-wrap;width:235px;word-break:break-word}
.rb1168{line-height:19px;margin-bottom:0}
.rb1169{line-height:19px}
.rb1170{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:251px;left:calc(25% + 45.5px);line-height:0;position:absolute;text-align:center;top:1980px;transform:translateX(-50%);white-space:pre-wrap;width:235px;word-break:break-word}
.rb1171{line-height:18px;margin-bottom:0}
.rb1172{line-height:18px}
.rb1173{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:251px;left:calc(75% - 46.5px);line-height:0;position:absolute;text-align:center;top:1980px;transform:translateX(-50%);white-space:pre-wrap;width:235px;word-break:break-word}
.rb1174{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTA4OSA1NTgnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZSc+PHJlY3QgeD0nMCcgeT0nMCcgaGVpZ2h0PScxMDAlJyB3aWR0aD0nMTAwJScgZmlsbD0ndXJsKCNncmFkKScgb3BhY2l0eT0nMScvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0nZ3JhZCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIGN4PScwJyBjeT0nMCcgcj0nMTAnIGdyYWRpZW50VHJhbnNmb3JtPSdtYXRyaXgoLTM4Ljk0OCAyMS41MjUgLTc0Ljg0OSAtNy42OTYxIDEwNDAuNiAtNDkuODg3KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;box-shadow:0px 0px 80px 0px rgba(0,0,0,0.1);height:558px;left:calc(8.33% + 56px);opacity:0.6;position:absolute;top:915px;width:1089px}
.rb1175{align-items:center;display:flex;height:39px;justify-content:center;left:calc(8.33% + 102px);position:absolute;top:964px;width:0px}
.rb1176{flex:none;transform:rotate(-90deg)}
.rb1177{height:0px;position:relative;width:39px}
.rb1178{align-items:center;display:flex;height:62px;justify-content:center;left:calc(8.33% + 102px);position:absolute;top:1033px;width:0px}
.rb1179{height:0px;position:relative;width:62px}
.rb1180{align-items:center;display:flex;height:54px;justify-content:center;left:calc(8.33% + 102px);position:absolute;top:1131px;width:0px}
.rb1181{height:0px;position:relative;width:54px}
.rb1182{align-items:center;display:flex;height:57px;justify-content:center;left:calc(8.33% + 102px);position:absolute;top:1219px;width:0px}
.rb1183{height:0px;position:relative;width:57px}
.rb1184{align-items:center;display:flex;height:33px;justify-content:center;left:calc(8.33% + 102px);position:absolute;top:1311px;width:0px}
.rb1185{height:0px;position:relative;width:33px}
.rb1186{height:42px;left:calc(8.33% + 81px);position:absolute;top:1356px;width:42px}
.rb1187{color:#3c1d06;font-family:"Jost", sans-serif;font-size:17px;font-weight:300;height:481px;left:calc(8.33% + 139px);line-height:0;position:absolute;top:978px;white-space:pre-wrap;width:969px;word-break:break-word}
.rb1188{margin-bottom:0}
.rb1189{font-family:"Jost", sans-serif;font-weight:400;line-height:normal;word-break:break-word}
.rb1190{font-family:"Jost", sans-serif;font-weight:500;line-height:normal;word-break:break-word}
.rb1191{background-color:#a8845e;border-radius:32px;height:42px;left:calc(41.67% + 53px);position:absolute;top:1452px;width:115px}
.rb1192{align-items:center;display:flex;height:56px;justify-content:center;left:calc(41.67% + 31px);position:absolute;top:1445px;width:56px}
.rb1193{flex:none;transform:rotate(180deg)}
.rb1194{background-color:#d2bea9;border-radius:32px;height:56px;position:relative;width:56px}
.rb1195{background-color:#d2bea9;border-radius:32px;height:10px;left:calc(8.33% + 97px);position:absolute;top:1013px;width:10px}
.rb1196{background-color:#d2bea9;border-radius:32px;height:13px;left:calc(8.33% + 95px);position:absolute;top:1108px;width:13px}
.rb1197{background-color:#d2bea9;border-radius:32px;height:15px;left:calc(8.33% + 94px);position:absolute;top:1194px;width:15px}
.rb1198{background-color:#d2bea9;border-radius:32px;height:17px;left:calc(8.33% + 93px);position:absolute;top:1284px;width:17px}
.rb1199{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(41.67% + 120px);line-height:normal;position:absolute;text-align:center;top:1462px;transform:translateX(-50%);width:232px;word-break:break-word}
.rb1200{align-items:center;display:flex;height:30px;justify-content:center;left:calc(41.67% + 49px);position:absolute;top:1458px;width:15px}
.rb1201{height:30px;position:relative;width:15px}
.rb1247{background-color:#a8845e;border-radius:32px;height:42px;left:calc(33.33% + 107px);position:absolute;top:6526px;width:250px}
.rb1248{background-color:#f1eee9;border-radius:32px;height:56px;left:calc(50% + 81px);position:absolute;top:6519px;width:56px}
.rb1249{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(33.33% + 217px);line-height:normal;position:absolute;text-align:center;top:6536px;transform:translateX(-50%);width:292px;word-break:break-word}
.rb1250{height:30px;left:calc(58.33% - 16px);position:absolute;top:6532px;width:15px}

/* --------------------------------------------------------------------
   Karty reagující na najetí. Oba stavy jsou odečtené z návrhu uzel po
   uzlu, ne odhadnuté – klidový z rámce, kde je karta v klidu, najetý
   z rámce, kde je najetá.
   -------------------------------------------------------------------- */
#najeti-cenik-manikura .fig-hover-posun { transform: translateY(0px); }
#najeti-cenik-manikura [data-node-id="1:221"] { opacity: 0.2; }
#najeti-cenik-manikura [data-node-id="1:221"]::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; border-radius: inherit; pointer-events: none; }
#najeti-cenik-manikura [data-node-id="1:223"], #najeti-cenik-manikura [data-node-id="1:223"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:224"], #najeti-cenik-manikura [data-node-id="1:224"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:225"], #najeti-cenik-manikura [data-node-id="1:225"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:226"], #najeti-cenik-manikura [data-node-id="1:226"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:227"], #najeti-cenik-manikura [data-node-id="1:227"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:228"], #najeti-cenik-manikura [data-node-id="1:228"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:235"], #najeti-cenik-manikura [data-node-id="1:235"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:236"], #najeti-cenik-manikura [data-node-id="1:236"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:237"], #najeti-cenik-manikura [data-node-id="1:237"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:260"], #najeti-cenik-manikura [data-node-id="1:260"] * { color: #a8845e; }
#najeti-cenik-manikura [data-node-id="1:258"]::after { border-color: #a8845e; }
@media (hover: hover) {
#najeti-cenik-manikura:hover .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-manikura:hover [data-node-id="1:221"] { opacity: 0.6; }
#najeti-cenik-manikura:hover [data-node-id="1:221"]::after { border-color: #a8845e; }
#najeti-cenik-manikura:hover [data-node-id="1:223"], #najeti-cenik-manikura:hover [data-node-id="1:223"] * { color: #7e5232; }
#najeti-cenik-manikura:hover [data-node-id="1:224"], #najeti-cenik-manikura:hover [data-node-id="1:224"] * { color: #7e5232; }
#najeti-cenik-manikura:hover [data-node-id="1:225"], #najeti-cenik-manikura:hover [data-node-id="1:225"] * { color: #7e5232; }
#najeti-cenik-manikura:hover [data-node-id="1:226"], #najeti-cenik-manikura:hover [data-node-id="1:226"] * { color: #7e5232; }
#najeti-cenik-manikura:hover [data-node-id="1:227"], #najeti-cenik-manikura:hover [data-node-id="1:227"] * { color: #7e5232; }
#najeti-cenik-manikura:hover [data-node-id="1:228"], #najeti-cenik-manikura:hover [data-node-id="1:228"] * { color: #3c1d06; }
#najeti-cenik-manikura:hover [data-node-id="1:235"], #najeti-cenik-manikura:hover [data-node-id="1:235"] * { color: #3c1d06; }
#najeti-cenik-manikura:hover [data-node-id="1:236"], #najeti-cenik-manikura:hover [data-node-id="1:236"] * { color: #3c1d06; }
#najeti-cenik-manikura:hover [data-node-id="1:237"], #najeti-cenik-manikura:hover [data-node-id="1:237"] * { color: #3c1d06; }
#najeti-cenik-manikura:hover [data-node-id="1:260"], #najeti-cenik-manikura:hover [data-node-id="1:260"] * { color: #3c1d06; }
#najeti-cenik-manikura:hover [data-node-id="1:258"]::after { border-color: #a8915e; }
}
#najeti-cenik-manikura:focus-within .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-manikura:focus-within [data-node-id="1:221"] { opacity: 0.6; }
#najeti-cenik-manikura:focus-within [data-node-id="1:221"]::after { border-color: #a8845e; }
#najeti-cenik-manikura:focus-within [data-node-id="1:223"], #najeti-cenik-manikura:focus-within [data-node-id="1:223"] * { color: #7e5232; }
#najeti-cenik-manikura:focus-within [data-node-id="1:224"], #najeti-cenik-manikura:focus-within [data-node-id="1:224"] * { color: #7e5232; }
#najeti-cenik-manikura:focus-within [data-node-id="1:225"], #najeti-cenik-manikura:focus-within [data-node-id="1:225"] * { color: #7e5232; }
#najeti-cenik-manikura:focus-within [data-node-id="1:226"], #najeti-cenik-manikura:focus-within [data-node-id="1:226"] * { color: #7e5232; }
#najeti-cenik-manikura:focus-within [data-node-id="1:227"], #najeti-cenik-manikura:focus-within [data-node-id="1:227"] * { color: #7e5232; }
#najeti-cenik-manikura:focus-within [data-node-id="1:228"], #najeti-cenik-manikura:focus-within [data-node-id="1:228"] * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within [data-node-id="1:235"], #najeti-cenik-manikura:focus-within [data-node-id="1:235"] * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within [data-node-id="1:236"], #najeti-cenik-manikura:focus-within [data-node-id="1:236"] * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within [data-node-id="1:237"], #najeti-cenik-manikura:focus-within [data-node-id="1:237"] * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within [data-node-id="1:260"], #najeti-cenik-manikura:focus-within [data-node-id="1:260"] * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within [data-node-id="1:258"]::after { border-color: #a8915e; }
#najeti-cenik-manikura.je-najeto .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-manikura.je-najeto [data-node-id="1:221"] { opacity: 0.6; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:221"]::after { border-color: #a8845e; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:223"], #najeti-cenik-manikura.je-najeto [data-node-id="1:223"] * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:224"], #najeti-cenik-manikura.je-najeto [data-node-id="1:224"] * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:225"], #najeti-cenik-manikura.je-najeto [data-node-id="1:225"] * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:226"], #najeti-cenik-manikura.je-najeto [data-node-id="1:226"] * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:227"], #najeti-cenik-manikura.je-najeto [data-node-id="1:227"] * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:228"], #najeti-cenik-manikura.je-najeto [data-node-id="1:228"] * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:235"], #najeti-cenik-manikura.je-najeto [data-node-id="1:235"] * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:236"], #najeti-cenik-manikura.je-najeto [data-node-id="1:236"] * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:237"], #najeti-cenik-manikura.je-najeto [data-node-id="1:237"] * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:260"], #najeti-cenik-manikura.je-najeto [data-node-id="1:260"] * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto [data-node-id="1:258"]::after { border-color: #a8915e; }
/* Položky ceníku (název/cena/popis tří řádků) kreslí PHP funkce
   `atelier_kotlar_cenik_homepage_karta()` (inc/cenik.php) — od
   přechodu na ceník editovatelný z administrace (b9d4649) nemají
   `data-node-id` vůbec, jen pevné třídy slotů (fx268/276/277 název,
   fx279/280/281 cena, fx264/265/266 popis). Pravidla výš (1:224 až
   1:237) proto na ně nikdy netrefila — cílila na uzly ze STARÉHO
   statického exportu, které tenhle refaktor nahradil. „Kosmetika"
   (plně statická karta, funguje) a „Péče o vlasy" (natrvalo tmavá,
   žádný hover netřeba) ukazují stejný vzorec: název tmavne na
   #3c1d06, popis na #7e5232, cena zůstává beze změny (stejně jako
   telefon u Kosmetiky nebo cena u Péče o vlasy — schválně
   podřazená, ne hlavní údaj). */
#najeti-cenik-manikura:hover .fx268, #najeti-cenik-manikura:hover .fx268 *,
#najeti-cenik-manikura:hover .fx276, #najeti-cenik-manikura:hover .fx276 *,
#najeti-cenik-manikura:hover .fx277, #najeti-cenik-manikura:hover .fx277 * { color: #3c1d06; }
#najeti-cenik-manikura:hover .fx264, #najeti-cenik-manikura:hover .fx264 *,
#najeti-cenik-manikura:hover .fx265, #najeti-cenik-manikura:hover .fx265 *,
#najeti-cenik-manikura:hover .fx266, #najeti-cenik-manikura:hover .fx266 * { color: #7e5232; }
#najeti-cenik-manikura:focus-within .fx268, #najeti-cenik-manikura:focus-within .fx268 *,
#najeti-cenik-manikura:focus-within .fx276, #najeti-cenik-manikura:focus-within .fx276 *,
#najeti-cenik-manikura:focus-within .fx277, #najeti-cenik-manikura:focus-within .fx277 * { color: #3c1d06; }
#najeti-cenik-manikura:focus-within .fx264, #najeti-cenik-manikura:focus-within .fx264 *,
#najeti-cenik-manikura:focus-within .fx265, #najeti-cenik-manikura:focus-within .fx265 *,
#najeti-cenik-manikura:focus-within .fx266, #najeti-cenik-manikura:focus-within .fx266 * { color: #7e5232; }
#najeti-cenik-manikura.je-najeto .fx268, #najeti-cenik-manikura.je-najeto .fx268 *,
#najeti-cenik-manikura.je-najeto .fx276, #najeti-cenik-manikura.je-najeto .fx276 *,
#najeti-cenik-manikura.je-najeto .fx277, #najeti-cenik-manikura.je-najeto .fx277 * { color: #3c1d06; }
#najeti-cenik-manikura.je-najeto .fx264, #najeti-cenik-manikura.je-najeto .fx264 *,
#najeti-cenik-manikura.je-najeto .fx265, #najeti-cenik-manikura.je-najeto .fx265 *,
#najeti-cenik-manikura.je-najeto .fx266, #najeti-cenik-manikura.je-najeto .fx266 * { color: #7e5232; }
#najeti-cenik-vlasy .fig-hover-posun { transform: translateY(30px); }
#najeti-cenik-vlasy [data-node-id="1:203"] { opacity: 0.2; }
#najeti-cenik-vlasy [data-node-id="1:203"]::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; border-radius: inherit; pointer-events: none; }
#najeti-cenik-vlasy [data-node-id="1:204"], #najeti-cenik-vlasy [data-node-id="1:204"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:205"], #najeti-cenik-vlasy [data-node-id="1:205"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:206"], #najeti-cenik-vlasy [data-node-id="1:206"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:207"], #najeti-cenik-vlasy [data-node-id="1:207"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:208"], #najeti-cenik-vlasy [data-node-id="1:208"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:209"], #najeti-cenik-vlasy [data-node-id="1:209"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:210"], #najeti-cenik-vlasy [data-node-id="1:210"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:211"], #najeti-cenik-vlasy [data-node-id="1:211"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:212"], #najeti-cenik-vlasy [data-node-id="1:212"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:230"], #najeti-cenik-vlasy [data-node-id="1:230"] * { color: #a8845e; }
#najeti-cenik-vlasy [data-node-id="1:229"]::after { border-color: #a8845e; }
@media (hover: hover) {
#najeti-cenik-vlasy:hover .fig-hover-posun { transform: translateY(0px); }
#najeti-cenik-vlasy:hover [data-node-id="1:203"] { opacity: 0.6; }
#najeti-cenik-vlasy:hover [data-node-id="1:203"]::after { border-color: #a8845e; }
#najeti-cenik-vlasy:hover [data-node-id="1:204"], #najeti-cenik-vlasy:hover [data-node-id="1:204"] * { color: #7e5232; }
#najeti-cenik-vlasy:hover [data-node-id="1:205"], #najeti-cenik-vlasy:hover [data-node-id="1:205"] * { color: #7e5232; }
#najeti-cenik-vlasy:hover [data-node-id="1:206"], #najeti-cenik-vlasy:hover [data-node-id="1:206"] * { color: #7e5232; }
#najeti-cenik-vlasy:hover [data-node-id="1:207"], #najeti-cenik-vlasy:hover [data-node-id="1:207"] * { color: #7e5232; }
#najeti-cenik-vlasy:hover [data-node-id="1:208"], #najeti-cenik-vlasy:hover [data-node-id="1:208"] * { color: #7e5232; }
#najeti-cenik-vlasy:hover [data-node-id="1:209"], #najeti-cenik-vlasy:hover [data-node-id="1:209"] * { color: #3c1d06; }
#najeti-cenik-vlasy:hover [data-node-id="1:210"], #najeti-cenik-vlasy:hover [data-node-id="1:210"] * { color: #3c1d06; }
#najeti-cenik-vlasy:hover [data-node-id="1:211"], #najeti-cenik-vlasy:hover [data-node-id="1:211"] * { color: #3c1d06; }
#najeti-cenik-vlasy:hover [data-node-id="1:212"], #najeti-cenik-vlasy:hover [data-node-id="1:212"] * { color: #3c1d06; }
#najeti-cenik-vlasy:hover [data-node-id="1:230"], #najeti-cenik-vlasy:hover [data-node-id="1:230"] * { color: #3c1d06; }
#najeti-cenik-vlasy:hover [data-node-id="1:229"]::after { border-color: #a8915e; }
}
#najeti-cenik-vlasy:focus-within .fig-hover-posun { transform: translateY(0px); }
#najeti-cenik-vlasy:focus-within [data-node-id="1:203"] { opacity: 0.6; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:203"]::after { border-color: #a8845e; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:204"], #najeti-cenik-vlasy:focus-within [data-node-id="1:204"] * { color: #7e5232; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:205"], #najeti-cenik-vlasy:focus-within [data-node-id="1:205"] * { color: #7e5232; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:206"], #najeti-cenik-vlasy:focus-within [data-node-id="1:206"] * { color: #7e5232; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:207"], #najeti-cenik-vlasy:focus-within [data-node-id="1:207"] * { color: #7e5232; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:208"], #najeti-cenik-vlasy:focus-within [data-node-id="1:208"] * { color: #7e5232; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:209"], #najeti-cenik-vlasy:focus-within [data-node-id="1:209"] * { color: #3c1d06; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:210"], #najeti-cenik-vlasy:focus-within [data-node-id="1:210"] * { color: #3c1d06; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:211"], #najeti-cenik-vlasy:focus-within [data-node-id="1:211"] * { color: #3c1d06; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:212"], #najeti-cenik-vlasy:focus-within [data-node-id="1:212"] * { color: #3c1d06; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:230"], #najeti-cenik-vlasy:focus-within [data-node-id="1:230"] * { color: #3c1d06; }
#najeti-cenik-vlasy:focus-within [data-node-id="1:229"]::after { border-color: #a8915e; }
#najeti-cenik-vlasy.je-najeto .fig-hover-posun { transform: translateY(0px); }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:203"] { opacity: 0.6; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:203"]::after { border-color: #a8845e; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:204"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:204"] * { color: #7e5232; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:205"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:205"] * { color: #7e5232; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:206"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:206"] * { color: #7e5232; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:207"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:207"] * { color: #7e5232; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:208"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:208"] * { color: #7e5232; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:209"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:209"] * { color: #3c1d06; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:210"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:210"] * { color: #3c1d06; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:211"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:211"] * { color: #3c1d06; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:212"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:212"] * { color: #3c1d06; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:230"], #najeti-cenik-vlasy.je-najeto [data-node-id="1:230"] * { color: #3c1d06; }
#najeti-cenik-vlasy.je-najeto [data-node-id="1:229"]::after { border-color: #a8915e; }
#najeti-cenik-kosmetika .fig-hover-posun { transform: translateY(0px); }
#najeti-cenik-kosmetika [data-node-id="1:222"] { opacity: 0.2; }
#najeti-cenik-kosmetika [data-node-id="1:222"]::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; border-radius: inherit; pointer-events: none; }
#najeti-cenik-kosmetika [data-node-id="1:261"], #najeti-cenik-kosmetika [data-node-id="1:261"] * { color: #a8845e; }
#najeti-cenik-kosmetika [data-node-id="1:393"], #najeti-cenik-kosmetika [data-node-id="1:393"] * { color: #a8845e; }
#najeti-cenik-kosmetika [data-node-id="1:394"], #najeti-cenik-kosmetika [data-node-id="1:394"] * { color: #a8845e; }
#najeti-cenik-kosmetika [data-node-id="1:395"], #najeti-cenik-kosmetika [data-node-id="1:395"] * { color: #a8845e; }
#najeti-cenik-kosmetika [data-node-id="1:396"], #najeti-cenik-kosmetika [data-node-id="1:396"] * { color: #a8845e; }
#najeti-cenik-kosmetika [data-node-id="1:259"]::after { border-color: #a8845e; }
@media (hover: hover) {
#najeti-cenik-kosmetika:hover .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-kosmetika:hover [data-node-id="1:222"] { opacity: 0.6; }
#najeti-cenik-kosmetika:hover [data-node-id="1:222"]::after { border-color: #a8845e; }
#najeti-cenik-kosmetika:hover [data-node-id="1:261"], #najeti-cenik-kosmetika:hover [data-node-id="1:261"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:hover [data-node-id="1:393"], #najeti-cenik-kosmetika:hover [data-node-id="1:393"] * { color: #7e5232; }
#najeti-cenik-kosmetika:hover [data-node-id="1:394"], #najeti-cenik-kosmetika:hover [data-node-id="1:394"] * { color: #7e5232; }
#najeti-cenik-kosmetika:hover [data-node-id="1:395"], #najeti-cenik-kosmetika:hover [data-node-id="1:395"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:hover [data-node-id="1:396"], #najeti-cenik-kosmetika:hover [data-node-id="1:396"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:hover [data-node-id="1:259"]::after { border-color: #a8915e; }
}
#najeti-cenik-kosmetika:focus-within .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:222"] { opacity: 0.6; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:222"]::after { border-color: #a8845e; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:261"], #najeti-cenik-kosmetika:focus-within [data-node-id="1:261"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:393"], #najeti-cenik-kosmetika:focus-within [data-node-id="1:393"] * { color: #7e5232; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:394"], #najeti-cenik-kosmetika:focus-within [data-node-id="1:394"] * { color: #7e5232; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:395"], #najeti-cenik-kosmetika:focus-within [data-node-id="1:395"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:396"], #najeti-cenik-kosmetika:focus-within [data-node-id="1:396"] * { color: #3c1d06; }
#najeti-cenik-kosmetika:focus-within [data-node-id="1:259"]::after { border-color: #a8915e; }
#najeti-cenik-kosmetika.je-najeto .fig-hover-posun { transform: translateY(-30px); }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:222"] { opacity: 0.6; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:222"]::after { border-color: #a8845e; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:261"], #najeti-cenik-kosmetika.je-najeto [data-node-id="1:261"] * { color: #3c1d06; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:393"], #najeti-cenik-kosmetika.je-najeto [data-node-id="1:393"] * { color: #7e5232; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:394"], #najeti-cenik-kosmetika.je-najeto [data-node-id="1:394"] * { color: #7e5232; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:395"], #najeti-cenik-kosmetika.je-najeto [data-node-id="1:395"] * { color: #3c1d06; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:396"], #najeti-cenik-kosmetika.je-najeto [data-node-id="1:396"] * { color: #3c1d06; }
#najeti-cenik-kosmetika.je-najeto [data-node-id="1:259"]::after { border-color: #a8915e; }

/* --------------------------------------------------------------------
   Rozprostírací karty. Obě polohy jsou z návrhu (hromádka z hlavního
   rámce, vějíř ze zdrojového), posuny a otočení jsou jejich rozdíl.
   Hýbe se `translate`/`rotate`, ne `transform` – uzly si vlastní
   transform z návrhu nechávají a samostatné vlastnosti se s ním složí.
   -------------------------------------------------------------------- */
/* Vějíř se rozevírá ROLOVÁNÍM, ne kliknutím. `interakce.js` zapisuje do
   `--vejir-t` postup 0 → 1 podle toho, kde vějíř v okně je, a všechny
   cílové hodnoty jsou jeho násobkem. Proto tu nejsou žádné `transition`
   na translate/rotate/width/height: animace řízená scrollem se nesmí
   vléct za kolečkem, jinak přestane působit jako součást rolování.

   Prostřídání karet se zachovalo — nedělá ho `transition-delay`, ale
   vlastní postup každé karty: `--kt` je `--vejir-t` posunutý o krok
   0,06 a přeškálovaný zpátky na 0 → 1. Pořadí je stejné jako mělo
   dřívější rozevírání, tedy od 1:371 k 1:366. */
/* 30. 8. 2026 — `--vejir-posun` PŘESTALO být `calc(404px * var(--vejir-t))`
   (sekalo na slabším hardwaru, viz proc/vejir_sticky_scroll.py). Teď je
   to konstanta, kterou `interakce.js` nastaví jen na resize/load — kolik
   přesně, závisí na výšce okna (sticky „trať“ vějíře je vyšší na vyšším
   okně). Beze změny za rolování = `#stage-wrap` nikdy neroste layoutem
   za scrollu, jen jednou při načtení/resize. Výchozí `0px` platí, než
   `interakce.js` doběhne (žádný viditelný skok, jen na zlomek vteřiny
   při úplně prvním vykreslení). */
#stage-wrap { --vejir-t: 0; --vejir-baze: 7622px; --vejir-posun: 0px; }
/* Plátno musí o posun povyrůst, jinak ořez rámce (overflow: hidden na
   #stage-wrap) uřízne patičku. Podkladové vrstvy rostou s ním — bez
   toho by dole zůstal pruh holého pozadí <body>. Obsah pod galerií
   odjíždí dolů o týž posun (`.fig-vejir-posun` níž) — od přechodu na
   sticky scroll (30. 8. 2026) už NE plynule s rolováním, ale rovnou
   napevno: dokud se vějíř otáčí, stránka je „zastavená“ (sticky), takže
   obsah pod ním beztak není vidět, viz proc/vejir_sticky_scroll.py. */
#stage-wrap { height: calc(var(--vejir-baze) + var(--vejir-posun)); }
/* Scroll-jacking „trať“ vějíře. `#fig-vejir-track` a `#fig-vejir-pin`
   staví `interakce.js` za běhu (přesune do nich šest karet i tlačítko
   „Zobrazit portfolio“) — rozměry i POLOHA pinu (`position`, `top`,
   `left`, `width`) se přepínají odtud (`pinuj()`), ne `position:
   sticky` — na tomhle webu nefunguje, viz komentář v interakce.js.
   Tady jen výchozí/klidový stav („pred“ — než rolování do tracku
   vůbec dorazí): track je stejně široký jako plátno, pin sedí na jeho
   horním okraji. */
#fig-vejir-track { position: absolute; left: 0; width: 100%; }
#fig-vejir-pin { position: absolute; top: 0; left: 0; width: 100%; }
/* `#fig-vejir-nadpis` (nadpis „Naše práce v detailech", přesunutý do
   pinu 31. 8. 2026 — zůstává připnutý NAD vějířem, na STÁLE STEJNÉM
   rozestupu od karet jako v návrhu) a `#fig-vejir-karty` (karty samotné,
   stejná statická poloha) záměrně NEMAJÍ vlastní pravidlo: jsou to jen
   obaly pro `interakce.js` (`rozeber()`), jejich uzly si nesou VLASTNÍ
   `position:absolute` z generátoru a hledají si nejbližšího
   POZICOVANÉHO předka — tím je rovnou `#fig-vejir-pin` (obal samotný
   zůstane `position:static`, bez vlivu na jejich polohu).

   Svislé centrování karet uvnitř pinu (dvě kola, 31. 8. 2026 odpoledne
   a večer) bylo zkoušené a zpětně zavržené — zadavatel po druhé
   opravě, která přinesla novou třídu chyb (skákání při přechodu mezi
   stavy), navrhl prostší řešení: nechat nadpis i karty na jejich
   PŮVODNÍM, NEMĚNNÉM rozestupu z návrhu. Žádná proměnná vázaná na
   `--vejir-t`/scroll, žádné riziko skoku. Na vysokém okně proto může
   pod plně rozevřeným vějířem zůstat prázdný prostor — vědomý,
   přijatý kompromis. Viz proc/vejir_sticky_scroll.py, dodatek 6. */
/* Posouvá se `translate`, ne `transform`: uzly pod galerií si nesou
   vlastní transform (rotace, translateX(-50 %) u vystředěných textů)
   a samostatná vlastnost se s ním složí sama, bez dopočítávání.

   Selektor je pod `#stage-wrap` kvůli specificitě: `#stage a` je
   (1,0,1) a samotná třída (0,1,0) by prohrála. Dva uzly pod galerií
   jsou odkazy (telefon a e-mail v kontaktech) a přišly by o přechod
   `translate` — koncový stav by seděl, ale za běhu by skákaly o celý
   posun napřed. Krytí odkazu se proto vyjmenovává znovu, aby ho
   tenhle shorthand nesmazal. */
/* Krytí odkazu se vyjmenovává znovu, aby ho tenhle shorthand nesmazal:
   dva uzly pod galerií jsou odkazy (telefon a e-mail v kontaktech). */
#stage-wrap .fig-vejir-posun {
    translate: 0 var(--vejir-posun);
    transition: opacity var(--doba-odkaz) ease; }
/* width/height jedou s sebou: opsaný rámeček otočeného uzlu má pro
   každý úhel jiný rozměr. Je to jediná vlastnost, která tu potřebuje
   layout, a týká se šesti absolutně pozicovaných prvků s jediným
   potomkem – na dráhu potomka to nemá vliv, protože se rámeček i
   posun mění současně a lineárně.
   Zavřená hodnota v `calc()` MUSÍ přesně sedět na rozměr z vygenerované
   třídy uzlu (.fx352 atd.), jinak by karta při t = 0 poskočila. */
/* Spínač už není potřeba — vějíř se ovládá rolováním. Zůstává v markupu
   (desktopové plátno se nepřegenerovává), ale nekreslí se a nechytá
   kliknutí ani tabulátor. */
.fig-vejir-spinac { display: none; }
#stage-wrap [data-node-id="1:366"].fig-vejir-karta {
    --kt: clamp(0, calc((var(--vejir-t) - 0.30) / 0.70), 1);
    translate: calc(-541.99px * var(--kt)) calc(121.53px * var(--kt));
    width:  calc(295.835px + 10.274px * var(--kt));   /* -> 306.109 */
    height: calc(361.655px + 7.464px * var(--kt)); } /* -> 369.119 */
#stage-wrap [data-node-id="1:366"].fig-vejir-karta > * {
    rotate: calc(-14.01deg * var(--kt)); }
#stage-wrap [data-node-id="1:367"].fig-vejir-karta {
    --kt: clamp(0, calc((var(--vejir-t) - 0.24) / 0.70), 1);
    translate: calc(-72.59px * var(--kt)) calc(-21.98px * var(--kt));
    width:  calc(306.091px + -9.496px * var(--kt));   /* -> 296.595 */
    height: calc(369.106px + -6.893px * var(--kt)); } /* -> 362.213 */
#stage-wrap [data-node-id="1:367"].fig-vejir-karta > * {
    rotate: calc(1.81deg * var(--kt)); }
#stage-wrap [data-node-id="1:368"].fig-vejir-karta {
    --kt: clamp(0, calc((var(--vejir-t) - 0.18) / 0.70), 1);
    translate: calc(146.00px * var(--kt)) calc(461.44px * var(--kt));
    width:  calc(263.434px + 46.477px * var(--kt));   /* -> 309.911 */
    height: calc(337.117px + 34.720px * var(--kt)); } /* -> 371.837 */
#stage-wrap [data-node-id="1:368"].fig-vejir-karta > * {
    rotate: calc(8.96deg * var(--kt)); }
#stage-wrap [data-node-id="1:369"].fig-vejir-karta {
    --kt: clamp(0, calc((var(--vejir-t) - 0.12) / 0.70), 1);
    translate: calc(-291.00px * var(--kt)) calc(419.99px * var(--kt));
    width:  calc(323.246px + 7.013px * var(--kt));   /* -> 330.259 */
    height: calc(381.158px + 4.759px * var(--kt)); } /* -> 385.917 */
#stage-wrap [data-node-id="1:369"].fig-vejir-karta > * {
    rotate: calc(-24.27deg * var(--kt)); }
#stage-wrap [data-node-id="1:370"].fig-vejir-karta {
    --kt: clamp(0, calc((var(--vejir-t) - 0.06) / 0.70), 1);
    translate: calc(364.99px * var(--kt)) calc(131.46px * var(--kt));
    width:  calc(288.846px + 34.398px * var(--kt));   /* -> 323.244 */
    height: calc(356.484px + 24.673px * var(--kt)); } /* -> 381.157 */
#stage-wrap [data-node-id="1:370"].fig-vejir-karta > * {
    rotate: calc(16.14deg * var(--kt)); }
#stage-wrap [data-node-id="1:371"].fig-vejir-karta {
    --kt: clamp(0, calc(var(--vejir-t) / 0.70), 1);
    translate: calc(147.99px * var(--kt)) calc(-50.01px * var(--kt));
    width:  calc(282.066px + 13.781px * var(--kt));   /* -> 295.847 */
    height: calc(351.400px + 10.264px * var(--kt)); } /* -> 361.664 */
#stage-wrap [data-node-id="1:371"].fig-vejir-karta > * {
    rotate: calc(2.52deg * var(--kt)); }
/* Rolování vějíř neovládá tam, kde si uživatel pohyb vypnul. Postup
   zůstane na 1, takže je galerie rovnou rozevřená i s odkazem na
   portfolio — jinak by se k němu bez animace nikdo nedostal.
   `interakce.js` tenhle případ pozná a do `--vejir-t` nesahá. */
@media ( prefers-reduced-motion: reduce ) {
    /* `interakce.js` se pro vypnutý pohyb vůbec nesestaví (sticky trať
       nedává smysl bez animace) — `--vejir-posun` proto musí dostat
       svou hodnotu i odsud, ne jen z JS. 404px je stará (pre-sticky)
       konstanta plného rozjezdu — bez tracku/pinu je to jediné číslo,
       které dává zbytku stránky smysl. Viz proc/vejir_sticky_scroll.py. */
    #stage-wrap { --vejir-t: 1; --vejir-posun: 404px; } }
/* Do tisku a exportu do PNG jde složený stav — je to stav z návrhu.
   Nulou v --vejir-t se vrátí i posunutý zbytek stránky a výška.
   `!important` je tu kvůli tomu, že postup zapisuje skript inline. */
@media print { #stage-wrap { --vejir-t: 0 !important; }
    .fig-vejir-karta { translate: none !important; }
    .fig-vejir-karta > * { rotate: none !important; } }
/* Tlačítko uprostřed vějíře. Krytí sedí na DESCE, ne na odkazu:
   `#stage a:hover { opacity: .72 }` je (1,1,1) a odkaz si tak
   nechá stejné chování jako všechny ostatní na plátně, zatímco
   se obojí krytí jen vynásobí. Viditelnost naopak patří odkazu —
   `visibility: hidden` ho vyřadí z hit-testu i z tabulátoru,
   kdežto průhledný odkaz by ve složeném stavu polykal kliknutí
   určená kartám pod ním.

   Selektor je pod `#stage-wrap` kvůli specificitě: `#stage a` je
   (1,0,1), `transition` je shorthand a beze změny by odkazu
   zrušil přechod `visibility`. Krytí odkazu se proto vyjmenovává
   znovu — viz stejná past u posunu zbytku stránky výš.

   `visibility` se interpolovat nedá, takže ji nedrží postup, ale třída
   `je-vejir-otevren` — tu skript zapne, jakmile postup přejde 0,65.
   Je to táž chvíle, kdy se tlačítko ukazovalo dřív (prodleva 0,565 s
   z celkových 0,87 s rozevírání). */
#stage-wrap a.fig-vejir-tlacitko { position: absolute; display: block;
    visibility: hidden;
    transition: opacity var(--doba-odkaz) ease; }
#stage-wrap.je-vejir-otevren a.fig-vejir-tlacitko { visibility: visible; }
#stage-wrap .fig-vejir-deska { position: absolute; width: 1440px; height: 0;
    opacity: clamp(0, calc((var(--vejir-t) - 0.65) / 0.35), 1); }
/* Vypnuto pro tohle tlačítko: `#stage a:hover{opacity:.72}` (řádek 71)
   násobí krytí desky (komentář výš), a u prostého textového odkazu je
   to jemné a čitelné. Tady ale deska nese celou plnou pilulku (pozadí
   i text) — 72 % z ní zadavatel 9. 9. 2026 popsal jako „jakoby
   průhledné" po najetí, ne jako jemné ztmavnutí. Tlačítko si teď
   drží plné krytí desky i při najetí; zpětná vazba na hover zůstává
   jen z podkladové pilulky/kurzoru, jako u ostatních CTA tlačítek na
   webu (Objednat se, Zobrazit více…), která taky nemají žádost o
   ztlumení při najetí. */
#stage-wrap a.fig-vejir-tlacitko:hover { opacity: 1; }
/* Do tisku jde složený stav, tedy stránka bez tlačítka. */
@media print { .fig-vejir-tlacitko { display: none !important; } }
/* --------------------------------------------------------------------
   Rezervační formulář v překryvu.

   Je POSTAVENÝ MIMO PLÁTNO, a to schválně: plátno se na užších displejích
   zmenšuje přes transform: scale(). Při šířce okna 375 px je měřítko 0,2604,
   takže pole 311×42 px z návrhu by bylo fyzicky 81×11 px a odesílací
   tlačítko 39×11 px — čtvrtina doporučeného dotykového minima 44×44.
   Uvnitř plátna by formulář nešlo vyplnit.

   Rozměry, barvy a řezy jsou z návrhu (panel 54:384), rozvržení je ale
   mřížka, ne absolutní pozice: na užších displejích se přeskládá do dvou
   a pak jednoho sloupce.
   -------------------------------------------------------------------- */
/* Selektory jsou schválně dvojité (.fig-dialog .fig-dialog-*): plátno má
   v základu reset `body.slug p, h1..h4 { margin: 0 }` se specificitou
   (0,1,1) a ten by jednotřídní pravidlo přebil. Dialog stojí ve stejném
   <body>, takže se ho reset týká taky – i když leží mimo plátno. */
.fig-dialog { border: 0; padding: 0; background: none; color: #3c1d06;
              width: min(1078px, calc(100vw - 32px));
              max-height: calc(100vh - 32px); overflow: auto; }
.fig-dialog::backdrop { background: rgba(60, 29, 6, 0.38); }
/* Pozadí se nesmí rolovat, dokud je dialog otevřený. Váže se to přímo na
   jeho stav, ne na proměnnou ve skriptu – ta se rozejde vždycky, když se
   zapomene na některou cestu zavření (Esc, klik na záclonu). */
html:has(.fig-dialog[open]) { overflow: hidden; }
.fig-dialog .fig-dialog-panel { border-radius: 12px; box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.1);
                    background-image: linear-gradient(191.975deg, rgb(245, 240, 234) 9.9864%, rgb(245, 243, 240) 57.315%);
                    padding: 58px 41px 36px; }
/* Nadpis je v návrhu rozdělený na dva uzly a mezi nimi je kroužkový znak. */
.fig-dialog .fig-dialog-hlava { display: flex; align-items: center; justify-content: center;
                    flex-wrap: wrap; gap: 18px; margin: 0 0 62px;
                    font-family: "Cinzel", serif; font-weight: 600;
                    font-size: 27px; color: #3c1d06; }
.fig-dialog .fig-dialog-znak { position: relative; flex: none; }
.fig-dialog .fig-dialog-znak .fig-ring { position: absolute; left: 0; top: 0; }
.fig-dialog .fig-dialog-jiskra { position: absolute; }
.fig-dialog .fig-dialog-mrizka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
                     gap: 22px 30px; }
.fig-dialog .fig-dialog-popisek { display: block; text-align: center; margin-bottom: 7px;
                      font-family: "Cinzel", serif; font-weight: 600;
                      font-size: 17px; color: #3c1d06; }
.fig-dialog .fig-dialog-pole { display: block; width: 100%; height: 42px; border: 0;
                   border-radius: 32px; background: #ffffff;
                   padding: 0 18px; font-family: "Jost", sans-serif; font-size: 16px;
                   color: #7e5232; }
.fig-dialog .fig-dialog-pole:focus-visible { outline: 2px solid #7e5232; outline-offset: 2px; }
.fig-dialog .fig-dialog-podnadpis { margin: 42px 0 3px; text-align: center;
                        font-family: "Cinzel", serif; font-weight: 600;
                        font-size: 17px; color: #3c1d06; }
.fig-dialog .fig-dialog-storno { text-align: center; font-family: "Jost", sans-serif;
                     font-weight: 300; font-size: 14px;
                     color: #7e5232; }
.fig-dialog .fig-dialog-storno p { margin: 0; }
.fig-dialog .fig-dialog-diky { flex: 1 1 auto; text-align: center;
                               font-family: "Jost", sans-serif; font-size: 14px;
                               font-weight: 500; color: #7e5232; }
/* Poděkování po úspěšném odeslání (KOTLAR-EDU, uzly 5:2343-5:2394) —
   nahrazuje formulář uvnitř téhož <dialog>, ne samostatné okno.
   `.fig-dialog-panel` (formulář) a tohle jsou SOUROZENCI přepínaní
   přes `hidden` skriptem (interakce.js), ne CSS stavem — dialog sám
   se nezavírá ani neotevírá znovu, jen se mu vymění obsah. Šířka
   dialogu (`min(1078px, ...)`) se schválně nemění, jen obsah uvnitř
   je užší a vystředěný — přesně jak v návrhu (panel tam byl 350 px),
   jen bez zdvojeného rámečku navíc (ten dodá stejné pozadí/stín,
   jaké má formulářový panel, `.fig-dialog-panel` výš).
   Tlačítko Zavřít je STEJNÉ jako ve formuláři (`.fig-dialog-zavrit`),
   žádná nová třída pro vzhled — zadání výslovně chtělo tenhle,
   ne nový styl. */
.fig-dialog .fig-rezervace-diky { display: flex; flex-direction: column;
                               align-items: center; text-align: center;
                               width: 100%; max-width: 350px; margin: 0 auto; }
.fig-dialog .fig-rezervace-diky[hidden] { display: none; }
.fig-dialog .fig-rezervace-diky-ikona { width: 84px; height: 84px; margin: 0 0 14px; }
.fig-dialog .fig-rezervace-diky-ikona img { display: block; width: 100%; height: 100%; }
.fig-dialog .fig-rezervace-diky-znacka { display: inline-flex; align-items: center;
                               justify-content: center; height: 42px; padding: 0 18px;
                               margin: 0 0 46px; border-radius: 32px; background: #a8845e;
                               font-family: "Cinzel", serif; font-weight: 600;
                               font-size: 17px; color: #ebe7dd; }
.fig-dialog .fig-rezervace-diky-nadpis { margin: 0 0 14px; font-family: "Cinzel", serif;
                               font-weight: 600; font-size: 25px; line-height: 31px;
                               color: #3c1d06; }
.fig-dialog .fig-rezervace-diky-text { margin: 0 0 32px; font-family: "Jost", sans-serif;
                               font-weight: 300; font-size: 14px; line-height: normal;
                               color: #7e5232; }
/* Tlačítka jsou v návrhu o kousek dál od kraje než mřížka polí (35 px proti
   41 px), proto záporný okraj – ať sedí na návrh, ne na mřížku. */
.fig-dialog .fig-dialog-tlacitka { display: flex; align-items: center; justify-content: space-between;
                       flex-wrap: wrap; gap: 16px;
                       margin: 27px -6px 0; }
/* PODĚKOVÁNÍ NA STŘED PANELU, ne doprostřed zbylého místa. Řádek je
   `space-between` a tlačítka nejsou stejně široká (Zavřít 97, Objednat se
   152), takže text vycházel o 27,2 px vlevo — přesně o půlku toho rozdílu.
   Změřeno, ne odhadnuto; zadavatel to viděl okem.

   Platí JEN pro desktopové pásmo, a to taky z měření: text stojí na
   jednom řádku s tlačítky jen tam (panel 1078 px). V tabletu i na mobilu
   se zalomí na vlastní řádek a je vystředěný sám — naměřená odchylka
   0,0 px. Kdyby se pravidlo pustilo i tam, vytáhlo by text z toku
   a naopak by ho rozbilo. */


.fig-dialog .fig-dialog-zavrit, .fig-dialog .fig-dialog-odeslat { height: 42px; border-radius: 32px;
                       font-family: "Cinzel", serif; font-weight: 600;
                       font-size: 17px; cursor: pointer; }
.fig-dialog .fig-dialog-zavrit { min-width: 97px; padding: 0 18px; background: none;
                     border: 1px solid #a8915e; color: #3c1d06; }
.fig-dialog .fig-dialog-odeslat { min-width: 151px; padding: 0 22px; border: 0;
                      background: #a8845e; color: #ebe7dd; }
.fig-dialog-zavrit:focus-visible, .fig-dialog-odeslat:focus-visible,
.fig-dialog-spoust:focus-visible { outline: 2px solid #7e5232; outline-offset: 3px; }
/* Spouštěč je průhledné tlačítko přes plochu tlačítka z návrhu – grafika
   zůstává vygenerovaná, tohle jen dodá roli, fokus a klávesnici. */
.fig-dialog-spoust { position: absolute; margin: 0; padding: 0; border: 0;
                     background: none; color: transparent; font: inherit;
                     cursor: pointer; -webkit-appearance: none; appearance: none; }
/* Dvě přeskládání. Hranice nejsou z návrhu – ten mobilní rámec zatím nemá –
   jsou odvozené z toho, kdy se do řádku přestanou vejít tři a dva sloupce
   o návrhové šířce pole. */
@media (max-width: 900px) {
	.fig-dialog .fig-dialog-mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.fig-dialog .fig-dialog-mrizka { grid-template-columns: minmax(0, 1fr); }
	.fig-dialog .fig-dialog-panel { padding: 28px 20px 24px; }
	.fig-dialog .fig-dialog-hlava { margin-bottom: 28px; }
	.fig-dialog .fig-dialog-tlacitka { flex-direction: column-reverse; }
	.fig-dialog .fig-dialog-zavrit, .fig-dialog .fig-dialog-odeslat { width: 100%; }
}

/* --- přilepená hlavička -------------------------------------------------
   Pruh stojí MIMO #stage-wrap, protože ten má transform:scale() a uvnitř
   by se `fixed` vztahovalo k němu, ne k oknu. Měřítko mu proto musí dodat
   canvas.js — stejné, jaké dostane plátno.

   Klidový stav je BEZ závoje, takže se horních 103 px stránky vykreslí
   přesně jako v návrhu (ověřeno: 0 odlišných pixelů proti stavu před
   zavedením hlavičky). Závoj se rozsvítí až při scrollování; `opacity: 0`
   vypíná i backdrop-filter, takže v klidu nestojí ani kompozitní vrstvu
   navíc (změřeno na testovací stránce: 0 z 576 000 pixelů rozdílu proti
   variantě, kde závoj v DOM vůbec není).

   Krytí závoje se NEOPISUJE ze vzoru – musí se spočítat z toho, aby text
   hlavičky držel kontrast i nad nejtmavším místem stránky, přes které se
   pruh při scrollování dostane. U Kotlára z toho vyšlo 0.72, kdežto
   vzor má 0,2; viz NAVAZANI.md § 11.

   POZOR na dvě vrstvy, které vypadají zbytečně, a nejsou:
   Vnějšek je přes CELÉ OKNO a nemá měřítko – nese jen závoj, aby pruh
   šel od kraje k okraji i na monitoru širším než návrh. Vnitřek je deska
   široká přesně 1440 px, `margin: 0 auto` a měřítko od canvas.js – přesně
   jako #stage-wrap, jinak se hlavička se stránkou rozejde a na širokém
   monitoru zůstane vlevo, kdežto plátno bude na středu. */
#fig-hlavicka { position: fixed; left: 0; right: 0; top: 0;
                height: var(--fig-hlavicka-h, 75px);
                z-index: 100; --doba-odkaz: .2s;
                --doba-hlavicka: 0.25s; --krivka-hlavicka: cubic-bezier(0.22, 1, 0.36, 1); }
/* Odkazy si musí chování zopakovat: `#stage a` na ně po přestěhování
   nedosáhne, protože hlavička už uvnitř #stage neleží. */
#fig-hlavicka a { cursor: pointer; transition: opacity var(--doba-odkaz) ease; }
#fig-hlavicka a:hover { opacity: .72; }
#fig-hlavicka a:focus-visible { outline: 2px solid #7e5232; outline-offset: 3px; }
/* Závoj sedí ve vnějšku, tedy přes celé okno a BEZ měřítka: rozostření tak
   drží 12 px na každé šířce okna. Výšku bere z téže proměnné jako pruh,
   takže se zmenšuje s plátnem. */
.fig-hlavicka-zavoj { position: absolute; inset: 0;
                      background: rgba(244, 241, 236, 0.72);
                      -webkit-backdrop-filter: blur(12px);
                      backdrop-filter: blur(12px); opacity: 0;
                      transition: opacity var(--doba-hlavicka) var(--krivka-hlavicka); }
html.je-scrollnuto .fig-hlavicka-zavoj { opacity: 1; }
/* Deska drží souřadnou soustavu plátna – uzly si nechávají `left: calc(%)`
   z návrhu, a ta procenta se počítají z její šířky. Výška je nula ze
   stejného důvodu jako u karet na najetí: k ničemu není a jen by dělala
   přetečení. `margin: 0 auto` ji centruje stejně jako #stage-wrap: na širším
   okně doprostřed, na užším k levé hraně (tam je stejně celá stránka
   zmenšená, takže žádné volné místo nezbývá). */
.fig-hlavicka-deska { position: relative; width: 1440px; height: 0;
                      margin: 0 auto; transform-origin: 0 0; }
/* Kotva pod přilepenou hlavičkou. POZOR: `scroll-margin` se transformem
   předka NEŠKÁLUJE (změřeno: při scale 0,26 doskočí kotva stejně 103 px pod
   horní hranu okna jako při scale 1), kdežto hlavička se zmenšuje. Hodnota
   proto musí přijít zvenčí už zmenšená – zapisuje ji canvas.js. */
.anchor { scroll-margin-top: var(--fig-hlavicka-h, 75px); }
/* Do tisku jde hlavička na své místo z návrhu: `fixed` by se v některých
   prohlížečích zopakovala na každé stránce. */
@media print { #fig-hlavicka { position: absolute; }
               .fig-hlavicka-zavoj { display: none; } }

/* --- pozadí širší než plátno -------------------------------------------
   Obrázek 1740 × 7400 px na plátně 1440 px. Stojí MIMO #stage-wrap,
   protože ten má `overflow: hidden` (ořez rámce z návrhu) a cokoli širšího
   než plátno by uřízl. Je před ním v dokumentu, takže se kreslí pod ním —
   plátno nemá z-index, rozhoduje pořadí (§ 6.5 v NAVAZANI.md).

   TŘI VRSTVY, A ŽÁDNÁ NENÍ NAVÍC (týž omyl jsem tu udělal jednou u hlavičky
   a podruhé tady, viz § 11.1 a § 13.2):
     okno   – přes CELÉ OKNO a `overflow: hidden`. Bez něj plocha z okna
              čouhá o 150 px na každou stranu a `documentElement.scrollWidth`
              o to naroste. Vodorovná lišta sice nenaskočí, protože
              `overflow-x: hidden` z <body> se propaguje na viewport, ale
              stránka JE technicky širší, audit to hlásí jako přetok a
              spoléhat se na propagaci je křehké.
     deska  – přesně 1440 px, `margin: 0 auto` a měřítko od canvas.js, tedy
              STEJNĚ jako #stage-wrap. Kdyby se pozadí centrovalo vlastním
              `left`, na monitoru širším než návrh by se od plátna odchýlilo.
     plocha – vlastní obrázek, odsazený o -150 px doleva od desky.

   Barva #E3DED6 je táž, jakou má <body>: nad 1740 px okna obrázek končí a
   pokračuje se jí. V obrázku je jako jeho vlastní okraj, takže mezi ním
   a plochou po stranách není přechod.

   Výška jde z canvas.js (`--fig-platno-h` = skutečná výška plátna), ne
   z `--vejir-posun`: ta sedí na #stage-wrap, kam se odsud nedosáhne.
   Obrázek má PEVNOU výšku 7400 px a nepřepočítává se na % kontejneru —
   s procenty by se při rozprostření vějíře roztáhl, a protože je přes celou
   stránku, posunul by se i vysoko nad galerií (táž past jako u textury
   podkladu, § 7.6). Co obrázek nepokryje, dokreslí spodní pruh. */
#fig-pozadi { position: relative; width: 100%; height: 0;
              --fig-pozadi-h: 7898px; }
/* --------------------------------------------------------------------
   „Vybrat vše“ nemá obarvit celou stránku.

   Tahle vrstva je čistá dekorace (nese `aria-hidden`), ale je v ní
   `<img>` 1740 × 7400 px — a výběr obrázky tónuje. Ctrl+A z toho udělalo
   jeden souvislý modrý obdélník přes celé okno a působilo to, jako by byl
   web zavřený v boxu. Zadavatel se ptal právě na tohle.

   Po vyjmutí z výběru zůstane označené jen to, co označené být má: text
   a fotky obsahu. Změřeno na okně 1700 px: tónovaná plocha 100 % → 18 %.
   Vybraného textu se to nedotklo — vrstva žádný text neobsahuje.
   -------------------------------------------------------------------- */
#fig-pozadi { -webkit-user-select: none; user-select: none; }
/* --------------------------------------------------------------------
   Dekorace není obsah: nedá se označit, chytit ani odtáhnout.

   Značkou dekorace je PRÁZDNÝ `alt` — přesně to znamená „obrázek, který
   odečítač má přeskočit“, takže se nic nevymýšlí a nic se neudržuje
   ručně. V plátnech je takových obrázků 325; fotek s popisem, které
   zůstávají normální, je 29.

   `pointer-events: none` nevadí ani těm 18 ikonám, které leží uvnitř
   odkazu nebo tlačítka (šipky, ikony sítí, logo): ukazatel jimi projde
   a trefí odkaz, který je pod nimi. Ověřeno hit-testem přes střed
   každého odkazu a tlačítka v plátně.

   Vnořené `<svg>` je v plátnech jen jedno — text po obvodu kroužku.
   Ten je taky dekorace, tak jde do stejného pravidla.
   -------------------------------------------------------------------- */
body.atelier-kotlar img[alt=""],
body.atelier-kotlar .fig-ring {
    -webkit-user-select: none; user-select: none;
    -webkit-user-drag: none; pointer-events: none; }
.fig-pozadi-okno { position: absolute; top: 0; left: 0; width: 100%;
                   height: var(--fig-platno-h, var(--fig-pozadi-h));
                   overflow: hidden; pointer-events: none; }
.fig-pozadi-deska { position: relative; width: 1440px; height: 0;
                    margin: 0 auto; transform-origin: 0 0; }
.fig-pozadi-plocha { position: absolute; top: 0; left: -150px;
                     width: 1740px;
                     height: var(--fig-platno-h, var(--fig-pozadi-h));
                     background: #E3DED6; overflow: hidden; }
/* `orez` ukusuje krajní pixely obrázku na VŠECH ČTYŘECH stranách. Pod ním je
   táž barva, jakou má plocha i <body>, takže se tím nic nepřekreslí — jen se
   zahodí hraniční řada. Ztrátové kodeky ji totiž mívají o pár jednotek vedle
   a nechat ji tam znamená vlasovou linku přes celou šířku nebo výšku stránky.
   U dodané předlohy to bylo změřeno: krajní sloupce o 3 z 255, horní řádek
   o 4. Ořezává se tady, ne v souboru: překódovat kvůli jedné řadě pixelů
   cizí předlohu by ubralo víc, než kolik to spraví. */
.fig-pozadi-obraz { position: absolute; left: 0; top: 0;
                    width: 100%; height: 7400px;
                    clip-path: inset(2px); }
@media print { #fig-pozadi { display: none; } }
/* --- umělá výplň stran ------------------------------------------
   Kresba předlohy se u jejího okraje vytrácí do plné barvy (změřeno:
   nula na posledních 30 px, plná amplituda až 400 px od kraje), takže
   na monitoru širším než 1740 px zbývá po stranách holá plocha. Tohle ji
   dokresluje šumem, jehož statistika je odvozená z předlohy, ne
   odhadnutá — postup i čísla jsou v NAVAZANI.md § 14.

   Maska je to podstatné: u švu musí být amplituda NULA, jinak by na
   hranici obrázku vznikla svislá linka. Textura proto přes celý pás
   obrázku nekreslí nic a ven narůstá teprve přes 800 px. Pod 1740 px
   okna je obrázek širší než okno, takže maska vypne úplně všechno.

   Vrstvy jsou DVĚ s nesoudělnými periodami. Jedna dlaždice se přes
   výšku stránky opakuje doslova (změřeno: autokorelace +1,01 na
   posunu rovném její výšce), dvě s periodami 3000 a 5300 px mají
   společnou periodu 159000 px, takže se na stránce nezopakují.

   Vrstvy se NEMÍCHAJÍ přes mix-blend-mode a není tu ani `isolation`:
   barva je namíchaná už v SVG, první vrstva se kreslí neprůhledně
   a druhá se skládá obyčejnou alfou. Změřeno proč: mix-blend-mode
   přepne Chrome do jiné kompoziční cesty pro CELOU stránku a na
   studiu tím přestane ditherovat radiální přechody placeholderů
   (29 343 pixelů až o 86 z 255, odstínů 16 301 → 6 079, tedy
   z hladkého přechodu na pruhovaný).

   ZRUŠIT to celé = smazat klíč `vypln_stran` v project.json. */
.fig-pozadi-okno::before { content: ""; position: absolute; inset: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iMzAwMCIgdmlld0JveD0iMCAwIDkwMCAzMDAwIj48ZmlsdGVyIGlkPSJ0IiB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuMDAyMjIyIDAuMDAxMDAwIiBudW1PY3RhdmVzPSIxIiBzZWVkPSI3IiBzdGl0Y2hUaWxlcz0ic3RpdGNoIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMjI2MjcgMC4yMjYyNyAwLjIyNjI3IDAgMC41NTA3OCAgMC4yMjYyNyAwLjIyNjI3IDAuMjI2MjcgMCAwLjUzMTE4ICAwLjIyNjI3IDAuMjI2MjcgMC4yMjYyNyAwIDAuNDk5ODAgIDAgMCAwIDAgMS4wIi8+PC9maWx0ZXI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSIzMDAwIiBmaWx0ZXI9InVybCgjdCkiLz48L3N2Zz4=");
    background-size: 900px 3000px; background-repeat: repeat;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(50% - 1670.0px), transparent calc(50% - 870.0px), transparent calc(50% + 870.0px), #000 calc(50% + 1670.0px), #000 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(50% - 1670.0px), transparent calc(50% - 870.0px), transparent calc(50% + 870.0px), #000 calc(50% + 1670.0px), #000 100%); }
.fig-pozadi-okno::after { content: ""; position: absolute; inset: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTUwIiBoZWlnaHQ9IjUzMDAiIHZpZXdCb3g9IjAgMCAxMTUwIDUzMDAiPjxmaWx0ZXIgaWQ9InQiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDIyMjIgMC4wMDEwMDAiIG51bU9jdGF2ZXM9IjEiIHNlZWQ9IjgiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yMjYyNyAwLjIyNjI3IDAuMjI2MjcgMCAwLjU1MDc4ICAwLjIyNjI3IDAuMjI2MjcgMC4yMjYyNyAwIDAuNTMxMTggIDAuMjI2MjcgMC4yMjYyNyAwLjIyNjI3IDAgMC40OTk4MCAgMCAwIDAgMCAwLjUiLz48L2ZpbHRlcj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTE1MCIgaGVpZ2h0PSI1MzAwIiBmaWx0ZXI9InVybCgjdCkiLz48L3N2Zz4=");
    background-size: 1150px 5300px; background-repeat: repeat;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(50% - 1670.0px), transparent calc(50% - 870.0px), transparent calc(50% + 870.0px), #000 calc(50% + 1670.0px), #000 100%);
    mask-image: linear-gradient(to right, #000 0, #000 calc(50% - 1670.0px), transparent calc(50% - 870.0px), transparent calc(50% + 870.0px), #000 calc(50% + 1670.0px), #000 100%); }
@media print { .fig-pozadi-okno::before,
                .fig-pozadi-okno::after { display: none; } }


/* Řádkování změřené na návrhu tam, kde se "normal" v prohlížeči liší od návrhu */
[data-node-id="1:118"] p, [data-node-id="1:118"] { line-height: 24.86px; }
[data-node-id="54:543"] p, [data-node-id="54:543"] { line-height: 25px; }

/* Kořen plátna je průhledný — podklad kreslí vrstva #fig-pozadi pod ním. */
#stage [data-node-id="1:19"] { background-color: transparent; }



/* ==== stránka: studio ==== ================================================
   Vlastní plátno 1440 × 1865 px. Třídy mají vlastní předponu
   (project.json → class_prefix), takže se s hlavním plátnem
   nepotkají. Výšku nese třída na #stage-wrap, ne na <body>:
   selektor (1,1,0) tak přebije jak `#stage-wrap` ze zaklad_css,
   tak případné pravidlo mechanismu hlavního plátna — a platí
   stejně v motivu i ve statickém náhledu, bez zásahu do PHP.
   ==================================================================== */
#stage-wrap.stranka-studio { height: 1865px; }
.fs1{background-color:#f4f1ec;height:100%;position:relative;width:100%}
.fs2{height:1871px;left:-24px;position:absolute;top:-6px;width:1554px}
.fs3{inset:0;opacity:0.5;overflow:hidden;pointer-events:none;position:absolute}
.fs4{height:10306px;left:-36.83px;max-width:none;position:absolute;top:-109.08px;width:1949.96px}
.fs5{background-color:#f4f1ec;height:1903px;left:-51px;mix-blend-mode:multiply;position:absolute;top:-38px;width:1626px}
.fs6{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(41.67% + 97px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:60px;word-break:break-word}
.fs7{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(50% + 95px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:90px;word-break:break-word}
.fs8{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(25% + 115.5px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fs9{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(58.33% + 104.5px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);width:83px;word-break:break-word}
.fs10{color:#3c1d06;font-family:"Cinzel", serif;font-size:18px;font-style:normal;font-weight:500;left:calc(33.33% + 105px);line-height:normal;position:absolute;text-align:center;top:45px;transform:translateX(-50%);white-space:nowrap;word-break:break-word}
.fs11{height:43.698px;left:calc(8.33% + 58px);position:absolute;top:27.99px;width:118.838px}
.fs12{display:block;height:100%;inset:0;max-width:none;position:absolute;width:100%}
.fs13{height:16px;left:calc(91.67% - 57px);position:absolute;top:95px;width:16px}
.fs14{background-color:#a8845e;border-radius:32px;height:45px;left:calc(75% + 22px);position:absolute;top:32px;width:162px}
.fs15{color:#f1ede4;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(75% + 103px);line-height:normal;position:absolute;text-align:center;top:43px;transform:translateX(-50%);width:162px;word-break:break-word}
.fs16{height:0px;left:175px;position:absolute;top:103px;width:1080px}
.fs17{inset:-0.5px 0;position:absolute}
.fs18{display:block;height:100%;max-width:none;width:100%}
.fs19{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ3IDQ3NicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNDEwMiAxOC4zNjE5IC0yMy44NDk5IC02LjU2NTEgMzMxLjU3IC00Mi41NTYpJz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI0OSwyNDEsMjMyLDEpJyBvZmZzZXQ9JzAnLz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI1NSwyNTUsMjU1LDEpJyBvZmZzZXQ9JzEnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");border-radius:12px;height:476px;left:176px;opacity:0.6;position:absolute;top:383px;width:347px}
.fs20{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ2IDQ3NicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMzc0NSAxOC4zNjE5IC0yMy43ODEyIC02LjU2NTEgMzMwLjYxNCAtNDIuNTU2KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;height:476px;left:547px;opacity:0.6;position:absolute;top:749px;width:346px}
.fs21{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ3IDM0MycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNDEwMiAxMy4yMzEzIC0yMy44NDk5IC00LjczMDggMzMxLjU3IC0zMC42NjU0KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;height:343px;left:176px;opacity:0.6;position:absolute;top:883px;width:347px}
.fs22{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ2IDM0MicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuMzc0NSAxMy4xOTI4IC0yMy43ODEyIC00LjcxNyAzMzAuNjE0IC0zMC41NzYpJz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI0OSwyNDEsMjMyLDEpJyBvZmZzZXQ9JzAnLz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI1NSwyNTUsMjU1LDEpJyBvZmZzZXQ9JzEnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");border-radius:12px;height:342px;left:547px;opacity:0.6;position:absolute;top:383px;width:346px}
.fs23{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ3IDI2NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNDEwMiAxMC4xODM5IC0yMy44NDk5IC0zLjY0MTIgMzMxLjU3IC0yMy42MDI1KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;height:264px;left:917px;opacity:0.6;position:absolute;top:671px;width:347px}
.fs24{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ3IDI2NicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNDEwMiAxMC4yNjEgLTIzLjg0OTkgLTMuNjY4NyAzMzEuNTcgLTIzLjc4MTMpJz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI0OSwyNDEsMjMyLDEpJyBvZmZzZXQ9JzAnLz48c3RvcCBzdG9wLWNvbG9yPSdyZ2JhKDI1NSwyNTUsMjU1LDEpJyBvZmZzZXQ9JzEnLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");border-radius:12px;height:266px;left:917px;opacity:0.6;position:absolute;top:959px;width:347px}
.fs25{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzQ3IDI2NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJz48cmVjdCB4PScwJyB5PScwJyBoZWlnaHQ9JzEwMCUnIHdpZHRoPScxMDAlJyBmaWxsPSd1cmwoI2dyYWQpJyBvcGFjaXR5PScxJy8+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSdncmFkJyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzAnIGN5PScwJyByPScxMCcgZ3JhZGllbnRUcmFuc2Zvcm09J21hdHJpeCgtMTIuNDEwMiAxMC4xODM5IC0yMy44NDk5IC0zLjY0MTIgMzMxLjU3IC0yMy42MDI1KSc+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNDksMjQxLDIzMiwxKScgb2Zmc2V0PScwJy8+PHN0b3Agc3RvcC1jb2xvcj0ncmdiYSgyNTUsMjU1LDI1NSwxKScgb2Zmc2V0PScxJy8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+");border-radius:12px;height:264px;left:917px;opacity:0.6;position:absolute;top:383px;width:347px}
.fs26{color:#a8845e;font-family:"Cinzel Decorative", serif;font-size:42px;font-style:normal;font-weight:400;left:calc(50% + 0.5px);line-height:normal;position:absolute;text-align:center;top:159px;transform:translateX(-50%);white-space:nowrap;width:523px;word-break:break-word}
.fs27{color:#7e5232;font-family:"Jost", sans-serif;font-size:0px;font-weight:300;height:69px;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;top:292px;transform:translateX(-50%);width:827px;word-break:break-word}
.fs28{font-size:18px;line-height:22px;margin-bottom:0;white-space:nowrap}
.fs29{font-size:18px;line-height:22px;white-space:nowrap}
.fs30{color:#7e5232;font-family:"Cinzel Decorative", serif;font-size:59px;font-style:normal;font-weight:400;left:50%;line-height:normal;position:absolute;text-align:center;top:208px;transform:translateX(-50%);white-space:nowrap;width:682px;word-break:break-word}
.fs31{color:#7e5232;font-family:"Jost", sans-serif;font-size:19px;font-weight:300;height:69px;left:50%;line-height:22px;position:absolute;text-align:center;top:1389px;transform:translateX(-50%);white-space:nowrap;width:810px;word-break:break-word}
.fs32{height:69px;left:50%;position:absolute;top:1268px;transform:translateX(-50%);width:72px}
.fs33{color:#3c1d06;font-family:"Cinzel Decorative", serif;font-size:23px;font-style:normal;font-weight:700;left:calc(50% + 0.5px);line-height:normal;position:absolute;text-align:center;top:1354px;transform:translateX(-50%);width:479px;word-break:break-word}
.fs34{background-color:#a8845e;border-radius:32px;height:42px;left:calc(16.67% + 294px);position:absolute;top:1443px;width:360px}
.fs35{background-color:#f1eee9;border-radius:32px;height:56px;left:calc(41.67% + 254px);position:absolute;top:1436px;width:56px}
.fs36{color:#ebe7dd;font-family:"Cinzel", serif;font-size:17px;font-style:normal;font-weight:600;left:calc(25% + 339px);line-height:normal;position:absolute;text-align:center;top:1453px;transform:translateX(-50%);width:292px;word-break:break-word}
.fs37{height:30px;left:calc(50% + 157px);position:absolute;top:1449px;width:15px}
.fs38{background-color:#f1eee9;height:72px;left:0;position:absolute;top:1793px;width:1440px}
.fs39{color:#7e5232;font-family:"Lora", serif;font-size:0px;font-weight:400;height:83px;left:calc(20.83% - 124px);line-height:0;position:absolute;top:1657px;white-space:pre-wrap;width:372px;word-break:break-word}
.fs40{font-size:16px;margin-bottom:0}
.fs41{font-family:"Jost", sans-serif;font-weight:500;line-height:normal}
.fs42{font-family:"Jost", sans-serif;font-weight:300;line-height:normal}
.fs43{color:#d19f68;font-family:"Jost", sans-serif;font-weight:400;line-height:normal}
.fs44{color:#3c1d06;font-family:"Jost", sans-serif;font-weight:300;line-height:normal}
.fs45{font-size:16px}
.fs46{color:#7e5232;font-family:"Jost", sans-serif;font-weight:500;line-height:normal}
.fs47{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(45.83% - 33px);line-height:0;position:absolute;top:1657px;width:91px;word-break:break-word}
.fs48{line-height:normal;margin-bottom:0}
.fs49{line-height:normal}
.fs50{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(66.67% - 78px);line-height:0;position:absolute;top:1657px;width:91px;word-break:break-word}
.fs51{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(54.17% - 65px);line-height:0;position:absolute;top:1657px;width:91px;word-break:break-word}
.fs52{color:#7e5232;font-family:"Jost", sans-serif;font-size:16px;font-weight:300;height:83px;left:calc(70.83% - 50px);line-height:0;position:absolute;top:1657px;width:91px;word-break:break-word}
.fs53{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(50% - 93px);line-height:normal;position:absolute;top:1614px;width:161px;word-break:break-word}
.fs54{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(70.83% - 138px);line-height:normal;position:absolute;top:1614px;width:161px;word-break:break-word}
.fs55{color:#3c1d06;font-family:"Jost", sans-serif;font-size:20px;font-weight:500;height:26px;left:calc(87.5% - 120px);line-height:normal;position:absolute;top:1614px;width:128px;word-break:break-word}
.fs56{color:#7e5232;font-family:"Jost", sans-serif;font-size:14px;font-weight:400;height:17px;left:calc(50% + 0.5px);line-height:0;position:absolute;text-align:center;top:1819px;transform:translateX(-50%);width:467px;word-break:break-word}
.fs57{color:#3c1d06;font-family:"Jost", sans-serif;font-weight:700;line-height:normal}
.fs58{height:34.389px;left:calc(8.33% + 58px);position:absolute;top:1599.31px;width:93.523px}
.fs59{height:19px;left:calc(83.33% - 58px);position:absolute;top:1667px;width:19px}
.fs60{height:19px;left:calc(83.33% - 16px);position:absolute;top:1667px;width:19px}
.fs61{height:16px;left:calc(83.33% + 24px);position:absolute;top:1668px;width:24px}
.fs62{height:16px;left:calc(91.67% - 56px);position:absolute;top:1559px;width:16px}
.fs63{height:0px;left:calc(8.33% + 56px);position:absolute;top:1567px;width:1080px}
.fs64{align-items:center;display:flex;height:142px;justify-content:center;left:calc(33.33% + 102px);position:absolute;top:1567px;width:0px}
.fs65{flex:none;transform:rotate(90deg)}
.fs66{height:0px;position:relative;width:142px}
.fs67{align-items:center;display:flex;height:142px;justify-content:center;left:calc(58.33% - 3px);position:absolute;top:1567px;width:0px}
.fs68{align-items:center;display:flex;height:142px;justify-content:center;left:calc(75% + 16px);position:absolute;top:1567px;width:0px}
/* Kořen plátna je průhledný — podklad kreslí vrstva #fig-pozadi pod ním. */
#stage [data-node-id="49:42"] { background-color: transparent; }
#fig-pozadi.stranka-studio { --fig-pozadi-h: 1865px; }
/* Bez tohohle spadne #fig-pozadi na výchozí 7898px (výška HOMEPAGE) —
   #fig-pozadi je position:absolute, takže nezvětšuje layout žádného
   předka, ale i tak natáhne scrollovatelnou výšku CELÉ stránky na
   svou vlastní výšku (prohlížeč počítá scrollHeight z nejnižšího bodu
   čehokoli na stránce, ať je to v toku nebo ne). Na 404 (skutečný
   obsah ~740px) by tak zbylo přes 7000 px prázdného rolování pod
   patičkou.

   NAPEVNO ZAPSANÉ ČÍSLO (900px, první pokus 9. 9. 2026) bylo špatně:
   zadavatel dostal ROLOVÁNÍ, kde žádné být nemá, protože 900 je víc,
   než kolik 404 na většině oken skutečně potřebuje. Řešení bez
   hádání čísla: `#fig-pozadi` se roztáhne přes `inset: 0` na svého
   rodiče `.fig-404-podklad` (`position: relative`, `height: auto`).
   Ten rodič v toku obsahuje `#fig-pozadi` (mimo tok, nepočítá se),
   `<main>` A patičku (viz 404.php) — jeho `auto` výška proto vyjde
   přesně na součet obou, ať už je text krátký nebo se zalomí na víc
   řádků.

   PATIČKA MUSÍ BÝT UVNITŘ TOHOHLE OBALU, NE AŽ ZA NÍM: `#fig-paticka`
   nemá vlastní pozadí (jen svůj spodní pruh na copyright řádku), na
   všech ostatních stránkách nad plátnem jen průhledně stojí, takže
   texturou/vinětou plátna „prosvítá" i pod ní. Když tu dřív obal
   končil na konci `<main>` a patička stála až za ním, plátno se pod
   ní vůbec nekreslilo — zbyla holá plochá barva `<body>` bez viněty,
   a na širších oknech (nad 1740 px, kde je viněta nejvíc vidět) to
   dělalo ostrý švih přesně v místě, kde patička začíná (zadavatel:
   „fig-404-podklad má ale jiné pozadí než patička"). */
#fig-pozadi.stranka-404 { position: absolute; inset: 0; width: auto; height: auto; }
#fig-pozadi.stranka-404 .fig-pozadi-okno { height: 100%; }
#fig-pozadi.stranka-404 .fig-pozadi-plocha { height: 100%; }
.fig-404-podklad { position: relative; }
/* termin:od */

/* --- výběr termínu ------------------------------------------------------
   Původně vygeneroval build (slozit_web.py); ten se už nespouští — EDITUJ PŘÍMO.

   Selektory MUSÍ být dvojité (.fig-dialog .fig-termin-*): `.fig-dialog
   .fig-dialog-pole` má specificitu (0,2,0) a jednotřídní pravidlo by
   přebilo — `display: flex` by se neuplatnil, šipka by skončila hned za
   textem jako inline prvek bez rozměrů. Změřeno, ne odhad. */
.fig-termin { position: relative; }
.fig-dialog .fig-termin-spoust { display: flex; align-items: center;
    justify-content: space-between; gap: 10px; width: 100%; height: 42px;
    border: 0; border-radius: 32px; background: #fff; padding: 0 18px;
    font-family: "Jost", sans-serif; font-size: 16px; color: #7e5232;
    text-align: left; cursor: pointer; }
.fig-dialog .fig-termin-spoust[aria-expanded="true"] { box-shadow: 0 0 0 1px #a8915e inset; }
.fig-dialog .fig-termin-spoust.je-prazdny { color: #a89a8c; }
.fig-termin-sipka { flex: none; width: 9px; height: 9px; margin-top: -4px;
    border-right: 1.5px solid #a8845e; border-bottom: 1.5px solid #a8845e;
    rotate: 45deg; transition: rotate .18s ease; }
.fig-dialog .fig-termin-spoust[aria-expanded="true"] .fig-termin-sipka {
    rotate: 225deg; margin-top: 3px; }

/* Panel jde do top layer (atribut popover) — uvnitř dialogu by se jinak
   ořízl, .fig-dialog má overflow: auto. Šířku mu proto musí dát skript
   z karty dialogu; na mobilu má karta z návrhu 343 px. */
/* `position: fixed`, NE `absolute` — panel je v top layer a `absolute`
   by ho svázalo s containing blockem, který se (na rozdíl od viewportu)
   posouvá se stránkou. S `absolute` se panel při odscrollování stránky
   (ne uvnitř `.fig-dialog`, ale stránky POD ním) tiše odtrhl od tlačítka,
   přestože `umisti()` počítala se stejnými, neměnnými souřadnicemi
   tlačítka — problém nebyl v přepočtu, ale v tom, vůči čemu se
   `top`/`left` vůbec odměřují. Viz proc/rezervace_panel_scroll.py. */
.fig-termin-panel { margin: 0; border: 0; padding: 22px 24px 18px;
    border-radius: 12px; background: #fff;
    box-shadow: 0 18px 48px rgba(60, 29, 6, .18); color: #3c1d06;
    inset: auto; position: fixed; width: max-content; }
.fig-termin-panel:not(:popover-open) { display: none; }
/* `stretch`, ne `flex-start`: sloupec časů se tím natáhne přesně na výšku
   kalendáře a rolování končí na jeho spodní hraně. S pevnou max-height se
   při dlouhé otevírací době (8-21 dá 26 časů) ořízl řádek v půlce a vypadalo
   to jako chyba vykreslení. */
.fig-termin-obsah { display: flex; gap: 26px; align-items: stretch; }
.fig-termin-mesic { width: 266px; flex: none; }
.fig-termin-radek { display: flex; align-items: center;
    justify-content: space-between; margin-bottom: 14px; }
.fig-termin-nazev { font-family: "Cinzel", serif; font-weight: 600; font-size: 17px; }
.fig-termin-krok { width: 30px; height: 30px; border: 1px solid #a8915e;
    border-radius: 50%; background: none; cursor: pointer; display: flex;
    align-items: center; justify-content: center; }
.fig-termin-krok:disabled { opacity: .3; cursor: default; }
.fig-termin-krok span { width: 7px; height: 7px; border-left: 1.5px solid #3c1d06;
    border-bottom: 1.5px solid #3c1d06; rotate: 45deg; margin-left: 3px; }
.fig-termin-krok.je-dopredu span { rotate: 225deg; margin: 0 3px 0 0; }
.fig-termin-mrizka { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.fig-termin-den-zkratka { text-align: center; font-size: 11px; font-weight: 500;
    letter-spacing: .08em; text-transform: uppercase; color: #a89a8c;
    padding-bottom: 6px; }
.fig-termin-den { aspect-ratio: 1; border: 0; border-radius: 50%; background: none;
    font-family: "Jost", sans-serif; font-size: 15px; color: #3c1d06; cursor: pointer; }
.fig-termin-den:hover:not(:disabled) { background: #f5f0ea; }
.fig-termin-den:disabled { color: #c7bcb0; cursor: default; }
.fig-termin-den.je-dnes:not(.je-vybrany) { box-shadow: 0 0 0 1px #a8915e inset; }
.fig-termin-den.je-vybrany { background: #a8845e; color: #ebe7dd; }
.fig-termin-casy { width: 232px; flex: none; display: flex;
    flex-direction: column; min-height: 0; }
.fig-termin-nadpis { font-family: "Cinzel", serif; font-weight: 600; font-size: 17px;
    margin: 0 0 14px; }
/* `max-height` je pojistka pro krátká okna a jemný krok: při 5 minutách
   vyjde přes sto časů a panel by přerostl obrazovku. Při běžném nastavení
   se neuplatní a sloupec prostě doroste ke kalendáři. */
.fig-termin-dlazdice { display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 8px; align-content: start; flex: 1 1 auto; min-height: 0;
    max-height: 60vh; overflow: auto; padding-right: 4px; }
.fig-termin-cas { height: 34px; border: 1px solid #a8915e; border-radius: 32px;
    background: none; font-family: "Jost", sans-serif; font-size: 15px;
    color: #7e5232; cursor: pointer; }
.fig-termin-cas:hover { background: #f5f0ea; }
.fig-termin-cas.je-vybrany { background: #a8845e; border-color: #a8845e; color: #ebe7dd; }
.fig-termin-prazdno { font-size: 14px; font-weight: 300; color: #7e5232;
    line-height: 1.5; margin: 0; }
.fig-termin-pata { display: flex; align-items: center;
    justify-content: space-between; gap: 16px; margin-top: 18px; padding-top: 14px;
    border-top: 1px solid rgba(168, 145, 94, .35); }
.fig-termin-shrnuti { font-size: 14px; color: #7e5232; }
.fig-termin-shrnuti b { font-weight: 500; color: #3c1d06; }
.fig-termin-vymazat { border: 0; background: none; padding: 0;
    font-family: "Jost", sans-serif; font-size: 14px; color: #7e5232;
    text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.fig-termin-vymazat[hidden] { display: none; }
.fig-termin-den:focus-visible, .fig-termin-cas:focus-visible,
.fig-termin-krok:focus-visible, .fig-termin-vymazat:focus-visible,
.fig-dialog .fig-termin-spoust:focus-visible { outline: 2px solid #7e5232;
    outline-offset: 2px; }

/* Hranice 620 px je táž, na které se přeskládá mřížka polí dialogu. */
@media (max-width: 620px) {
    .fig-termin-panel { padding: 18px 18px 14px; }
    .fig-termin-obsah { flex-direction: column; gap: 18px; }
    .fig-termin-mesic, .fig-termin-casy { width: 100%; }
    /* Na telefonu je pod sebou kalendář i časy, takže strop musí být nižší —
       jinak panel přeroste obrazovku a spodek se ořízne. */
    .fig-termin-dlazdice { grid-template-columns: repeat(4, 1fr); max-height: 34vh; }
}
/* termin:do */
/* spec:od */

/* --- výběr specialisty ---------------------------------------------------
   Stejný vzorec jako výběr termínu výš — tlačítko + popover panel s
   dlaždicemi, ne nativní <select> (viz proc/rezervace_specialista_vzhled.py):
   ten se nedal ostylovat (systémový seznam) a s celými jmény byla jedna
   dlouhá svislá nabídka nepřehledná. Dlaždice jmen proto sdílejí rozměry
   a barvy s .fig-termin-cas, ne novou paletu. */
.fig-spec { position: relative; }
.fig-dialog .fig-spec-spoust { display: flex; align-items: center;
    justify-content: space-between; gap: 10px; width: 100%; height: 42px;
    border: 0; border-radius: 32px; background: #fff; padding: 0 18px;
    font-family: "Jost", sans-serif; font-size: 16px; color: #7e5232;
    text-align: left; cursor: pointer; }
.fig-dialog .fig-spec-spoust[aria-expanded="true"] { box-shadow: 0 0 0 1px #a8915e inset; }
/* Celé jméno se do 42px vysokého tlačítka nemusí vejít na jeden řádek —
   ellipsis, ne zalomení (druhý řádek by tlačítko zvýšil a rozhodil mřížku
   polí, kde všechna ostatní pole mají pevných 42px). */
.fig-spec-spoust span:first-child { overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; min-width: 0; }
.fig-dialog .fig-spec-spoust[aria-expanded="true"] .fig-termin-sipka {
    rotate: 225deg; margin-top: 3px; }

/* position: fixed, ne absolute — viz komentář u .fig-termin-panel výš. */
.fig-spec-panel { margin: 0; border: 0; padding: 18px 20px;
    border-radius: 12px; background: #fff;
    box-shadow: 0 18px 48px rgba(60, 29, 6, .18); color: #3c1d06;
    inset: auto; position: fixed; width: max-content; }
.fig-spec-panel:not(:popover-open) { display: none; }
/* 3 sloupce na šířku dialogu, 2 na tabletu, 1 na mobilu — stejné zlomy
   jako .fig-dialog-mrizka o pár řádků výš, ať se mřížka polí a mřížka
   jmen přeskládávají shodně. */
.fig-spec-mrizka { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 8px; max-height: 60vh; overflow: auto; padding-right: 4px; }
.fig-spec-jmeno { height: 34px; padding: 0 14px; border: 1px solid #a8915e;
    border-radius: 32px; background: none; font-family: "Jost", sans-serif;
    font-size: 14px; color: #7e5232; cursor: pointer; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; }
.fig-spec-jmeno:hover { background: #f5f0ea; }
.fig-spec-jmeno.je-vybrany { background: #a8845e; border-color: #a8845e; color: #ebe7dd; }
.fig-spec-jmeno:focus-visible,
.fig-dialog .fig-spec-spoust:focus-visible { outline: 2px solid #7e5232;
    outline-offset: 2px; }

@media (max-width: 900px) {
    .fig-spec-mrizka { grid-template-columns: repeat(2, minmax(130px, 1fr)); }
}
@media (max-width: 620px) {
    .fig-spec-panel { padding: 16px 16px 14px; }
    .fig-spec-mrizka { grid-template-columns: 1fr; max-height: 40vh; }
}
/* spec:do */


/* paticka:od */
/* Patička jako samostatný blok — vygenerováno buildem. */
/* Blok stojí v TOKU pod plátnem, ne v něm — proto `relative`.
   Šířka i `transform-origin` jsou stejné jako u #stage-wrap, aby
   procenta v `left` uzlů vycházela z téhož základu (1440 px) a aby
   měřítko z canvas.js sedělo. `overflow` ořezává stejně jako
   plátno. */
#fig-paticka { position: relative; width: 1440px; height: 306px;
    margin: 0 auto; overflow: hidden; transform-origin: 0 0;
    --doba-odkaz: .2s;
    /* `will-change` je tu kvůli VYKRESLOVÁNÍ PÍSMA, a není to
       ozdoba: `canvas.js` transform doopravdy mění (zmenšuje s ním
       patičku na studiu pod 1440 px), takže je i po zásluze.
       Uvnitř plátna kreslil prohlížeč text patičky ŠEDĚ, protože
       #stage-wrap je vlastní kreslicí vrstva. V toku se patička
       kreslila přímo na <body>, kde se zapne SUBPIXELOVÉ
       vyhlazování — písmo dostalo oranžovo-modré třásně.
       Vlastní vrstvu si `will-change: transform` vynutí zpátky.
       ZMĚŘENO na pásu y 7590–7897 proti záloze (odlišné px,
       max kanálů): bez zásahu 13 807, `will-change` na obalu
       5 334, `opacity:.999` na obalu 5 345, `translateZ(0)` na
       uzlech 6 075, `will-change` na uzlech 7 616, `isolation`
       13 807 (nic). 5 334 je přesně pruh patičky, tedy rozdíl,
       který v regresi stál i před přesunem — na písmu nezbylo nic.
       Co NEFUNGOVALO: `transform: scale(1)` od canvas.js (jednotková
       matice se zahodí, vrstva nevznikne), `translate: 0` na uzlech
       ani na obalu, `-webkit-font-smoothing` (na Windows nedělá nic
       — render byl bajt po bajtu týž).

       8. 9. 2026 — POKUS PŘESUNOUT `will-change` na vnitřní
       `.pt-vrstva` (kvůli firefoxímu bugu, viz
       proc/paticka_firefox_devtools_2x.py) VRÁCEN ZPĚT. Zadavatel po
       nasazení nahlásil, že se bug nejen neopravil, ale patička se
       navíc při přechodu DevTools zavřeno→otevřeno→zavřeno vykreslila
       DVAKRÁT přes sebe (viditelný duch/rozostření) — tedy hůř, ne
       líp. Nejpravděpodobnější důvod: DVĚ kompozitní vrstvy (rodič
       i `.pt-vrstva`) daly Firefoxu víc příležitostí ke stejné třídě
       chyby (špatně zneplatněná vrstva po vynuceném přeskládání), ne
       míň. Nepomáhalo to, tak se to nedrží — jedna vrstva přímo na
       `#fig-paticka`, jako předtím. Bug ve Firefoxu ZŮSTÁVÁ
       NEVYŘEŠENÝ (viz proc/paticka_firefox_devtools_2x.py, dodatek);
       je to ale ryze kosmetická, samo-léčivá věc (zmizí při jakémkoli
       zmenšení/zvětšení okna) a řešení „odstranit will-change úplně"
       by vrátilo tu barevnou třáseň písma, kterou tahle vlastnost
       opravuje — horší kompromis. */
    will-change: transform; }
/* Odkazy si tohle nesou z `#stage a`, kam blok už nepatří. */
#fig-paticka a { cursor: pointer; transition: opacity var(--doba-odkaz) ease; }
#fig-paticka a:hover { opacity: .72; }
#fig-paticka a:focus-visible { outline: 2px solid #7e5232; outline-offset: 3px; }
/* Plátno se zkracuje přesně o výšku bloku — ten teď stojí POD ním.
   Píše se to sem, ne do původního pravidla: `style.css` se nedá
   přegenerovat a `zpet()` umí smazat celý tenhle blok. */
#stage-wrap { height: calc(7592px + var(--vejir-posun)); }
/* V pásmech kreslí patičku jejich vlastní plátno. Podmínka je
   kladná (`.pasmo-tablet`), ne `:not(.pasmo-desktop)` — kdyby
   `pasma.js` neběžel, nesmí patička zmizet. */
/* `#fig-paticka` se tu do 22. 8. 2026 v pásmech schovávala —
   patičky byly tři. Teď je JEDNA pro všechna pásma, takže se
   skrývat nesmí; mění se jí jen polohy bloků. */
#fig-paticka .fx9 { top: 234px; }
#fig-paticka .fx221 { top: 98px; }
#fig-paticka .fx229 { top: 98px; }
#fig-paticka .fx230 { top: 98px; }
#fig-paticka .fx231 { top: 98px; }
#fig-paticka .fx232 { top: 98px; }
#fig-paticka .fx233 { top: 55px; }
#fig-paticka .fx234 { top: 55px; }
#fig-paticka .fx235 { top: 55px; }
#fig-paticka .fx236 { top: 260px; }
#fig-paticka .fx238 { top: 40.31px; }
#fig-paticka .fx290 { top: 108px; }
#fig-paticka .fx291 { top: 108px; }
#fig-paticka .fx292 { top: 109px; }
#fig-paticka .fx337 { top: 0px; }
#fig-paticka .fx338 { top: 8px; }
#fig-paticka .fx339 { top: 8px; }
#fig-paticka .fx340 { top: 8px; }
#fig-paticka .fx341 { top: 8px; }
/* paticka:do */
/* slouceni:od */
/* Nová patička podle rámců 166:68 (desktop), 176:425 (tablet)
   a 176:80 (mobil) — zadání 17. 8. 2026. Polohy jsou ČTENÉ
   z dat návrhu, ne opsané; vypisuje se jen to, co se liší.
   Původní pravidla se nepřepisují, `zpet()` maže celý blok. */
#fig-paticka .fx221 { top: 98px; }
#fig-paticka .fx221 { width: 554px; }
#fig-paticka .fx229 { left: 797px; }
#fig-paticka .fx229 { top: 98px; }
#fig-paticka .fx230 { left: 885px; }
#fig-paticka .fx230 { top: 98px; }
#fig-paticka .fx231 { left: 974px; }
#fig-paticka .fx231 { top: 98px; }
#fig-paticka .fx233 { left: 797px; }
#fig-paticka .fx233 { top: 55px; }
#fig-paticka .fx235 { top: 55px; }
#fig-paticka .fx236 { top: 230px; }
#fig-paticka .fx238 { top: 40.31px; }
#fig-paticka .fx9 { top: 204px; }
#fig-paticka .fx290 { top: 108px; }
#fig-paticka .fx291 { top: 108px; }
#fig-paticka .fx292 { top: 109px; }
#fig-paticka .fx337 { top: 0px; }
#fig-paticka .fx338 { top: 8px; }
#fig-paticka .fx339 { left: 752px; }
#fig-paticka .fx339 { top: 8px; }
#fig-paticka .fx341 { top: 8px; }
/* 30. 8. 2026 — základ přepsán na `var(--vejir-baze)`, ať ho jde
   přebít pro tablet (pasma-jeden.css) jedním pravidlem na proměnnou,
   místo kopírováním celého tohohle `calc()` se zkopírovaným číslem.
   Tohle pravidlo je PŘESTO, KAM SE PÍŠE — je poslední ve stylesheetu,
   tedy vítězí nad `#stage-wrap`-pravidly výš (921 a 1538). Viz
   proc/vejir_sticky_scroll.py. */
#stage-wrap { height: calc(var(--vejir-baze) + var(--vejir-posun)); }
#fig-paticka { height: 276px; }
#stage-wrap.stranka-studio { height: 1895px; }
/* slouceni:do */


/* pozadi:od */
/* Pozadí stránky JEN Z CSS — vygenerováno buildem z
   _build/varianta_pozadi.py, varianta index-cssvysoka.html.
   webP se nepoužívá: `<img class="fig-pozadi-obraz">` se skrývá
   a kresbu nese dlaždice ze SVG. */
.fig-pozadi-obraz { display: none !important; }
.fig-pozadi-plocha { background: transparent !important; }
.fig-pozadi-okno::before, .fig-pozadi-okno::after {
    -webkit-mask-image: none !important; mask-image: none !important; }
.fig-pozadi-okno::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIwIiBoZWlnaHQ9IjI1MjAiIHZpZXdCb3g9IjAgMCAyNTIwIDI1MjAiPjxmaWx0ZXIgaWQ9InQiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDI3NzggMC4wMDExOTAiIG51bU9jdGF2ZXM9IjEiIHNlZWQ9IjciIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4xOTAwMCAwLjE5MDAwIDAuMTkwMDAgMCAwLjYwNTIwICAwLjE5MDAwIDAuMTkwMDAgMC4xOTAwMCAwIDAuNTg1NTkgIDAuMTkwMDAgMC4xOTAwMCAwLjE5MDAwIDAgMC41NTQyMiAgMCAwIDAgMCAxLjAiLz48L2ZpbHRlcj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjUyMCIgaGVpZ2h0PSIyNTIwIiBmaWx0ZXI9InVybCgjdCkiLz48L3N2Zz4=") !important;
    background-size: 2520px 2520px !important; background-repeat: repeat !important;
    background-position: calc(50% + 630px) 1575px !important;
    inset: -1200px -3200px !important;
    transform: rotate(35deg) !important;
    transform-origin: 50% 5351px !important;
    display: block !important; }
.fig-pozadi-okno::after { display: none !important; }
/* Vrstva platí i v pásmech. Dokud pozadí nesl obrázek, byla
   v tabletu a mobilu schovaná a ta dvě pásma si ho kreslila
   `background`em na <body>. Teď kreslí jedna vrstva všude. */


/* NÁKLON JEN NA DESKTOPU — rozhodnutí zadavatele 15. 8. 2026,
   protože na telefonu viditelně cukalo rolování (Pixel, ceník).

   Otočená vrstva se musí nafouknout tak, aby po otočení pokryla
   i rohy okna, a na dlouhé stránce to znamená šířku zhruba jako
   je stránka vysoká. ZMĚŘENO, plocha kresby proti okno × výška:
     mobil  504 × 8474 : 6904 × 10874 = 75,1 Mpx  ->  4,3 Mpx
     tablet 900 × 8283 : 7300 × 10683 = 78,0 Mpx  ->  7,5 Mpx
   Bez náklonu je vrstva přesně jako okno a dláždí se rychlou
   cestou bez převzorkování — 18× a 10× méně práce na snímek.
   Desktop náklon má: je to odladěná podoba a cukání se tam
   nehlásilo. Dlaždice je v obou případech TÁŽ (`DLAZDICE`
   ve `varianta_pozadi.py`), liší se jen otočení a amplituda —
   ta zvýšená patří k rotaci, viz `css_bez_naklonu()`. */

/* pozadi:do */
/* rezervace-css:od */

/* Rezervační formulář — stavy, které návrh nekreslí (chyba, odesílání,
   past na roboty). Původně vygeneroval build; ten se už nespouští — EDITUJ PŘÍMO.

   Všechno, co tu přibývá, je ve výchozím stavu BEZ ROZMĚRU: past je mimo
   obrazovku a hláška má `hidden`. Kdyby cokoli z toho zabíralo místo,
   povyroste výška panelu a `kontrola_formulare.py` spadne na rozměru
   proti návrhu. */
.fig-rezervace-past {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.fig-dialog .fig-rezervace-stav {
	margin: 18px 0 0;
	text-align: center;
	font-family: "Jost", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.4;
	color: #7e5232;
}

.fig-dialog .fig-rezervace-stav.je-chyba {
	color: #9b2c1e;
}

.fig-dialog .fig-rezervace-stav.je-hotovo {
	font-weight: 500;
	color: #3c1d06;
}

/* Vyznačení vadného pole. `box-shadow` místo `border`, protože pole má
   z návrhu `border: 0` a rámeček by ho o 2 px zvětšil. */
.fig-dialog .fig-dialog-pole.je-chyba,
.fig-dialog .fig-termin-spoust.je-chyba {
	box-shadow: 0 0 0 1px #9b2c1e inset;
}

.fig-dialog .fig-dialog-odeslat[disabled] {
	opacity: .6;
	cursor: default;
}
/* rezervace-css:do */


/* ===================================================
   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-pozadi{ display: block !important; }
html:root .fig-pozadi-okno::before{ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIwIiBoZWlnaHQ9IjI1MjAiIHZpZXdCb3g9IjAgMCAyNTIwIDI1MjAiPjxmaWx0ZXIgaWQ9InQiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDI3NzggMC4wMDExOTAiIG51bU9jdGF2ZXM9IjEiIHNlZWQ9IjciIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4xNjAwMCAwLjE2MDAwIDAuMTYwMDAgMCAwLjY1MDIwICAwLjE2MDAwIDAuMTYwMDAgMC4xNjAwMCAwIDAuNjMwNTkgIDAuMTYwMDAgMC4xNjAwMCAwLjE2MDAwIDAgMC41OTkyMiAgMCAwIDAgMCAxLjAiLz48L2ZpbHRlcj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjUyMCIgaGVpZ2h0PSIyNTIwIiBmaWx0ZXI9InVybCgjdCkiLz48L3N2Zz4=") !important;
    background-size: 2520px 2520px !important; background-repeat: repeat !important;
    background-position: calc(50% + 630px) 1575px !important;
    inset: 0 !important;
    transform: none !important;
    display: block !important; }
}

@media (min-width:768px) and (max-width:1199px){
html:root #fig-pozadi{ display: block !important; }
html:root .fig-pozadi-okno::before{ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIwIiBoZWlnaHQ9IjI1MjAiIHZpZXdCb3g9IjAgMCAyNTIwIDI1MjAiPjxmaWx0ZXIgaWQ9InQiIHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMDI3NzggMC4wMDExOTAiIG51bU9jdGF2ZXM9IjEiIHNlZWQ9IjciIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4xNjAwMCAwLjE2MDAwIDAuMTYwMDAgMCAwLjY1MDIwICAwLjE2MDAwIDAuMTYwMDAgMC4xNjAwMCAwIDAuNjMwNTkgIDAuMTYwMDAgMC4xNjAwMCAwLjE2MDAwIDAgMC41OTkyMiAgMCAwIDAgMCAxLjAiLz48L2ZpbHRlcj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjUyMCIgaGVpZ2h0PSIyNTIwIiBmaWx0ZXI9InVybCgjdCkiLz48L3N2Zz4=") !important;
    background-size: 2520px 2520px !important; background-repeat: repeat !important;
    background-position: calc(50% + 630px) 1575px !important;
    inset: 0 !important;
    transform: none !important;
    display: block !important; }
}

@media (min-width:1200px){
html:root:root .fig-dialog .fig-dialog-tlacitka{
                       position: relative; }
html:root:root .fig-dialog .fig-dialog-diky{
                       position: absolute; left: 50%; transform: translateX(-50%); }
}

/* --------------------------------------------------------------------
   Stránka 404 (`404.php`) — jediná šablona webu, která NENÍ absolutně
   pozicované plátno z Figmy. Normální tok, plně responzivní sama
   od sebe (žádné pásmové soubory), ať se kvůli chybové stránce
   nestaví třetí sada @media pravidel bez návrhu k ničemu.
   Padding nahoře počítá s pevnou hlavičkou (`#fig-hlavicka`, výchozích
   75px, viz `var(--fig-hlavicka-h, 75px)` — na 404 se nikdy nepřepíše,
   canvas.js se na stránce bez #stage-wrap vůbec nespustí) a stejnou
   mezerou pod ní (28px), jakou má dělicí čárka na ostatních stránkách
   (`.cn-ozdoba-cara` v cenik.css apod.) — proto `top: 103px`.

   PŮVODNĚ (9. 9. 2026) byl `.fig-404` svisle vycentrovaný na
   `min-height: calc(100vh - 75px)`, což na běžné obrazovce nechalo
   obrovské prázdno nad i pod obsahem — zadavatel to nahlásil,
   nahrazeno prostým odsazením shora, žádné umělé roztahování na
   výšku okna. */
.fig-404 { position: relative; display: flex; flex-direction: column;
    align-items: center; padding: 103px 24px 64px; text-align: center; }
.fig-404-cara { width: 100%; max-width: 1080px; height: 1px; background: #D2BEA9;
    position: relative; margin: 0 0 56px; }
.fig-404-hvezda { position: absolute; right: -4px; top: -8px; width: 16px; height: 16px;
    background: url("assets/obrazky/imgVector37.svg") no-repeat center/contain; }
.fig-404-obsah { max-width: 520px; }
/* `body.atelier-kotlar` prefix NENÍ ozdoba: motiv resetuje okraje
   `<p>`/`<h1>`…`<h4>` na `body.atelier-kotlar p{margin:0}` (specificita
   0-1-2) — prostá `.fig-404-text{margin:...}` (0-1-0) proti tomu
   prohrává a mezera se nikdy neprojeví (zadavatel to nahlásil, tlačítko
   vypadalo nalepené na text i po prvním pokusu ji zvětšit). Stejná
   past už jednou chytla podtržení u `.fig-domu-recenze`, viz
   proc/domu_recenze_a_cist_vice.py. */
body.atelier-kotlar .fig-404-cislo { margin: 0; font-family: "Cinzel Decorative", serif; font-weight: 400;
    font-size: 96px; line-height: 1; color: #a8845e; opacity: .55; }
body.atelier-kotlar .fig-404-nadpis { margin: 8px 0 18px; font-family: "Cinzel", serif; font-weight: 600;
    font-size: 32px; color: #3c1d06; }
body.atelier-kotlar .fig-404-text { margin: 0 0 48px; font-family: "Jost", sans-serif; font-weight: 300;
    font-size: 16px; line-height: 26px; color: #7e5232; }
.fig-404-tlacitko { display: inline-flex; align-items: center; justify-content: center;
    height: 48px; padding: 0 30px; border-radius: 32px; background: #a8845e;
    color: #f1eee9; font-family: "Cinzel", serif; font-weight: 600; font-size: 17px;
    transition: opacity .2s ease; }
.fig-404-tlacitko:hover { opacity: .82; }
@media (max-width: 600px) {
    .fig-404-cislo { font-size: 72px; }
    .fig-404-nadpis { font-size: 26px; }
}