uvnitr

neni platne HTML, parser

uzavre PRED nim. Absolutne pozicovany text tim ztrati zamysleny containing block, left: 0 se pocita k nejblizsimu pozicovanemu predkovi vys a hlaska vyjede mimo odsazeni sloupce. Druha hlaska o dvacet radku niz ("a kalorickou radu.", :1169) je obycejny textovy uzel a zarovnana je, coz tu pricinu potvrzuje. Tady se pozicovani jen zrusi. Spravna oprava patri do zdroje, viz PRO MOJMIRA bod 10 v js/zs26-objednavka.js. */ body.zs26-obj #fox2 #nabidkaprogram > div[style*="absolute"] { position: static !important; left: auto !important; top: auto !important; font-size: 16px; line-height: 1.5; color: var(--zs-barva-text-popisek); } /* Po rozdeleni parserem zbyde prazdny

a za nim
, tedy dva sourozenci, kteri jen delaji misto. */ body.zs26-obj #fox2 #nabidkaprogram > p:empty, body.zs26-obj #fox2 #nabidkaprogram > br { display: none; } body.zs26-obj #fox2 #nabidkaprogram .jidelnicek { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: 88px; height: auto; min-height: var(--zs-vyska-tlacitko-male); margin: 0; padding: var(--zs-odstup-sm) var(--zs-odstup-base); background: var(--zs-barva-pozadi-karta); border: 1px solid var(--zs-barva-ramecek-karta); border-radius: var(--zs-radius-male); } body.zs26-obj #fox2 #nabidkaprogram .jidelnicek.act { background: var(--zs-barva-akcent-limetka-plo); border: 2px solid var(--zs-barva-ramecek-doporucena); } /* Vnitrni obal karty ma v enginu vysku 100 % a vlastni flex (template2024.css:1282), pri automaticke vysce cipu to musi jit dolu. */ body.zs26-obj #fox2 #nabidkaprogram .jidelnicek > div { width: auto; height: auto; margin: 0; padding: 0; } body.zs26-obj #fox2 #nabidkaprogram .jidelnicek h6 { position: static; top: auto; bottom: auto; width: auto; margin: 0; padding: 0; font-size: 17.5px; font-weight: 700; line-height: 1.2; color: var(--zs-barva-text-nadpis); white-space: nowrap; } /* 6d. Kombinace chodu, #nabidka_kodu .klikblok. Figma 16, karta s nazvem a cenou za den. Cena uz je v DOMu, sedi jako textovy uzel vedle

(objednavka-zal2-typ5-kod-CD-program1.html:1173). / body.zs26-obj #fox2 #nabidka_kodu .klikblok { flex-direction: column; gap: var(--zs-odstup-xs); padding: var(--zs-odstup-md) var(--zs-odstup-base); background: var(--zs-barva-pozadi-karta); border: 1px solid var(--zs-barva-ramecek-karta); border-radius: var(--zs-radius-male); color: var(--zs-barva-text-zakladni); transition: none; } body.zs26-obj #fox2 #nabidka_kodu .klikblok:hover { background: var(--zs-barva-pozadi-jemne); border-color: var(--zs-barva-ramecek-doporucena); } body.zs26-obj #fox2 #nabidka_kodu .klikblok.act { background: var(--zs-barva-akcent-limetka-plo); border: 2px solid var(--zs-barva-ramecek-doporucena); } / V karte je jeden vnitrni obal a v nem

Celodenni

plus holy textovy uzel "558 Kc" (markup enginu ma navic zavirajici , takze se cena neda zamerit vlastnim selektorem). Cena je druhy radek diky blokovemu h6. */ body.zs26-obj #fox2 #nabidka_kodu .klikblok > div { width: 100%; font-size: 14.5px; font-weight: 600; line-height: 1.4; color: var(--zs-barva-text-tlumeny); } body.zs26-obj #fox2 #nabidka_kodu .klikblok h6 { margin: 0; padding: 0; font-size: 15.5px; font-weight: 700; line-height: 1.2; color: var(--zs-barva-text-nadpis); } body.zs26-obj #fox2 #nabidka_kodu .klikblok.act h6 { color: var(--zs-barva-text-nadpis); } body.zs26-obj #fox2 .rozbalKody { color: var(--zs-barva-text-odkaz); font-weight: 600; } /* 6e. Delky, #nabidkaDnyDelka. Figma 17: cip se dvema radky, nazev a "5 dnu, 1 240 Kc". Druhy radek v DOMu dnes neni, doplnit ho muze jen JS, viz css/POZNAMKY.md. CSS pripravuje misto. */ /* UPRAVENO 31. 8. 2026, Marek: "tady mam jinak ruzne velikost buttonu". Pet moznosti delky se pri stope 140 px lamalo na 4 + 1 a osamocena dlazdice v druhem radku mela jinou vysku nez ty nad ni (90 proti 56 px, mereno 31. 8., sloupec ma zhruba 634 px). Uzsi stopa je vsech pet vedle sebe. */ body.zs26-obj #fox2 #nabidkaDnyDelka.cenik_nabidka.nabidkaDnyDelka { display: grid; grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); grid-auto-rows: auto; grid-gap: var(--zs-odstup-sm); white-space: normal; } body.zs26-obj #fox2 #nabidkaDnyDelka .jidelnicek { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--zs-odstup-xs); width: auto; height: 100%; /* Stejna vyska jako volby v doporucovaci kalkulacce, aby to na webu vypadalo jako jedna komponenta, ne dve. height 100 % srovna i radek, ktery zustane neuplny. */ min-height: 64px; margin: 0; padding: var(--zs-odstup-md) var(--zs-odstup-sm); background: var(--zs-barva-pozadi-karta); border: 1px solid var(--zs-barva-ramecek-karta); border-radius: var(--zs-radius-male); text-align: center; } body.zs26-obj #fox2 #nabidkaDnyDelka .jidelnicek.act { background: var(--zs-barva-akcent-limetka-plo); border: 2px solid var(--zs-barva-ramecek-doporucena); } /* Kontejner delek nese i tridu "nabidkaprogram", takze na nej sedi template2024.css:702 az 705 (karta 130x90, vnitrni obal s paddingem 25 px). Oboje musi dolu, jinak je cip dvakrat vyssi, nez ma byt. */ body.zs26-obj #fox2 #nabidkaDnyDelka .jidelnicek > div { width: auto; height: auto; margin: 0; padding: 0; } body.zs26-obj #fox2 #nabidkaDnyDelka .jidelnicek h6 { position: static; top: auto; bottom: auto; width: auto; margin: 0; padding: 0; font-size: 15.5px; font-weight: 700; line-height: 1.2; color: var(--zs-barva-text-nadpis); white-space: normal; } /* Radek s cenou, ktery do karty doplni JS. */ body.zs26-obj #fox2 #nabidkaDnyDelka .zs26-obj-cip-cena { font-size: 13.5px; line-height: 1.3; color: var(--zs-barva-text-popisek); font-weight: 400; } /* 6f. Doplnky, #vyber5. Karta si nechava foto, meni se jen ramecek. */ body.zs26-obj #fox2 .nabidka_doplnky .doplnek { border: 1px solid var(--zs-barva-ramecek-karta); border-radius: var(--zs-radius-karta); background: var(--zs-barva-pozadi-karta); } body.zs26-obj #fox2 .nabidka_doplnky .doplnek.act { background: var(--zs-barva-akcent-limetka-plo); border: 2px solid var(--zs-barva-ramecek-doporucena); } /* --------------------------------------------------------------------------- 7. Souhrn objednavky Figma 16 a 17, pravy panel. Kremove pozadi, dl radky, cena za den velka, celkem, stav. --------------------------------------------------------------------------- */ body.zs26-obj .zs26-obj-souhrn { background: var(--zs-barva-pozadi-sekce-2); border-radius: var(--zs-radius-karta); padding: var(--zs-odstup-xl); } body.zs26-obj .zs26-obj-souhrn__nadpis { margin: 0 0 var(--zs-odstup-base) 0; padding: 0; font-size: 17.5px; font-weight: 700; line-height: 1.35; color: var(--zs-barva-text-nadpis); } body.zs26-obj .zs26-obj-souhrn__radky { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--zs-odstup-md); row-gap: var(--zs-odstup-sm); margin: 0 0 var(--zs-odstup-base) 0; padding: 0 0 var(--zs-odstup-base) 0; border-bottom: 1px solid var(--zs-barva-ramecek-karta); } body.zs26-obj .zs26-obj-souhrn__radky dt { margin: 0; font-size: 15.5px; color: var(--zs-barva-text-popisek); } body.zs26-obj .zs26-obj-souhrn__radky dd { margin: 0; font-size: 15.5px; font-weight: 700; color: var(--zs-barva-text-nadpis); text-align: right; } body.zs26-obj .zs26-obj-souhrn__cena-den { display: flex; align-items: baseline; /* OPRAVA 27. 8. 2026, Marek: "tady je cena a mena moc daleko od sebe". Do te doby to bylo space-between, takze cislo sedelo vlevo a jednotka u praveho okraje panelu, mezi nimi 200 px niceho. */ justify-content: flex-start; gap: var(--zs-odstup-xs); margin: 0 0 var(--zs-odstup-sm) 0; font-size: 17.5px; font-weight: 700; color: var(--zs-barva-text-nadpis); } /* Castka. JS ji podle KONTRAKTu sype dovnitr, obalena at je nebo . */ body.zs26-obj .zs26-obj-souhrn__cena-den strong, body.zs26-obj .zs26-obj-souhrn__cena-den .zs26-obj-souhrn__castka { font-size: 28px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--zs-barva-text-nadpis); } body.zs26-obj .zs26-obj-souhrn__rozpad { margin: 0 0 var(--zs-odstup-md) 0; font-size: 14.5px; line-height: 1.5; color: var(--zs-barva-text-popisek); } body.zs26-obj .zs26-obj-souhrn__celkem { display: flex; align-items: baseline; justify-content: space-between; gap: var(--zs-odstup-md); margin: 0 0 var(--zs-odstup-sm) 0; font-size: 17.5px; font-weight: 700; color: var(--zs-barva-text-nadpis); } body.zs26-obj .zs26-obj-souhrn__celkem strong, body.zs26-obj .zs26-obj-souhrn__celkem .zs26-obj-souhrn__castka { font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; } body.zs26-obj .zs26-obj-souhrn__stav { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--zs-barva-text-popisek); } body.zs26-obj .zs26-obj-souhrn a { color: var(--zs-barva-text-odkaz); font-weight: 600; text-decoration: none; } body.zs26-obj .zs26-obj-souhrn a:hover { text-decoration: underline; } /* Blok pomoci na konci panelu. PRESTAVENO 27. 8. 2026, Marek: "at tento blok je logicky a jednoduchy". PRESTAVENO ZNOVU 31. 8. 2026, Marek: tlacitko "Zavolame vam" z panelu pryc, odvadelo z objednavky a dublovalo telefon o dva radky niz. Zbyva nadpis, dva blbuvzdorne popsane odkazy na samoobsluznou pomoc a telefon. */ body.zs26-obj .zs26-obj-pomoc { display: flex; flex-direction: column; gap: var(--zs-odstup-md); margin: var(--zs-odstup-base) 0 0 0; padding: var(--zs-odstup-base) 0 0 0; border-top: 1px solid var(--zs-barva-ramecek-karta); } body.zs26-obj .zs26-obj-pomoc__nadpis { margin: 0; font-size: 15.5px; font-weight: 700; line-height: 1.3; color: var(--zs-barva-text-nadpis); } body.zs26-obj .zs26-obj-pomoc__popis { margin: 2px 0 0 0; font-size: 13.5px; line-height: 1.45; color: var(--zs-barva-text-popisek); } body.zs26-obj .zs26-obj-pomoc__odkazy { display: flex; flex-direction: column; gap: var(--zs-odstup-sm); margin: 0; padding: 0; list-style: none; } body.zs26-obj .zs26-obj-pomoc__odkazy a { color: var(--zs-barva-text-odkaz); font-size: 15.5px; font-weight: 600; line-height: 1.4; text-decoration: none; } body.zs26-obj .zs26-obj-pomoc__odkazy a:hover { text-decoration: underline; } /* --------------------------------------------------------------------------- 8. Akce a mobilni lista Desktop: primarni "Pokracovat: ", vedle textove "Zpet". Mobil: lepi se dolu, vlevo cena, vpravo tlacitko (M9, M10). Dnesni lista enginu #respofix se schova. --------------------------------------------------------------------------- */ body.zs26-obj .zs26-obj-akce { display: flex; flex-wrap: wrap; align-items: center; gap: var(--zs-odstup-base); margin: var(--zs-odstup-xl) 0 0 0; } /* Poradi v DOMu je dalsi, zpet. Na obrazovce ma byt zpet vlevo a pokracovat vpravo, jako u NutritionPro (03 .../screenshoty/cz/nutritionpro/ 05-konfigurator.jpg). Resi to order, ne prehazeni uzlu, aby se nemenila logika v JS ani poradi pro ctecku (zpet je v DOMu az za pokracovat zamerne, prvni v poradi ma byt hlavni akce). */ body.zs26-obj .zs26-obj-akce__zpet { order: 1; } body.zs26-obj .zs26-obj-akce__dalsi { order: 3; margin-left: auto; } body.zs26-obj .zs26-obj-hlaska { order: 4; flex: 0 0 100%; } /* Text tlacitka jsou dva spany ("Pokracovat" + ": od kdy") a zdedeny gap ze zs26-obj-tlacitko delal mezeru PRED dvojteckou: "Pokracovat : od kdy" (Markuv screenshot 31. 8.). Dvojtecka ma sedet hned za slovem, mezeru za ni nese text detailu. */ body.zs26-obj .zs26-obj-akce__dalsi, body.zs26-obj .zs26-obj-akce__zpet { gap: 0; } body.zs26-obj .zs26-obj-akce__cena { display: none; font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.2; color: var(--zs-barva-text-nadpis); } body.zs26-obj .zs26-obj-akce__cena-popis { display: none; font-size: 13.5px; line-height: 1.3; color: var(--zs-barva-text-popisek); } body.zs26-obj .zs26-obj-akce__napoveda { font-size: 15.5px; color: var(--zs-barva-text-popisek); } /* Dnesni mobilni lista. Selektor s atributem, aby prebil .body_v2.StrObjednavka.zal2 #respofix (template2024.css:2030), ktery ma tri tridy. Bez toho by to chtelo !important. */ body.zs26-obj[data-zs26-krok] #respofix { display: none; } /* --------------------------------------------------------------------------- 9. Uvolneno 1. 9. 2026 Byla tu "dieta kroku 4": pravidlo body.zs26-obj:not(.zs26-obj--vice) [data-zs26-volitelne="1"] { display: none } a peti-blokovy styl textoveho tlacitka .zs26-obj-vice ("Dalsi moznosti"). Oboji nahradil blok U20 na konci souboru. Cislo sekce zustava obsazene, aby se neposunula cisla odkazovana z JS a z POZNAMKY.md. --------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------- 10. Hlasky vrstvy Figma 16: informacni pas na kremovem pozadi s tmave zlutym textem. --------------------------------------------------------------------------- */ body.zs26-obj .zs26-obj-hlaska { margin: var(--zs-odstup-base) 0; padding: var(--zs-odstup-md) var(--zs-odstup-base); border-radius: var(--zs-radius-male); font-size: 15.5px; font-weight: 600; line-height: 1.5; } /* OPRAVA QA 2026-08-21: prazdna hlaska nesmi zabirat misto. JS ji znacky data-zs26-prazdne="1" dava uz od zacatku, CSS to nevyuzivalo, takze v mobilni lepici liste zabirala cely radek navic (lista mela 157 px misto zhruba 72 px a prekryvala obsah). */ body.zs26-obj .zs26-obj-hlaska[data-zs26-prazdne="1"], body.zs26-obj .zs26-obj-souhrn__cena-den[data-zs26-prazdne="1"], body.zs26-obj .zs26-obj-souhrn__celkem[data-zs26-prazdne="1"] { display: none; } body.zs26-obj .zs26-obj-hlaska--info { background: var(--zs-barva-pozadi-sekce-2); color: var(--zs-barva-stav-pozor); } body.zs26-obj .zs26-obj-hlaska--chyba { background: var(--zs-barva-stav-chyba-plo); color: var(--zs-barva-stav-chyba); } body.zs26-obj .zs26-obj-hlaska a { color: inherit; text-decoration: underline; } /* --------------------------------------------------------------------------- 11a. Do 1024 px, jeden sloupec Souhrn se sklopi pod formular a prestane byt sticky. --------------------------------------------------------------------------- */ @media (max-width: 1024px) { /* OPRAVA QA 2026-08-21: stejne zdvojeni jako u desktopove varianty, jinak by desktopovy grid (0,3,0) prebil tenhle mobilni prepis (0,2,0). */ body.zs26-obj--fox2 .zs26-obj-rozvrzeni.zs26-obj-rozvrzeni { display: block; } body.zs26-obj .zs26-obj-rozvrzeni > .zs26-obj-souhrn { position: static; top: auto; width: auto; margin-top: var(--zs-odstup-xl); } body.zs26-obj .zs26-obj-krokovnik { margin-bottom: var(--zs-odstup-base); } } /* --------------------------------------------------------------------------- 11b. Do 700 px, mobil podle M8, M8b, M9, M10 (navrh kreslen na 390 px) - karta bez ramecku, obsah az k okrajum - krokovnik: aktivni pilulka s nazvem, ostatni jen cislo - PSC: pole a tlacitko pod sebou, oboji na celou sirku - akce: lepici lista dole, vlevo cena, vpravo tlacitko --------------------------------------------------------------------------- */ @media (max-width: 700px) { /* Karta se na mobilu rozpusti, jinak by byl obsah dvakrat odsazeny. */ body.zs26-obj .zs26-obj-rozvrzeni > #fox2, body.zs26-obj .zs26-obj-rozvrzeni > .zs26-obj-psc { padding: 0; border: 0; border-radius: 0; background: none; } body.zs26-obj .zs26-obj-souhrn { padding: var(--zs-odstup-base); } /* Krokovnik: 1 ✓ 2 Jidlo 3 4 */ body.zs26-obj .zs26-obj-krokovnik > ol { flex-wrap: wrap; gap: var(--zs-odstup-xs); } body.zs26-obj .zs26-obj-krokovnik__polozka { margin-left: 0; padding: var(--zs-odstup-xs) var(--zs-odstup-md); font-size: 13.5px; } body.zs26-obj .zs26-obj-krokovnik__polozka + .zs26-obj-krokovnik__polozka::before { content: none; } body.zs26-obj .zs26-obj-krokovnik__polozka:not(.zs26-obj-krokovnik__polozka--aktivni) .zs26-obj-krokovnik__nazev { display: none; } /* U hotoveho kroku bez nazvu musi fajfka viset na cisle. */ body.zs26-obj .zs26-obj-krokovnik__polozka--hotovo:not(.zs26-obj-krokovnik__polozka--aktivni) .zs26-obj-krokovnik__cislo::after { content: "\00a0\2713"; color: var(--zs-barva-ikona-check); } body.zs26-obj .zs26-obj-nadpis, body.zs26-obj #fox2 > #vyber1 > h2, body.zs26-obj #fox2 > #vyber4 > h2, body.zs26-obj #fox2 > #vyber7 > h2 { font-size: 22px; } body.zs26-obj .zs26-obj-perex { font-size: 16px; } /* ZRUSENO 26. 8. 2026 vecer. Do te doby tady byla mobilni podoba obrazovky M8: display: block na formu, pole i tlacitko na celou sirku, kazde na vlastnim radku. Z PSC uz je pas, takze to delalo ctyri radky misto dvou a Marek napsal, ze je blok moc velky. Kompaktni podobu resi blok U11. */ body.zs26-obj .zs26-obj-psc__stav { padding: var(--zs-odstup-md) var(--zs-odstup-base); } /* M9: cipy delek uzsi, at se vejdou dva az tri v radku. */ body.zs26-obj #fox2 #nabidkaDnyDelka.cenik_nabidka.nabidkaDnyDelka { grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); } /* M9 a M10: lepici lista dole. Prostor pod obsahem, at lista nic nezakryva. ZVETSENO 26. 8. 2026: lista ma od navratu tlacitka Zpet tri radky misto dvou, zmereno 113 px. Rezerva 96 px uz nestacila a lista prekryvala spodek obsahu. */ body.zs26-obj .zs26-obj-rozvrzeni { padding-bottom: calc(var(--zs-odstup-sekce) + var(--zs-odstup-sekce)); } body.zs26-obj .zs26-obj-akce { position: fixed; left: 0; right: 0; bottom: 0; z-index: 11; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--zs-odstup-sm) var(--zs-odstup-md); margin: 0; padding: var(--zs-odstup-md) var(--zs-odstup-base); padding-bottom: calc(var(--zs-odstup-md) + env(safe-area-inset-bottom, 0px)); background: var(--zs-barva-pozadi-stranka); border-top: 1px solid var(--zs-barva-ramecek-karta); } body.zs26-obj .zs26-obj-akce__cena { display: block; grid-column: 1 / -1; grid-row: 1; } body.zs26-obj .zs26-obj-akce__cena-popis { display: block; grid-column: 1 / -1; grid-row: 2; } /* OPRAVA 26. 8. 2026: Zpet bylo na mobilu display: none a komentar sliboval, ze "patri nad listu, do obsahu". Zadne takove pravidlo ale neexistovalo, takze na mobilu nebylo Zpet vidout vubec a jedina cesta zpatky byl krokovnik. Presunout uzel nesmim, kontrakt to zakazuje, takze Zpet zustava v liste a lista ma o radek vic. Vzor: Factor ma na mobilu presne tohle, Back obrysove vlevo a Next plne a sirsi vpravo (03 .../screenshoty/svet/factor/09-onboarding-mobil.jpg). */ body.zs26-obj .zs26-obj-akce__zpet { display: inline-flex; grid-column: 1; grid-row: 3; padding: 0 var(--zs-odstup-base) !important; } body.zs26-obj .zs26-obj-akce__dalsi { grid-column: 2; grid-row: 3; margin-left: 0; justify-self: stretch; } /* Kdyz Zpet neni (prvni krok), sloupec 1 se smrskne na nulu a Pokracovat zabere celou sirku. [hidden] musi prebit display: inline-flex vys. */ body.zs26-obj .zs26-obj-akce__zpet[hidden] { display: none; } /* Hlaska je v gridu, musi dostat vlastni radek, jinak ji auto-placement posadi do volne bunky vedle tlacitka. */ body.zs26-obj .zs26-obj-hlaska { grid-column: 1 / -1; grid-row: 4; margin: 0; } body.zs26-obj .zs26-obj-akce__napoveda { display: none; } } /* ========================================================================== Uklid funnelu, 25. 8. 2026 Sest zasahu ze zadani. Vse je aditivni a visi na body.zs26-obj, takze vypnuti vrstvy vrati stranku do dnesniho stavu. ========================================================================== */ /* -------------------------------------------------------------------------- U1. Treti sloupec pryc, formular dostane misto Zmereno 25. 8. 2026 v prohlizeci na webvyvoj2: .main_limit.obsah 1330 px #clanek 945 px #sidebar 325 px Vlastni formular mel 445 px, tedy 33 % obalu, zatimco dva bocni panely dohromady 617 px. Sloupec "Neni vam neco jasne" je stary Joomla modul m147 v #sidebar_float.sidebar2, ne cast teto vrstvy. Duvod, proc mizi: ve vzorku deseti webu (5 svet, 5 CZ) ma bocni sloupec s napovedou jediny web, a to Zdrave stravovani. Svet resi totez mikrotextem pod tlacitkem (4 z 5) nebo odkazem "Need help?" v hlavicce funnelu (CookUnity). Obsah se nezahazuje: telefon jde do souhrnu, oba odkazy ke kroku 2 primo k vyberu programu, tedy do mista pochybnosti. Schovava se AZ #sidebar_float, ne #sidebar, aby zustala mrizka sablony nedotcena a slo to vratit jedinym pravidlem. Deje se to jen na objednavce (body.zs26-obj) a jen kdyz vrstva bezi. -------------------------------------------------------------------------- */ /* Zmereno 25. 8., retez nad formularem: .main_limit.obsah 1330 px, display: grid, DVA sloupce #dcomponent 1005 px, padding-right 60 px #clanek 945 px #sidebar 325 px Schovat sidebar nestaci: grid mu drzi sloupec dal, takze #clanek zustane na 945. Musi se proto zuzit i mrizka na jeden sloupec. Jsou to tri pravidla, ne jedno, a smazanim kterehokoliv z nich se stav vrati. */ body.zs26-obj[data-zs26-krok] #sidebar { display: none; } body.zs26-obj[data-zs26-krok] .main_limit.obsah { grid-template-columns: minmax(0, 1fr); } body.zs26-obj[data-zs26-krok] #dcomponent { padding-right: 0; width: auto; } /* -------------------------------------------------------------------------- U2. Doplnky pryc, cely krok 5 Attach rate na 28 443 objednavkach fox2 (leden 2025 az srpen 2026, dopocet nad primarnim exportem): polevka 0, fresh 0, dezert 0, smoothie zelene 0, smoothie barevne 0. Ve formulari jdou koupit jen dve svaciny (doplnek=29 a 30, 89 Kc), a u casti programu blok hlasi, ze nejde pridat nic. Blok se skryva, NEMAZE. Skryta pole enginu zustavaji ve formulari se svymi vychozimi hodnotami, takze se odesle totez, co kdyz na doplnky nikdo neklikne. Vraceni je smazani tohoto pravidla. -------------------------------------------------------------------------- */ body.zs26-obj[data-zs26-krok] #fox2 > #vyber5 { display: none; } /* -------------------------------------------------------------------------- U3. Kombinace chodu se nesmi orezavat Zmereno 25. 8.: rada ikon chodu u kombinace koncila za pravym okrajem, posledni polozka Vecere byla useknuta. Ve 445 px se to nevejde, v 770 px uz ano, ale zalamovat se to musi tak jako tak. -------------------------------------------------------------------------- */ body.zs26-obj #fox2 #nabidka_kodu .klikblok { min-width: 0; overflow: visible; } body.zs26-obj #fox2 #nabidka_kodu .klikblok .chody, body.zs26-obj #fox2 #nabidka_kodu .klikblok > div:last-child { display: flex; flex-wrap: wrap; gap: var(--zs-odstup-sm); min-width: 0; } /* -------------------------------------------------------------------------- U4. Vyber programu bez karuselu Zmereno 25. 8.: z deseti programu byly ve 445 px videt 3,5 karty a obe sipky lezely na kartach. V sirsim sloupci se mrizka vejde cela, takze karusel neni k cemu. Sipky se skryvaji, posuvny pas se meni na mrizku. Kdyby engine sipky potreboval k necemu jinemu, staci smazat prvni pravidlo. -------------------------------------------------------------------------- */ body.zs26-obj[data-zs26-krok="1"] #vyber1 .karusel_sipka, body.zs26-obj[data-zs26-krok="1"] #vyber1 [class*="sipka"], body.zs26-obj[data-zs26-krok="1"] #vyber1 [class*="arrow"] { display: none; } /* CHYBA A OPRAVA 25. 8.: karusel ma obal .okoloslider s PEVNOU vyskou na jednu radu (zmereno 170 px). Kdyz se .cenik_nabidka uvnitr zmeni na mrizku, naroste na 346 px, ale obal zustane 170 a druha a treti rada se pretiskne pres text pod nim. Muj prvni QA test to nechytil, protoze meril jen VODOROVNE preteceni. Obal proto musi pustit vysku taky. */ body.zs26-obj[data-zs26-krok="1"] #vyber1 .okoloslider { height: auto; min-height: 0; max-height: none; overflow: visible; } /* Mezi obalem a mrizkou je jeste DRAHA slideru, bezejmenny div s position: absolute a pevnou vyskou. Dokud je absolutni, je mimo tok, obal se sesype na nulu a text pod nim se pretiskne pres karty. Vratit ji do toku je proto podminka toho, aby mrizka vubec mohla fungovat. */ body.zs26-obj[data-zs26-krok="1"] #vyber1 .okoloslider > div { position: static; height: auto; min-height: 0; width: auto; left: auto; top: auto; transform: none; } body.zs26-obj[data-zs26-krok="1"] #vyber1 .cenik_nabidka { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--zs-odstup-sm); overflow: visible; width: auto; white-space: normal; transform: none; } /* POZOR, tohle je misto, kde jsem 25. 8. rozbil stranku, at to nikdo neopakuje. Karta MUSI zustat position: relative, protoze jeji obsah .jidelnicek_ic (ikona i nazev v h6) je v enginu position: absolute a karta je jeho containing block (template2024.css:677 a :685). Kdyz karte dam static, obsah se odpouta k nejblizsimu pozicovanemu predkovi a natahne se na jeho rozmer: zmereno 880x346 px v karte 170x110. Ikony a nazvy pak plavou mimo boxy. Merenim: pred 22 prvku mimo svou kartu, po navratu na relative 0. */ body.zs26-obj[data-zs26-krok="1"] #vyber1 .cenik_nabidka > .jidelnicek { width: auto; margin: 0; float: none; display: block; } /* -------------------------------------------------------------------------- U5. Popisky, ktere se orezavaly Zmereno 25. 8. na kroku 3 u programu KETO: checkbox mel popisek "...etne vikendu.", tedy useknute "vcetne". Vinik je pevna sirka a zaporny odsazeny text, ne delka slova. -------------------------------------------------------------------------- */ body.zs26-obj #fox2 #vyber4 label, body.zs26-obj #fox2 #nabidkaDnyVikend, body.zs26-obj #fox2 #nabidkaDnyVikend label { display: flex; align-items: center; gap: var(--zs-odstup-sm); width: auto; min-width: 0; overflow: visible; text-indent: 0; white-space: normal; line-height: 1.4; } body.zs26-obj #fox2 #nabidkaDnyVikend input[type="checkbox"] { flex: 0 0 auto; margin: 0; position: static; width: 20px; height: 20px; } /* -------------------------------------------------------------------------- U6. Napoveda ze zruseneho sloupce, ted u mista pochybnosti -------------------------------------------------------------------------- */ body.zs26-obj .zs26-obj-napoveda { display: flex; flex-wrap: wrap; align-items: center; gap: var(--zs-odstup-sm); margin: var(--zs-odstup-sm) 0 0; padding: 0; font-size: 14px; line-height: 1.5; color: var(--zs-barva-text-tlumeny); } body.zs26-obj .zs26-obj-napoveda a { color: var(--zs-barva-text-odkaz); font-weight: 600; } /* Telefon a doba, dva radky misto ctyr. Nedelni okno a e-mail zmizely, jsou v paticce a na /kontakt. */ /* Od 31. 8. vecer je kontakt treti

N.Text

Celodenni