{"product_id":"solo-dining-room-set","title":"Solo Dining Room Set","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"\u003e\n    \u003ctitle\u003eDiscover the Solo Gold Dining Room\u003c\/title\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \n    \u003cstyle\u003e\n        \/* Animations *\/\n        @keyframes popIn {\n            0% { opacity: 0; transform: scale(0.5) translateY(10px); }\n            70% { transform: scale(1.1); }\n            100% { opacity: 1; transform: scale(1) translateY(0); }\n        }\n        \n        @keyframes slideInDrop {\n            0% { opacity: 0; transform: translateY(-20px) scale(0.95); }\n            70% { transform: translateY(2px) scale(1.01); }\n            100% { opacity: 1; transform: translateY(0) scale(1); }\n        }\n\n        .animate-pop-1 { animation: popIn 0.6s ease-out 0.3s forwards; opacity: 0; }\n        .animate-pop-2 { animation: popIn 0.6s ease-out 0.6s forwards; opacity: 0; }\n        .animate-pop-3 { animation: popIn 0.6s ease-out 0.9s forwards; opacity: 0; }\n        .animate-pop-4 { animation: popIn 0.6s ease-out 1.2s forwards; opacity: 0; }\n        \n        .module-enter {\n            animation: slideInDrop 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n            opacity: 0;\n        }\n\n        \/* Shopify Theme Protection *\/\n        .bosna-container * { box-sizing: border-box !important; }\n        .bosna-container p, .bosna-container h1, .bosna-container h2, .bosna-container h3, .bosna-container h4, .bosna-container span {\n            margin: 0 !important; padding: 0 !important; line-height: normal !important;\n        }\n        .bosna-container svg { display: block !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; }\n        .bosna-container .flex-center { display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: row !important; }\n        .bosna-container .bubble-text { display: flex !important; align-items: center !important; line-height: 1 !important; white-space: nowrap !important; margin-top: 2px !important; }\n        .bosna-container .feature-title { font-weight: 600 !important; line-height: 1.2 !important; margin-bottom: 4px !important; }\n        .bosna-container .feature-desc { line-height: 1.4 !important; white-space: normal !important; color: #6b7280 !important; }\n        \n        \/* Button Protection *\/\n        .bosna-container .qty-btn {\n            display: flex !important; align-items: center !important; justify-content: center !important;\n            width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; max-width: 34px !important; max-height: 34px !important;\n            padding: 0 !important; margin: 0 !important; border: 1px solid #e5e7eb !important; border-radius: 50% !important; background-color: white !important; flex-shrink: 0 !important; aspect-ratio: 1 \/ 1 !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; cursor: pointer; transition: all 0.2s;\n        }\n        .bosna-container .qty-btn:active { transform: scale(0.9); }\n        .bosna-container .qty-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n        .bosna-container .qty-btn svg { width: 16px !important; height: 16px !important; margin: auto !important; display: block !important; }\n\n        \/* Blueprint Scale Grid Background *\/\n        .premium-floor-bg {\n            background-color: transparent;\n            background-image: \n                linear-gradient(rgba(202, 138, 4, 0.2) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(202, 138, 4, 0.2) 1px, transparent 1px);\n            background-size: 20px 20px; \n            background-position: 0 0;\n        }\n\n        \/* 2D Room Item Styles *\/\n        .room-item {\n            position: absolute !important;\n            display: block !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            box-sizing: border-box !important;\n            box-shadow: 0 4px 10px -2px rgba(0,0,0,0.1), 0 2px 5px -1px rgba(0,0,0,0.06) !important;\n            transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease !important;\n            cursor: pointer !important;\n            transform: translateZ(0);\n        }\n        .room-item:hover {\n            transform: translateY(-6px) scale(1.02) translateZ(0) !important;\n            box-shadow: 0 15px 25px -5px rgba(0,0,0,0.15), 0 8px 10px -6px rgba(0,0,0,0.1) !important;\n            z-index: 60 !important;\n        }\n\n        .mod-badge {\n            background: #ffffff !important;\n            padding: 4px 8px !important;\n            border-radius: 6px !important;\n            font-size: 10px !important;\n            font-weight: 800 !important;\n            color: #1e293b !important;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;\n            border: 1px solid rgba(0,0,0,0.05) !important;\n            pointer-events: none !important;\n            white-space: pre-wrap !important;\n            line-height: 1.2 !important;\n            text-align: center;\n        }\n        \n        .no-scrollbar::-webkit-scrollbar { display: none; }\n        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"bosna-container flex flex-col w-full bg-white overflow-hidden box-border max-w-4xl mx-auto shadow-sm relative\"\u003e\n        \n        \u003c!-- LANGUAGE SELECTOR --\u003e\n        \u003cdiv class=\"w-full bg-white border-b border-gray-100 py-3 flex justify-center items-center z-20 relative px-4\"\u003e\n            \u003cdiv class=\"flex items-center gap-4 sm:gap-6 bg-gray-50 px-5 py-2.5 rounded-full border border-gray-200 shadow-sm overflow-x-auto no-scrollbar max-w-full\"\u003e\n                \u003cbutton data-lang=\"en\" class=\"lang-btn flex-shrink-0 flex items-center gap-2 text-[15px] sm:text-[16px] transition-all duration-300 transform scale-110 opacity-100 drop-shadow-md focus:outline-none font-semibold text-gray-800\" title=\"English\"\u003e\n                    \u003cimg src=\"https:\/\/flagcdn.com\/w20\/gb.png\" srcset=\"https:\/\/flagcdn.com\/w40\/gb.png 2x\" width=\"20\" alt=\"English\" class=\"rounded-[2px] shadow-sm\"\u003e English\n                \u003c\/button\u003e\n                \u003cbutton data-lang=\"de\" class=\"lang-btn flex-shrink-0 flex items-center gap-2 text-[15px] sm:text-[16px] transition-all duration-300 transform hover:scale-110 opacity-40 hover:opacity-80 focus:outline-none font-semibold text-gray-800\" title=\"Deutsch\"\u003e\n                    \u003cimg src=\"https:\/\/flagcdn.com\/w20\/de.png\" srcset=\"https:\/\/flagcdn.com\/w40\/de.png 2x\" width=\"20\" alt=\"Deutsch\" class=\"rounded-[2px] shadow-sm\"\u003e Deutsch\n                \u003c\/button\u003e\n                \u003cbutton data-lang=\"fr\" class=\"lang-btn flex-shrink-0 flex items-center gap-2 text-[15px] sm:text-[16px] transition-all duration-300 transform hover:scale-110 opacity-40 hover:opacity-80 focus:outline-none font-semibold text-gray-800\" title=\"Français\"\u003e\n                    \u003cimg src=\"https:\/\/flagcdn.com\/w20\/fr.png\" srcset=\"https:\/\/flagcdn.com\/w40\/fr.png 2x\" width=\"20\" alt=\"Français\" class=\"rounded-[2px] shadow-sm\"\u003e Français\n                \u003c\/button\u003e\n                \u003cbutton data-lang=\"tr\" class=\"lang-btn flex-shrink-0 flex items-center gap-2 text-[15px] sm:text-[16px] transition-all duration-300 transform hover:scale-110 opacity-40 hover:opacity-80 focus:outline-none font-semibold text-gray-800\" title=\"Türkçe\"\u003e\n                    \u003cimg src=\"https:\/\/flagcdn.com\/w20\/tr.png\" srcset=\"https:\/\/flagcdn.com\/w40\/tr.png 2x\" width=\"20\" alt=\"Türkçe\" class=\"rounded-[2px] shadow-sm\"\u003e Türkçe\n                \u003c\/button\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- DEFAULT SET BANNER --\u003e\n        \u003cdiv class=\"w-full bg-amber-50\/80 border-b border-amber-100 py-2.5 px-4 text-center z-10 relative shadow-sm flex items-center justify-center gap-2\"\u003e\n            \u003csvg class=\"w-5 h-5 text-amber-600\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n            \u003cspan class=\"text-amber-800 font-semibold text-[13px] sm:text-[15px] tracking-tight\" data-i18n=\"default_set_note\"\u003eStandard Set: Table, 6 Chairs (2 Plus, 4 Standard), Console \u0026amp; Mirror\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- PRODUCT SHOWCASE \u0026 DIMENSIONS --\u003e\n        \u003cdiv class=\"w-full p-4 sm:p-8 bg-white border-b border-gray-100\"\u003e\n            \u003cdiv class=\"flex items-center mb-6\"\u003e\n                \u003csvg class=\"w-6 h-6 mr-3 text-gray-900 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003cdiv class=\"flex flex-col\"\u003e\n                    \u003ch2 class=\"text-2xl sm:text-3xl font-semibold tracking-tight\" style=\"margin: 0 !important;\" data-i18n=\"dimensions_title\"\u003eProduct Details \u0026amp; Dimensions\u003c\/h2\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Video Showcase --\u003e\n            \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-white mb-6 mt-4\"\u003e\n                \u003cvideo autoplay loop muted playsinline class=\"w-full h-auto max-h-[500px] object-contain block\"\u003e\n                    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/18ad0e7db9ff4a9ca7de7daf151042c3.mp4\" type=\"video\/mp4\"\u003e\n                    Your browser does not support the video tag.\n                \u003c\/source\u003e\u003c\/video\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- Hepsi Alt Alta Liste (Console, Table, TV, vb.) --\u003e\n            \u003cdiv class=\"flex flex-col gap-6\"\u003e\n\n                \u003c!-- Console \u0026 Mirror --\u003e\n                \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002882_kopya-Photoroom-Photoroom.jpg?v=1776512997\" alt=\"Console\" class=\"w-full h-auto object-cover block\"\u003e\n                    \u003cdiv class=\"absolute bottom-3 right-3 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: \u003cspan class=\"ml-1\"\u003e226 cm\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 right-3 sm:top-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 51 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 sm:top-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4-4l-4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 81.5 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute bottom-3 left-3 sm:bottom-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-4\"\u003e\n                        \u003cspan class=\"bubble-text\" data-i18n=\"dim_mirror\"\u003eMirror: W134 D2 H143\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Masa --\u003e\n                \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002893-2_kopya-Photoroom.jpg?v=1776512997\" alt=\"Table\" class=\"w-full h-auto object-cover block\"\u003e\n                    \u003cdiv class=\"absolute bottom-3 right-3 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: \u003cspan class=\"ml-1\"\u003e208 cm\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 right-3 sm:top-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 92 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 sm:top-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4-4l-4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 76 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Sandalyeler Yan Yana (Grid 2 Kolon) --\u003e\n                \u003cdiv class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\"\u003e\n                    \u003c!-- Golden Sandalye --\u003e\n                    \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                        \u003cdiv class=\"absolute top-0 left-0 right-0 bg-amber-50 border-b border-amber-100 p-2 text-center text-amber-800 font-bold text-sm z-10\" data-i18n=\"item_chair_golden\"\u003eGolden Chair\u003c\/div\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002898_kopya-Photoroom.jpg?v=1776512997\" alt=\"Golden Chair\" class=\"w-full h-auto object-cover block pt-8\"\u003e\n                        \u003cdiv class=\"absolute bottom-3 right-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 4px;\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: 50 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"absolute top-12 right-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 60 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"absolute top-12 left-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 4px;\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 80 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Golden Plus Sandalye --\u003e\n                    \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                        \u003cdiv class=\"absolute top-0 left-0 right-0 bg-indigo-50 border-b border-indigo-100 p-2 text-center text-indigo-800 font-bold text-sm z-10\" data-i18n=\"item_chair_plus\"\u003eGolden Plus Chair\u003c\/div\u003e\n                        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002894_kopya-Photoroom.jpg?v=1776512997\" alt=\"Golden Plus Chair\" class=\"w-full h-auto object-cover block pt-8\"\u003e\n                        \u003cdiv class=\"absolute bottom-3 right-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 4px;\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: 50 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"absolute top-12 right-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 60 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"absolute top-12 left-3 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-2 py-1 rounded-full shadow-md text-[11px] border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 4px;\"\u003e\n                            \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 80 cm\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- TV Unit --\u003e\n                \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002934-3_kopya-Photoroom-Photoroom.jpg?v=1776512997\" alt=\"TV Unit\" class=\"w-full h-auto object-cover block\"\u003e\n                    \u003cdiv class=\"absolute bottom-3 right-3 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: \u003cspan class=\"ml-1\"\u003e221 cm\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 right-3 sm:top-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 51 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 sm:top-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4-4l-4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 86 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute bottom-3 left-3 sm:bottom-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-4\"\u003e\n                        \u003cspan class=\"bubble-text\" data-i18n=\"dim_tv_top\"\u003eTop Pano: W105 D2 H105\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Side Table (Zigon) --\u003e\n                \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002915_kopya-Photoroom.jpg?v=1776512997\" alt=\"Side Table\" class=\"w-full h-auto object-cover block\"\u003e\n                    \u003cdiv class=\"absolute bottom-3 right-3 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: \u003cspan class=\"ml-1\"\u003e53 cm\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 right-3 sm:top-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 53 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 sm:top-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4-4l-4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 76 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Coffee Table --\u003e\n                \u003cdiv class=\"relative w-full rounded-2xl overflow-hidden shadow-lg border border-gray-200 bg-gray-50\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/NEK_002907-2_kopya-Photoroom.jpg?v=1776512997\" alt=\"Coffee Table\" class=\"w-full h-auto object-cover block\"\u003e\n                    \u003cdiv class=\"absolute bottom-3 right-3 sm:bottom-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-1\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"width\"\u003eW\u003c\/span\u003e: \u003cspan class=\"ml-1\"\u003e90 cm\u003c\/span\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 right-3 sm:top-6 sm:right-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-2\"\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"depth\"\u003eD\u003c\/span\u003e: 90 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"absolute top-3 left-3 sm:top-6 sm:left-6 bg-white\/95 backdrop-blur-sm text-gray-900 font-bold px-3 py-1.5 sm:px-4 sm:py-2 rounded-full shadow-md text-[12px] sm:text-sm border border-gray-200 flex-center w-max animate-pop-3\" style=\"gap: 6px;\"\u003e\n                        \u003csvg class=\"w-3.5 h-3.5 sm:w-4 sm:h-4 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4-4l-4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                        \u003cspan class=\"bubble-text\"\u003e\u003cspan data-i18n=\"height\"\u003eH\u003c\/span\u003e: 36 cm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FEATURES SECTION --\u003e\n        \u003cdiv class=\"w-full flex flex-col justify-center p-6 sm:p-8 bg-white border-b border-gray-100\"\u003e\n            \u003ch1 class=\"text-3xl md:text-4xl lg:text-5xl font-semibold text-gray-900 tracking-tight\" data-i18n=\"title\" style=\"margin-bottom: 32px !important;\"\u003e\n                Discover the Solo Gold Dining Room\n            \u003c\/h1\u003e\n            \n            \u003cdiv class=\"flex flex-col mb-8\" style=\"gap: 24px;\"\u003e\n                \u003c!-- Full MDF --\u003e\n                \u003cdiv class=\"flex flex-row items-start w-full\" style=\"gap: 16px;\"\u003e\n                    \u003cdiv class=\"bg-amber-50 text-amber-600 p-2.5 rounded-lg flex-center\"\u003e\u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 002-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col w-full justify-center pt-0.5\"\u003e\n                        \u003ch4 class=\"text-gray-900 feature-title\" data-i18n=\"feat_mdf_title\"\u003e100% MDF Material\u003c\/h4\u003e\n                        \u003cp class=\"feature-desc\" data-i18n=\"feat_mdf_desc\"\u003eManufactured using fully premium MDF for maximum durability and quality.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Gold Detaylar --\u003e\n                \u003cdiv class=\"flex flex-row items-start w-full\" style=\"gap: 16px;\"\u003e\n                    \u003cdiv class=\"bg-yellow-50 text-yellow-600 p-2.5 rounded-lg flex-center\"\u003e\u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col w-full justify-center pt-0.5\"\u003e\n                        \u003ch4 class=\"text-gray-900 feature-title\" data-i18n=\"feat_gold_title\"\u003eGold Details\u003c\/h4\u003e\n                        \u003cp class=\"feature-desc\" data-i18n=\"feat_gold_desc\"\u003eElegant gold finish details adding a luxurious touch to your dining room.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Premium --\u003e\n                \u003cdiv class=\"flex flex-row items-start w-full\" style=\"gap: 16px;\"\u003e\n                    \u003cdiv class=\"bg-indigo-50 text-indigo-600 p-2.5 rounded-lg flex-center\"\u003e\u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col w-full justify-center pt-0.5\"\u003e\n                        \u003ch4 class=\"text-gray-900 feature-title\" data-i18n=\"feat_premium_title\"\u003ePremium Quality\u003c\/h4\u003e\n                        \u003cp class=\"feature-desc\" data-i18n=\"feat_premium_desc\"\u003eHigh-end materials and finish for a luxurious dining experience.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003c!-- Özel İşçilik --\u003e\n                \u003cdiv class=\"flex flex-row items-start w-full\" style=\"gap: 16px;\"\u003e\n                    \u003cdiv class=\"bg-rose-50 text-rose-600 p-2.5 rounded-lg flex-center\"\u003e\u003csvg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col w-full justify-center pt-0.5\"\u003e\n                        \u003ch4 class=\"text-gray-900 feature-title\" data-i18n=\"feat_craft_title\"\u003eSpecial Craftsmanship\u003c\/h4\u003e\n                        \u003cp class=\"feature-desc\" data-i18n=\"feat_craft_desc\"\u003eHandcrafted precision and meticulous attention to detail in every piece.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003c!-- 360 VISUAL PLANNER --\u003e\n        \u003cdiv class=\"w-full bg-white p-6 sm:p-8 border-b border-gray-200\"\u003e\n            \u003ch2 class=\"text-2xl sm:text-3xl font-bold text-gray-900 mb-4\" data-i18n=\"build_set_title\" style=\"margin: 0 !important;\"\u003eDesign Your Own Room\u003c\/h2\u003e\n            \n            \u003cdiv class=\"flex flex-col sm:flex-row items-center justify-between bg-white border border-gray-200 rounded-2xl p-4 sm:p-5 mb-6 shadow-sm gap-4\"\u003e\n                \u003cdiv class=\"flex items-center gap-3 text-gray-600\"\u003e\n                    \u003csvg class=\"w-6 h-6 sm:w-8 sm:h-8 flex-shrink-0 text-amber-500\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003cspan class=\"text-[14px] sm:text-base font-medium leading-tight\" data-i18n=\"reset_note\" style=\"margin: 0 !important;\"\u003eAdd the table and chairs, then place complementary modules in your room.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cbutton onclick=\"resetLayout()\" class=\"w-full sm:w-auto text-sm sm:text-base font-bold text-gray-700 bg-gray-100 hover:bg-gray-200 px-5 py-2.5 sm:px-6 sm:py-3 rounded-xl transition-colors flex items-center justify-center gap-2 border border-gray-200 active:scale-95 flex-shrink-0\"\u003e\n                    \u003csvg class=\"w-4 h-4 sm:w-5 sm:h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003cspan data-i18n=\"reset_btn\"\u003eReset\u003c\/span\u003e\n                \u003c\/button\u003e\n            \u003c\/div\u003e\n            \n            \u003c!-- 2D CANVAS AREA --\u003e\n            \u003cdiv id=\"visualizer-container\" class=\"relative w-full h-[450px] sm:h-[550px] border border-gray-200 rounded-2xl overflow-hidden shadow-inner flex flex-col items-center justify-center bg-[#f8fafc]\"\u003e\n                \n                \u003c!-- Badges --\u003e\n                \u003cdiv class=\"absolute top-4 left-4 bg-white\/90 backdrop-blur px-3 py-1.5 rounded-lg shadow-sm border border-gray-200 flex items-center gap-2 z-40 pointer-events-none\"\u003e\n                    \u003cdiv class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"\u003e\u003c\/div\u003e\n                    \u003cspan class=\"text-[11px] font-bold text-gray-700 uppercase tracking-wider\" data-i18n=\"top_view_badge\"\u003eLIVE PLAN\u003c\/span\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- 2D Grid \u0026 Draw Area --\u003e\n                \u003cdiv id=\"draw-area\" class=\"w-full h-full relative overflow-hidden\"\u003e\n                    \u003cdiv id=\"room-canvas\" class=\"absolute top-1\/2 left-1\/2 transition-transform duration-500 ease-out premium-floor-bg\" style=\"width: 550px; height: 550px; transform-origin: center;\"\u003e\n                        \u003c!-- Injected via JS --\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Bottom Status Bar --\u003e\n                \u003cdiv class=\"absolute bottom-4 left-4 right-4 z-[50] flex flex-row justify-between items-end pointer-events-none\"\u003e\n                    \u003cdiv class=\"bg-white\/95 backdrop-blur-sm px-4 py-2 sm:px-5 sm:py-3 rounded-xl shadow-md border border-gray-200 flex flex-col pointer-events-auto w-[65%] sm:w-[70%]\"\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-gray-500 uppercase tracking-widest font-bold\" data-i18n=\"config_label\"\u003eSet Contents\u003c\/span\u003e\n                        \u003cspan id=\"vis-dims\" class=\"font-bold text-gray-800 text-[11px] sm:text-sm tracking-tight leading-snug\"\u003e\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"bg-red-600 px-4 py-2 sm:px-5 sm:py-3 rounded-xl shadow-md border border-red-700 flex flex-col items-end pointer-events-auto\"\u003e\n                        \u003cspan class=\"text-[10px] sm:text-xs text-red-100 uppercase tracking-widest font-bold\" data-i18n=\"total_price_label\"\u003eTotal Price\u003c\/span\u003e\n                        \u003cspan id=\"vis-price\" class=\"font-black text-white text-lg sm:text-xl tracking-tight\"\u003e€0\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- MODULE LIST \u0026 CONTROLS --\u003e\n        \u003cdiv class=\"w-full bg-gray-50 p-6 sm:p-8\"\u003e\n            \u003cdiv class=\"flex flex-col mb-6\" style=\"gap: 12px;\"\u003e\n                \u003ch2 class=\"text-2xl sm:text-3xl font-bold text-gray-900\" data-i18n=\"mod_list_title\" style=\"margin: 0 !important;\"\u003eEdit Set Contents\u003c\/h2\u003e\n                \u003cdiv class=\"bg-indigo-50 text-indigo-900 px-4 py-3 rounded-xl text-sm sm:text-base font-semibold border border-indigo-100 w-full shadow-sm leading-relaxed\"\u003e\n                    \u003cspan data-i18n=\"config_label\" class=\"font-bold\"\u003eSet Contents\u003c\/span\u003e: \u003cspan id=\"summary-width\" class=\"font-medium text-indigo-700 ml-1\"\u003e\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4 mt-4\"\u003e\n                \n                \u003c!-- Masa --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_table\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eDining Table\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_table\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€950\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('table', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-table\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e1\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('table', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Golden Sandalye --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_chair_golden\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eGolden Chair\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_chair_golden\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€185 \/ each\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('chair_golden', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-chair_golden\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e4\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('chair_golden', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Golden Plus Sandalye --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-indigo-50\/50 px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-indigo-100\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-indigo-900 feature-title truncate\" data-i18n=\"item_chair_plus\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eGolden Plus Chair\u003c\/h3\u003e\n                        \u003cp class=\"text-indigo-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_chair_plus\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€215 \/ each\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-white rounded-full p-1 border border-indigo-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('chair_plus', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-chair_plus\" class=\"font-bold text-indigo-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e2\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('chair_plus', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Konsol --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_console\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eConsole\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_console\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€1,000\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('console', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-console\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e1\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('console', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Konsol Aynası --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_mirror\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eConsole Mirror\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_mirror\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€300\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('mirror', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-mirror\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e1\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('mirror', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- TV Alt --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_tv_bottom\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eTV Lower Unit\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_tv_bottom\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€950\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('tv_bottom', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-tv_bottom\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e0\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('tv_bottom', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \n                \u003c!-- TV Üst --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_tv_top\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eTV Upper Panel\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_tv_top\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€375\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('tv_top', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-tv_top\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e0\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('tv_top', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Zigon (Yan) Sehpa --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_side_table\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eSide Table\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_side_table\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€550 \/ each\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('side_table', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-side_table\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e0\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('side_table', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- Orta Sehpa --\u003e\n                \u003cdiv class=\"flex flex-row items-center justify-between bg-white px-4 py-3 sm:px-5 sm:py-4 rounded-xl shadow-sm border border-gray-200\" style=\"gap: 8px;\"\u003e\n                    \u003cdiv class=\"flex flex-col flex-1 min-w-0\"\u003e\n                        \u003ch3 class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title truncate\" data-i18n=\"item_coffee_table\" style=\"margin: 0 !important; padding: 0 !important;\"\u003eCoffee Table\u003c\/h3\u003e\n                        \u003cp class=\"text-gray-500 text-[12px] sm:text-sm font-medium feature-desc truncate\" data-i18n=\"price_coffee_table\" style=\"margin: 2px 0 0 0 !important; padding: 0 !important;\"\u003e€675 \/ each\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-row items-center bg-gray-50 rounded-full p-1 border border-gray-200 flex-shrink-0\" style=\"gap: 6px;\"\u003e\n                        \u003cbutton onclick=\"updateItem('coffee_table', -1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20 12H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                        \u003cspan id=\"cnt-coffee_table\" class=\"font-bold text-gray-900 text-lg flex-center\" style=\"width: 20px; line-height: 1 !important;\"\u003e0\u003c\/span\u003e\n                        \u003cbutton onclick=\"updateItem('coffee_table', 1)\" class=\"qty-btn focus:outline-none\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 4v16m8-8H4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/button\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ORDER SECTION --\u003e\n        \u003cdiv class=\"w-full bg-white p-6 sm:p-8 border-t border-gray-200\"\u003e\n            \u003cdiv class=\"w-full flex flex-col sm:flex-row\" style=\"gap: 16px;\"\u003e\n                \u003cdiv class=\"flex-1 flex flex-row items-start bg-gray-50 border border-gray-100 px-4 py-4 rounded-2xl shadow-sm\" style=\"gap: 12px;\"\u003e\n                    \u003cdiv class=\"bg-emerald-100 text-emerald-600 p-2.5 rounded-xl flex-center\"\u003e\u003csvg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col justify-center pt-0.5\"\u003e\n                        \u003cspan class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title\" data-i18n=\"no_fees_title\"\u003eNo Hidden Fees\u003c\/span\u003e\n                        \u003cspan class=\"text-[12px] sm:text-sm text-gray-600 feature-desc\" data-i18n=\"no_fees_desc\"\u003eFree delivery \u0026amp; all taxes included.\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"flex-1 flex flex-row items-start bg-gray-50 border border-gray-100 px-4 py-4 rounded-2xl shadow-sm\" style=\"gap: 12px;\"\u003e\n                    \u003cdiv class=\"bg-blue-100 text-blue-600 p-2.5 rounded-xl flex-center\"\u003e\u003csvg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"flex flex-col justify-center pt-0.5\"\u003e\n                        \u003cspan class=\"text-[14px] sm:text-base font-bold text-gray-900 feature-title\" data-i18n=\"delivery_title\"\u003eSecure Delivery\u003c\/span\u003e\n                        \u003cspan class=\"text-[12px] sm:text-sm text-gray-600 feature-desc\" data-i18n=\"delivery_desc\"\u003eDelivered safely within 5-8 weeks.\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cbutton id=\"btn-whatsapp\" class=\"w-full bg-[#25D366] hover:bg-[#1da851] active:scale-95 text-white rounded-2xl transition-all duration-200 shadow-lg shadow-[#25D366]\/25 border-none flex-center\" style=\"margin-top: 24px !important; padding: 16px 24px !important; gap: 12px;\"\u003e\n                \u003csvg class=\"w-6 h-6 sm:w-7 sm:h-7\" fill=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.347-.272.273-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003cspan data-i18n=\"whatsapp_btn\" class=\"font-semibold text-lg sm:text-xl bubble-text\"\u003eOrder via WhatsApp\u003c\/span\u003e\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Logic JS --\u003e\n    \u003cscript\u003e\n        \/\/ Modül Fiyatları, Boyutları ve Sınırları\n        const mods = {\n            table: { price: 950, sizeW: 208, sizeD: 92, max: 1 }, \n            chair_golden: { price: 185, sizeW: 50, sizeD: 60, max: 10 }, \n            chair_plus: { price: 215, sizeW: 50, sizeD: 60, max: 10 }, \n            console: { price: 1000, sizeW: 226, sizeD: 51, max: 1 },\n            mirror: { price: 300, sizeW: 134, sizeD: 2, max: 1 },\n            tv_bottom: { price: 950, sizeW: 221, sizeD: 51, max: 1 },\n            tv_top: { price: 375, sizeW: 105, sizeD: 2, max: 1 },\n            side_table: { price: 550, sizeW: 53, sizeD: 53, max: 99 }, \/\/ Zigon\n            coffee_table: { price: 675, sizeW: 90, sizeD: 90, max: 99 }\n        };\n\n        \/\/ State (Varsayılan Düzen: Masa, 2 Golden Plus, 4 Golden Sandalye, Konsol, Ayna)\n        let layoutState = {\n            table: 1,\n            chair_golden: 4,\n            chair_plus: 2,\n            console: 1,\n            mirror: 1,\n            tv_bottom: 0,\n            tv_top: 0,\n            side_table: 0,\n            coffee_table: 0\n        };\n\n        let currentLang = 'en'; \/\/ Varsayılan Dil İngilizce\n\n        const translations = {\n            en: {\n                title: \"Discover the Solo Gold Dining Room\",\n                default_set_note: \"Standard Set: Table, 6 Chairs (2 Plus, 4 Standard), Console \u0026 Mirror\",\n                dimensions_title: \"Product Details \u0026 Dimensions\",\n                width: \"W\", depth: \"D\", height: \"H\",\n                dim_mirror: \"Mirror: W134 D2 H143\", dim_tv_top: \"Top Pano: W105 D2 H105\",\n                feat_mdf_title: \"100% MDF Material\", feat_mdf_desc: \"Manufactured using fully premium MDF for maximum durability and quality.\",\n                feat_gold_title: \"Gold Details\", feat_gold_desc: \"Elegant gold finish details adding a luxurious touch to your dining room.\",\n                feat_premium_title: \"Premium Quality\", feat_premium_desc: \"High-end materials and finish for a luxurious dining experience.\",\n                feat_craft_title: \"Special Craftsmanship\", feat_craft_desc: \"Handcrafted precision and meticulous attention to detail in every piece.\",\n                build_set_title: \"Design Your Own Room\",\n                reset_note: \"Add the table and chairs, then place complementary modules in your room.\",\n                reset_btn: \"Reset\",\n                top_view_badge: \"LIVE PLAN\",\n                config_label: \"Set Contents\", total_price_label: \"Total Price\",\n                mod_list_title: \"Edit Set Contents\",\n                item_table: \"Dining Table\", price_table: \"€950\",\n                item_chair_golden: \"Golden Chair\", price_chair_golden: \"€185 \/ each\",\n                item_chair_plus: \"Golden Plus Chair\", price_chair_plus: \"€215 \/ each\",\n                item_console: \"Console\", price_console: \"€1,000\",\n                item_mirror: \"Console Mirror\", price_mirror: \"€300\",\n                item_tv_bottom: \"TV Lower Unit\", price_tv_bottom: \"€950\",\n                item_tv_top: \"TV Upper Panel\", price_tv_top: \"€375\",\n                item_side_table: \"Side Table\", price_side_table: \"€550 \/ each\",\n                item_coffee_table: \"Coffee Table\", price_coffee_table: \"€675 \/ each\",\n                no_fees_title: \"No Hidden Fees\", no_fees_desc: \"Free delivery \u0026 all taxes included.\",\n                delivery_title: \"Secure Delivery\", delivery_desc: \"Delivered safely within 5-8 weeks.\",\n                whatsapp_btn: \"Order via WhatsApp\",\n                wa_greeting: \"Hello! I would like to order the Solo Gold Dining Room.\",\n                wa_config: \"My Configuration\", wa_total: \"Total Price\", wa_help: \"Could you please help me with the order process?\"\n            },\n            de: {\n                title: \"Entdecken Sie das Solo Gold Esszimmer\",\n                default_set_note: \"Standard-Set: Tisch, 6 Stühle (2 Plus, 4 Standard), Konsole und Spiegel\",\n                dimensions_title: \"Produktdetails \u0026 Abmessungen\",\n                width: \"B\", depth: \"T\", height: \"H\",\n                dim_mirror: \"Spiegel: B134 T2 H143\", dim_tv_top: \"Oberteil: B105 T2 H105\",\n                feat_mdf_title: \"100% MDF Material\", feat_mdf_desc: \"Hergestellt aus hochwertigem MDF für maximale Haltbarkeit.\",\n                feat_gold_title: \"Gold Details\", feat_gold_desc: \"Elegante goldene Details verleihen Ihrem Raum eine luxuriöse Note.\",\n                feat_premium_title: \"Premium Qualität\", feat_premium_desc: \"Hochwertige Materialien für ein luxuriöses Speiseerlebnis.\",\n                feat_craft_title: \"Besondere Handwerkskunst\", feat_craft_desc: \"Handgefertigte Präzision und Liebe zum Detail.\",\n                build_set_title: \"Gestalten Sie Ihren Raum\",\n                reset_note: \"Fügen Sie Tisch und Stühle hinzu und platzieren Sie weitere Module.\",\n                reset_btn: \"Zurücksetzen\",\n                top_view_badge: \"LIVE-PLAN\",\n                config_label: \"Set-Inhalt\", total_price_label: \"Gesamtpreis\",\n                mod_list_title: \"Set-Inhalt Bearbeiten\",\n                item_table: \"Esstisch\", price_table: \"950 €\",\n                item_chair_golden: \"Golden Stuhl\", price_chair_golden: \"185 € \/ Stück\",\n                item_chair_plus: \"Golden Plus Stuhl\", price_chair_plus: \"215 € \/ Stück\",\n                item_console: \"Konsole\", price_console: \"1.000 €\",\n                item_mirror: \"Konsolenspiegel\", price_mirror: \"300 €\",\n                item_tv_bottom: \"TV-Unterteil\", price_tv_bottom: \"950 €\",\n                item_tv_top: \"TV-Oberteil\", price_tv_top: \"375 €\",\n                item_side_table: \"Beistelltisch\", price_side_table: \"550 € \/ Stück\",\n                item_coffee_table: \"Couchtisch\", price_coffee_table: \"675 € \/ Stück\",\n                no_fees_title: \"Keine versteckten Gebühren\", no_fees_desc: \"Kostenlose Lieferung und Steuern inbegriffen.\",\n                delivery_title: \"Sichere Lieferung\", delivery_desc: \"Sichere Lieferung innerhalb von 5-8 Wochen.\",\n                whatsapp_btn: \"Über WhatsApp bestellen\",\n                wa_greeting: \"Hallo! Ich möchte das Solo Gold Esszimmer bestellen.\",\n                wa_config: \"Meine Konfiguration\", wa_total: \"Gesamtpreis\", wa_help: \"Könnten Sie mir bitte helfen?\"\n            },\n            fr: {\n                title: \"Découvrez la Salle à Manger Solo Gold\",\n                default_set_note: \"Ensemble standard : Table, 6 Chaises (2 Plus, 4 Standard), Console et Miroir\",\n                dimensions_title: \"Détails et Dimensions du Produit\",\n                width: \"L\", depth: \"P\", height: \"H\",\n                dim_mirror: \"Miroir: L134 P2 H143\", dim_tv_top: \"Haut: L105 P2 H105\",\n                feat_mdf_title: \"100% MDF\", feat_mdf_desc: \"Fabriqué en MDF de qualité supérieure pour une durabilité maximale.\",\n                feat_gold_title: \"Détails Dorés\", feat_gold_desc: \"Détails élégants en finition dorée.\",\n                feat_premium_title: \"Qualité Premium\", feat_premium_desc: \"Matériaux haut de gamme pour une expérience luxueuse.\",\n                feat_craft_title: \"Artisanat Spécial\", feat_craft_desc: \"Précision artisanale et souci du détail.\",\n                build_set_title: \"Concevez Votre Pièce\",\n                reset_note: \"Ajoutez la table et les chaises, puis placez les modules.\",\n                reset_btn: \"Réinitialiser\",\n                top_view_badge: \"PLAN EN DIRECT\",\n                config_label: \"Contenu\", total_price_label: \"Prix Total\",\n                mod_list_title: \"Modifier le Contenu\",\n                item_table: \"Table à Manger\", price_table: \"950 €\",\n                item_chair_golden: \"Chaise Golden\", price_chair_golden: \"185 € \/ pièce\",\n                item_chair_plus: \"Chaise Golden Plus\", price_chair_plus: \"215 € \/ pièce\",\n                item_console: \"Console\", price_console: \"1 000 €\",\n                item_mirror: \"Miroir\", price_mirror: \"300 €\",\n                item_tv_bottom: \"Meuble TV Bas\", price_tv_bottom: \"950 €\",\n                item_tv_top: \"Meuble TV Haut\", price_tv_top: \"375 €\",\n                item_side_table: \"Table d'Appoint\", price_side_table: \"550 € \/ pièce\",\n                item_coffee_table: \"Table Basse\", price_coffee_table: \"675 € \/ pièce\",\n                no_fees_title: \"Pas de Frais Cachés\", no_fees_desc: \"Livraison gratuite et taxes incluses.\",\n                delivery_title: \"Livraison Sécurisée\", delivery_desc: \"Livré en toute sécurité sous 5-8 semaines.\",\n                whatsapp_btn: \"Commander via WhatsApp\",\n                wa_greeting: \"Bonjour ! Je souhaite commander la salle à manger Solo Gold.\",\n                wa_config: \"Ma Configuration\", wa_total: \"Prix Total\", wa_help: \"Pourriez-vous m'aider ?\"\n            },\n            tr: {\n                title: \"Solo Gold Yemek Odasını Keşfedin\",\n                default_set_note: \"Standart Takım: Masa, 6 Sandalye (2 Plus, 4 Standart), Konsol ve Ayna\",\n                dimensions_title: \"Ürün Ölçüleri ve Detaylar\",\n                width: \"G\", depth: \"D\", height: \"Y\",\n                dim_mirror: \"Ayna: G134 D2 Y143\", dim_tv_top: \"Üst Pano: G105 D2 Y105\",\n                feat_mdf_title: \"Full MDF Malzeme\", feat_mdf_desc: \"Maksimum dayanıklılık ve kalite için tamamen birinci sınıf MDF kullanılarak üretilmiştir.\",\n                feat_gold_title: \"Gold Detaylar\", feat_gold_desc: \"Odanıza lüks bir dokunuş katan şık altın (gold) renkli yüzey detayları.\",\n                feat_premium_title: \"Premium Ürün\", feat_premium_desc: \"Lüks bir yemek deneyimi için yüksek kaliteli malzemeler ve birinci sınıf bitiş.\",\n                feat_craft_title: \"Özel İşçilik\", feat_craft_desc: \"Her bir parçada titiz bir dikkat ve el işçiliğinin eşsiz hassasiyeti.\",\n                build_set_title: \"Kendi Odanızı Tasarlayın\",\n                reset_note: \"Masa ve sandalyeleri ekleyip, tamamlayıcı modülleri odanıza yerleştirin.\",\n                reset_btn: \"Sıfırla\",\n                top_view_badge: \"CANLI PLAN\",\n                config_label: \"Takım İçeriği\", total_price_label: \"Toplam Fiyat\",\n                mod_list_title: \"Takım İçeriğini Düzenle\",\n                item_table: \"Yemek Masası\", price_table: \"950 €\",\n                item_chair_golden: \"Golden Sandalye\", price_chair_golden: \"185 € \/ adet\",\n                item_chair_plus: \"Golden Plus Sandalye\", price_chair_plus: \"215 € \/ adet\",\n                item_console: \"Konsol\", price_console: \"1.000 €\",\n                item_mirror: \"Konsol Aynası\", price_mirror: \"300 €\",\n                item_tv_bottom: \"TV Alt Blok\", price_tv_bottom: \"950 €\",\n                item_tv_top: \"TV Üst Pano\", price_tv_top: \"375 €\",\n                item_side_table: \"Yan (Zigon) Sehpa\", price_side_table: \"550 € \/ adet\",\n                item_coffee_table: \"Orta Sehpa\", price_coffee_table: \"675 € \/ adet\",\n                no_fees_title: \"Gizli Ücret Yok\", no_fees_desc: \"Ücretsiz teslimat ve tüm vergiler dahil.\",\n                delivery_title: \"Güvenli Teslimat\", delivery_desc: \"5-8 hafta içinde güvenle teslim edilir.\",\n                whatsapp_btn: \"WhatsApp ile Sipariş Ver\",\n                wa_greeting: \"Merhaba! Solo Gold Yemek Odası siparişi vermek istiyorum.\",\n                wa_config: \"Konfigürasyonum\", wa_total: \"Toplam Tutar\", wa_help: \"Sipariş süreciyle ilgili yardımcı olabilir misiniz?\"\n            }\n        };\n\n        const formatCurrency = (amount, lang) =\u003e {\n            const localeMap = { 'en': 'en-IE', 'de': 'de-DE', 'fr': 'fr-FR', 'tr': 'tr-TR' };\n            return new Intl.NumberFormat(localeMap[lang], { style: 'currency', currency: 'EUR', maximumFractionDigits: 0 }).format(amount);\n        };\n\n        window.resetLayout = function() {\n            layoutState = {\n                table: 0, chair_golden: 0, chair_plus: 0, console: 0, mirror: 0, tv_bottom: 0, tv_top: 0, side_table: 0, coffee_table: 0\n            };\n            updateUI();\n        };\n\n        window.updateItem = function(id, change) {\n            let newVal = layoutState[id] + change;\n            \n            if (newVal \u003c 0) newVal = 0;\n            if (newVal \u003e mods[id].max) newVal = mods[id].max;\n\n            if (id === 'mirror' \u0026\u0026 newVal \u003e 0 \u0026\u0026 layoutState.console === 0) {\n                alert(currentLang === 'tr' ? \"Ayna eklemek için önce Konsol eklemelisiniz.\" : \"You need to add a Console before adding a mirror.\");\n                return;\n            }\n\n            layoutState[id] = newVal;\n\n            \/\/ Konsol silinirse aynayı da sil\n            if (id === 'console' \u0026\u0026 newVal === 0) {\n                layoutState.mirror = 0;\n            }\n\n            updateUI();\n        };\n\n        \/\/ --- 2D ŞEMA ÇİZİM FONKSİYONLARI ---\n        function getColors(id) {\n            const map = {\n                'table':        { l: '#fef3c7', d: '#d97706' }, \/\/ Warm amber\/wood\n                'chair_golden': { l: '#fdf6e3', d: '#ca8a04' }, \/\/ Lighter gold\n                'chair_plus':   { l: '#fef08a', d: '#b45309' }, \/\/ Distinct gold for plus\n                'console':      { l: '#fef3c7', d: '#d97706' }, \/\/ Warm amber\/wood\n                'mirror':       { l: '#f1f5f9', d: '#94a3b8' }, \/\/ Slate glass\n                'tv_bottom':    { l: '#fef3c7', d: '#d97706' }, \/\/ Warm amber\/wood\n                'tv_top':       { l: '#fef08a', d: '#ca8a04' }, \/\/ Lighter gold accent\n                'side_table':   { l: '#ffedd5', d: '#ea580c' }, \/\/ Orange light\n                'coffee_table': { l: '#ffedd5', d: '#ea580c' }  \/\/ Orange light\n            };\n            return map[id] || { l: '#f8fafc', d: '#94a3b8' };\n        }\n\n        function getRectHTML(id, name, x, y, w, d, zIndex = 10) {\n            let c = getColors(id);\n            let extraStyle = id === 'mirror' ? \"border-radius: 4px !important;\" : \"\";\n            return `\n            \u003cdiv class=\"room-item module-enter flex-center\" style=\"width: ${w}px !important; height: ${d}px !important; left: ${x}px !important; top: ${y}px !important; z-index: ${zIndex} !important; background-color: ${c.l} !important; border: 2px solid ${c.d} !important; border-radius: 8px !important; ${extraStyle}\"\u003e\n                \u003cspan class=\"mod-badge\" style=\"font-size:10px !important;\"\u003e${name}\u003c\/span\u003e\n            \u003c\/div\u003e`;\n        }\n\n        function getChairHTML(name, x, y, rotation, typeId) {\n            let c = getColors(typeId);\n            return `\n            \u003cdiv class=\"room-item module-enter flex-center\" style=\"width: 50px !important; height: 50px !important; left: ${x}px !important; top: ${y}px !important; z-index: 5 !important; background-color: ${c.l} !important; border: 2px solid ${c.d} !important; border-radius: 50% !important; transform: rotate(${rotation}deg);\"\u003e\n                \u003cdiv style=\"position:absolute; top:0; left:0; right:0; height:15px; background-color:${c.d}; border-radius: 25px 25px 0 0;\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e`;\n        }\n\n        function drawVisualizer() {\n            const canvas = document.getElementById('room-canvas');\n            if (!canvas) return;\n            canvas.innerHTML = ''; \n\n            let html = '';\n            const t = translations[currentLang];\n\n            \/\/ --- SABİT ODA KOORDİNATLARI (Oda boyutu: 550x550 cm) ---\n            const centerX = 275;\n            const centerY = 275;\n\n            \/\/ 1. Konsol ve Ayna (Üst Duvar)\n            if (layoutState.console \u003e 0) {\n                let w = mods.console.sizeW; \/\/ 226\n                let d = mods.console.sizeD; \/\/ 51\n                let x = centerX - (w \/ 2);\n                let y = 20; \/\/ Biraz daha yukarı alındı\n                html += getRectHTML('console', t.item_console || 'Console', x, y, w, d);\n\n                if (layoutState.mirror \u003e 0) {\n                    let mw = mods.mirror.sizeW; \/\/ 134\n                    let md = mods.mirror.sizeD; \/\/ 2\n                    let mx = centerX - (mw \/ 2);\n                    let my = y + d - md; \/\/ Konsolun üzerine\n                    html += getRectHTML('mirror', t.item_mirror || 'Mirror', mx, my, mw, md, 15);\n                }\n            }\n\n            \/\/ 2. TV Ünitesi (Alt Duvar)\n            let tvWallY = 480; \/\/ Alt metinlerin altında kalmaması için belirgin oranda yukarı çekildi\n\n            if (layoutState.tv_bottom \u003e 0) {\n                let w = mods.tv_bottom.sizeW; \/\/ 221\n                let d = mods.tv_bottom.sizeD; \/\/ 51\n                let x = centerX - (w \/ 2);\n                let y = tvWallY - d;\n                html += getRectHTML('tv_bottom', t.item_tv_bottom || 'TV Bottom', x, y, w, d);\n            }\n\n            if (layoutState.tv_top \u003e 0) {\n                let w = mods.tv_top.sizeW; \/\/ 105\n                let d = mods.tv_top.sizeD; \/\/ 2\n                let x = centerX - (w \/ 2);\n                let y = tvWallY - d; \/\/ Alt bloğun üzerine\n                html += getRectHTML('tv_top', t.item_tv_top || 'TV Top', x, y, w, d, 15);\n            }\n\n            \/\/ 3. Masa (Odanın tam ortası)\n            let tableX = 0, tableY = 0;\n            if (layoutState.table \u003e 0) {\n                let w = mods.table.sizeW; \/\/ 208\n                let d = mods.table.sizeD; \/\/ 92\n                tableX = centerX - (w \/ 2);\n                tableY = centerY - (d \/ 2);\n                html += getRectHTML('table', t.item_table || 'Table', tableX, tableY, w, d);\n\n                \/\/ Sandalyeleri Sırala (Plus sandalyeler önce başlara geçsin)\n                let chairsToPlace = [];\n                for (let i = 0; i \u003c layoutState.chair_plus; i++) chairsToPlace.push('chair_plus');\n                for (let i = 0; i \u003c layoutState.chair_golden; i++) chairsToPlace.push('chair_golden');\n\n                let cW = 50, cH = 50; \/\/ Sandalye 2D ölçüsü 50x50\n\n                \/\/ 0: Sol Baş, 1: Sağ Baş, 2,3,4: Üst, 5,6,7: Alt, 8: Sol Üst, 9: Sağ Üst\n                let positions = [\n                    { x: tableX - cW - 5, y: tableY + (d \/ 2) - (cH \/ 2), rot: 90 },     \/\/ Sol\n                    { x: tableX + w + 5, y: tableY + (d \/ 2) - (cH \/ 2), rot: -90 },    \/\/ Sağ\n                    { x: tableX + 15, y: tableY - cH - 5, rot: 180 },                    \/\/ Üst Sol\n                    { x: tableX + w - cW - 15, y: tableY - cH - 5, rot: 180 },           \/\/ Üst Sağ\n                    { x: tableX + 15, y: tableY + d + 5, rot: 0 },                       \/\/ Alt Sol\n                    { x: tableX + w - cW - 15, y: tableY + d + 5, rot: 0 },              \/\/ Alt Sağ\n                    { x: tableX + (w \/ 2) - (cW \/ 2), y: tableY - cH - 5, rot: 180 },    \/\/ Üst Orta\n                    { x: tableX + (w \/ 2) - (cW \/ 2), y: tableY + d + 5, rot: 0 },       \/\/ Alt Orta\n                    { x: tableX - cW - 5, y: tableY + 5, rot: 90 },                      \/\/ Sol 2\n                    { x: tableX + w + 5, y: tableY + 5, rot: -90 }                       \/\/ Sağ 2\n                ];\n\n                for (let i = 0; i \u003c Math.min(chairsToPlace.length, 10); i++) {\n                    let pos = positions[i];\n                    html += getChairHTML('', pos.x, pos.y, pos.rot, chairsToPlace[i]);\n                }\n            }\n\n            \/\/ 4. Orta Sehpa\n            if (layoutState.coffee_table \u003e 0) {\n                let w = mods.coffee_table.sizeW; \/\/ 90\n                let d = mods.coffee_table.sizeD; \/\/ 90\n                for (let i = 0; i \u003c layoutState.coffee_table; i++) {\n                    let xOffset = (i % 2) * 20; \n                    let yOffset = Math.floor(i \/ 2) * 20;\n                    \n                    let x = 20 + xOffset;\n                    let y = 380 + yOffset; \/\/ Koordinat yukarı kaydırıldı\n                    \n                    if (x \u003e 150) x = 150; \n                    if (y \u003e 400) y = 400; \n                    \n                    let label = i === layoutState.coffee_table - 1 ? (t.item_coffee_table || 'Coffee Table') : '';\n                    if (layoutState.coffee_table \u003e 1 \u0026\u0026 i === layoutState.coffee_table - 1) label += ` (x${layoutState.coffee_table})`;\n                    \n                    html += getRectHTML('coffee_table', label, x, y, w, d);\n                }\n            }\n\n            \/\/ 5. Yan Sehpa\n            if (layoutState.side_table \u003e 0) {\n                let w = mods.side_table.sizeW; \/\/ 53\n                let d = mods.side_table.sizeD; \/\/ 53\n                for (let i = 0; i \u003c layoutState.side_table; i++) {\n                    let xOffset = (i % 2) * 60; \n                    let yOffset = Math.floor(i \/ 2) * 60;\n                    \n                    let x = 400 + xOffset;\n                    let y = 380 + yOffset; \/\/ Koordinat yukarı kaydırıldı\n                    \n                    if (x \u003e 450) x = 450; \n                    if (y \u003e 450) y = 450; \n                    \n                    let label = layoutState.side_table \u003e 1 \u0026\u0026 i === layoutState.side_table - 1 ? `Side Table (x${layoutState.side_table})` : '';\n                    if(layoutState.side_table === 1) label = \"Side\";\n\n                    html += getRectHTML('side_table', label, x, y, w, d);\n                }\n            }\n\n            canvas.innerHTML = html;\n            updateScale();\n        }\n\n        function updateScale() {\n            const canvas = document.getElementById('room-canvas');\n            const container = document.getElementById('draw-area');\n            if (!canvas || !container) return;\n\n            const rect = container.getBoundingClientRect();\n            let cw = rect.width || (window.innerWidth \u003c 600 ? 300 : 600);\n            let ch = rect.height || 400; \n            \n            let padX = window.innerWidth \u003c 600 ? 0 : 20;\n            let padY = window.innerWidth \u003c 600 ? 120 : 140; \/\/ Alttaki panelin üstüne binmemesi için padding artırıldı\n            \n            cw -= padX; \n            ch -= padY; \n            \n            let scale = Math.min(cw \/ 380, ch \/ 480); \/\/ Yükseklik çarpanı dengelendi\n            scale = Math.min(scale, 1.8); \/\/ Maksimum büyüme sınırlandı ki dışarı taşmasın\n\n            \/\/ Çizim alanını bütün olarak Y ekseninde (yukarı) kaydırarak panellerden kurtarıyoruz\n            let offsetY = window.innerWidth \u003c 600 ? -40 : -50;\n\n            canvas.style.transform = `translate(-50%, calc(-50% + ${offsetY}px)) scale(${scale})`;\n        }\n\n        const updateUI = () =\u003e {\n            try {\n                const t = translations[currentLang];\n\n                \/\/ Update UI Counters\n                for(let key in layoutState) {\n                    const el = document.getElementById(`cnt-${key}`);\n                    if (el) el.textContent = layoutState[key];\n                }\n\n                \/\/ Calculate Total \u0026 Config text\n                let totalAmount = 0;\n                let configItems = [];\n\n                for (let key in layoutState) {\n                    if (layoutState[key] \u003e 0) {\n                        totalAmount += layoutState[key] * mods[key].price;\n                        \n                        let itemName = t['item_' + key];\n                        if (itemName) {\n                            itemName = itemName.replace(\/\\s*\\(Maks\\.\\s*\\d+\\)\/gi, '').replace(\/\\s*\\(Max\\s*\\d+\\)\/gi, '');\n                        }\n                        \n                        configItems.push(`${layoutState[key]}x ${itemName}`);\n                    }\n                }\n\n                const elVisPrice = document.getElementById(\"vis-price\");\n                if (elVisPrice) elVisPrice.textContent = formatCurrency(totalAmount, currentLang);\n                \n                const elVisDims = document.getElementById(\"vis-dims\");\n                let dimText = configItems.length \u003e 0 ? configItems.join(\" + \") : (currentLang === 'tr' ? \"Boş Oda\" : \"Empty Room\");\n                if (elVisDims) elVisDims.textContent = dimText;\n\n                const elSummaryWidth = document.getElementById(\"summary-width\");\n                if (elSummaryWidth) elSummaryWidth.textContent = dimText;\n\n                \/\/ Redraw 2D layout\n                drawVisualizer();\n\n                \/\/ Apply text translations\n                document.querySelectorAll('[data-i18n]').forEach(el =\u003e {\n                    const key = el.getAttribute('data-i18n');\n                    if (t \u0026\u0026 t[key]) {\n                        el.textContent = t[key];\n                    }\n                });\n\n                \/\/ Apply prices to text properly\n                document.querySelectorAll('[data-i18n^=\"price_\"]').forEach(el =\u003e {\n                    const itemKey = el.getAttribute('data-i18n').replace('price_', '');\n                    if (mods[itemKey]) {\n                        let suffix = (itemKey.includes('chair') || itemKey === 'coffee_table' || itemKey === 'side_table') ? \n                                     (currentLang === 'en' ? \" \/ each\" : (currentLang === 'de' ? \" \/ Stück\" : (currentLang === 'fr' ? \" \/ pièce\" : \" \/ adet\"))) : \"\";\n                        el.textContent = formatCurrency(mods[itemKey].price, currentLang) + suffix;\n                    }\n                });\n\n            } catch (e) {\n                console.error(\"UI Update Error:\", e);\n            }\n        };\n\n        \/\/ Language toggle\n        document.querySelectorAll(\".lang-btn\").forEach(btn =\u003e {\n            btn.addEventListener('click', (e) =\u003e {\n                const selectedLang = e.currentTarget.getAttribute('data-lang');\n                if (currentLang !== selectedLang) {\n                    currentLang = selectedLang;\n                    document.querySelectorAll(\".lang-btn\").forEach(b =\u003e {\n                        b.classList.remove('scale-110', 'opacity-100', 'drop-shadow-md');\n                        b.classList.add('opacity-40');\n                    });\n                    e.currentTarget.classList.remove('opacity-40');\n                    e.currentTarget.classList.add('scale-110', 'opacity-100', 'drop-shadow-md');\n                    \n                    updateUI();\n                }\n            });\n        });\n\n        \/\/ WhatsApp Checkout Logic\n        document.getElementById(\"btn-whatsapp\").addEventListener(\"click\", () =\u003e {\n            let configText = \"\";\n            let total = 0;\n            const t = translations[currentLang];\n            \n            for (const key in layoutState) {\n                if (layoutState[key] \u003e 0) {\n                    let itemName = t['item_' + key];\n                    if (itemName) {\n                        itemName = itemName.replace(\/\\s*\\(Maks\\.\\s*\\d+\\)\/gi, '').replace(\/\\s*\\(Max\\s*\\d+\\)\/gi, '');\n                    }\n                    \n                    configText += `- ${layoutState[key]}x ${itemName}\\n`;\n                    total += layoutState[key] * mods[key].price;\n                }\n            }\n            \n            const message = `${t.wa_greeting}\\n\\n${t.wa_config}:\\n${configText}\\n${t.wa_total}: ${formatCurrency(total, currentLang)}\\n\\n${t.wa_help}`;\n            window.open(`https:\/\/wa.me\/905441443814?text=${encodeURIComponent(message)}`, '_blank');\n        });\n\n        \/\/ Document Ready\n        document.addEventListener(\"DOMContentLoaded\", () =\u003e {\n            document.querySelectorAll(\".lang-btn\").forEach(b =\u003e {\n                if(b.getAttribute('data-lang') === currentLang) {\n                    b.classList.add('scale-110', 'opacity-100', 'drop-shadow-md');\n                    b.classList.remove('opacity-40');\n                } else {\n                    b.classList.add('opacity-40');\n                }\n            });\n            updateUI();\n            \n            let lastWinWidth = window.innerWidth;\n            window.addEventListener('resize', () =\u003e {\n                if (window.innerWidth !== lastWinWidth) {\n                    lastWinWidth = window.innerWidth;\n                    requestAnimationFrame(() =\u003e {\n                        updateScale();\n                    });\n                }\n            });\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Özüçler Mobilya","offers":[{"title":"Default Title","offer_id":48264384446696,"sku":null,"price":3420.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0713\/7640\/4712\/files\/7E7F6665-E88F-45EC-AB2B-EED39402D85E.jpg?v=1776512713","url":"https:\/\/ozucler.com\/products\/solo-dining-room-set","provider":"Özüçler Mobilya","version":"1.0","type":"link"}