Vitrínová skříň NADIA, Dub Artisan 53 cm
Představte si nejen moderní, ale také funkční kus nábytku, který se stane středobodem Vašeho obývacího pokoje - moderní vitrínovou skříň NADIA. Tento kousek nábytku je dokonalým spojením jedinečných přírodních a moderních prvků v dekoru Dub Artisan s vysokými dřevěnými nohami v černé barvě a vybaven systémem push to open pro snadné otevírání a zavírání dvířek.
Vitrínová skříň je široká 53 cm, nabízí dostatek úložného prostoru v podobě tří polic v prosklené části a jednu uzavřenou polici za dvířky.
V příplatkovém parametru je možnost zakoupit LED osvětlení.
Každý kus nábytkuz kolekce NADIA je velice stabilní, jelikož je umístěn na vysokých dřevěných nohou v černé barvě. Korpus je vyroben z kvalitní laminované dřevotřísky o tloušťce 16 mm v dekoru Dub Artisan.
Dvířka a zásuvky jsou zpracovány z pevné MDF desky zakončeny odolnou ABS dýhou s tichým zavíráním. Dvířka a zásuvky se otevírají pomocí systému push to open.
ROZMĚRY VITRÍNY:
Vitrínová skříň je součástí kolekce NADIA, která ve svém systému obsahuje více druhů produktů, které můžete použít samostatně nebo je libovolně kombinovat i s jiným nábytkem z naší nabídky.
Celá kolekce se skládá ze dvou televizních skříněk (160 a 107 cm), vitrínových skříní ve dvou velikostech (53 a 90cm), tří komod ve dvou velikostech (107 a 160 cm), šatní skříně, konferenčního stolku, jídelního stolu a police.
Kolekce NADIA je dostupná také v dekoru: | |
![]() Bílá lesk | ![]() Dub Riviera |
BARVA DEKORU - Dub Artisan:
![]() Dub Artisan |
* Nábytek je dodáván v demontovaném stavu, součástí balení je veškeré kování potřebné k sestavení nábytku, včetně přehledného návodu, díky němuž bude složení hračka pro každého.
Parametry produktu
Kategorie: | Sestava nábytku NADIA |
---|---|
Hmotnost: | 15 kg |
EAN: | 0188 |
Dekor: | Dub Artisan |
Materiál: | Lamino |
Celková šířka: | 53 cm |
Celková výška: | 197 cm |
Celková hloubka: | 40 cm |
Materiál nohou: | Dřevo |
Počet dveří: | 2 |
Způsob otevírání a zavírání dvířek: | Push to open |
Počet polic: | 4 |
Závěsná: | NE |
Počet kartón: | 3 |
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

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); }); }); }); });