/* ================================================ NUTIVA LISTING DETAIL — štruktúra v5.1 + nákupný blok detailu (V30) v1.4 — 8. 9. 2026 — Frank; hero, odpovede FAQ a citát cez CELÚ šírku stĺpca (strop 680 px z rannej typografickej prehliadky Šimon zamietol) a na mobile má blok balení rovnakú medzeru hore aj dole (20/22 px namiesto 6/22 — lepil sa na fotky). Číslo 1.3 už bolo nasadené s predošlým obsahom, preto rovno 1.4. v1.3 — 8. 9. 2026 — Frank; galéria fotiek aj na mobile (pás sivých štvorcov namiesto miniatúr šablóny, fotky v 600 px, šípky 42 px), zľavová bublina na fotke skrytá aj proti nutiva-custom.css v9.4, O Nutive cez celú šírku. POZOR na číslovanie: 8.9. sa pri nasadení rozišlo — v Záhlaví bolo `?v=1.2`, kým súbor niesol v1.1. Od v1.3 opäť platí pravidlo „číslo v hlavičke = `?v=` v Záhlaví" (jadro/eshop.md). v1.1 — 8. 9. 2026 — Frank; ZLÚČENIE: do v1.0 (vzhľad blokov popisu v5.1) pribudol celý nákupný blok detailu a vzhľad V30 schválený so Šimonom v živom náhľade 5.–8. 9. 2026 (bol testovaný ako listing-detail-v51-test.css v0.4 → v0.20 cez snippet FRANK TEST v Záhlaví; test zrušený). Párový skript: listing-detail-v51.js v1.2. v1.0 — 5. 9. 2026 (prvé vydanie: dlaždice, FAQ akordeón, súvisí, značky, dáta) Konvencia je rovnaká ako pri nutiva-custom.css (jadro/eshop.md): číslo tu hore sa DRŽÍ ROVNÉ `?v=` v Záhlaví. Poradie nasadenia: najprv nahrať súbor, až potom prepnúť `?v=`. Volať AŽ ZA nutiva-custom.css — pri rovnakej sile rozhoduje v CSS poradie. Master: Nutiva_kod/katalog/css/listing-detail-v51.css Cesta na webe: /user/documents/upload/CSS/listing-detail-v51.css STAVBA SÚBORU (poradie je záväzné — ČASŤ B prebíja ČASŤ A tam, kde sa stretnú): ČASŤ A — základ v5.1 (obsah v1.0 bez zmeny): bloky popisu .listing-detail-v51 / ld5-*, platí aj bez skriptu. ČASŤ B — nákupný blok + vzhľad V30 (z testu v0.4–v0.20): scopnuté na body.type-detail. Platí pre VŠETKY karty (v4 aj v5.1) — bočný panel preč, poradie blokov, karta ceny, balenia, desktopová galéria, záložky; dvojstĺpcový popis a presun dát len tam, kde je .listing-detail-v51 (skript dá na triedu ld5-detail). Bez skriptu ostáva popis v jednom stĺpci — nič sa nerozbije. Za ČASŤOU B sú značky ikon dlaždíc (vkladá nastroje/ikony.py --zapis; sada zatiaľ neexistuje, ikony/README.md). Čo je v ČASTI B (história testu): v0.4 zamrazený stav schválený so Šimonom v živom náhľade 5.–7. 9. 2026 v0.5 veľkosti písma v popise cez premenné (jedno miesto); FAQ odpoveď a text dlaždíc 15 px (Kvasnička: obsah 15–17); „Nakúpili za posledný mesiac“ (dklab) ako tichá pilulka v karte ceny v0.6 mobil (≤767 px): záložky v jednom riadku (☰ šablóny), info riadok pod štítkami, karta ceny v jednom bloku, TIP bez vysúvania, „Viac o produkte“ na vlastnom riadku v0.7 dostupnosť: Skladom · doručíme na jednej osi; cross-sell bez poradia z CSS (poradie dáva skript podľa doplnku) v0.8 stepper a tlačidlo v jednom rade sa naťahujú na spoločnú výšku (align-items: stretch) v0.9 názvy riadkov v tabuľke Zloženie a alergény natvrdo zľava v0.10 pilulky balení na mobile v desktopovej veľkosti; Možnosti doručenia na desktope v riadku so Skladom v0.11 pilulka balenia ako v katalógu + tieň; bubliny dlaždíc len v zelených odtieňoch; oprava mobilných miniatúr (text-align: center na celom .p-image-wrapper ich posunul 70 000 px mimo obrazovku) v0.13 desktopová galéria: hlavná fotka na sivom podklade + karusel 2 fotiek v sivých štvorcoch so šípkami v0.14 pilulka balenia so zaoblením 9 px (zladené so štítkami a katalógom) v0.17 desktop: fotka vyplní celý sivý blok (cover), pás štartuje 2. fotkou; mobil: galéria späť zo šablóny v0.18 minimalizmus: pilulka balenia sivá, aktívny štvorec tmavý rám; sivý blok fotky aj pri 1 fotke v0.19 prekliky (Možnosti doručenia, čo sú Nutibody, Viac o produkte) tmavé s tenkým podčiarknutím, Skladom tmavé, rám pilulky svetlý — konverzné farby len na tlačidlách (Šimon 7.9. večer) v0.20 (Šimon 8.9.) dostupnosť ako TRI riadky s ikonami v jednom stĺpci (fajka · autíčko · žetón Nutibodov); chip s kódom biely s tenkým rámom a tieňom (zelenkavý podklad preč); Zloženie, Nutričné hodnoty a Dodatočné parametre ako tri karty (.nd-box); štítky na DETAILE skryté (zľavu nesie cena, kód chip); balenia o 20 px vyššie (mobil 14); mobilná galéria: packshot na sivom štvorci ako na desktope, pás miniatúr štartuje 2. fotkou, miniatúry zaoblené a vybraná s tmavým rámom namiesto zeleného (v0.12, v0.15, v0.16 = mobilný karusel a mobilná sivá dlaždica — zrušené v0.17, pravidlá ostali len pre prípad návratu) Farby: eshop.md → Farebný systém (zelená #89C43E, limetka #A5CD39, #97C93D, hover preklikov #61971E, tint #eef6e2, slabosivá #f6f6f6, text/prekliky #1e1e1c). Písmo nikde pod 13 px (Kvasnička). ================================================ */ /* ======================= ČASŤ A — základ v5.1 (obsah v1.0, nemenené) ======================= */ /* listing-detail-v51.css — vzhľad blokov ŠTRUKTÚRY v5.1 v detaile produktu. Zdroj: schválený mockup Ecom_Data/nutiva-listing/nahlady/0069_navrh_v51b.html (Šimon 4.9.2026). Do popisu produktu sa NIKDY nevkladá