{"product_id":"kidmakk-opendurian","title":"หนังสือ ฉันจะมีชีวิตที่ดี โดยคุณ คิดมาก (Kidmakk) │ OpenDurian How to","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003c!-- Google Fonts: Prompt --\u003e\n\u003cp\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003c!-- Font Awesome --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- CSS Scope (Unique ID) --- *\/\n        body { margin: 0; padding: 0; }\n\n        #opd-goodlife-section {\n            font-family: 'Prompt', sans-serif;\n            \/* Theme: Morning Sky (Soft Blue to White) *\/\n            background: linear-gradient(180deg, #E3F2FD 0%, #FFFFFF 100%);\n            color: #455A64;\n            padding: 80px 20px;\n            box-sizing: border-box;\n            display: block;\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #opd-goodlife-section * { box-sizing: border-box; }\n\n        \/* Background Cloud Decor (Optional) *\/\n        #opd-goodlife-section::before {\n            content: '';\n            position: absolute;\n            top: -50px; right: -50px;\n            width: 300px; height: 300px;\n            background: rgba(255, 255, 255, 0.6);\n            border-radius: 50%;\n            filter: blur(60px);\n            z-index: 1;\n        }\n\n        \/* Container *\/\n        .opd-goodlife-container {\n            max-width: 1000px;\n            margin: 0 auto;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 60px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* --- Left: Image (Super Rounded) --- *\/\n        .opd-goodlife-image {\n            flex: 1 1 380px;\n            display: flex;\n            justify-content: center;\n            position: relative;\n        }\n\n        .opd-goodlife-mockup {\n            width: 100%;\n            max-width: 400px;\n            border-radius: 40px; \/* Super Rounded Corners *\/\n            box-shadow: 0 20px 50px rgba(135, 206, 250, 0.25); \/* Soft Blue Shadow *\/\n            transition: transform 0.3s ease;\n            position: relative;\n            z-index: 2;\n            border: 8px solid #FFF;\n        }\n\n        .opd-goodlife-mockup:hover { transform: translateY(-8px) scale(1.02); }\n\n        \/* --- Right: Content --- *\/\n        .opd-goodlife-content {\n            flex: 1 1 500px;\n        }\n\n        \/* Badge (Rising Star) - UPDATED TO BE PROMINENT *\/\n        .opd-goodlife-badge {\n            background: linear-gradient(135deg, #FFD200 0%, #F7971E 100%); \/* Bright Gold\/Orange Gradient *\/\n            color: #FFF;\n            padding: 10px 25px; \/* Bigger Padding *\/\n            border-radius: 50px;\n            font-size: 16px; \/* Bigger Font *\/\n            font-weight: 800; \/* Extra Bold *\/\n            margin-bottom: 25px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            box-shadow: 0 10px 20px rgba(247, 151, 30, 0.4); \/* Strong Glowing Shadow *\/\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border: 3px solid #FFF; \/* White border to pop *\/\n            animation: badgePulse 2s infinite; \/* Attention-grabbing animation *\/\n        }\n\n        @keyframes badgePulse {\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 210, 0, 0.7); }\n            70% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 210, 0, 0); }\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 210, 0, 0); }\n        }\n\n        .opd-goodlife-badge i {\n            font-size: 18px;\n            color: #FFF;\n            text-shadow: 0 2px 4px rgba(0,0,0,0.2);\n        }\n\n        \/* Typography *\/\n        .opd-goodlife-title {\n            font-size: 42px;\n            font-weight: 700;\n            line-height: 1.2;\n            margin: 0 0 10px 0;\n            color: #263238;\n        }\n\n        .opd-goodlife-author {\n            font-size: 20px;\n            color: #78909C;\n            font-weight: 400;\n            margin-bottom: 25px;\n        }\n\n        \/* Story Box (Rounded) *\/\n        .opd-goodlife-story {\n            background: rgba(255, 255, 255, 0.7);\n            border: 1px solid #E1F5FE;\n            padding: 25px;\n            border-radius: 30px; \/* Rounded Box *\/\n            margin-bottom: 30px;\n            backdrop-filter: blur(5px);\n        }\n\n        .opd-goodlife-hook {\n            font-size: 18px;\n            font-weight: 600;\n            color: #0288D1; \/* Sky Blue *\/\n            margin-bottom: 10px;\n        }\n\n        .opd-goodlife-desc {\n            font-size: 16px;\n            color: #546E7A;\n            line-height: 1.7;\n            margin: 0;\n            font-weight: 300;\n        }\n\n        \/* Feature List (Clouds) *\/\n        .opd-goodlife-features {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 35px 0;\n        }\n\n        .opd-goodlife-feat-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            margin-bottom: 12px;\n            font-size: 15px;\n            color: #455A64;\n        }\n\n        .opd-goodlife-icon {\n            font-size: 18px;\n            margin-top: 2px;\n            filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));\n        }\n\n        \/* Button Wrapper *\/\n        .opd-goodlife-btn-wrapper {\n            display: flex;\n            gap: 15px;\n        }\n\n        \/* Button Style (Rounded) *\/\n        .opd-goodlife-btn {\n            background: #0288D1;\n            color: #FFF;\n            padding: 16px 40px;\n            border-radius: 50px; \/* Pill Shape *\/\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            cursor: pointer;\n            border: none;\n            box-shadow: 0 10px 25px rgba(2, 136, 209, 0.3);\n            transition: all 0.3s;\n        }\n\n        .opd-goodlife-btn:hover {\n            background: #0277BD;\n            transform: translateY(-4px);\n            box-shadow: 0 15px 35px rgba(2, 136, 209, 0.4);\n        }\n\n        \/* --- MODAL (POPUP) STYLES --- *\/\n        .opd-modal-overlay {\n            display: none; \/* Hidden by default *\/\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background: rgba(255, 255, 255, 0.8); \/* Lighter backdrop *\/\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n            backdrop-filter: blur(8px);\n        }\n\n        .opd-modal-container {\n            width: 90%;\n            max-width: 900px;\n            height: 85vh;\n            background: #FFF;\n            border-radius: 30px; \/* Rounded Modal *\/\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n            animation: modalPopUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            border: 1px solid #E3F2FD;\n        }\n\n        @keyframes modalPopUp {\n            from { opacity: 0; transform: scale(0.9) translateY(20px); }\n            to { opacity: 1; transform: scale(1) translateY(0); }\n        }\n\n        .opd-modal-header {\n            padding: 20px 30px;\n            border-bottom: 1px solid #F1F5F9;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            border-radius: 30px 30px 0 0;\n        }\n\n        .opd-modal-title {\n            font-size: 20px;\n            font-weight: 700;\n            color: #0288D1;\n            margin: 0;\n        }\n\n        .opd-modal-close {\n            background: #F1F5F9;\n            border: none;\n            width: 36px; height: 36px;\n            border-radius: 50%;\n            font-size: 20px;\n            color: #64748B;\n            cursor: pointer;\n            transition: all 0.2s;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .opd-modal-close:hover { background: #FFCDD2; color: #D32F2F; }\n\n        .opd-modal-body {\n            flex: 1;\n            padding: 0;\n            overflow: hidden;\n            background: #F8FAFC;\n            border-radius: 0 0 30px 30px;\n        }\n\n        .opd-modal-iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* --- Responsive --- *\/\n        @media (max-width: 900px) {\n            .opd-goodlife-container { gap: 40px; }\n            .opd-goodlife-image { order: 1; flex: 1 1 100%; }\n            .opd-goodlife-content { order: 2; text-align: center; }\n            .opd-goodlife-badge { margin: 0 auto 20px auto; }\n            .opd-goodlife-story { text-align: left; }\n            .opd-goodlife-feat-item { justify-content: flex-start; }\n            .opd-goodlife-btn-wrapper { justify-content: center; }\n            .opd-goodlife-btn { width: 100%; justify-content: center; }\n        }\n    \u003c\/style\u003e\n\u003csection id=\"opd-goodlife-section\"\u003e\n\u003cdiv class=\"opd-goodlife-container\"\u003e\n\u003c!-- Left: Image (Super Rounded) --\u003e\n\u003cdiv class=\"opd-goodlife-image\"\u003e\u003c!-- Placeholder Image --\u003e\u003c\/div\u003e\n\u003cdiv class=\"opd-goodlife-content\"\u003e\n\u003cdiv class=\"opd-goodlife-badge\"\u003eRising Star\u003c\/div\u003e\n\u003ch1 class=\"opd-goodlife-title\"\u003eฉันจะมีชีวิตที่ดี\u003c\/h1\u003e\n\u003ch3 class=\"opd-goodlife-author\"\u003eโดย Kidmakk (คิดมาก)\u003c\/h3\u003e\n\u003cdiv class=\"opd-goodlife-story\"\u003e\n\u003cdiv class=\"opd-goodlife-hook\"\u003e\"พึ่งรู้ว่าตัวเอง... ทำความฝันได้สำเร็จไป 1 อย่างแล้ว! 🕊️\"\u003c\/div\u003e\n\u003cp class=\"opd-goodlife-desc\"\u003eเราได้อ่านหนังสือเล่มนี้ระหว่างเดินทางไปญี่ปุ่น เคยตั้งคำถามกับตัวเองว่าความฝันเราเล็กไปหรือเปล่า? จนมาเจอประโยคในหนังสือเล่มนี้ที่ทำให้รู้ว่า \u003cstrong\u003e\"ตอนนี้คือชีวิตในฝัน ที่เราฝันไว้เลย\"\u003c\/strong\u003e ทั้งงานที่ทำ การใช้ชีวิต และการได้ไปเที่ยวในที่ที่อยากไป\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cul class=\"opd-goodlife-features\"\u003e\n\u003cli class=\"opd-goodlife-feat-item\"\u003e\n\u003cspan class=\"opd-goodlife-icon\"\u003e☁️\u003c\/span\u003e \u003cspan\u003eเมื่อเรามีความฝันที่ชัดเจน ความฝันที่แตกต่างก็ไม่ใช่ปัญหา\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-goodlife-feat-item\"\u003e\n\u003cspan class=\"opd-goodlife-icon\"\u003e☁️\u003c\/span\u003e \u003cspan\u003eช่วยให้เห็นคุณค่าของชีวิตตัวเองได้มากขึ้นในทุกๆ ด้าน\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-goodlife-feat-item\"\u003e\n\u003cspan class=\"opd-goodlife-icon\"\u003e☁️\u003c\/span\u003e \u003cspan\u003eกล้าที่จะทำตามความฝัน และมีความสุขในแบบของตัวเอง\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"opd-goodlife-btn-wrapper\"\u003e\n\u003c!-- Popup Trigger Button (Updated Text) --\u003e \u003cbutton class=\"opd-goodlife-btn\"\u003e \u003ci class=\"fa-solid fa-book-open\"\u003e\u003c\/i\u003e อ่านตัวอย่าง \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- --- POPUP MODAL --- --\u003e\n\u003cdiv class=\"opd-modal-overlay\" id=\"glModal\"\u003e\n\u003cdiv class=\"opd-modal-container\"\u003e\n\u003cdiv class=\"opd-modal-header\"\u003e\n\u003ch4 class=\"opd-modal-title\"\u003eตัวอย่างหนังสือ: ฉันจะมีชีวิตที่ดี\u003c\/h4\u003e\n\u003cbutton class=\"opd-modal-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opd-modal-body\"\u003e\u003ciframe src=\"https:\/\/drive.google.com\/file\/d\/1Vl_DThoNsNB31OAdb8YDuAv4Z9LNpSFj\/preview\" class=\"opd-modal-iframe\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"OpenDurian Howto","offers":[{"title":"[เล่มเดี่ยว] หนังสือ ฉันจะมีชีวิตที่ดี","offer_id":45490463146041,"sku":"OPDS-52J0DMDF","price":269.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + กับดักความรู้สึกผิด","offer_id":45490463178809,"sku":"OPDS-C75R99TL","price":590.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ปีศาจตัวนั้นคือฉันเอง 1","offer_id":45490463211577,"sku":"OPDS-XK6HDEV9","price":573.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ดอกไม้จะผลิบาน","offer_id":45490463244345,"sku":"OPDS-MUGN25RM","price":607.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + คาปิบาร่า","offer_id":45490763857977,"sku":"OPDS-U8BCT49A","price":607.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + HelmetGirl","offer_id":45490463277113,"sku":"OPDS-KYH7C7X3","price":607.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + โอบกอด","offer_id":45490766577721,"sku":"OPDS-W569PL59","price":488.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + กว่าจะคิดได้","offer_id":45490463309881,"sku":"OPDS-PIXIM41K","price":590.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ความลับสู่เงินล้าน","offer_id":45490463342649,"sku":"OPDS-017IUXY9","price":530.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ยินดีต้อนรับ","offer_id":45490463375417,"sku":"OPDS-4DTXZZLN","price":556.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ขอใช้ชีวิต","offer_id":45490463408185,"sku":"OPDS-YKGZ1G3K","price":530.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + The Witches' Club","offer_id":45490463440953,"sku":"OPDS-P5APJPH8","price":565.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ทุกความทรงจำคือ ของขวัญ","offer_id":45490463473721,"sku":"OPDS-L140IVK5","price":530.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + Ghostly Brews","offer_id":45490463506489,"sku":"OPDS-3OG5Q5BT","price":582.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + เหนื่อยมากไหม","offer_id":45490463539257,"sku":"OPDS-4LZSZ3SE","price":607.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ปีศาจความรัก","offer_id":45490463572025,"sku":"OPDS-6ACPLQBX","price":582.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + ปีศาจตัวนั้นคือฉันเอง 2","offer_id":45490463604793,"sku":"OPDS-1EKJVGCA","price":573.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] ฉันจะมีชีวิตที่ดี + Ghostly Remains","offer_id":45490763890745,"sku":"OPDS-IG9YSW4F","price":582.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ฉันจะมีชีวิตที่ดี + สวนของหัวใจ","offer_id":45490463670329,"sku":"OPDS-OL4FZYVJ","price":837.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ฉันจะมีชีวิตที่ดี + คาปิบาร่า","offer_id":45490463703097,"sku":"OPDS-AD1ZTQVV","price":794.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ฉันจะมีชีวิตที่ดี + HelmetGirl","offer_id":45490463735865,"sku":"OPDS-7XPR5EQZ","price":794.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ฉันจะมีชีวิตที่ดี + เหนื่อยมากไหม","offer_id":45490463768633,"sku":"OPDS-G5I81FUB","price":794.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ฉันจะมีชีวิตที่ดี + The Witches' Club","offer_id":45490463637561,"sku":"OPDS-WM2TPZOL","price":794.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/1_82c9042c-0d1d-4b4c-8eac-dd044a2acccf.jpg?v=1771475271","url":"https:\/\/opendurian-howto.myshopify.com\/products\/kidmakk-opendurian","provider":"OpenDurian Howto","version":"1.0","type":"link"}