\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03ce\u03bd \u2013 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 | LittleLoft<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LITTLELOFT BETTBERATER\n Wklej t\u0119 zawarto\u015b\u0107 w stron\u0119 WordPress (Custom HTML)\n lub u\u017cyj jako osobn\u0105 podstron\u0119 \/bed-advisor\/\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n --ll-cream: #faf8f4;\n --ll-warm: #f3efe8;\n --ll-sand: #e8e2d8;\n --ll-wood: #c8a882;\n --ll-wood-deep: #a07850;\n --ll-bark: #6b5240;\n --ll-charcoal: #3a3632;\n --ll-text: #4a4540;\n --ll-text-soft: #8a8278;\n --ll-accent: #c8956c;\n --ll-accent-hover: #b8855c;\n --ll-leaf: #7a9a6a;\n --ll-leaf-soft: #e8f0e2;\n --ll-radius: 16px;\n --ll-radius-sm: 10px;\n --ll-shadow: 0 2px 8px rgba(58,54,50,0.06), 0 0 0 1px rgba(58,54,50,0.04);\n --ll-shadow-hover: 0 4px 20px rgba(58,54,50,0.10), 0 0 0 1px rgba(58,54,50,0.06);\n --ll-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* Reset only within our container *\/\n.ll-berater *, .ll-berater *::before, .ll-berater *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.ll-berater {\n font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;\n color: var(--ll-text);\n max-width: 720px;\n margin: 0 auto;\n padding: 40px 24px 60px;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n.ll-berater-header {\n text-align: center;\n margin-bottom: 48px;\n animation: llFadeUp 0.6s ease both;\n}\n\n.ll-berater-header .ll-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: var(--ll-warm);\n border-radius: 50%;\n margin-bottom: 20px;\n font-size: 24px;\n line-height: 1;\n}\n\n.ll-berater-header h1 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(28px, 5vw, 38px);\n color: var(--ll-charcoal);\n line-height: 1.2;\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n}\n\n.ll-berater-header h1 em {\n font-style: italic;\n font-weight: 400;\n color: var(--ll-accent);\n}\n\n.ll-berater-header p {\n font-size: 15px;\n color: var(--ll-text-soft);\n line-height: 1.6;\n max-width: 480px;\n margin: 0 auto;\n}\n\n\/* \u2500\u2500\u2500 PROGRESS \u2500\u2500\u2500 *\/\n.ll-progress {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 36px;\n padding: 0 4px;\n animation: llFadeUp 0.6s ease 0.1s both;\n}\n\n.ll-progress-step {\n flex: 1;\n height: 4px;\n border-radius: 2px;\n background: var(--ll-sand);\n transition: background var(--ll-transition);\n position: relative;\n}\n\n.ll-progress-step.active {\n background: var(--ll-accent);\n}\n\n.ll-progress-step.done {\n background: var(--ll-leaf);\n}\n\n.ll-progress-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--ll-text-soft);\n min-width: fit-content;\n margin-left: 8px;\n}\n\n\/* \u2500\u2500\u2500 QUESTION CARD \u2500\u2500\u2500 *\/\n.ll-question {\n display: none;\n animation: llSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.ll-question.active {\n display: block;\n}\n\n.ll-question-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--ll-accent);\n margin-bottom: 8px;\n}\n\n.ll-question h2 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(22px, 4vw, 28px);\n color: var(--ll-charcoal);\n line-height: 1.3;\n margin-bottom: 8px;\n}\n\n.ll-question .ll-hint {\n font-size: 14px;\n color: var(--ll-text-soft);\n margin-bottom: 24px;\n line-height: 1.5;\n}\n\n\/* \u2500\u2500\u2500 OPTIONS \u2500\u2500\u2500 *\/\n.ll-options {\n display: grid;\n gap: 12px;\n}\n\n.ll-option {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 18px 20px;\n background: #fff;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius-sm);\n cursor: pointer;\n transition: all var(--ll-transition);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.ll-option:hover {\n border-color: var(--ll-wood);\n box-shadow: var(--ll-shadow-hover);\n transform: translateY(-1px);\n}\n\n.ll-option.selected {\n border-color: var(--ll-accent);\n background: linear-gradient(135deg, #fdfbf8, #faf5ee);\n box-shadow: 0 0 0 3px rgba(200,149,108,0.15), var(--ll-shadow);\n}\n\n.ll-option-icon {\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--ll-warm);\n border-radius: 10px;\n font-size: 20px;\n flex-shrink: 0;\n transition: all var(--ll-transition);\n}\n\n.ll-option.selected .ll-option-icon {\n background: var(--ll-accent);\n transform: scale(1.05);\n}\n\n.ll-option-text {\n flex: 1;\n}\n\n.ll-option-text strong {\n display: block;\n font-weight: 600;\n font-size: 15px;\n color: var(--ll-charcoal);\n margin-bottom: 2px;\n}\n\n.ll-option-text span {\n font-size: 13px;\n color: var(--ll-text-soft);\n line-height: 1.4;\n}\n\n.ll-option-check {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--ll-sand);\n flex-shrink: 0;\n transition: all var(--ll-transition);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ll-option.selected .ll-option-check {\n border-color: var(--ll-accent);\n background: var(--ll-accent);\n}\n\n.ll-option.selected .ll-option-check::after {\n content: '';\n width: 6px;\n height: 10px;\n border: 2px solid #fff;\n border-top: none;\n border-left: none;\n transform: rotate(45deg) translateY(-1px);\n}\n\n\/* \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500 *\/\n.ll-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 32px;\n gap: 12px;\n}\n\n.ll-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: var(--ll-radius-sm);\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--ll-transition);\n border: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.ll-btn-back {\n background: transparent;\n color: var(--ll-text-soft);\n padding-left: 16px;\n}\n\n.ll-btn-back:hover {\n color: var(--ll-text);\n}\n\n.ll-btn-next {\n background: var(--ll-accent);\n color: #fff;\n margin-left: auto;\n box-shadow: 0 2px 8px rgba(200,149,108,0.3);\n}\n\n.ll-btn-next:hover {\n background: var(--ll-accent-hover);\n transform: translateY(-1px);\n box-shadow: 0 4px 16px rgba(200,149,108,0.35);\n}\n\n.ll-btn-next:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n}\n\n.ll-btn-next .ll-arrow {\n transition: transform 0.2s ease;\n}\n.ll-btn-next:not(:disabled):hover .ll-arrow {\n transform: translateX(3px);\n}\n\n\/* \u2500\u2500\u2500 RESULTS \u2500\u2500\u2500 *\/\n.ll-results {\n display: none;\n animation: llFadeUp 0.6s ease both;\n}\n\n.ll-results.active {\n display: block;\n}\n\n.ll-results-header {\n text-align: center;\n margin-bottom: 36px;\n}\n\n.ll-results-header .ll-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 14px;\n background: var(--ll-leaf-soft);\n color: var(--ll-leaf);\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 16px;\n}\n\n.ll-results-header h2 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(24px, 4.5vw, 32px);\n color: var(--ll-charcoal);\n margin-bottom: 8px;\n}\n\n.ll-results-header p {\n font-size: 14px;\n color: var(--ll-text-soft);\n}\n\n\/* Product cards *\/\n.ll-product-cards {\n display: grid;\n gap: 16px;\n}\n\n.ll-product-card {\n display: flex;\n gap: 20px;\n padding: 20px;\n background: #fff;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius);\n transition: all var(--ll-transition);\n text-decoration: none;\n color: inherit;\n position: relative;\n overflow: hidden;\n}\n\n.ll-product-card:hover {\n border-color: var(--ll-wood);\n box-shadow: var(--ll-shadow-hover);\n transform: translateY(-2px);\n}\n\n.ll-product-card .ll-match-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n background: var(--ll-leaf-soft);\n color: var(--ll-leaf);\n font-size: 11px;\n font-weight: 600;\n padding: 4px 10px;\n border-radius: 6px;\n}\n\n.ll-product-img {\n width: 140px;\n height: 140px;\n border-radius: var(--ll-radius-sm);\n background: var(--ll-warm);\n flex-shrink: 0;\n object-fit: cover;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.ll-product-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ll-product-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n padding-right: 60px;\n}\n\n.ll-product-info h3 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: 20px;\n color: var(--ll-charcoal);\n margin-bottom: 6px;\n}\n\n.ll-product-info .ll-why {\n font-size: 13px;\n color: var(--ll-text-soft);\n line-height: 1.5;\n margin-bottom: 12px;\n}\n\n.ll-product-info .ll-price-row {\n display: flex;\n align-items: baseline;\n gap: 8px;\n}\n\n.ll-product-info .ll-price-old {\n font-size: 13px;\n color: var(--ll-text-soft);\n text-decoration: line-through;\n}\n\n.ll-product-info .ll-price {\n font-size: 20px;\n font-weight: 700;\n color: var(--ll-accent);\n}\n\n.ll-product-info .ll-price-unit {\n font-size: 13px;\n font-weight: 500;\n color: var(--ll-text-soft);\n}\n\n.ll-product-info .ll-stars {\n font-size: 12px;\n color: var(--ll-wood);\n margin-top: 4px;\n}\n\n\/* Restart *\/\n.ll-restart {\n text-align: center;\n margin-top: 32px;\n}\n\n.ll-restart button {\n background: transparent;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius-sm);\n padding: 12px 24px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--ll-text-soft);\n cursor: pointer;\n transition: all var(--ll-transition);\n}\n\n.ll-restart button:hover {\n border-color: var(--ll-wood);\n color: var(--ll-text);\n}\n\n\/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n@keyframes llFadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes llSlideIn {\n from { opacity: 0; transform: translateX(24px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n .ll-berater { padding: 24px 16px 48px; }\n .ll-product-card { flex-direction: column; gap: 14px; }\n .ll-product-img { width: 100%; height: 180px; }\n .ll-product-info { padding-right: 0; padding-top: 4px; }\n .ll-product-card .ll-match-badge { top: 160px; right: 12px; }\n .ll-option { padding: 14px 16px; gap: 12px; }\n .ll-option-icon { width: 38px; height: 38px; font-size: 17px; }\n}\n<\/style>\n<\/head>\n<body style=\"background:#faf8f4; margin:0;\">\n\n<div class=\"ll-berater\" id=\"llBerater\">\n\n \n <div class=\"ll-berater-header\">\n <div class=\"ll-icon\">\ud83c\udfe0<\/div>\n <h1>\u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf <em>\u03c4\u03ad\u03bb\u03b5\u03b9\u03bf<\/em> \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9<\/h1>\n <p>4 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u2013 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2. \u0394\u03b9\u03b1\u03c1\u03ba\u03b5\u03af \u03bc\u03cc\u03bb\u03b9\u03c2 30 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1.<\/p>\n <\/div>\n\n \n <div class=\"ll-progress\" id=\"llProgress\">\n <div class=\"ll-progress-step active\" data-step=\"0\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"1\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"2\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"3\"><\/div>\n <span class=\"ll-progress-label\" id=\"llProgressLabel\">1 \/ 4<\/span>\n <\/div>\n\n \n <div class=\"ll-question active\" data-question=\"0\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1<\/div>\n <h2>\u03a0\u03cc\u03c3\u03bf \u03c7\u03c1\u03bf\u03bd\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2;<\/h2>\n <p class=\"ll-hint\">\u0391\u03c5\u03c4\u03cc \u03bc\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"baby\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udc76<\/div>\n <div class=\"ll-option-text\">\n <strong>0\u20132 \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u0392\u03c1\u03b5\u03c6\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9, \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"kleinkind\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\uddd2<\/div>\n <div class=\"ll-option-text\">\n <strong>2\u20135 \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u03a0\u03c1\u03ce\u03c4\u03bf \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"kind\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\uddd2<\/div>\n <div class=\"ll-option-text\">\n <strong>5\u201310+ \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u0388\u03bd\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <div><\/div>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext0\" disabled onclick=\"llNextStep(0)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"1\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 2<\/div>\n <h2>\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9;<\/h2>\n <p class=\"ll-hint\">\u03a4\u03b1 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u2013 \u03ae \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03b8\u03ad\u03c3\u03b7 \u03cd\u03c0\u03bd\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b1\u03b4\u03ad\u03c1\u03c6\u03b9\u03b1.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"keine\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u2728<\/div>\n <div class=\"ll-option-text\">\n <strong>\u038c\u03c7\u03b9, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9<\/strong>\n <span>\u0391\u03c0\u03bb\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"aufbewahrung\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udce6<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039d\u03b1\u03b9, \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7<\/strong>\n <span>\u0393\u03b9\u03b1 \u03ba\u03bb\u03b9\u03bd\u03bf\u03c3\u03ba\u03b5\u03c0\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1, \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1 \u03ae \u03c1\u03bf\u03cd\u03c7\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"schlaf\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udecf\ufe0f<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039d\u03b1\u03b9, \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd<\/strong>\n <span>\u03a3\u03c5\u03c1\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03b3\u03b9\u03b1 \u03b1\u03b4\u03ad\u03c1\u03c6\u03b9\u03b1 \u03ae \u03ba\u03b1\u03bb\u03b5\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(1)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext1\" disabled onclick=\"llNextStep(1)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"2\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 3<\/div>\n <h2>\u03a0\u03bf\u03b9\u03bf \u03c3\u03c4\u03b9\u03bb \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ac\u03c4\u03b5;<\/h2>\n <p class=\"ll-hint\">\u039a\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03bb \u03ad\u03c7\u03b5\u03b9 \u03c4\u03b7 \u03b4\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 \u03b3\u03bf\u03b7\u03c4\u03b5\u03af\u03b1 \u2013 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c3\u03c4\u03bf \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf \u03c4\u03bf\u03c5 \u03c0\u03b1\u03b9\u03b4\u03b9\u03bf\u03cd \u03c3\u03b1\u03c2.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"haus\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83c\udfe1<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9<\/strong>\n <span>\u0396\u03b5\u03c3\u03c4\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c3\u03ba\u03b1\u03bd\u03b4\u03b9\u03bd\u03b1\u03b2\u03b9\u03ba\u03ae \u03b3\u03bf\u03b7\u03c4\u03b5\u03af\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"tipi\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u26fa<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 tipi<\/strong>\n <span>\u03a0\u03b1\u03b9\u03c7\u03bd\u03b9\u03b4\u03b9\u03ac\u03c1\u03b9\u03ba\u03bf\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 tipi, \u03b1\u03c4\u03bc\u03cc\u03c3\u03c6\u03b1\u03b9\u03c1\u03b1 \u03c0\u03b5\u03c1\u03b9\u03c0\u03ad\u03c4\u03b5\u03b9\u03b1\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"klassisch\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\udeb5<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \/ \u03b1\u03c0\u03bb\u03cc<\/strong>\n <span>\u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c0\u03b1\u03bd\u03c4\u03bf\u03cd<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(2)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext2\" disabled onclick=\"llNextStep(2)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"3\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 4<\/div>\n <h2>\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c3\u03b1\u03c2;<\/h2>\n <p class=\"ll-hint\">\u038c\u03bb\u03b1 \u03c4\u03b1 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9\u03b1 \u03bc\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u2013 \u03b7 \u03c4\u03b9\u03bc\u03ae \u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"budget\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udcb0<\/div>\n <div class=\"ll-option-text\">\n <strong>\u0388\u03c9\u03c2 400 \u20ac<\/strong>\n <span>\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b5\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2, \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"mittel\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u2b50<\/div>\n <div class=\"ll-option-text\">\n <strong>400\u2013575 \u20ac<\/strong>\n <span>\u03a4\u03b1 \u03c0\u03b9\u03bf \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"premium\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udc51<\/div>\n <div class=\"ll-option-text\">\n <strong>\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc 575 \u20ac<\/strong>\n <span>Premium \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03ad\u03be\u03c4\u03c1\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(3)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext3\" disabled onclick=\"llShowResults()\">\n \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-results\" id=\"llResults\">\n <div class=\"ll-results-header\">\n <div class=\"ll-badge\">\u2713 \u0397 \u03b1\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5<\/div>\n <h2>\u039f\u03b9 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2<\/h2>\n <p id=\"llResultsSummary\"><\/p>\n <\/div>\n <div class=\"ll-product-cards\" id=\"llProductCards\">\n \n <\/div>\n <div class=\"ll-restart\">\n <button onclick=\"llRestart()\">\u21bb \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BETTBERATER LOGIK\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/\/ \u2500\u2500\u2500 PRODUCT DATABASE \u2500\u2500\u2500\n\/\/ Uzupe\u0142nij URLe zdj\u0119\u0107 i linki do swoich produkt\u00f3w\nvar llProducts = [\n \/\/ === HAUSBETTEN MIT SCHUBLADE ===\n {\n id: 'astria-s',\n name: 'ASTRIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-astria-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/3astria_med-1000x800.jpg',\n price: 570, priceOld: 630,\n rating: '4.86', reviews: 89,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03bc\u03b5 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c0\u03cc\u03b4\u03b9\u03b1 20 cm, \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\u03c2 \u03ae \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd. \u0391\u03bd\u03c4\u03ad\u03c7\u03b5\u03b9 \u03ad\u03c9\u03c2 190 kg.'\n },\n {\n id: 'lunetta-s',\n name: 'LUNETTA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lunetta-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/4lunetta-1000x800.jpg',\n price: 570, priceOld: 630,\n rating: '4.88', reviews: 109,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, \u03b9\u03b4\u03b9\u03b1\u03af\u03c4\u03b5\u03c1\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae\u03c2. \u039c\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03c3\u03b5 3 \u03c0\u03b1\u03c1\u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2. \u0397 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b7 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03bc\u03b1\u03c2.'\n },\n {\n id: 'stellia-s',\n name: 'STELLIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/lumina_me-1000x800.jpg',\n price: 545, priceOld: 610,\n rating: '4.80', reviews: 97,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03bf\u03bc\u03c8\u03ae \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae. \u0395\u03bd\u03b9\u03c3\u03c7\u03c5\u03bc\u03ad\u03bd\u03b7 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae, 3 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03c3\u03c5\u03c1\u03c4\u03b1\u03c1\u03b9\u03bf\u03cd.'\n },\n {\n id: 'lumina-s',\n name: 'LUMINA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw2_1-1-1000x800.jpg',\n price: 545, priceOld: 610,\n rating: '4.94', reviews: 48,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u0391\u03c3\u03cd\u03bc\u03bc\u03b5\u03c4\u03c1\u03b7 \u03c3\u03ba\u03b5\u03c0\u03ae. \u0397 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b7 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c3\u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03ac \u03bc\u03b1\u03c2 (4,94\/5).'\n },\n {\n id: 'bianca-s',\n name: 'BIANCA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/8Bianca_mit_Schublade-1000x800.jpg',\n price: 560, priceOld: 620,\n rating: '4.79', reviews: 149,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03b5\u03bc\u03c0\u03bf\u03c1\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9. 149 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2.'\n },\n {\n id: 'narella-s',\n name: 'NARELLA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/6narella_mit_schublade-1000x800.jpg',\n price: 525, priceOld: 585,\n rating: '4.83', reviews: 94,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel'],\n why: '\u0393\u03bf\u03b7\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03c3\u03c7\u03ad\u03b4\u03b9\u03bf \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9, \u03b5\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03c3\u03c7\u03ad\u03c3\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2-\u03c4\u03b9\u03bc\u03ae\u03c2.'\n },\n {\n id: 'selvia-s',\n name: 'SELVIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-selvia-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/8selvia_mit_shublade-1000x800.jpg',\n price: 560, priceOld: 620,\n rating: '4.76', reviews: 93,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03bc\u03b5 \u03ba\u03bf\u03bc\u03c8\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b8\u03cd\u03c1\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9.'\n },\n {\n id: 'soletta-s',\n name: 'SOLETTA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-soletta-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/soletta_mit_schublade-6-1000x800.jpg',\n price: 525, priceOld: 585,\n rating: '4.72', reviews: 48,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel'],\n why: '\u0391\u03c0\u03b1\u03bb\u03ad\u03c2 \u03ba\u03b1\u03bc\u03c0\u03cd\u03bb\u03b5\u03c2, \u03ae\u03c0\u03b9\u03b1 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03ae\u03c1\u03b5\u03bc\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf.'\n },\n\n \/\/ === HAUSBETTEN MINI (ohne Schublade, bodennah) ===\n {\n id: 'bianca-mini',\n name: 'BIANCA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/Bianca6-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.84', reviews: 176,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a7\u03b1\u03bc\u03b7\u03bb\u03cc, \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2, 176 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2. \u0397 \u03c4\u03ad\u03bb\u03b5\u03b9\u03b1 \u03b5\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b1 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9\u03b1 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9.'\n },\n {\n id: 'vesna-mini',\n name: 'VESNA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/04\/littleloft_kinder3-1000x800.jpg',\n price: 360, priceOld: 400,\n rating: '4.85', reviews: 204,\n tags: ['haus', 'keine', 'kleinkind', 'budget'],\n why: '\u03a4\u03bf bestseller \u03bc\u03b1\u03c2 \u03bc\u03b5 204 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2! \u03a7\u03b1\u03bc\u03b7\u03bb\u03cc, \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03bd\u03ae\u03c0\u03b9\u03b1.'\n },\n {\n id: 'stellia-mini',\n name: 'STELLIA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn4_1-1000x800.jpg',\n price: 380, priceOld: 425,\n rating: '4.83', reviews: 127,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc. \u0395\u03bb\u03b1\u03c6\u03c1\u03b9\u03ac, \u03b1\u03ad\u03c1\u03b9\u03bd\u03b7 \u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7.'\n },\n {\n id: 'lumina-mini',\n name: 'LUMINA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn3_1-1000x800.jpg',\n price: 380, priceOld: 425,\n rating: '4.84', reviews: 84,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u0391\u03c3\u03cd\u03bc\u03bc\u03b5\u03c4\u03c1\u03b7 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c3\u03ba\u03b1\u03bd\u03b4\u03b9\u03bd\u03b1\u03b2\u03b9\u03ba\u03cc \u03c3\u03c4\u03b9\u03bb. \u03a0\u03bf\u03bb\u03cd \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ad\u03c2.'\n },\n {\n id: 'lunetta-mini',\n name: 'LUNETTA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lunetta-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn2_1-1000x800.jpg',\n price: 400, priceOld: 445,\n rating: '4.91', reviews: 112,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, 4,91 \u03b1\u03c3\u03c4\u03ad\u03c1\u03b9\u03b1 \u2013 \u03bc\u03af\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2.'\n },\n {\n id: 'astria-mini',\n name: 'ASTRIA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-astria-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/dn1_1-1000x800.jpg',\n price: 400, priceOld: 445,\n rating: '4.86', reviews: 126,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a3\u03c5\u03bc\u03c0\u03b1\u03b3\u03ad\u03c2 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9, \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03b1 \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1.'\n },\n {\n id: 'narella-mini',\n name: 'NARELLA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/narell-1-1-1000x800.jpg',\n price: 370, priceOld: 415,\n rating: '4.76', reviews: 64,\n tags: ['haus', 'keine', 'kleinkind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03c0\u03c1\u03bf\u03c3\u03b9\u03c4\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03c4\u03b7\u03c2 \u03b3\u03ba\u03ac\u03bc\u03b1\u03c2 \u03bc\u03b1\u03c2, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03bc\u03b2\u03b9\u03b2\u03b1\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1.'\n },\n {\n id: 'siena-mini',\n name: 'SIENA mini',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/littleloft_kinder2-1000x800.jpg',\n price: 370, priceOld: 415,\n rating: '4.78', reviews: 143,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc. 143 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03b9 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2.'\n },\n\n \/\/ === HAUSBETTEN STANDARD (ohne Schublade, h\u00f6here Beine) ===\n {\n id: 'lumina',\n name: 'LUMINA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw2_1-1000x800.jpg',\n price: 415, priceOld: 460,\n rating: '4.92', reviews: 54,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u03a8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c0\u03cc\u03b4\u03b9\u03b1, \u03c7\u03ce\u03c1\u03bf\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9. \u0392\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 4,92 \u2013 \u03c3\u03c7\u03b5\u03b4\u03cc\u03bd \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf.'\n },\n {\n id: 'stellia',\n name: 'STELLIA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw1_1-1000x800.jpg',\n price: 415, priceOld: 460,\n rating: '4.83', reviews: 100,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u0388\u03bd\u03b1 \u03ba\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03bc\u03b5 \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, 100 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2. \u03a4\u03bf \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c4\u03af\u03b8\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1.'\n },\n {\n id: 'bianca',\n name: 'BIANCA',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/Bianca5-1000x800.jpg',\n price: 425, priceOld: 470,\n rating: '4.84', reviews: 174,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '174 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2 \u2013 \u03ad\u03bd\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b4\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03ac \u03b1\u03b3\u03b1\u03c0\u03b7\u03bc\u03ad\u03bd\u03b1. \u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2.'\n },\n\n \/\/ === TIPI ===\n {\n id: 'tipi-luna',\n name: 'TIPI LUNA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-tipi-luna\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/1tipi3-1000x800.jpg',\n price: 485, priceOld: 540,\n rating: '4.86', reviews: 64,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 tipi \u03bc\u03b5 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03ae\u03c1\u03b1. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03b4\u03b1\u03c0\u03ad\u03b4\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03c3\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af.'\n },\n {\n id: 'tipi-niko',\n name: 'TIPI NIKO',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-tipi-niko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/2tipi_niko-1000x800.jpg',\n price: 485, priceOld: 540,\n rating: '4.83', reviews: 119,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc tipi \u03bc\u03b5 \u03c3\u03ba\u03b5\u03bb\u03b5\u03c4\u03cc Niko. 119 \u03b5\u03bd\u03b8\u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03b5\u03c2.'\n },\n {\n id: 'tipi-plus',\n name: 'Tipi PLUS',\n url: 'https:\/\/littleloft.eu\/el\/product\/krevati-tipi-plus-apo-pefko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/04\/tipiplus2-1000x765.jpg',\n price: 280, priceOld: 310,\n rating: '4.83', reviews: 104,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03c0\u03c1\u03bf\u03c3\u03b9\u03c4\u03cc \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf tipi. 104 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2.'\n },\n {\n id: 'tipi',\n name: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 tipi',\n url: 'https:\/\/littleloft.eu\/el\/product\/krevati-tipi-apo-pefko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/2tipi-1000x800.jpg',\n price: 245, priceOld: 275,\n rating: '4.82', reviews: 175,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ad\u03c2 tipi \u2013 175 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2, \u03b1\u03c3\u03c5\u03bd\u03b1\u03b3\u03ce\u03bd\u03b9\u03c3\u03c4\u03b7 \u03c4\u03b9\u03bc\u03ae.'\n },\n\n \/\/ === KLASSISCH ===\n {\n id: 'siena',\n name: 'SIENA',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/3sienna-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.82', reviews: 177,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u0391\u03c0\u03bb\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae. 177 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03bb\u03b1\u03c4\u03c1\u03b5\u03cd\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b5\u03c5\u03b5\u03bb\u03b9\u03be\u03af\u03b1 \u03c4\u03bf\u03c5.'\n },\n {\n id: 'vesna',\n name: 'VESNA',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/littleloft_kinder1-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.83', reviews: 133,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03ae \u03ba\u03bf\u03bc\u03c8\u03cc\u03c4\u03b7\u03c4\u03b1, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c4\u03c4\u03ac \u03c3\u03c4\u03bf\u03bb\u03af\u03b4\u03b9\u03b1. 133 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03b5\u03c2.'\n },\n \/\/ === BABYBETTEN ===\n {\n id: 'niko-s',\n name: 'NIKO \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-niko-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/nw1_1-1000x800.jpg',\n price: 515, priceOld: 575,\n rating: '4.84', reviews: 82,\n tags: ['klassisch', 'aufbewahrung', 'schlaf', 'baby', 'kleinkind', 'kind', 'mittel'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03b2\u03c1\u03b5\u03c6\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9. \u039c\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af, \u03b1\u03c0\u03cc \u03bc\u03c9\u03c1\u03cc \u03ad\u03c9\u03c2 \u03c4\u03b7 \u03c3\u03c7\u03bf\u03bb\u03b9\u03ba\u03ae \u03b7\u03bb\u03b9\u03ba\u03af\u03b1.'\n }\n];\n\n\/\/ \u2500\u2500\u2500 STATE \u2500\u2500\u2500\nvar llAnswers = [null, null, null, null];\nvar llCurrentStep = 0;\n\n\/\/ \u2500\u2500\u2500 SELECT OPTION \u2500\u2500\u2500\nfunction llSelect(el) {\n var parent = el.closest('.ll-question');\n parent.querySelectorAll('.ll-option').forEach(function(o) { o.classList.remove('selected'); });\n el.classList.add('selected');\n\n var step = parseInt(parent.getAttribute('data-question'));\n llAnswers[step] = el.getAttribute('data-value');\n\n var btn = document.getElementById('llNext' + step);\n if (btn) btn.disabled = false;\n}\n\n\/\/ \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500\nfunction llNextStep(from) {\n if (llAnswers[from] === null) return;\n llCurrentStep = from + 1;\n llUpdateView();\n}\n\nfunction llPrevStep(to) {\n llCurrentStep = to - 1;\n llUpdateView();\n}\n\nfunction llUpdateView() {\n document.querySelectorAll('.ll-question').forEach(function(q) { q.classList.remove('active'); });\n var next = document.querySelector('[data-question=\"' + llCurrentStep + '\"]');\n if (next) {\n next.classList.remove('active');\n void next.offsetWidth;\n next.style.animation = 'none';\n void next.offsetWidth;\n next.style.animation = '';\n next.classList.add('active');\n }\n\n document.querySelectorAll('.ll-progress-step').forEach(function(s, i) {\n s.classList.remove('active', 'done');\n if (i < llCurrentStep) s.classList.add('done');\n if (i === llCurrentStep) s.classList.add('active');\n });\n document.getElementById('llProgressLabel').textContent = (llCurrentStep + 1) + ' \/ 4';\n}\n\n\/\/ \u2500\u2500\u2500 RESULTS \u2500\u2500\u2500\nfunction llShowResults() {\n if (llAnswers[3] === null) return;\n\n var alter = llAnswers[0];\n var schublade = llAnswers[1];\n var stil = llAnswers[2];\n var budget = llAnswers[3];\n\n \/\/ Score each product\n var scored = llProducts.map(function(p) {\n var score = 0;\n\n \/\/ Age match (most important)\n if (p.tags.indexOf(alter) !== -1) score += 30;\n\n \/\/ Drawer match\n if (p.tags.indexOf(schublade) !== -1) score += 25;\n\n \/\/ Style match\n if (p.tags.indexOf(stil) !== -1) score += 25;\n\n \/\/ Budget match\n if (p.tags.indexOf(budget) !== -1) score += 15;\n\n \/\/ Popularity bonus (reviews)\n score += Math.min(p.reviews \/ 20, 5);\n\n \/\/ Rating bonus\n score += (parseFloat(p.rating) - 4.7) * 10;\n\n return { product: p, score: score };\n });\n\n \/\/ Sort by score\n scored.sort(function(a, b) { return b.score - a.score; });\n\n \/\/ Top 3\n var top = scored.slice(0, 3);\n\n \/\/ Build summary\n var summaryParts = [];\n if (alter === 'baby') summaryParts.push('\u03ad\u03bd\u03b1 \u03bc\u03c9\u03c1\u03cc (0\u20132 \u03b5\u03c4\u03ce\u03bd)');\n else if (alter === 'kleinkind') summaryParts.push('\u03ad\u03bd\u03b1 \u03bd\u03ae\u03c0\u03b9\u03bf (2\u20135 \u03b5\u03c4\u03ce\u03bd)');\n else summaryParts.push('\u03ad\u03bd\u03b1 \u03c0\u03b1\u03b9\u03b4\u03af (5\u201310+ \u03b5\u03c4\u03ce\u03bd)');\n\n document.getElementById('llResultsSummary').textContent =\n '\u039c\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2: ' + summaryParts[0] + ', ' +\n (schublade === 'keine' ? '\u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9' : schublade === 'aufbewahrung' ? '\u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\u03c2' : '\u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd') +\n ', ' + (stil === 'haus' ? '\u03c3\u03c4\u03b9\u03bb \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9' : stil === 'tipi' ? '\u03c3\u03c4\u03b9\u03bb tipi' : '\u03ba\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03c3\u03c4\u03b9\u03bb') +\n '.';\n\n \/\/ Build cards\n var cardsHtml = '';\n var matchLabels = ['\u039a\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae', '\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc \u03c4\u03b1\u03af\u03c1\u03b9\u03b1\u03c3\u03bc\u03b1', '\u0395\u03c0\u03af\u03c3\u03b7\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03bf'];\n\n top.forEach(function(item, i) {\n var p = item.product;\n var stars = '';\n for (var s = 0; s < 5; s++) stars += '\u2605';\n\n cardsHtml += '<a class=\"ll-product-card\" href=\"' + p.url + '\" target=\"_blank\" style=\"animation-delay:' + (i * 0.1) + 's\">' +\n '<span class=\"ll-match-badge\">' + matchLabels[i] + '<\/span>' +\n '<div class=\"ll-product-img\"><img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + p.name + '\" loading=\"lazy\"><\/div>' +\n '<div class=\"ll-product-info\">' +\n '<h3>' + p.name + '<\/h3>' +\n '<div class=\"ll-why\">' + p.why + '<\/div>' +\n '<div class=\"ll-price-row\">' +\n '<span class=\"ll-price-old\">' + p.priceOld + ' \u20ac<\/span>' +\n '<span class=\"ll-price\">' + p.price + ' \u20ac<\/span>' +\n '<\/div>' +\n '<div class=\"ll-stars\">' + stars + ' ' + p.rating + ' (' + p.reviews + ' \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2)<\/div>' +\n '<\/div>' +\n '<\/a>';\n });\n\n document.getElementById('llProductCards').innerHTML = cardsHtml;\n\n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd, hide questions\n document.querySelectorAll('.ll-question').forEach(function(q) { q.classList.remove('active'); });\n document.getElementById('llProgress').style.display = 'none';\n document.getElementById('llResults').classList.add('active');\n\n \/\/ Scroll to top of widget\n document.getElementById('llBerater').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\n\/\/ \u2500\u2500\u2500 RESTART \u2500\u2500\u2500\nfunction llRestart() {\n llAnswers = [null, null, null, null];\n llCurrentStep = 0;\n\n document.querySelectorAll('.ll-option').forEach(function(o) { o.classList.remove('selected'); });\n document.querySelectorAll('.ll-btn-next').forEach(function(b) { b.disabled = true; });\n\n document.getElementById('llResults').classList.remove('active');\n document.getElementById('llProgress').style.display = 'flex';\n llUpdateView();\n\n document.getElementById('llBerater').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03ce\u03bd \u2013 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 | LittleLoft \ud83c\udfe0 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 4 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u2013 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2. \u0394\u03b9\u03b1\u03c1\u03ba\u03b5\u03af \u03bc\u03cc\u03bb\u03b9\u03c2 30 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1. 1 \/ 4 \u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1 \u03a0\u03cc\u03c3\u03bf \u03c7\u03c1\u03bf\u03bd\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2; \u0391\u03c5\u03c4\u03cc \u03bc\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 […]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42618","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/comments?post=42618"}],"version-history":[{"count":1,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618\/revisions"}],"predecessor-version":[{"id":42619,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618\/revisions\/42619"}],"wp:attachment":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/media?parent=42618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":42618,"date":"2026-03-26T23:18:36","date_gmt":"2026-03-26T23:18:36","guid":{"rendered":"https:\/\/littleloft.eu\/bed-advisor-2\/"},"modified":"2026-08-31T23:08:31","modified_gmt":"2026-08-31T22:08:31","slug":"voithos-krevation","status":"publish","type":"page","link":"https:\/\/littleloft.eu\/el\/voithos-krevation\/","title":{"rendered":"\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03ce\u03bd"},"content":{"rendered":"\n\n\n\n\n\n\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03ce\u03bd \u2013 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 | LittleLoft<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LITTLELOFT BETTBERATER\n Wklej t\u0119 zawarto\u015b\u0107 w stron\u0119 WordPress (Custom HTML)\n lub u\u017cyj jako osobn\u0105 podstron\u0119 \/bed-advisor\/\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n --ll-cream: #faf8f4;\n --ll-warm: #f3efe8;\n --ll-sand: #e8e2d8;\n --ll-wood: #c8a882;\n --ll-wood-deep: #a07850;\n --ll-bark: #6b5240;\n --ll-charcoal: #3a3632;\n --ll-text: #4a4540;\n --ll-text-soft: #8a8278;\n --ll-accent: #c8956c;\n --ll-accent-hover: #b8855c;\n --ll-leaf: #7a9a6a;\n --ll-leaf-soft: #e8f0e2;\n --ll-radius: 16px;\n --ll-radius-sm: 10px;\n --ll-shadow: 0 2px 8px rgba(58,54,50,0.06), 0 0 0 1px rgba(58,54,50,0.04);\n --ll-shadow-hover: 0 4px 20px rgba(58,54,50,0.10), 0 0 0 1px rgba(58,54,50,0.06);\n --ll-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n\/* Reset only within our container *\/\n.ll-berater *, .ll-berater *::before, .ll-berater *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.ll-berater {\n font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;\n color: var(--ll-text);\n max-width: 720px;\n margin: 0 auto;\n padding: 40px 24px 60px;\n -webkit-font-smoothing: antialiased;\n}\n\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 *\/\n.ll-berater-header {\n text-align: center;\n margin-bottom: 48px;\n animation: llFadeUp 0.6s ease both;\n}\n\n.ll-berater-header .ll-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n background: var(--ll-warm);\n border-radius: 50%;\n margin-bottom: 20px;\n font-size: 24px;\n line-height: 1;\n}\n\n.ll-berater-header h1 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(28px, 5vw, 38px);\n color: var(--ll-charcoal);\n line-height: 1.2;\n margin-bottom: 12px;\n letter-spacing: -0.01em;\n}\n\n.ll-berater-header h1 em {\n font-style: italic;\n font-weight: 400;\n color: var(--ll-accent);\n}\n\n.ll-berater-header p {\n font-size: 15px;\n color: var(--ll-text-soft);\n line-height: 1.6;\n max-width: 480px;\n margin: 0 auto;\n}\n\n\/* \u2500\u2500\u2500 PROGRESS \u2500\u2500\u2500 *\/\n.ll-progress {\n display: flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 36px;\n padding: 0 4px;\n animation: llFadeUp 0.6s ease 0.1s both;\n}\n\n.ll-progress-step {\n flex: 1;\n height: 4px;\n border-radius: 2px;\n background: var(--ll-sand);\n transition: background var(--ll-transition);\n position: relative;\n}\n\n.ll-progress-step.active {\n background: var(--ll-accent);\n}\n\n.ll-progress-step.done {\n background: var(--ll-leaf);\n}\n\n.ll-progress-label {\n font-size: 12px;\n font-weight: 500;\n color: var(--ll-text-soft);\n min-width: fit-content;\n margin-left: 8px;\n}\n\n\/* \u2500\u2500\u2500 QUESTION CARD \u2500\u2500\u2500 *\/\n.ll-question {\n display: none;\n animation: llSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.ll-question.active {\n display: block;\n}\n\n.ll-question-label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--ll-accent);\n margin-bottom: 8px;\n}\n\n.ll-question h2 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(22px, 4vw, 28px);\n color: var(--ll-charcoal);\n line-height: 1.3;\n margin-bottom: 8px;\n}\n\n.ll-question .ll-hint {\n font-size: 14px;\n color: var(--ll-text-soft);\n margin-bottom: 24px;\n line-height: 1.5;\n}\n\n\/* \u2500\u2500\u2500 OPTIONS \u2500\u2500\u2500 *\/\n.ll-options {\n display: grid;\n gap: 12px;\n}\n\n.ll-option {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 18px 20px;\n background: #fff;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius-sm);\n cursor: pointer;\n transition: all var(--ll-transition);\n position: relative;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.ll-option:hover {\n border-color: var(--ll-wood);\n box-shadow: var(--ll-shadow-hover);\n transform: translateY(-1px);\n}\n\n.ll-option.selected {\n border-color: var(--ll-accent);\n background: linear-gradient(135deg, #fdfbf8, #faf5ee);\n box-shadow: 0 0 0 3px rgba(200,149,108,0.15), var(--ll-shadow);\n}\n\n.ll-option-icon {\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--ll-warm);\n border-radius: 10px;\n font-size: 20px;\n flex-shrink: 0;\n transition: all var(--ll-transition);\n}\n\n.ll-option.selected .ll-option-icon {\n background: var(--ll-accent);\n transform: scale(1.05);\n}\n\n.ll-option-text {\n flex: 1;\n}\n\n.ll-option-text strong {\n display: block;\n font-weight: 600;\n font-size: 15px;\n color: var(--ll-charcoal);\n margin-bottom: 2px;\n}\n\n.ll-option-text span {\n font-size: 13px;\n color: var(--ll-text-soft);\n line-height: 1.4;\n}\n\n.ll-option-check {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--ll-sand);\n flex-shrink: 0;\n transition: all var(--ll-transition);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ll-option.selected .ll-option-check {\n border-color: var(--ll-accent);\n background: var(--ll-accent);\n}\n\n.ll-option.selected .ll-option-check::after {\n content: '';\n width: 6px;\n height: 10px;\n border: 2px solid #fff;\n border-top: none;\n border-left: none;\n transform: rotate(45deg) translateY(-1px);\n}\n\n\/* \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500 *\/\n.ll-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 32px;\n gap: 12px;\n}\n\n.ll-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 14px 28px;\n border-radius: var(--ll-radius-sm);\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all var(--ll-transition);\n border: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.ll-btn-back {\n background: transparent;\n color: var(--ll-text-soft);\n padding-left: 16px;\n}\n\n.ll-btn-back:hover {\n color: var(--ll-text);\n}\n\n.ll-btn-next {\n background: var(--ll-accent);\n color: #fff;\n margin-left: auto;\n box-shadow: 0 2px 8px rgba(200,149,108,0.3);\n}\n\n.ll-btn-next:hover {\n background: var(--ll-accent-hover);\n transform: translateY(-1px);\n box-shadow: 0 4px 16px rgba(200,149,108,0.35);\n}\n\n.ll-btn-next:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n}\n\n.ll-btn-next .ll-arrow {\n transition: transform 0.2s ease;\n}\n.ll-btn-next:not(:disabled):hover .ll-arrow {\n transform: translateX(3px);\n}\n\n\/* \u2500\u2500\u2500 RESULTS \u2500\u2500\u2500 *\/\n.ll-results {\n display: none;\n animation: llFadeUp 0.6s ease both;\n}\n\n.ll-results.active {\n display: block;\n}\n\n.ll-results-header {\n text-align: center;\n margin-bottom: 36px;\n}\n\n.ll-results-header .ll-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 6px 14px;\n background: var(--ll-leaf-soft);\n color: var(--ll-leaf);\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 16px;\n}\n\n.ll-results-header h2 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: clamp(24px, 4.5vw, 32px);\n color: var(--ll-charcoal);\n margin-bottom: 8px;\n}\n\n.ll-results-header p {\n font-size: 14px;\n color: var(--ll-text-soft);\n}\n\n\/* Product cards *\/\n.ll-product-cards {\n display: grid;\n gap: 16px;\n}\n\n.ll-product-card {\n display: flex;\n gap: 20px;\n padding: 20px;\n background: #fff;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius);\n transition: all var(--ll-transition);\n text-decoration: none;\n color: inherit;\n position: relative;\n overflow: hidden;\n}\n\n.ll-product-card:hover {\n border-color: var(--ll-wood);\n box-shadow: var(--ll-shadow-hover);\n transform: translateY(-2px);\n}\n\n.ll-product-card .ll-match-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n background: var(--ll-leaf-soft);\n color: var(--ll-leaf);\n font-size: 11px;\n font-weight: 600;\n padding: 4px 10px;\n border-radius: 6px;\n}\n\n.ll-product-img {\n width: 140px;\n height: 140px;\n border-radius: var(--ll-radius-sm);\n background: var(--ll-warm);\n flex-shrink: 0;\n object-fit: cover;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.ll-product-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.ll-product-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n padding-right: 60px;\n}\n\n.ll-product-info h3 {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: 20px;\n color: var(--ll-charcoal);\n margin-bottom: 6px;\n}\n\n.ll-product-info .ll-why {\n font-size: 13px;\n color: var(--ll-text-soft);\n line-height: 1.5;\n margin-bottom: 12px;\n}\n\n.ll-product-info .ll-price-row {\n display: flex;\n align-items: baseline;\n gap: 8px;\n}\n\n.ll-product-info .ll-price-old {\n font-size: 13px;\n color: var(--ll-text-soft);\n text-decoration: line-through;\n}\n\n.ll-product-info .ll-price {\n font-size: 20px;\n font-weight: 700;\n color: var(--ll-accent);\n}\n\n.ll-product-info .ll-price-unit {\n font-size: 13px;\n font-weight: 500;\n color: var(--ll-text-soft);\n}\n\n.ll-product-info .ll-stars {\n font-size: 12px;\n color: var(--ll-wood);\n margin-top: 4px;\n}\n\n\/* Restart *\/\n.ll-restart {\n text-align: center;\n margin-top: 32px;\n}\n\n.ll-restart button {\n background: transparent;\n border: 1.5px solid var(--ll-sand);\n border-radius: var(--ll-radius-sm);\n padding: 12px 24px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 14px;\n font-weight: 500;\n color: var(--ll-text-soft);\n cursor: pointer;\n transition: all var(--ll-transition);\n}\n\n.ll-restart button:hover {\n border-color: var(--ll-wood);\n color: var(--ll-text);\n}\n\n\/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n@keyframes llFadeUp {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes llSlideIn {\n from { opacity: 0; transform: translateX(24px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n .ll-berater { padding: 24px 16px 48px; }\n .ll-product-card { flex-direction: column; gap: 14px; }\n .ll-product-img { width: 100%; height: 180px; }\n .ll-product-info { padding-right: 0; padding-top: 4px; }\n .ll-product-card .ll-match-badge { top: 160px; right: 12px; }\n .ll-option { padding: 14px 16px; gap: 12px; }\n .ll-option-icon { width: 38px; height: 38px; font-size: 17px; }\n}\n<\/style>\n<\/head>\n<body style=\"background:#faf8f4; margin:0;\">\n\n<div class=\"ll-berater\" id=\"llBerater\">\n\n \n <div class=\"ll-berater-header\">\n <div class=\"ll-icon\">\ud83c\udfe0<\/div>\n <h1>\u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf <em>\u03c4\u03ad\u03bb\u03b5\u03b9\u03bf<\/em> \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9<\/h1>\n <p>4 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u2013 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2. \u0394\u03b9\u03b1\u03c1\u03ba\u03b5\u03af \u03bc\u03cc\u03bb\u03b9\u03c2 30 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1.<\/p>\n <\/div>\n\n \n <div class=\"ll-progress\" id=\"llProgress\">\n <div class=\"ll-progress-step active\" data-step=\"0\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"1\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"2\"><\/div>\n <div class=\"ll-progress-step\" data-step=\"3\"><\/div>\n <span class=\"ll-progress-label\" id=\"llProgressLabel\">1 \/ 4<\/span>\n <\/div>\n\n \n <div class=\"ll-question active\" data-question=\"0\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1<\/div>\n <h2>\u03a0\u03cc\u03c3\u03bf \u03c7\u03c1\u03bf\u03bd\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2;<\/h2>\n <p class=\"ll-hint\">\u0391\u03c5\u03c4\u03cc \u03bc\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"baby\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udc76<\/div>\n <div class=\"ll-option-text\">\n <strong>0\u20132 \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u0392\u03c1\u03b5\u03c6\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9, \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"kleinkind\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\uddd2<\/div>\n <div class=\"ll-option-text\">\n <strong>2\u20135 \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u03a0\u03c1\u03ce\u03c4\u03bf \u03bc\u03b5\u03b3\u03ac\u03bb\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03b1\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03b1\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"kind\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\uddd2<\/div>\n <div class=\"ll-option-text\">\n <strong>5\u201310+ \u03b5\u03c4\u03ce\u03bd<\/strong>\n <span>\u0388\u03bd\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c0\u03bf\u03c5 \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <div><\/div>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext0\" disabled onclick=\"llNextStep(0)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"1\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 2<\/div>\n <h2>\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9;<\/h2>\n <p class=\"ll-hint\">\u03a4\u03b1 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7 \u2013 \u03ae \u03b1\u03ba\u03cc\u03bc\u03b7 \u03ba\u03b1\u03b9 \u03bc\u03b9\u03b1 \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03b8\u03ad\u03c3\u03b7 \u03cd\u03c0\u03bd\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03c4\u03b1 \u03b1\u03b4\u03ad\u03c1\u03c6\u03b9\u03b1.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"keine\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u2728<\/div>\n <div class=\"ll-option-text\">\n <strong>\u038c\u03c7\u03b9, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9<\/strong>\n <span>\u0391\u03c0\u03bb\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"aufbewahrung\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udce6<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039d\u03b1\u03b9, \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7<\/strong>\n <span>\u0393\u03b9\u03b1 \u03ba\u03bb\u03b9\u03bd\u03bf\u03c3\u03ba\u03b5\u03c0\u03ac\u03c3\u03bc\u03b1\u03c4\u03b1, \u03c0\u03b1\u03b9\u03c7\u03bd\u03af\u03b4\u03b9\u03b1 \u03ae \u03c1\u03bf\u03cd\u03c7\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"schlaf\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udecf\ufe0f<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039d\u03b1\u03b9, \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd<\/strong>\n <span>\u03a3\u03c5\u03c1\u03cc\u03bc\u03b5\u03bd\u03bf \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03b3\u03b9\u03b1 \u03b1\u03b4\u03ad\u03c1\u03c6\u03b9\u03b1 \u03ae \u03ba\u03b1\u03bb\u03b5\u03c3\u03bc\u03ad\u03bd\u03bf\u03c5\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(1)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext1\" disabled onclick=\"llNextStep(1)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"2\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 3<\/div>\n <h2>\u03a0\u03bf\u03b9\u03bf \u03c3\u03c4\u03b9\u03bb \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ac\u03c4\u03b5;<\/h2>\n <p class=\"ll-hint\">\u039a\u03ac\u03b8\u03b5 \u03c3\u03c4\u03b9\u03bb \u03ad\u03c7\u03b5\u03b9 \u03c4\u03b7 \u03b4\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 \u03b3\u03bf\u03b7\u03c4\u03b5\u03af\u03b1 \u2013 \u03b4\u03b9\u03b1\u03bb\u03ad\u03be\u03c4\u03b5 \u03b1\u03c5\u03c4\u03cc \u03c0\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03c3\u03c4\u03bf \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf \u03c4\u03bf\u03c5 \u03c0\u03b1\u03b9\u03b4\u03b9\u03bf\u03cd \u03c3\u03b1\u03c2.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"haus\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83c\udfe1<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9<\/strong>\n <span>\u0396\u03b5\u03c3\u03c4\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c3\u03ba\u03b1\u03bd\u03b4\u03b9\u03bd\u03b1\u03b2\u03b9\u03ba\u03ae \u03b3\u03bf\u03b7\u03c4\u03b5\u03af\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"tipi\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u26fa<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 tipi<\/strong>\n <span>\u03a0\u03b1\u03b9\u03c7\u03bd\u03b9\u03b4\u03b9\u03ac\u03c1\u03b9\u03ba\u03bf\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 tipi, \u03b1\u03c4\u03bc\u03cc\u03c3\u03c6\u03b1\u03b9\u03c1\u03b1 \u03c0\u03b5\u03c1\u03b9\u03c0\u03ad\u03c4\u03b5\u03b9\u03b1\u03c2<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"klassisch\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83e\udeb5<\/div>\n <div class=\"ll-option-text\">\n <strong>\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \/ \u03b1\u03c0\u03bb\u03cc<\/strong>\n <span>\u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c0\u03b1\u03bd\u03c4\u03bf\u03cd<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(2)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext2\" disabled onclick=\"llNextStep(2)\">\n \u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-question\" data-question=\"3\">\n <div class=\"ll-question-label\">\u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 4<\/div>\n <h2>\u03a0\u03bf\u03b9\u03bf\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03bf \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c3\u03b1\u03c2;<\/h2>\n <p class=\"ll-hint\">\u038c\u03bb\u03b1 \u03c4\u03b1 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9\u03b1 \u03bc\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bd \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1 \u2013 \u03b7 \u03c4\u03b9\u03bc\u03ae \u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03b9 \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03bf\u03bd \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc.<\/p>\n <div class=\"ll-options\">\n <div class=\"ll-option\" data-value=\"budget\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udcb0<\/div>\n <div class=\"ll-option-text\">\n <strong>\u0388\u03c9\u03c2 400 \u20ac<\/strong>\n <span>\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b5\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae\u03c2, \u03ba\u03bf\u03c1\u03c5\u03c6\u03b1\u03af\u03b1 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"mittel\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\u2b50<\/div>\n <div class=\"ll-option-text\">\n <strong>400\u2013575 \u20ac<\/strong>\n <span>\u03a4\u03b1 \u03c0\u03b9\u03bf \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <div class=\"ll-option\" data-value=\"premium\" onclick=\"llSelect(this)\">\n <div class=\"ll-option-icon\">\ud83d\udc51<\/div>\n <div class=\"ll-option-text\">\n <strong>\u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc 575 \u20ac<\/strong>\n <span>Premium \u03b5\u03be\u03bf\u03c0\u03bb\u03b9\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03ad\u03be\u03c4\u03c1\u03b1<\/span>\n <\/div>\n <div class=\"ll-option-check\"><\/div>\n <\/div>\n <\/div>\n <div class=\"ll-nav\">\n <button class=\"ll-btn ll-btn-back\" onclick=\"llPrevStep(3)\">\u2190 \u03a0\u03af\u03c3\u03c9<\/button>\n <button class=\"ll-btn ll-btn-next\" id=\"llNext3\" disabled onclick=\"llShowResults()\">\n \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd <span class=\"ll-arrow\">\u2192<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"ll-results\" id=\"llResults\">\n <div class=\"ll-results-header\">\n <div class=\"ll-badge\">\u2713 \u0397 \u03b1\u03bd\u03ac\u03bb\u03c5\u03c3\u03b7 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03ce\u03b8\u03b7\u03ba\u03b5<\/div>\n <h2>\u039f\u03b9 \u03c0\u03c1\u03bf\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03b5\u03c3\u03ac\u03c2<\/h2>\n <p id=\"llResultsSummary\"><\/p>\n <\/div>\n <div class=\"ll-product-cards\" id=\"llProductCards\">\n \n <\/div>\n <div class=\"ll-restart\">\n <button onclick=\"llRestart()\">\u21bb \u039e\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac<\/button>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BETTBERATER LOGIK\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/\/ \u2500\u2500\u2500 PRODUCT DATABASE \u2500\u2500\u2500\n\/\/ Uzupe\u0142nij URLe zdj\u0119\u0107 i linki do swoich produkt\u00f3w\nvar llProducts = [\n \/\/ === HAUSBETTEN MIT SCHUBLADE ===\n {\n id: 'astria-s',\n name: 'ASTRIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-astria-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/3astria_med-1000x800.jpg',\n price: 570, priceOld: 630,\n rating: '4.86', reviews: 89,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03bc\u03b5 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c0\u03cc\u03b4\u03b9\u03b1 20 cm, \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\u03c2 \u03ae \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd. \u0391\u03bd\u03c4\u03ad\u03c7\u03b5\u03b9 \u03ad\u03c9\u03c2 190 kg.'\n },\n {\n id: 'lunetta-s',\n name: 'LUNETTA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lunetta-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/4lunetta-1000x800.jpg',\n price: 570, priceOld: 630,\n rating: '4.88', reviews: 109,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03c3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, \u03b9\u03b4\u03b9\u03b1\u03af\u03c4\u03b5\u03c1\u03b1 \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ae\u03c2. \u039c\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03c3\u03b5 3 \u03c0\u03b1\u03c1\u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2. \u0397 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b7 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03bc\u03b1\u03c2.'\n },\n {\n id: 'stellia-s',\n name: 'STELLIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/lumina_me-1000x800.jpg',\n price: 545, priceOld: 610,\n rating: '4.80', reviews: 97,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03bf\u03bc\u03c8\u03ae \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae. \u0395\u03bd\u03b9\u03c3\u03c7\u03c5\u03bc\u03ad\u03bd\u03b7 \u03ba\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae, 3 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2 \u03c3\u03c5\u03c1\u03c4\u03b1\u03c1\u03b9\u03bf\u03cd.'\n },\n {\n id: 'lumina-s',\n name: 'LUMINA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw2_1-1-1000x800.jpg',\n price: 545, priceOld: 610,\n rating: '4.94', reviews: 48,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u0391\u03c3\u03cd\u03bc\u03bc\u03b5\u03c4\u03c1\u03b7 \u03c3\u03ba\u03b5\u03c0\u03ae. \u0397 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b7 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c3\u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b7\u03bc\u03ac \u03bc\u03b1\u03c2 (4,94\/5).'\n },\n {\n id: 'bianca-s',\n name: 'BIANCA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/8Bianca_mit_Schublade-1000x800.jpg',\n price: 560, priceOld: 620,\n rating: '4.79', reviews: 149,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03b5\u03bc\u03c0\u03bf\u03c1\u03b9\u03ba\u03cc \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9. 149 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2.'\n },\n {\n id: 'narella-s',\n name: 'NARELLA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/6narella_mit_schublade-1000x800.jpg',\n price: 525, priceOld: 585,\n rating: '4.83', reviews: 94,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel'],\n why: '\u0393\u03bf\u03b7\u03c4\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03c3\u03c7\u03ad\u03b4\u03b9\u03bf \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9, \u03b5\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03ae \u03c3\u03c7\u03ad\u03c3\u03b7 \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2-\u03c4\u03b9\u03bc\u03ae\u03c2.'\n },\n {\n id: 'selvia-s',\n name: 'SELVIA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-selvia-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/8selvia_mit_shublade-1000x800.jpg',\n price: 560, priceOld: 620,\n rating: '4.76', reviews: 93,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel', 'premium'],\n why: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03bc\u03b5 \u03ba\u03bf\u03bc\u03c8\u03ae \u03bb\u03b5\u03c0\u03c4\u03bf\u03bc\u03ad\u03c1\u03b5\u03b9\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b8\u03cd\u03c1\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03b1\u03ba\u03c4\u03b9\u03ba\u03cc \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9.'\n },\n {\n id: 'soletta-s',\n name: 'SOLETTA \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-soletta-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/12\/soletta_mit_schublade-6-1000x800.jpg',\n price: 525, priceOld: 585,\n rating: '4.72', reviews: 48,\n tags: ['haus', 'aufbewahrung', 'schlaf', 'kleinkind', 'kind', 'mittel'],\n why: '\u0391\u03c0\u03b1\u03bb\u03ad\u03c2 \u03ba\u03b1\u03bc\u03c0\u03cd\u03bb\u03b5\u03c2, \u03ae\u03c0\u03b9\u03b1 \u03b1\u03b9\u03c3\u03b8\u03b7\u03c4\u03b9\u03ba\u03ae. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03ad\u03bd\u03b1 \u03ae\u03c1\u03b5\u03bc\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03bf.'\n },\n\n \/\/ === HAUSBETTEN MINI (ohne Schublade, bodennah) ===\n {\n id: 'bianca-mini',\n name: 'BIANCA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/Bianca6-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.84', reviews: 176,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a7\u03b1\u03bc\u03b7\u03bb\u03cc, \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2, 176 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2. \u0397 \u03c4\u03ad\u03bb\u03b5\u03b9\u03b1 \u03b5\u03b9\u03c3\u03b1\u03b3\u03c9\u03b3\u03ae \u03c3\u03c4\u03b1 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9\u03b1 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9.'\n },\n {\n id: 'vesna-mini',\n name: 'VESNA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/04\/littleloft_kinder3-1000x800.jpg',\n price: 360, priceOld: 400,\n rating: '4.85', reviews: 204,\n tags: ['haus', 'keine', 'kleinkind', 'budget'],\n why: '\u03a4\u03bf bestseller \u03bc\u03b1\u03c2 \u03bc\u03b5 204 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2! \u03a7\u03b1\u03bc\u03b7\u03bb\u03cc, \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03bd\u03ae\u03c0\u03b9\u03b1.'\n },\n {\n id: 'stellia-mini',\n name: 'STELLIA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn4_1-1000x800.jpg',\n price: 380, priceOld: 425,\n rating: '4.83', reviews: 127,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03bc\u03b5 \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc. \u0395\u03bb\u03b1\u03c6\u03c1\u03b9\u03ac, \u03b1\u03ad\u03c1\u03b9\u03bd\u03b7 \u03b1\u03af\u03c3\u03b8\u03b7\u03c3\u03b7.'\n },\n {\n id: 'lumina-mini',\n name: 'LUMINA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn3_1-1000x800.jpg',\n price: 380, priceOld: 425,\n rating: '4.84', reviews: 84,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u0391\u03c3\u03cd\u03bc\u03bc\u03b5\u03c4\u03c1\u03b7 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c3\u03ba\u03b1\u03bd\u03b4\u03b9\u03bd\u03b1\u03b2\u03b9\u03ba\u03cc \u03c3\u03c4\u03b9\u03bb. \u03a0\u03bf\u03bb\u03cd \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ad\u03c2.'\n },\n {\n id: 'lunetta-mini',\n name: 'LUNETTA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lunetta-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dn2_1-1000x800.jpg',\n price: 400, priceOld: 445,\n rating: '4.91', reviews: 112,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a3\u03c4\u03c1\u03bf\u03b3\u03b3\u03c5\u03bb\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, 4,91 \u03b1\u03c3\u03c4\u03ad\u03c1\u03b9\u03b1 \u2013 \u03bc\u03af\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b9\u03c2 \u03c5\u03c8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b5\u03c2 \u03b2\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2.'\n },\n {\n id: 'astria-mini',\n name: 'ASTRIA mini',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-astria-mini\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/dn1_1-1000x800.jpg',\n price: 400, priceOld: 445,\n rating: '4.86', reviews: 126,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u03a3\u03c5\u03bc\u03c0\u03b1\u03b3\u03ad\u03c2 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9, \u03b9\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03b1 \u03b4\u03c9\u03bc\u03ac\u03c4\u03b9\u03b1.'\n },\n {\n id: 'narella-mini',\n name: 'NARELLA mini',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/narell-1-1-1000x800.jpg',\n price: 370, priceOld: 415,\n rating: '4.76', reviews: 64,\n tags: ['haus', 'keine', 'kleinkind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03c0\u03c1\u03bf\u03c3\u03b9\u03c4\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9 \u03c4\u03b7\u03c2 \u03b3\u03ba\u03ac\u03bc\u03b1\u03c2 \u03bc\u03b1\u03c2, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03bc\u03b2\u03b9\u03b2\u03b1\u03c3\u03bc\u03bf\u03cd\u03c2 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bf\u03b9\u03cc\u03c4\u03b7\u03c4\u03b1.'\n },\n {\n id: 'siena-mini',\n name: 'SIENA mini',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/littleloft_kinder2-1000x800.jpg',\n price: 370, priceOld: 415,\n rating: '4.78', reviews: 143,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae, \u03c7\u03b1\u03bc\u03b7\u03bb\u03cc. 143 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03bf\u03b9 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2.'\n },\n\n \/\/ === HAUSBETTEN STANDARD (ohne Schublade, h\u00f6here Beine) ===\n {\n id: 'lumina',\n name: 'LUMINA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-lumina\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw2_1-1000x800.jpg',\n price: 415, priceOld: 460,\n rating: '4.92', reviews: 54,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u03a8\u03b7\u03bb\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c0\u03cc\u03b4\u03b9\u03b1, \u03c7\u03ce\u03c1\u03bf\u03c2 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9. \u0392\u03b1\u03b8\u03bc\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 4,92 \u2013 \u03c3\u03c7\u03b5\u03b4\u03cc\u03bd \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf.'\n },\n {\n id: 'stellia',\n name: 'STELLIA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-stellia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/dw1_1-1000x800.jpg',\n price: 415, priceOld: 460,\n rating: '4.83', reviews: 100,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u0388\u03bd\u03b1 \u03ba\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03bc\u03b5 \u03bc\u03c5\u03c4\u03b5\u03c1\u03ae \u03c3\u03ba\u03b5\u03c0\u03ae, 100 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2. \u03a4\u03bf \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03c0\u03c1\u03bf\u03c3\u03c4\u03af\u03b8\u03b5\u03c4\u03b1\u03b9 \u03ba\u03b1\u03b9 \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1.'\n },\n {\n id: 'bianca',\n name: 'BIANCA',\n url: 'https:\/\/littleloft.eu\/el\/krevatia-spitaki\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2024\/12\/Bianca5-1000x800.jpg',\n price: 425, priceOld: 470,\n rating: '4.84', reviews: 174,\n tags: ['haus', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '174 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2 \u2013 \u03ad\u03bd\u03b1 \u03b1\u03c0\u03cc \u03c4\u03b1 \u03b4\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03ac \u03b1\u03b3\u03b1\u03c0\u03b7\u03bc\u03ad\u03bd\u03b1. \u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2.'\n },\n\n \/\/ === TIPI ===\n {\n id: 'tipi-luna',\n name: 'TIPI LUNA',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-tipi-luna\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/1tipi3-1000x800.jpg',\n price: 485, priceOld: 540,\n rating: '4.86', reviews: 64,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2 tipi \u03bc\u03b5 \u03c7\u03b1\u03c1\u03b1\u03ba\u03c4\u03ae\u03c1\u03b1. \u039c\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9 \u03c9\u03c2 \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03b4\u03b1\u03c0\u03ad\u03b4\u03bf\u03c5 \u03ba\u03b1\u03b9 \u03bd\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03ce\u03c3\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af.'\n },\n {\n id: 'tipi-niko',\n name: 'TIPI NIKO',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-tipi-niko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/2tipi_niko-1000x800.jpg',\n price: 485, priceOld: 540,\n rating: '4.83', reviews: 119,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'mittel'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc tipi \u03bc\u03b5 \u03c3\u03ba\u03b5\u03bb\u03b5\u03c4\u03cc Niko. 119 \u03b5\u03bd\u03b8\u03bf\u03c5\u03c3\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03b5\u03c2.'\n },\n {\n id: 'tipi-plus',\n name: 'Tipi PLUS',\n url: 'https:\/\/littleloft.eu\/el\/product\/krevati-tipi-plus-apo-pefko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/04\/tipiplus2-1000x765.jpg',\n price: 280, priceOld: 310,\n rating: '4.83', reviews: 104,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03c0\u03c1\u03bf\u03c3\u03b9\u03c4\u03cc \u03bc\u03b1\u03c2 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf tipi. 104 \u03b8\u03b5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2.'\n },\n {\n id: 'tipi',\n name: '\u039a\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 tipi',\n url: 'https:\/\/littleloft.eu\/el\/product\/krevati-tipi-apo-pefko\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/2tipi-1000x800.jpg',\n price: 245, priceOld: 275,\n rating: '4.82', reviews: 175,\n tags: ['tipi', 'keine', 'kleinkind', 'kind', 'budget'],\n why: '\u03a4\u03bf \u03c0\u03b9\u03bf \u03b4\u03b7\u03bc\u03bf\u03c6\u03b9\u03bb\u03ad\u03c2 tipi \u2013 175 \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2, \u03b1\u03c3\u03c5\u03bd\u03b1\u03b3\u03ce\u03bd\u03b9\u03c3\u03c4\u03b7 \u03c4\u03b9\u03bc\u03ae.'\n },\n\n \/\/ === KLASSISCH ===\n {\n id: 'siena',\n name: 'SIENA',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2026\/01\/3sienna-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.82', reviews: 177,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u0391\u03c0\u03bb\u03cc\u03c2 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03ba\u03b5\u03c0\u03ae. 177 \u03c0\u03b5\u03bb\u03ac\u03c4\u03b5\u03c2 \u03bb\u03b1\u03c4\u03c1\u03b5\u03cd\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03b5\u03c5\u03b5\u03bb\u03b9\u03be\u03af\u03b1 \u03c4\u03bf\u03c5.'\n },\n {\n id: 'vesna',\n name: 'VESNA',\n url: 'https:\/\/littleloft.eu\/el\/prota-krevatia\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/06\/littleloft_kinder1-1000x800.jpg',\n price: 390, priceOld: 435,\n rating: '4.83', reviews: 133,\n tags: ['klassisch', 'keine', 'kleinkind', 'kind', 'budget', 'mittel'],\n why: '\u0394\u03b9\u03b1\u03c7\u03c1\u03bf\u03bd\u03b9\u03ba\u03ae \u03ba\u03bf\u03bc\u03c8\u03cc\u03c4\u03b7\u03c4\u03b1, \u03c7\u03c9\u03c1\u03af\u03c2 \u03c0\u03b5\u03c1\u03b9\u03c4\u03c4\u03ac \u03c3\u03c4\u03bf\u03bb\u03af\u03b4\u03b9\u03b1. 133 \u03b9\u03ba\u03b1\u03bd\u03bf\u03c0\u03bf\u03b9\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03bf\u03b9\u03ba\u03bf\u03b3\u03ad\u03bd\u03b5\u03b9\u03b5\u03c2.'\n },\n \/\/ === BABYBETTEN ===\n {\n id: 'niko-s',\n name: 'NIKO \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9',\n url: 'https:\/\/littleloft.eu\/el\/product\/paidiko-krevati-niko-me-syrtari\/',\n img: 'https:\/\/littleloft.eu\/wp-content\/uploads\/2025\/07\/nw1_1-1000x800.jpg',\n price: 515, priceOld: 575,\n rating: '4.84', reviews: 82,\n tags: ['klassisch', 'aufbewahrung', 'schlaf', 'baby', 'kleinkind', 'kind', 'mittel'],\n why: '\u039a\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03b2\u03c1\u03b5\u03c6\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 \u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9. \u039c\u03b5\u03b3\u03b1\u03bb\u03ce\u03bd\u03b5\u03b9 \u03bc\u03b1\u03b6\u03af \u03bc\u03b5 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af, \u03b1\u03c0\u03cc \u03bc\u03c9\u03c1\u03cc \u03ad\u03c9\u03c2 \u03c4\u03b7 \u03c3\u03c7\u03bf\u03bb\u03b9\u03ba\u03ae \u03b7\u03bb\u03b9\u03ba\u03af\u03b1.'\n }\n];\n\n\/\/ \u2500\u2500\u2500 STATE \u2500\u2500\u2500\nvar llAnswers = [null, null, null, null];\nvar llCurrentStep = 0;\n\n\/\/ \u2500\u2500\u2500 SELECT OPTION \u2500\u2500\u2500\nfunction llSelect(el) {\n var parent = el.closest('.ll-question');\n parent.querySelectorAll('.ll-option').forEach(function(o) { o.classList.remove('selected'); });\n el.classList.add('selected');\n\n var step = parseInt(parent.getAttribute('data-question'));\n llAnswers[step] = el.getAttribute('data-value');\n\n var btn = document.getElementById('llNext' + step);\n if (btn) btn.disabled = false;\n}\n\n\/\/ \u2500\u2500\u2500 NAVIGATION \u2500\u2500\u2500\nfunction llNextStep(from) {\n if (llAnswers[from] === null) return;\n llCurrentStep = from + 1;\n llUpdateView();\n}\n\nfunction llPrevStep(to) {\n llCurrentStep = to - 1;\n llUpdateView();\n}\n\nfunction llUpdateView() {\n document.querySelectorAll('.ll-question').forEach(function(q) { q.classList.remove('active'); });\n var next = document.querySelector('[data-question=\"' + llCurrentStep + '\"]');\n if (next) {\n next.classList.remove('active');\n void next.offsetWidth;\n next.style.animation = 'none';\n void next.offsetWidth;\n next.style.animation = '';\n next.classList.add('active');\n }\n\n document.querySelectorAll('.ll-progress-step').forEach(function(s, i) {\n s.classList.remove('active', 'done');\n if (i < llCurrentStep) s.classList.add('done');\n if (i === llCurrentStep) s.classList.add('active');\n });\n document.getElementById('llProgressLabel').textContent = (llCurrentStep + 1) + ' \/ 4';\n}\n\n\/\/ \u2500\u2500\u2500 RESULTS \u2500\u2500\u2500\nfunction llShowResults() {\n if (llAnswers[3] === null) return;\n\n var alter = llAnswers[0];\n var schublade = llAnswers[1];\n var stil = llAnswers[2];\n var budget = llAnswers[3];\n\n \/\/ Score each product\n var scored = llProducts.map(function(p) {\n var score = 0;\n\n \/\/ Age match (most important)\n if (p.tags.indexOf(alter) !== -1) score += 30;\n\n \/\/ Drawer match\n if (p.tags.indexOf(schublade) !== -1) score += 25;\n\n \/\/ Style match\n if (p.tags.indexOf(stil) !== -1) score += 25;\n\n \/\/ Budget match\n if (p.tags.indexOf(budget) !== -1) score += 15;\n\n \/\/ Popularity bonus (reviews)\n score += Math.min(p.reviews \/ 20, 5);\n\n \/\/ Rating bonus\n score += (parseFloat(p.rating) - 4.7) * 10;\n\n return { product: p, score: score };\n });\n\n \/\/ Sort by score\n scored.sort(function(a, b) { return b.score - a.score; });\n\n \/\/ Top 3\n var top = scored.slice(0, 3);\n\n \/\/ Build summary\n var summaryParts = [];\n if (alter === 'baby') summaryParts.push('\u03ad\u03bd\u03b1 \u03bc\u03c9\u03c1\u03cc (0\u20132 \u03b5\u03c4\u03ce\u03bd)');\n else if (alter === 'kleinkind') summaryParts.push('\u03ad\u03bd\u03b1 \u03bd\u03ae\u03c0\u03b9\u03bf (2\u20135 \u03b5\u03c4\u03ce\u03bd)');\n else summaryParts.push('\u03ad\u03bd\u03b1 \u03c0\u03b1\u03b9\u03b4\u03af (5\u201310+ \u03b5\u03c4\u03ce\u03bd)');\n\n document.getElementById('llResultsSummary').textContent =\n '\u039c\u03b5 \u03b2\u03ac\u03c3\u03b7 \u03c4\u03b9\u03c2 \u03b1\u03c0\u03b1\u03bd\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03b1\u03c2: ' + summaryParts[0] + ', ' +\n (schublade === 'keine' ? '\u03c7\u03c9\u03c1\u03af\u03c2 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9' : schublade === 'aufbewahrung' ? '\u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03b1\u03c0\u03bf\u03b8\u03ae\u03ba\u03b5\u03c5\u03c3\u03b7\u03c2' : '\u03bc\u03b5 \u03c3\u03c5\u03c1\u03c4\u03ac\u03c1\u03b9 \u03bc\u03b5 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd') +\n ', ' + (stil === 'haus' ? '\u03c3\u03c4\u03b9\u03bb \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03bf\u03cd \u03c3\u03c0\u03b9\u03c4\u03ac\u03ba\u03b9' : stil === 'tipi' ? '\u03c3\u03c4\u03b9\u03bb tipi' : '\u03ba\u03bb\u03b1\u03c3\u03b9\u03ba\u03cc \u03c3\u03c4\u03b9\u03bb') +\n '.';\n\n \/\/ Build cards\n var cardsHtml = '';\n var matchLabels = ['\u039a\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae', '\u0395\u03be\u03b1\u03b9\u03c1\u03b5\u03c4\u03b9\u03ba\u03cc \u03c4\u03b1\u03af\u03c1\u03b9\u03b1\u03c3\u03bc\u03b1', '\u0395\u03c0\u03af\u03c3\u03b7\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03bf'];\n\n top.forEach(function(item, i) {\n var p = item.product;\n var stars = '';\n for (var s = 0; s < 5; s++) stars += '\u2605';\n\n cardsHtml += '<a class=\"ll-product-card\" href=\"' + p.url + '\" target=\"_blank\" style=\"animation-delay:' + (i * 0.1) + 's\">' +\n '<span class=\"ll-match-badge\">' + matchLabels[i] + '<\/span>' +\n '<div class=\"ll-product-img\"><img decoding=\"async\" src=\"' + p.img + '\" alt=\"' + p.name + '\" loading=\"lazy\"><\/div>' +\n '<div class=\"ll-product-info\">' +\n '<h3>' + p.name + '<\/h3>' +\n '<div class=\"ll-why\">' + p.why + '<\/div>' +\n '<div class=\"ll-price-row\">' +\n '<span class=\"ll-price-old\">' + p.priceOld + ' \u20ac<\/span>' +\n '<span class=\"ll-price\">' + p.price + ' \u20ac<\/span>' +\n '<\/div>' +\n '<div class=\"ll-stars\">' + stars + ' ' + p.rating + ' (' + p.reviews + ' \u03ba\u03c1\u03b9\u03c4\u03b9\u03ba\u03ad\u03c2)<\/div>' +\n '<\/div>' +\n '<\/a>';\n });\n\n document.getElementById('llProductCards').innerHTML = cardsHtml;\n\n \/\/ \u0395\u03bc\u03c6\u03ac\u03bd\u03b9\u03c3\u03b7 \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03b5\u03c3\u03bc\u03ac\u03c4\u03c9\u03bd, hide questions\n document.querySelectorAll('.ll-question').forEach(function(q) { q.classList.remove('active'); });\n document.getElementById('llProgress').style.display = 'none';\n document.getElementById('llResults').classList.add('active');\n\n \/\/ Scroll to top of widget\n document.getElementById('llBerater').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\n\/\/ \u2500\u2500\u2500 RESTART \u2500\u2500\u2500\nfunction llRestart() {\n llAnswers = [null, null, null, null];\n llCurrentStep = 0;\n\n document.querySelectorAll('.ll-option').forEach(function(o) { o.classList.remove('selected'); });\n document.querySelectorAll('.ll-btn-next').forEach(function(b) { b.disabled = true; });\n\n document.getElementById('llResults').classList.remove('active');\n document.getElementById('llProgress').style.display = 'flex';\n llUpdateView();\n\n document.getElementById('llBerater').scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0392\u03bf\u03b7\u03b8\u03cc\u03c2 \u03ba\u03c1\u03b5\u03b2\u03b1\u03c4\u03b9\u03ce\u03bd \u2013 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03c0\u03b1\u03b9\u03b4\u03b9\u03ba\u03cc \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 | LittleLoft \ud83c\udfe0 \u0392\u03c1\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03c4\u03ad\u03bb\u03b5\u03b9\u03bf \u03ba\u03c1\u03b5\u03b2\u03ac\u03c4\u03b9 4 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b5\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u2013 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03b5\u03af\u03c7\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2. \u0394\u03b9\u03b1\u03c1\u03ba\u03b5\u03af \u03bc\u03cc\u03bb\u03b9\u03c2 30 \u03b4\u03b5\u03c5\u03c4\u03b5\u03c1\u03cc\u03bb\u03b5\u03c0\u03c4\u03b1. 1 \/ 4 \u0395\u03c1\u03ce\u03c4\u03b7\u03c3\u03b7 1 \u03a0\u03cc\u03c3\u03bf \u03c7\u03c1\u03bf\u03bd\u03ce\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03c4\u03bf \u03c0\u03b1\u03b9\u03b4\u03af \u03c3\u03b1\u03c2; \u0391\u03c5\u03c4\u03cc \u03bc\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7 \u03c3\u03c9\u03c3\u03c4\u03ae \u03b4\u03b9\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b1 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b1 […]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42618","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/comments?post=42618"}],"version-history":[{"count":1,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618\/revisions"}],"predecessor-version":[{"id":42619,"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/pages\/42618\/revisions\/42619"}],"wp:attachment":[{"href":"https:\/\/littleloft.eu\/el\/wp-json\/wp\/v2\/media?parent=42618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}