Čalouněná postel EMILY 120x200 cm
Čalouněná postel EMILY s moderním designem je vybavena lamelovým roštem zajišťující optimální podporu Vašeho těla během spánku. Čalouněná postel bez matrace umožňuje zvolit takovou matraci, která bude nejlépe odpovídat Vašim potřebám.
ROZMĚRY POSTELE - 120 x 200 CM
Rozměry postele 120 x 200 cm odpovídá standardní jednolůžkové posteli. Je to rozměr, který je vhodný pro jednu osobu, která má ráda svůj prostor, ale může být trochu menší pro osoby, které jsou vysoké. Tento rozměr postele se často používá v dětských a studentských pokojích, menších ložnicích nebo v malých bytech. každou noc.
Všechny rozměry jsou uvedeny v centimetrech s tolerancí +/- 5 cm.
TYP POTELE - ČALOUNĚNÁ
Čalouněné postele se vyznačují pohodlným a měkkým čalouněným čelem a bočními stranami. Tyto postele jsou obvykle vyrobeny z pevného rámu a jsou opatřeny pevnými rošty. Výplň čela a bočních stran postele bývá vyrobena z měkkých materiálů, jako je tkanina nebo kůže, a může být doladěna různými detaily, jako jsou zdobené knoflíky, aplikace nebo švy. Tyto postele mohou být dodávány v různých velikostech, barvách a stylech, což jim umožňuje být umístěny do různých typů interiérů, od moderního po tradiční. Navíc čalouněné postele nabízejí dostatek prostoru pro uskladnění, jako jsou úložné prostory pod matraci.
MATERIÁL POSTELE - LÁTKA TRINITY
Látková tkanina Trinity je syntetická textilie vyrobená ze 100% polyesteru a nabízí jedinečný komfort a trvanlivost. Měkká velurová tkanina je vysoce odolná a pevná, s hladkým povrchem a jemným semišovým dotykem. Struktura vláken je neviditelná, což dodává látce hladký vzhled. Díky svým vlastnostem se často využívána jako potahový materiál na sedací soupravy, křesla, postele a čalouněné židle. Má omezenou schopnost absorbovat kapaliny a je odolná vůči žmolkování, což ji činí ideální volbou pro každodenní použití. Pro dlouhodobou kvalitu a údržbu doporučujeme používat speciální přípravky na čalouněný nábytek a jemný hadřík. Vyhněte se použití velkého množství vody a bělících přípravků.
ROŠT POSTELE - DVOJITÝ ROŠT
Náš dvojitý rošt, vyroben z 28 pružných lamel ze silně lepeného bukového dřeva, poskytuje vyšší úroveň podpory a pohodlí než jednoduchý rošt s menším počtem lamel. Pružné lamely v dvojitých roštech jsou navrženy tak, aby se přizpůsobily všem typům matrací a zajišťovaly pohodlí a poskytovaly podporu těla při spánku. Každá lamela pruží individuálně, což umožňuje roštu přizpůsobit se tvaru těla, což může pomoci snížit bolest zad a zlepšit tak celkovou kvalitu spánku.
Šířka lamel 50 mm, tloušťka 10 mm, vzdálenost lamel 80 mm
NOSNOST POSTELE - 120 KG NA OSOBU
Nosnost je základní parametr pro určení kolik hmotnosti může postel bezpečně unést. Nosnost postele závisí na mnoha faktorech - typ materiálu na výrobu rámu, kvalita kování a roštu nebo typ matrace. Standardně se nosnost postele pohybuje kolem 200 až 250 kilogramů, ale může se lišit podle specifik produktu. Je důležité si uvědomit, že nosnost postele by měla být vyšší než hmotnost osoby, která bude v posteli spát. To zajišťuje, že postel bude schopna unést váhu osoby bezpečně a bez poškození. Pokud budete vybírat postel pro více osob, je třeba zohlednit celkovou hmotnost všech spáčů a zajistit, aby nosnost postele byla dostatečná. To zajistí bezpečnost a zároveň zlepší kvalitu spánku a celkovou životnost postele. Nosnost postele je vždy určena výrobcem.
POSTEL VHODNÁ DO POKOJE
Vybíraní postele pro místnost závisí na mnoha faktorech - velikost pokoje, styl zařízení a osobní preference. Obecně platí, že postel by měla být pohodlná, ergonomická a vyhovovat potřebám spící osoby. Pokud chcete ušetřit místo, můžete zvážit postel s úložným prostorem. Nezapomeňte také na estetickou stránku a zvolte postel, která se bude hodit k celkovému stylu a barevnému schématu vašeho pokoje. Velice důležitá je také volba matrace.
DOPORUČENÁ MATRACE - 120 X 200 CM
Výběr vhodné matrace závisí na individuálních potřebách a preferencích každé osoby. Do postele o rozměru 120 x 200 cm volíme matraci o stejné velikosti. Pro matraci o velikosti 120 x 200 cm existují některé obecné doporučení.
Důležitým faktorem je tvrdost matrace, která by měla být přizpůsobena váze a preferencím spící osoby. Pro ty, kteří preferují měkčí povrch, jsou vhodné matrace s nižší tvrdostí (3-4), zatímco pro ty, kteří preferují tvrdší povrch, jsou vhodné matrace s vyšší tvrdostí (5-6).
Dalším faktorem je typ matrace. Nejčastější typy jsou pružinové matrace, pěnové matrace a latexové matrace.
- Pružinové matrace jsou cenově dostupné a poskytují dobrý odvod tepla, ale mohou být hlučné a mají kratší životnost.
- Pěnové matrace jsou oblíbené pro svou vyšší pružnost a možnost přizpůsobení se tvaru těla, ale mohou být méně prodyšné.
- Latexové matrace jsou hypoalergenní a nabízejí dobrou podporu, ale jsou obvykle dražší.
Kvalitní matrace by měla také poskytovat dostatečnou oporu páteři a snižovat tlak na klouby a svaly. K posteli je možné zakoupit matraci z naší rozsáhlé nabídky kvalitních matrací - matrace není součástí postele.
MONTÁŽ POSTELE
Věříme, že složit postel zvládne každý sám. Jednotlivé díly postele jsou balené v kartonech, včetně šroubů, klíče pro montáž a příslušenství. Součástí balení je samozřejmě také návod k sestavení postele.
BALENÍ OBSAHUJE - SKLÁDÁ SE ZE TŘÍ KARTONŮ
- 1x zadní čelo u hlavy
- 1x přední čelo u nohou
- 2x bočnice
- spojovací materiál
- lamelový rošt
- návod k sestavení postele
Parametry produktu
Kategorie: | Postele a matrace |
---|---|
Dekor: | Čalouněný |
Spací plocha: | 120 x 200 cm |
Matrace: | Bez matrace |
Rošt: | Součástí balení |
? Úložný prostor: | NE |
Šířka: | 126 cm |
Délka: | 206 cm |
Výška čela: | 91 cm |
Výška rámu: | 31 cm |
Tloušťka rámu: | 3 cm |
Tloušťka čela postele: | 3 cm |
Materiál: | Látka |
Látka: | Trinity |
Montáž: | Dodáváno v demontu |
Buďte první, kdo napíše příspěvek k této položce.
Co na nás zákazníci oceňují nejvíce
Diskuze
Buďte první, kdo napíše příspěvek k této položce.

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });
Související produkty
Podobné produkty












Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

Křeslo ušák LOFT 1 dokonale ladí s interiéry zařízenými ve skandinávském nebo moderním stylu. Charakteristickým znakem křesla jsou dřevěné nohy, perfektně tvarované, extrémně pohodlné opěradlo, které se přizpůsobí vaším zádům a zajistí komfort při odpočinku.

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });

🚚 DOPRAVA ZDARMA Užijte si pohodlí doručení až ke dveřím bez dalších nákladů. V košíku stačí zadat tento slevový kód: DOVEZEME Zkopírovat kód 🧡 JMÉNO NA POSTEL ZDARMA Originální dekorace na postýlku jako dárek od nás! Jméno dítěte vyřezané z překližky (v černé barvě). Do poznámky k objednávce nám jen napište, jak se malý poklad jmenuje. <!-- /* --- Styly pro finální kompaktní benefity v4 --- */ .benefity-final-compact-wrapper-v4 { max-width: 572px; margin: 20px auto 15px auto; padding: 0 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } .benefity-final-compact-container-v4 { display: flex; flex-direction: column; gap: 15px; } .benefit-box-final-compact-v4 { background-color: #fff0e9; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(219, 178, 157, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; overflow: hidden; box-sizing: border-box; } .benefit-box-final-compact-v4:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(219, 178, 157, 0.25); } .benefit-title-final-compact-v4 { font-size: 1.15em; font-weight: 600; color: #333; margin: 0 0 15px 0; /* Odsazení pod nadpisem */ display: flex; align-items: center; gap: 8px; } /* Specifické odsazení pro nadpis v levém sloupci (Benefit 2) */ .benefit-left-column-v4 .benefit-title-final-compact-v4 { margin-bottom: 10px; /* Menší odsazení, zbytek řeší layout */ margin-top: 0; /* Zajistí zarovnání s horním okrajem */ } .benefit-content-final-compact-v4 { } /* Pro benefit 1 */ .benefit-text-final-compact-v4 { font-size: 0.95em; color: #444; line-height: 1.6; margin: 0 0 10px 0; } .benefit-text-final-compact-v4:last-child { margin-bottom: 0; } .benefit-text-final-compact-v4.small-text { font-size: 0.85em; opacity: 0.9; } .benefit-text-final-compact-v4 strong { color: #333; } /* --- Benefit 1 Specifika (Doprava) --- */ .discount-code-section-final-compact-v4 { margin-top: 15px; background-color: #fdfdfd; border: 1px dashed #fdd1b8; border-radius: 6px; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .discount-code-final-compact-v4 { font-family: inherit; font-weight: bold; font-size: 1.05em; color: #00aa92; margin-right: 10px; } .copy-button-final-compact-v4 { background-color: #00aa92; color: white; border: none; border-radius: 5px; padding: 7px 14px; font-size: 0.85em; font-weight: bold; cursor: pointer; transition: background-color 0.2s ease, transform 0.1s ease; white-space: nowrap; flex-shrink: 0; } .copy-button-final-compact-v4:hover { background-color: #008a75; } .copy-button-final-compact-v4:active { transform: scale(0.96); } .copy-button-final-compact-v4.copied { background-color: #fdd1b8; color: #333; } /* --- Benefit 2 Specifika (Jméno) - Nový Layout --- */ .benefit-layout-wrapper-v4 { display: flex; /* align-items: stretch; */ /* Natahuje sloupce na stejnou výšku */ align-items: flex-start; /* Zarovná horní hrany sloupců */ gap: 18px; } .benefit-left-column-v4 { flex: 1; /* Zabere dostupný prostor */ min-width: 0; /* Umožní zmenšení */ display: flex; /* Pro uspořádání nadpisu a textu pod sebou */ flex-direction: column; } .benefit-name-text-content-v4 { /* Tento div nyní obsahuje jen texty */ } .benefit-right-column-v4 { flex-shrink: 0; /* Nebude se zmenšovat */ width: 140px; /* Šířka obrázkového sloupce */ display: flex; /* Aby vnitřní img mohl mít height 100% */ /* Pokud chceme, aby obrázek začínal přesně u horní hrany */ /* align-self: flex-start; */ /* Není nutné, pokud má layout-wrapper flex-start */ } .benefit-preview-image-final-compact-v4 { display: block; width: 100%; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } /* Specifické styly pro DESKTOP obrázek */ .benefit-preview-image-final-compact-v4.desktop-image { /* height: 100%; */ /* Odebráno - nechceme nutně natahovat, stačí align-items: flex-start rodiče */ /* object-fit: cover; */ /* Odebráno - zobrazíme celý obrázek */ display: block; /* Výchozí zobrazení */ max-height: 100%; /* Zajistí, že nepřeteče, pokud by byl vyšší než levý sloupec */ object-fit: contain; /* Zobrazí celý obrázek v dané šířce */ } /* Specifické styly pro MOBILNÍ obrázek */ .benefit-preview-image-final-compact-v4.mobile-image { display: none; /* Skrytý na desktopu */ height: auto; object-fit: contain; } /* --- Responzivita --- */ @media screen and (max-width: 520px) { .benefit-box-final-compact-v4 { padding: 18px; text-align: center; /* Centrování textu v boxu */ } .benefit-title-final-compact-v4 { font-size: 1.1em; margin-bottom: 12px; justify-content: center; /* Centrování nadpisu */ } .benefit-text-final-compact-v4 { font-size: 0.92em; } .discount-code-section-final-compact-v4 { flex-direction: column; align-items: center; /* Centrování kódu a tlačítka */ } .discount-code-final-compact-v4 { margin-bottom: 5px; margin-right: 0; } /* Layout pro benefit 2 na mobilu */ .benefit-layout-wrapper-v4 { flex-direction: column; /* Sloupce pod sebe */ align-items: center; /* Centrování sloupců */ gap: 15px; } .benefit-left-column-v4 { width: 100%; /* Levý sloupec zabere plnou šířku */ order: 1; /* Text bude první */ text-align: center; /* Zajistí centrování textu, i když je box už centrovaný */ } .benefit-right-column-v4 { width: 75%; /* Šířka obrázku */ max-width: 220px; margin-top: 8px; order: 2; /* Obrázek bude druhý */ display: block; /* Zrušíme flex */ } /* Skrytí/zobrazení obrázků na mobilu */ .benefit-preview-image-final-compact-v4.desktop-image { display: none; } .benefit-preview-image-final-compact-v4.mobile-image { display: block; } /* Zrušení potenciální výšky z desktopu pro mobilní obrázek */ .benefit-preview-image-final-compact-v4 { height: auto; object-fit: contain; /* Zobrazit celý na mobilu */ } } --> // Tento skript zajišťuje funkci tlačítka "Zkopírovat kód" document.addEventListener('DOMContentLoaded', function () { const wrapper = document.querySelector('.benefity-final-compact-wrapper-v4'); if (!wrapper) return; const copyButtons = wrapper.querySelectorAll('.copy-button-final-compact-v4'); if (copyButtons.length === 0) return; copyButtons.forEach(button => { button.addEventListener('click', function (event) { const buttonElement = event.currentTarget; const targetId = buttonElement.dataset.copyTarget; if (!targetId) { console.error('Chybí data-copy-target'); return; } const targetElement = wrapper.querySelector('#' + targetId); if (!targetElement) { alert('Chyba: Element s kódem nebyl nalezen.'); return; } const textToCopy = targetElement.textContent || targetElement.innerText; if (!navigator.clipboard) { alert('Automatické kopírování není podporováno nebo nejste na zabezpečené stránce (HTTPS). Prosím, zkopírujte kód ručně: ' + textToCopy); return; } navigator.clipboard.writeText(textToCopy).then(() => { const originalText = buttonElement.textContent; buttonElement.textContent = 'Zkopírováno!'; buttonElement.classList.add('copied'); setTimeout(() => { if (buttonElement.textContent === 'Zkopírováno!') { buttonElement.textContent = originalText; buttonElement.classList.remove('copied'); } }, 2000); }).catch(err => { console.error('Chyba při zápisu do schránky:', err); alert('Kód se nepodařilo automaticky zkopírovat. Prosím, zkopírujte ho ručně: ' + textToCopy); }); }); }); });