{"title":"All Products","description":"","products":[{"product_id":"หนังสือถ้าโลกมันแย่-ก็แค่คิดแบบคาปิบาร่า-think-like-a-happybara","title":"หนังสือถ้าโลกมันแย่ ก็แค่คิดแบบคาปิบาร่า (Think Like a Happybara)","description":"\u003ctable xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" cellspacing=\"0\" cellpadding=\"0\" dir=\"ltr\" border=\"1\" data-sheets-root=\"1\" height=\"345\" style=\"width: 104.425%; height: 325px;\"\u003e\n\u003ccolgroup\u003e\u003ccol width=\"231\" style=\"width: 100%;\"\u003e\u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem; height: 10px;\"\u003e\n\u003ctd rowspan=\"2\" colspan=\"1\" data-sheets-value='{\"1\":2,\"2\":\"🩷 ในหนังสือเล่มนี้จะบอกเล่าเรื่องราว 🩷\\nและแนวคิดของครอบครัว Happybara\\n🫠 เมื่อเจอสถานการณ์ไม่ได้ดั่งใจต่าง ๆ \\nผ่านเรื่องแย่ๆ ใน 5 หมวดหมู่ แบ่งออกเป็น\\n1️⃣ ความรักมันแย่ 2️⃣ ชีวิตมันแย่\\n3️⃣ สังคมมันแย่ 4️⃣ งานมันแย่ 5️⃣ ฉันมันแย่\\n.\\nและยังมีการแบ่งแยกย่อยสถานการณ์แย่ๆ\\nที่เรามักจะเจอในชีวิตประจำวันอีกกว่า 70 สถานการณ์ ‼️ \\n.\\nน่ารักมากเพราะมาพร้อมภาพประกอบสุดคิ้ว 💖\\n📖 และแทรกการ์ตูนให้อ่านง่ายแบบไม่มีเบื่อ\\nอ่านจบแล้วสามารถลองทำตามแนวคิดจาก 👇\\nครอบครัว Happybara ผ่านเช็คลิสต์ท้ายเล่มได้อีกด้วย \\n.\\n✨ ทุกเล่มได้รับ! ✨\\n📌 สติกเกอร์สมาชิกในครอบครัว Happybara 2 แผ่น\\n📌 ที่คั่นรูปคาปิบาร่า 2 ใบ\\n.\\n🫶 มาเปลี่ยนมุมมองแนวคิดการรับมือกับปัญหา\\nไปพร้อม ๆ กับครอบครัว Happybara กันเถอะ 👍\"}' style=\"height: 423.469px;\"\u003e\n\u003cdiv\u003e🩷 ในหนังสือเล่มนี้จะบอกเล่าเรื่องราว 🩷\u003cbr\u003eและแนวคิดของครอบครัว Happybara\u003cbr\u003e🫠 เมื่อเจอสถานการณ์ไม่ได้ดั่งใจต่าง ๆ \u003cbr\u003eผ่านเรื่องแย่ๆ ใน 5 หมวดหมู่ แบ่งออกเป็น\u003cbr\u003e1️⃣ ความรักมันแย่ 2️⃣ ชีวิตมันแย่\u003cbr\u003e3️⃣ สังคมมันแย่ 4️⃣ งานมันแย่ 5️⃣ ฉันมันแย่\u003cbr\u003e.\u003cbr\u003eและยังมีการแบ่งแยกย่อยสถานการณ์แย่ๆ\u003cbr\u003eที่เรามักจะเจอในชีวิตประจำวันอีกกว่า 70 สถานการณ์ ‼️ \u003cbr\u003e.\u003cbr\u003eน่ารักมากเพราะมาพร้อมภาพประกอบสุดคิ้ว 💖\u003cbr\u003e📖 และแทรกการ์ตูนให้อ่านง่ายแบบไม่มีเบื่อ\u003cbr\u003eอ่านจบแล้วสามารถลองทำตามแนวคิดจาก 👇\u003cbr\u003eครอบครัว Happybara ผ่านเช็คลิสต์ท้ายเล่มได้อีกด้วย \u003cbr\u003e.\u003cbr\u003e✨ ทุกเล่มได้รับ! ✨\u003cbr\u003e📌 สติกเกอร์สมาชิกในครอบครัว Happybara 2 แผ่น\u003cbr\u003e📌 ที่คั่นรูปคาปิบาร่า 2 ใบ\u003cbr\u003e.\u003cbr\u003e🫶 มาเปลี่ยนมุมมองแนวคิดการรับมือกับปัญหา\u003cbr\u003eไปพร้อม ๆ กับครอบครัว Happybara กันเถอะ 👍\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e\u003c!----\u003e","brand":"OpenDurian Howto","offers":[{"title":"[1 เล่ม] คาปิบาร่า","offer_id":43431131938873,"sku":"OPDS-RVB2R589","price":490.0,"currency_code":"THB","in_stock":true},{"title":"[Boxset] คาปิบาร่า","offer_id":43431131971641,"sku":"OPDS-SGQUSLU1","price":1090.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/01-_-_-_-logo.jpg?v=1718351915"},{"product_id":"หนังสือปีศาจความรักมักเลือกฉันเป็นเหยื่อ-how-to-fight-the-love-demon-in-my-heart","title":"หนังสือปีศาจความรักมักเลือกฉันเป็นเหยื่อ [How to Fight the Love Demon in My Heart]","description":"\u003ctable xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" cellspacing=\"0\" cellpadding=\"0\" dir=\"ltr\" border=\"1\" data-sheets-root=\"1\"\u003e\n\u003ccolgroup\u003e\u003ccol width=\"286\"\u003e\u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\n\u003ctd rowspan=\"2\" colspan=\"1\" data-sheets-value='{\"1\":2,\"2\":\"หนังสือฮีลใจเล่มใหม่ ✨\\nจากทุกกระแสตอบรับ ⚡ หนังสือปีศาจตัวนั้นคือฉันเอง 😈\\nหนังสือฮีลใจกระแสแรงที่สุดบนโซเชียล 🌟\\n\\nเมื่อปีศาจความรัก 😈 กลับมาอีกครั้ง หลังไปซุ่มเพิ่มพลังพิเศษ 💔\\nให้สามารถหลอกล่อจิตใจของเรา ให้ตกอยู่ภายใต้การควบคุมของมันได้มากกว่าที่เคย ‼️\\n\\n📣 เปิดตัวใหม่ล่าสุด 📣\\n📖 ปีศาจความรักมักเลือกฉันเป็นเหยื่อ \\n[How to Fight the Love Demon in My Heart]\\n\\n📕 หนังสือฮีลใจเล่มใหม่ ที่จะพาทุกคน \\n#ไม่ขอตกเป็นเหยื่อปีศาจความรักอีกต่อไป\\nและ #มีรักดีต่อใจไม่ TOXIC\\n\\n📍 เล่มเก่าและเล่มใหม่แตกต่างกันอย่างไร ?\\nเล่มนี้เน้นไปที่การแก้ไขปัญหาหาทางออกจากปัญหานั้น ๆ\\nเล่มนี้ใช้สำนวนการเขียนแบบเน้นเตือนสติให้ผู้อ่านคิดได้\\n\\n📍 หัวข้อบทความในเล่มกว่า 11 เรื่อง\\nดีแค่ไหนเขาก็ไม่รัก\\nคุยกันแต่ไร้สถานะ\\nรักเขาแต่เขาไม่รัก\\nเขาหมดรัก\\nเขากลับมาขอโอกาส\\nเลิกกันแล้วแต่ฉันยังทำใจไม่ไหว\\nลืมแฟนเก่าไม่ได้\\nเขานอกใจ\\nยอมทนกับคนที่ใจร้าย\\nยอมเป็นคนในความลับ\\nมีแฟนแล้วแต่ดันไปรู้สึกดีกับคนอื่น\\n\\n💬 มาพร้อมกับแบบทดสอบท้ายเล่ม\\nที่ช่วยให้เราค้นพบตัวเองว่าเป็นนักรักแบบไหน 🫵  มีข้อดี-ข้อเสียอะไร\\nและเมื่อเจอความสัมพันธ์ที่มีปัญหา ควรรับมือแบบไหน 🥰\\n\\n📌 ของแถมภายในเล่ม\\n1. สติกเกอร์ 1 แผ่น\\n2. ที่คั่นหนังสือ 2 ใบ\\n\\n📌 ข้อมูลของหนังสือ\\nขนาด : A5\\nจำนวน : 232 หน้า \\n\\n\\n\\n\\n\\\"\"}'\u003eหนังสือฮีลใจเล่มใหม่ ✨\u003cbr\u003eจากทุกกระแสตอบรับ ⚡ หนังสือปีศาจตัวนั้นคือฉันเอง 😈\u003cbr\u003eหนังสือฮีลใจกระแสแรงที่สุดบนโซเชียล 🌟 \u003cbr\u003e\u003cbr\u003eเมื่อปีศาจความรัก 😈 กลับมาอีกครั้ง หลังไปซุ่มเพิ่มพลังพิเศษ 💔\u003cbr\u003eให้สามารถหลอกล่อจิตใจของเรา ให้ตกอยู่ภายใต้การควบคุมของมันได้มากกว่าที่เคย ‼️\u003cbr\u003e\u003cbr\u003e📣 เปิดตัวใหม่ล่าสุด 📣\u003cbr\u003e📖 ปีศาจความรักมักเลือกฉันเป็นเหยื่อ \u003cbr\u003e[How to Fight the Love Demon in My Heart]\u003cbr\u003e\u003cbr\u003e📕 หนังสือฮีลใจเล่มใหม่ ที่จะพาทุกคน \u003cbr\u003e#ไม่ขอตกเป็นเหยื่อปีศาจความรักอีกต่อไป\u003cbr\u003eและ #มีรักดีต่อใจไม่ TOXIC\u003cbr\u003e\u003cbr\u003e📍 เล่มเก่าและเล่มใหม่แตกต่างกันอย่างไร ?\u003cbr\u003eเล่มนี้เน้นไปที่การแก้ไขปัญหาหาทางออกจากปัญหานั้น ๆ\u003cbr\u003eเล่มนี้ใช้สำนวนการเขียนแบบเน้นเตือนสติให้ผู้อ่านคิดได้\u003cbr\u003e\u003cbr\u003e📍 หัวข้อบทความในเล่มกว่า 11 เรื่อง\u003cbr\u003eดีแค่ไหนเขาก็ไม่รัก\u003cbr\u003eคุยกันแต่ไร้สถานะ\u003cbr\u003eรักเขาแต่เขาไม่รัก\u003cbr\u003eเขาหมดรัก\u003cbr\u003eเขากลับมาขอโอกาส \u003cbr\u003eเลิกกันแล้วแต่ฉันยังทำใจไม่ไหว\u003cbr\u003eลืมแฟนเก่าไม่ได้\u003cbr\u003eเขานอกใจ\u003cbr\u003eยอมทนกับคนที่ใจร้าย\u003cbr\u003eยอมเป็นคนในความลับ\u003cbr\u003eมีแฟนแล้วแต่ดันไปรู้สึกดีกับคนอื่น\u003cbr\u003e\u003cbr\u003e💬 มาพร้อมกับแบบทดสอบท้ายเล่ม\u003cbr\u003eที่ช่วยให้เราค้นพบตัวเองว่าเป็นนักรักแบบไหน 🫵 มีข้อดี-ข้อเสียอะไร\u003cbr\u003eและเมื่อเจอความสัมพันธ์ที่มีปัญหา ควรรับมือแบบไหน 🥰\u003cbr\u003e\u003cbr\u003e📌 ของแถมภายในเล่ม\u003cbr\u003e1. สติกเกอร์ 1 แผ่น\u003cbr\u003e2. ที่คั่นหนังสือ 2 ใบ\u003cbr\u003e\u003cbr\u003e📌 ข้อมูลของหนังสือ\u003cbr\u003eขนาด : A5\u003cbr\u003eจำนวน : 232 หน้า\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"OpenDurian Howto","offers":[{"title":"[1 เล่ม] ความรัก","offer_id":43431290830905,"sku":"OPDS-U63X3Z0V","price":379.0,"currency_code":"THB","in_stock":true},{"title":"[2 เล่ม] ความรัก + ฉันเอง","offer_id":43431290863673,"sku":"OPDS-W4PYZC0S","price":758.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/01-_-_-_-LOGO_55f396da-d8ac-445b-b71b-3c2356eb8101.jpg?v=1718593929"},{"product_id":"150-quotes","title":"หนังสือ ปีศาจตัวนั้นคือฉันเอง A Guide to Fighting the Demons in My Heart │ OpenDurian How to","description":"\u003c!-- OpenDurian Product Highlight Section [Best Seller] --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- CI: #3B3F9A (Deep Blue) | #EEBED8 (Pale Pink) --\u003e\n\u003cstyle\u003e\n    \/* --- CSS Scope --- *\/\n    #opd-product-section {\n        font-family: 'Prompt', sans-serif;\n        background-color: #FDFDFD; \/* พื้นหลังขาวอมเทานิดๆ ให้ดูสบายตา *\/\n        color: #333;\n        padding: 60px 20px;\n        box-sizing: border-box;\n        display: block;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    #opd-product-section * { box-sizing: border-box; }\n\n    \/* Container *\/\n    .opd-prod-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-start; \/* จัดชิดบน *\/\n        gap: 50px;\n    }\n\n    \/* --- Left Side: Image (Mockup) --- *\/\n    .opd-prod-image {\n        flex: 1 1 400px;\n        position: relative;\n        text-align: center;\n    }\n\n    .opd-book-mockup {\n        width: 100%;\n        max-width: 450px;\n        height: auto;\n        border-radius: 12px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.15); \/* เงาให้ดูลอย *\/\n        transition: transform 0.3s ease;\n    }\n\n    .opd-book-mockup:hover {\n        transform: translateY(-5px);\n    }\n\n    \/* --- Right Side: Content --- *\/\n    .opd-prod-content {\n        flex: 1 1 500px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    \/* Badge *\/\n    .opd-badge {\n        display: inline-block;\n        background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%);\n        color: #FFF;\n        font-weight: 700;\n        font-size: 14px;\n        padding: 5px 12px;\n        border-radius: 50px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 10px rgba(255, 165, 0, 0.4);\n        width: fit-content;\n        margin-bottom: 15px;\n    }\n\n    \/* Title *\/\n    .opd-prod-title {\n        font-size: 36px;\n        font-weight: 700;\n        color: #3B3F9A;\n        line-height: 1.3;\n        margin: 0 0 20px 0;\n    }\n    \n    .opd-prod-title span { color: #333; }\n\n    \/* Quote Box *\/\n    .opd-quote-box {\n        background: #F4F6F9;\n        border-left: 5px solid #3B3F9A;\n        padding: 20px 25px;\n        border-radius: 0 12px 12px 0;\n        margin-bottom: 25px;\n    }\n\n    .opd-quote-text {\n        font-size: 18px;\n        font-weight: 500;\n        font-style: italic;\n        color: #555;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \/* Description *\/\n    .opd-desc {\n        font-size: 16px;\n        color: #666;\n        line-height: 1.7;\n        margin-bottom: 25px;\n        font-weight: 300;\n    }\n\n    .opd-highlight-num {\n        color: #E11D48;\n        font-weight: 700;\n        background: #FFE4E6;\n        padding: 0 5px;\n        border-radius: 4px;\n    }\n\n    \/* Feature List *\/\n    .opd-features {\n        margin-bottom: 35px;\n    }\n\n    .opd-feat-title {\n        font-size: 20px;\n        font-weight: 700;\n        color: #333;\n        margin-bottom: 15px;\n        border-bottom: 2px solid #EEBED8;\n        display: inline-block;\n        padding-bottom: 5px;\n    }\n\n    .opd-feat-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .opd-feat-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        margin-bottom: 12px;\n        font-size: 16px;\n        color: #555;\n    }\n\n    .opd-feat-icon {\n        color: #58CC7D; \/* Green Check *\/\n        font-size: 18px;\n        margin-top: 3px;\n    }\n\n    \/* --- CTA Button Integration --- *\/\n    #opd-btn-wrapper {\n        width: 100%;\n        display: flex;\n        justify-content: flex-start; \/* ชิดซ้ายใน Desktop *\/\n        padding: 0;\n    }\n\n    .opd-sample-btn {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        background: linear-gradient(135deg, #3B3F9A 0%, #4B4ECB 100%);\n        color: #FFFFFF !important;\n        font-size: 18px;\n        font-weight: 600;\n        text-decoration: none !important;\n        letter-spacing: 0.5px;\n        padding: 15px 40px;\n        border-radius: 50px;\n        border: 2px solid rgba(255,255,255,0.25);\n        box-shadow: 0 10px 25px rgba(59, 63, 154, 0.4);\n        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n        overflow: hidden;\n        cursor: pointer;\n    }\n\n    .opd-sample-btn::before {\n        content: '';\n        position: absolute;\n        top: 0; left: -100%;\n        width: 50%; height: 100%;\n        background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);\n        transform: skewX(-25deg);\n        transition: 0.5s;\n    }\n\n    .opd-sample-btn:hover {\n        transform: translateY(-4px) scale(1.02);\n        box-shadow: 0 15px 35px rgba(59, 63, 154, 0.5);\n        background: linear-gradient(135deg, #2D3085 0%, #3B3F9A 100%);\n    }\n\n    .opd-sample-btn:hover::before { left: 150%; transition: 0.7s; }\n\n    .opd-sample-btn:hover .opd-btn-icon { transform: scale(1.2) rotate(-10deg); }\n\n    .opd-btn-icon {\n        font-size: 22px;\n        color: #EEBED8;\n        transition: transform 0.3s ease;\n    }\n\n    @keyframes opd-pulse {\n        0% { box-shadow: 0 0 0 0 rgba(59, 63, 154, 0.7); }\n        70% { box-shadow: 0 0 0 15px rgba(59, 63, 154, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(59, 63, 154, 0); }\n    }\n\n    .opd-sample-btn { animation: opd-pulse 2s infinite; }\n\n\n    \/* --- Responsive --- *\/\n    @media (max-width: 900px) {\n        .opd-prod-container { gap: 30px; }\n        .opd-prod-title { font-size: 28px; text-align: center; }\n        .opd-badge { margin: 0 auto 15px auto; display: table; }\n        \n        .opd-prod-image { order: 1; text-align: center; }\n        .opd-prod-content { order: 2; flex: 1 1 100%; }\n\n        #opd-btn-wrapper { justify-content: center; margin-top: 10px; }\n        .opd-sample-btn { width: 100%; padding: 18px 20px; font-size: 20px; }\n\n        .opd-feat-list { \n            background: #FAFAFA; padding: 20px; border-radius: 12px;\n        }\n    }\n\u003c\/style\u003e\n\u003csection id=\"opd-product-section\"\u003e\n\u003cdiv class=\"opd-prod-container\"\u003e\n\u003c!-- Left: Image Area (ใส่รูปจริงตรง src) --\u003e\n\u003cdiv class=\"opd-prod-content\"\u003e\n\u003cspan class=\"opd-badge\"\u003e\u003ci class=\"fa-solid fa-crown\"\u003e\u003c\/i\u003e Best Seller อันดับ 1\u003c\/span\u003e\n\u003ch2 class=\"opd-prod-title\"\u003eปีศาจตัวนั้น คือฉันเอง 👹\u003c\/h2\u003e\n\u003cdiv class=\"opd-quote-box\"\u003e\n\u003cp class=\"opd-quote-text\"\u003e\"การยอมรับว่ามี 'ปีศาจ' อยู่ในใจ คือก้าวแรกของการกลับมารักตัวเองอย่างแท้จริง\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"opd-desc\"\u003eหนังสือฮีลใจระดับปรากฏการณ์ที่สร้างแรงบันดาลใจให้ผู้อ่านมาแล้วทั่วประเทศ \u003cspan class=\"opd-highlight-num\"\u003eด้วยยอดขายทะลุ 200,000 เล่ม!\u003c\/span\u003e หากคุณกำลังรู้สึกเหนื่อยล้ากับอารมณ์ที่ควบคุมไม่ได้ หรือมองไม่เห็นค่าในตัวเอง หนังสือเล่มนี้จะเป็นเพื่อนคู่คิดที่ช่วยให้คุณ \"สงบศึก\" กับใจตัวเอง เปลี่ยนมุมมองความคิด และเติบโตเป็นคนใหม่ที่เข้มแข็งและรักตัวเองมากกว่าเดิม ✨\u003c\/p\u003e\n\u003cdiv class=\"opd-features\"\u003e\n\u003ch3 class=\"opd-feat-title\"\u003eทำไมต้องอ่านเล่มนี้?\u003c\/h3\u003e\n\u003cul class=\"opd-feat-list\"\u003e\n\u003cli class=\"opd-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-circle-check opd-feat-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eฮีลใจด้วยภาษา:\u003c\/strong\u003e คำคมภาษาอังกฤษ 150 ประโยค พร้อมคำแปลปลอบประโลมใจ\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-circle-check opd-feat-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eแบบทดสอบค้นหาตัวเอง:\u003c\/strong\u003e ค้นพบนิสัยและรับมือปัญหาได้ตรงจุด\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-circle-check opd-feat-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eจัดการอารมณ์อย่างเป็นระบบ:\u003c\/strong\u003e เรียนรู้การ Reframing เพื่อรับมือความขัดแย้ง\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-circle-check opd-feat-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eสร้าง Safe Zone ในใจ:\u003c\/strong\u003e ให้คุณเข้าใจว่า \"การไม่สมบูรณ์แบบ\" ไม่ใช่เรื่องผิด\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Button Integration --\u003e\n\u003cdiv id=\"opd-btn-wrapper\"\u003e\u003ca class=\"opd-sample-btn\" href=\"https:\/\/drive.google.com\/file\/d\/1tkc9W4UbuUWxkcyDVYaFpRlH1ye6NM5y\/view?usp=sharing\" target=\"_blank\"\u003e \u003ci class=\"fa-solid fa-book-open opd-btn-icon\"\u003e\u003c\/i\u003e \u003cspan\u003eดูเนื้อหาหนังสือ\u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"OpenDurian Howto","offers":[{"title":"[เล่มเดี่ยว] หนังสือ ปีศาจตัวนั้นคือฉันเอง","offer_id":44699730968633,"sku":"OPDS-OMAKA3ZY","price":329.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + กับดักความรู้สึกผิด","offer_id":45467489796153,"sku":"OPDS-91E6B1N1","price":656.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ดอกไม้จะผลิบาน","offer_id":45467489828921,"sku":"OPDS-8UH7TFZM","price":673.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + คาปิบาร่า","offer_id":45467489861689,"sku":"OPDS-Y327EFSQ","price":673.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + HelmetGirl","offer_id":45467489894457,"sku":"OPDS-E9HRLEWB","price":673.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + โอบกอด","offer_id":44699731001401,"sku":"OPDS-TMIQ3UX6","price":555.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + กว่าจะคิดได้","offer_id":45467489927225,"sku":"OPDS-IDC0Y33N","price":656.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ความลับสู่เงินล้าน","offer_id":45467489959993,"sku":"OPDS-862G4N0Q","price":597.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ฉันจะมีชีวิตที่ดี","offer_id":45467489992761,"sku":"OPDS-L5VD7P89","price":568.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ยินดีต้อนรับ","offer_id":45467490025529,"sku":"OPDS-TV85SQML","price":622.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ขอใช้ชีวิต","offer_id":45467490058297,"sku":"OPDS-QRE7M48B","price":597.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + The Witches's Club","offer_id":45467490091065,"sku":"OPDS-8DSLJS92","price":673.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ทุกความทรงจำคือของขวัญ","offer_id":45467490123833,"sku":"OPDS-67JHJ3DC","price":597.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + Ghostly Brews","offer_id":44699731034169,"sku":"OPDS-DO27D0K3","price":648.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + เหนื่อยมากไหม","offer_id":45467490156601,"sku":"OPDS-PQH0JE92","price":673.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ปีศาจความรัก","offer_id":45467490189369,"sku":"OPDS-KO8RQIDC","price":648.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง + ปีศาจตัวนั้นคือฉันเอง 2","offer_id":45467518697529,"sku":"OPDS-SNMYNJ81","price":648.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ ปีศาจตัวนั้นคือฉันเอง +  Ghostly Remains","offer_id":45467490222137,"sku":"OPDS-8E8G5MS5","price":648.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ปีศาจตัวนั้นคือฉันเอง + The Witches's Club","offer_id":45467490254905,"sku":"OPDS-JK43LGZG","price":858.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ปีศาจตัวนั้นคือฉันเอง + สวนของหัวใจ","offer_id":45467490287673,"sku":"OPDS-Q1PN1LVE","price":927.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ปีศาจตัวนั้นคือฉันเอง + คาปิบาร่า","offer_id":45467490320441,"sku":"OPDS-ZOF3KBPW","price":858.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ปีศาจตัวนั้นคือฉันเอง + HelmetGirl","offer_id":45467490353209,"sku":"OPDS-4WXBM3M8","price":858.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] ปีศาจตัวนั้นคือฉันเอง + เหนื่อยมากไหม","offer_id":45467490385977,"sku":"OPDS-OPWE08NV","price":858.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/2f8d695850faff12173fef4731108d29.jpg?v=1752651197"},{"product_id":"book-ghostly-brews","title":"หนังสือ Ghostly Brews ยินดีบริการดวงวิญญาณหลังเที่ยงคืน โดย หมึกซึม │ OpenDurian How to","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Google Fonts: Prompt --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Font Awesome --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- CSS Scope (Unique ID for Ghostly) --- *\/\n        body { margin: 0; padding: 0; }\n\n        #opd-ghostly-section {\n            font-family: 'Prompt', sans-serif;\n            \/* พื้นหลังดำสนิท (Midnight Black) ตามที่รีเควสต์ *\/\n            background: linear-gradient(180deg, #000000 0%, #1a1a1a 100%);\n            color: #FFF;\n            padding: 70px 20px;\n            box-sizing: border-box;\n            display: block;\n            width: 100%;\n            overflow: hidden;\n            border-top: 1px solid #333;\n            position: relative;\n        }\n\n        #opd-ghostly-section * { box-sizing: border-box; }\n\n        \/* Background Stars (ดาวตกบนฟ้ามืด) *\/\n        #opd-ghostly-section::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 3px),\n                radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 2px),\n                radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 3px);\n            background-size: 550px 550px, 350px 350px, 250px 250px;\n            background-position: 0 0, 40px 60px, 130px 270px;\n            opacity: 0.6; \/* เพิ่มความชัดของดาวบนพื้นดำ *\/\n            pointer-events: none;\n        }\n\n        \/* Container *\/\n        .opd-ghostly-container {\n            max-width: 1100px;\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 Side: Image --- *\/\n        .opd-ghostly-image {\n            flex: 1 1 400px;\n            position: relative;\n            text-align: center;\n        }\n\n        .opd-ghostly-mockup {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 12px;\n            \/* ปรับเงาเป็นสีทองจางๆ ตัดกับพื้นดำ *\/\n            box-shadow: 0 0 50px rgba(244, 208, 63, 0.1); \n            transition: transform 0.4s ease;\n        }\n\n        .opd-ghostly-mockup:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 0 70px rgba(244, 208, 63, 0.25);\n        }\n\n        \/* Top Seller Label *\/\n        .opd-ghostly-label {\n            background-color: rgba(255, 255, 255, 0.1);\n            color: #F4D03F;\n            font-weight: 700;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            padding: 8px 16px;\n            border-radius: 4px;\n            display: inline-block;\n            margin-bottom: 20px;\n            border: 1px solid rgba(244, 208, 63, 0.3);\n        }\n\n        \/* --- Right Side: Content --- *\/\n        .opd-ghostly-content {\n            flex: 1 1 500px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        \/* Title *\/\n        .opd-ghostly-title {\n            font-size: 42px;\n            font-weight: 700;\n            color: #FFFFFF;\n            line-height: 1.2;\n            margin: 0 0 10px 0;\n            text-shadow: 0 0 20px rgba(255, 255, 255, 0.2);\n        }\n        \n        .opd-ghostly-subtitle {\n            font-size: 22px;\n            color: #B0C4DE; \/* Light Steel Blue *\/\n            font-weight: 300;\n            margin-bottom: 30px;\n            display: block;\n        }\n\n        \/* Quote Box *\/\n        .opd-ghostly-quote {\n            background: rgba(255, 255, 255, 0.05);\n            border-left: 4px solid #F4D03F;\n            padding: 20px 25px;\n            border-radius: 0 12px 12px 0;\n            margin-bottom: 30px;\n            backdrop-filter: blur(5px);\n        }\n\n        .opd-ghostly-quote-text {\n            font-size: 18px;\n            font-weight: 500;\n            font-style: italic;\n            color: #E0E0E0;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* Description *\/\n        .opd-ghostly-desc {\n            font-size: 16px;\n            color: #D1D5DB;\n            line-height: 1.8;\n            margin-bottom: 30px;\n            font-weight: 300;\n        }\n\n        .opd-highlight-moon {\n            color: #F4D03F;\n            font-weight: 600;\n        }\n\n        \/* Exclusive Box *\/\n        .opd-exclusive-box {\n            background: rgba(244, 208, 63, 0.1);\n            border: 1px dashed #F4D03F;\n            border-radius: 8px;\n            padding: 12px 20px;\n            margin-bottom: 35px;\n            display: inline-block;\n        }\n        \n        .opd-exclusive-text {\n            font-size: 15px;\n            color: #F4D03F;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* Feature List *\/\n        .opd-ghostly-features {\n            margin-bottom: 40px;\n        }\n\n        .opd-ghostly-feat-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .opd-ghostly-feat-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            font-size: 16px;\n            color: #E0E0E0;\n        }\n\n        .opd-ghostly-icon {\n            color: #F4D03F;\n            font-size: 20px;\n            margin-top: 2px;\n            flex-shrink: 0;\n            text-shadow: 0 0 10px rgba(244, 208, 63, 0.4);\n        }\n\n        \/* --- CTA Button (Popup Trigger) --- *\/\n        #opd-ghostly-btn-wrapper {\n            width: 100%;\n            display: flex;\n            justify-content: flex-start;\n            padding: 0;\n        }\n\n        .opd-ghostly-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            \/* Gradient ดำ-เทาเข้ม *\/\n            background: linear-gradient(135deg, #1A1A1A 0%, #333 100%);\n            color: #F4D03F !important;\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none !important;\n            letter-spacing: 0.5px;\n            padding: 16px 45px;\n            border-radius: 50px;\n            border: 1px solid #F4D03F;\n            box-shadow: 0 0 15px rgba(244, 208, 63, 0.2);\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            overflow: hidden;\n            cursor: pointer;\n        }\n\n        .opd-ghostly-btn:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 0 30px rgba(244, 208, 63, 0.5);\n            background: #F4D03F;\n            color: #000 !important;\n        }\n        \n        .opd-ghostly-btn:hover .opd-btn-icon { color: #000; }\n\n        .opd-btn-icon {\n            font-size: 20px;\n            color: #F4D03F;\n            transition: color 0.3s ease;\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(0, 0, 0, 0.9);\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n            backdrop-filter: blur(5px);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .opd-modal-overlay.active {\n            opacity: 1;\n        }\n\n        .opd-modal-container {\n            width: 90%;\n            max-width: 900px;\n            height: 85vh;\n            background: #111;\n            border: 1px solid #333;\n            border-radius: 12px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            box-shadow: 0 0 50px rgba(244, 208, 63, 0.2);\n            transform: scale(0.95);\n            transition: transform 0.3s ease;\n            overflow: hidden;\n        }\n        \n        .opd-modal-overlay.active .opd-modal-container {\n            transform: scale(1);\n        }\n\n        .opd-modal-header {\n            padding: 15px 25px;\n            background: #1A1A1A;\n            border-bottom: 1px solid #333;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .opd-modal-title {\n            font-size: 18px;\n            font-weight: 600;\n            color: #F4D03F;\n            margin: 0;\n        }\n\n        .opd-modal-close {\n            background: none;\n            border: none;\n            font-size: 24px;\n            color: #666;\n            cursor: pointer;\n            transition: color 0.2s;\n        }\n\n        .opd-modal-close:hover { color: #F4D03F; }\n\n        .opd-modal-body {\n            flex: 1;\n            padding: 0;\n            background: #000;\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-ghostly-container { gap: 40px; }\n            .opd-ghostly-title { font-size: 32px; text-align: center; }\n            .opd-ghostly-subtitle { font-size: 18px; text-align: center; }\n            .opd-ghostly-label { display: inline-block; }\n            \n            .opd-ghostly-image { order: 1; text-align: center; }\n            .opd-ghostly-content { order: 2; flex: 1 1 100%; }\n\n            #opd-ghostly-btn-wrapper { justify-content: center; margin-top: 10px; }\n            .opd-ghostly-btn { width: 100%; padding: 18px 20px; font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003csection id=\"opd-ghostly-section\"\u003e\n\u003cdiv class=\"opd-ghostly-container\"\u003e\n\u003c!-- Left: Image Area --\u003e\n\u003cdiv class=\"opd-ghostly-image\"\u003e\n\u003cdiv class=\"opd-ghostly-label\"\u003eTop Seller\u003c\/div\u003e\n\u003c!-- Placeholder for Ghostly Brews Cover --\u003e \u003c\/div\u003e\n\u003c!-- Right: Content Area --\u003e\n\u003cdiv class=\"opd-ghostly-content\"\u003e\n\u003ch2 class=\"opd-ghostly-title\"\u003eGhostly Brews\u003c\/h2\u003e\n\u003cspan class=\"opd-ghostly-subtitle\"\u003eยินดีบริการดวงวิญญาณหลังเที่ยงคืน\u003c\/span\u003e\n\u003cdiv class=\"opd-ghostly-quote\"\u003e\n\u003cp class=\"opd-ghostly-quote-text\"\u003e\"สิ่งที่หนังสือเล่มนี้ต้องการพูดถึงไม่ใช่ความตาย... แต่คือความรู้สึกที่หล่นหายระหว่างทาง\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"opd-ghostly-desc\"\u003eในค่ำคืนอันมืดมิด \u003cstrong\u003eGHOSTLY BREWS\u003c\/strong\u003e เปิดต้อนรับเหล่าดวงวิญญาณและเรื่องเล่าที่ไม่เคยถูกรับฟัง... ถ่ายทอดผ่านลายเส้น \u003cspan class=\"opd-highlight-moon\"\u003e\"หมึกซึม\"\u003c\/span\u003e อันเป็นเอกลักษณ์ ในรูปแบบการ์ตูน Comic ขาวดำ ที่จะค่อยๆ เตือนให้คุณหันกลับมา \"หยุดฟังเสียงหัวใจ\" และเห็นคุณค่าของตัวเองอีกครั้ง 🌙\u003c\/p\u003e\n\u003cdiv class=\"opd-exclusive-box\"\u003e\u003cspan class=\"opd-exclusive-text\"\u003e \u003ci class=\"fa-solid fa-gift\"\u003e\u003c\/i\u003e ของแถมสุด Exclusive: ที่คั่นหนังสือ 1 ชิ้น + โปสการ์ด 3 แผ่น \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"opd-ghostly-features\"\u003e\n\u003cul class=\"opd-ghostly-feat-list\"\u003e\n\u003cli class=\"opd-ghostly-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-eye opd-ghostly-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eเห็นคุณค่าสิ่งเล็กๆ:\u003c\/strong\u003e กลับมามองเห็นความหมายของเรื่องราวที่เคยมองข้ามไป\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-ghostly-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-scale-balanced opd-ghostly-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eสมดุลทางอารมณ์:\u003c\/strong\u003e โอบกอดความสุขและความเจ็บปวดได้อย่างลงตัว\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-ghostly-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-lightbulb opd-ghostly-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eแสงสว่างที่แท้จริง:\u003c\/strong\u003e ค้นพบความหมายของการมีอยู่ และพร้อมก้าวต่อไป\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-ghostly-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-triangle-exclamation opd-ghostly-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eคำเตือน:\u003c\/strong\u003e อาจเสียน้ำตา... แต่จะเป็นน้ำตาที่ทำให้คุณรักตัวเองมากขึ้น 💧\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Button (Trigger Modal) --\u003e\n\u003cdiv id=\"opd-ghostly-btn-wrapper\"\u003e\u003cbutton class=\"opd-ghostly-btn\"\u003e \u003ci class=\"fa-solid fa-book-open opd-btn-icon\"\u003e\u003c\/i\u003e \u003cspan\u003eดูเนื้อหาหนังสือ\u003c\/span\u003e \u003c\/button\u003e\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=\"ghostlyModal\"\u003e\n\u003cdiv class=\"opd-modal-container\"\u003e\n\u003cdiv class=\"opd-modal-header\"\u003e\n\u003ch4 class=\"opd-modal-title\"\u003eตัวอย่างหนังสือ: Ghostly Brews\u003c\/h4\u003e\n\u003cbutton class=\"opd-modal-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opd-modal-body\"\u003e\n\u003c!-- Google Drive Preview Link (Embed) --\u003e \u003ciframe src=\"https:\/\/drive.google.com\/file\/d\/1UYjZA4W_zAXTU8GXJbDN3IfofpHkTHT2\/preview\" class=\"opd-modal-iframe\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"OpenDurian Howto","offers":[{"title":"[เล่มเดี่ยว] หนังสือ Ghostly Brews","offer_id":44699827994681,"sku":"OPDS-1ZNP0O1M","price":299.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + กับดักความรู้สึกผิด","offer_id":45467657699385,"sku":"OPDS-CXK6MIBK","price":631.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ปีศาจตัวนั้นคือฉันเอง 1","offer_id":45467859845177,"sku":"OPDS-EHVNDF3F","price":615.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ดอกไม้จะผลิบาน","offer_id":45467657732153,"sku":"OPDS-9WUR53MT","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + คาปิบาร่า","offer_id":45467657764921,"sku":"OPDS-VWQIXIV5","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + HelmetGirl","offer_id":45467657797689,"sku":"OPDS-Q1ZIQF8R","price":647.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + โอบกอด","offer_id":45467657830457,"sku":"OPDS-T1U47RLS","price":535.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + กว่าจะคิดได้","offer_id":45467657863225,"sku":"OPDS-ZPDVN0AJ","price":631.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ความลับสู่เงินล้าน","offer_id":45467657895993,"sku":"OPDS-OEAUWR7X","price":575.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ฉันจะมีชีวิตที่ดี","offer_id":45467657928761,"sku":"OPDS-061FIJPC","price":548.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ยินดีต้อนรับ","offer_id":45467657961529,"sku":"OPDS-761M8HEX","price":599.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ขอใช้ชีวิต","offer_id":45467657994297,"sku":"OPDS-YXLC4T55","price":575.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + The Witches' Club","offer_id":44699828027449,"sku":"OPDS-KAUKMWVF","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ทุกความทรงจำคือของขวัญ","offer_id":45467658059833,"sku":"OPDS-729D473R","price":575.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + เหนื่อยมากไหม","offer_id":45467658092601,"sku":"OPDS-E9UT78DO","price":647.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ปีศาจความรัก","offer_id":45467658125369,"sku":"OPDS-BFKOR232","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + ปีศาจตัวนั้นคือฉันเอง 2","offer_id":45467687977017,"sku":"OPDS-QOX6H0OX","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Brews + Ghostly Remains","offer_id":45467688009785,"sku":"OPDS-G0SWP7IS","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Brews + The Witches' Club","offer_id":44699828060217,"sku":"OPDS-HU27G9SA","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Brews + สวนของหัวใจ","offer_id":45467688042553,"sku":"OPDS-A6RX1W6P","price":897.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Brews + คาปิบาร่า","offer_id":45467688075321,"sku":"OPDS-R8XVVSEP","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Brews + HelmetGirl","offer_id":45467688108089,"sku":"OPDS-72OH9DUA","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Brews + เหนื่อยมากไหม","offer_id":45467688140857,"sku":"OPDS-1XFLG9DA","price":823.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/be9ee8f05ceb3162491a351982de44a7.jpg?v=1752651200"},{"product_id":"boxset-the-witches-club-ชมรมลับเปลี่ยนชีวิต","title":"BOXSET The Witches' Club ชมรมลับเปลี่ยนชีวิต","description":"\u003ctable xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" cellspacing=\"0\" cellpadding=\"0\" dir=\"ltr\" border=\"1\" data-sheets-root=\"1\" data-sheets-baot=\"1\"\u003e\n\u003ccolgroup\u003e\u003ccol width=\"286\"\u003e\u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd rowspan=\"3\" colspan=\"1\"\u003e\n\u003cdiv\u003eชีวิตที่ดูแย่! อาจเป็นเพราะเราแค่ไม่รู้\u003cbr\u003eวิธีเปลี่ยนมันเป็น ‘ความสุข’ หรือเปล่า ?\u003cbr\u003e\u003cbr\u003e🗝️ ขอต้อนรับสู่ … \u003cbr\u003eThe Witches' Club ชมรมลับเปลี่ยนชีวิต 🪄\u003cbr\u003e\u003cbr\u003eเมื่อได้เข้ามาแล้ว 🔮คุณจะค้นพบเวทมนตร์ \u003cbr\u003eในการเผชิญหน้ากับสารพันปัญหาในชีวิต \u003cbr\u003e📜 โดยรวบรวม 50 กฎลับ สู่ความสุขที่คุณปรารถนา \u003cbr\u003eพร้อมทำให้ปัญหาของคุณ มลายหายไปในที่สุด \u003cbr\u003e\u003cbr\u003e📓 The Witches' Club ชมรมลับเปลี่ยนชีวิต\u003cbr\u003e✒️ เขียนโดยปลายปากกา “MAY-I” \u003cbr\u003e🤎 เจ้าของผลงานหนังสือ ปีศาจตัวนั้นคือฉันเอง\u003cbr\u003eหนังสือขายดี! ติดอันดับ 1 หนังสือยอดเยี่ยมแห่งปี ✨ \u003cbr\u003e\u003cbr\u003e– 🗞️พลังวิเศษที่คุณจะได้เมื่ออ่านเล่มนี้จบ \u003cbr\u003e🐈⬛ ได้พลังแนวคิด ในการรับมือกับปัญหาในชีวิต\u003cbr\u003e🐈⬛ ได้พลังแก้ไขข้อผิดพลาด และเรียนรู้ที่จะรักตัวเอง \u003cbr\u003e🪄 ได้พลังการปรับ Mindset และเข้าใจชีวิตมากขึ้น \u003cbr\u003e🐈⬛ ได้พลังเปลี่ยนวันร้าย ๆ ให้มีความสุขในทุกวัน \u003cbr\u003e🐈⬛ ได้พลังค้นพบความสุขที่แท้จริงจากตัวเราเอง \u003cbr\u003e📰 มาพร้อมโควทคำคม ฝึกภาษาอังกฤษสอนใจ \u003cbr\u003e\u003cbr\u003e📍 แถมฟรี! 🏷️ ที่คั่นแมวยืน 1 ใบ \u003cbr\u003e🏷️ ที่คั่นแมวถือไม้กวาด 1 ใบ 🧹 \u003cbr\u003e📰 สติกเกอร์แมวนำโชค 2 แผ่น \u003cbr\u003e\u003cbr\u003e💢 แถมพิเศษเฉพาะแบบ Boxset 💢\u003cbr\u003e🔮 ไพ่ทำนายดวง สุ่มหยิบรายวัน 30 ใบ 🔍\u003cbr\u003e👝 ถุงกำมะหยี่พรีเมียม 1 ชิ้น \u003cbr\u003e\u003cbr\u003e🌬️มาค้นหาพลังวิเศษในตัวเองไปด้วยกัน \u003cbr\u003eแล้วคุณจะค้นพบ “ความสุข” ที่แท้จริง 🪄\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"OpenDurian Howto","offers":[{"title":"Boxset The Witches' Club","offer_id":44699836514361,"sku":"OPDS-SB0BV5JX","price":590.0,"currency_code":"THB","in_stock":true},{"title":"Boxset The Witches' Club + Ghostly Brews","offer_id":44699836547129,"sku":"OPDS-XPL69OPE","price":890.0,"currency_code":"THB","in_stock":true},{"title":"Boxset The Witches' Club + Boxset คาปิบาร่า","offer_id":44699836579897,"sku":"OPDS-0MT9CE3I","price":999.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/1_copy_2.jpg?v=1752651472"},{"product_id":"boxset-เหนื่อยมากไหม-พักก่อนก็ได้นะวันนี้-by-may-i-เม-ไอ","title":"Boxset เหนื่อยมากไหม พักก่อนก็ได้นะวันนี้ by MAY-I (เม-ไอ)","description":"\u003ctable xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" cellspacing=\"0\" cellpadding=\"0\" dir=\"ltr\" border=\"1\" data-sheets-root=\"1\" data-sheets-baot=\"1\"\u003e\n\u003ccolgroup\u003e\u003ccol width=\"286\"\u003e\u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd rowspan=\"3\" colspan=\"1\"\u003e\n\u003cdiv\u003eคุณกำลังรู้สึกเหนื่อย… 😔 \u003cbr\u003eแต่ยังไม่รู้ว่าจะผ่านมันไปยังไง ใช่ไหม ?\u003cbr\u003e.\u003cbr\u003eถ้าใช่… หนังสือเล่มนี้อาจเป็นพื้นที่เล็ก ๆ \u003cbr\u003eที่คุณกำลังตามหาอยู่ \u003cbr\u003e.\u003cbr\u003e“เหนื่อยมากไหม พักก่อนก็ได้นะวันนี้” 📖 \u003cbr\u003e🌧️ หนังสือที่รวบรวม 79 บทความปลอบโยนใจ \u003cbr\u003e🧣 เยียวยาความเหนื่อยล้าผ่านคำคม 2 ภาษา \u003cbr\u003e📝 กิจกรรมฮีลใจเพื่อให้ผู้อ่านเติมคำเอง 44 โควท \u003cbr\u003e.\u003cbr\u003e👩🏻💼 เล่าเรื่องผ่าน \"แคร์รี\" พนักงานออฟฟิศที่แบกทุกอย่างไว้\u003cbr\u003eจะพาคุณไปเจอกับช่วงเวลาที่เต็มไปด้วยความกดดัน\u003cbr\u003eความฝืน และความพยายามที่จะไม่อ่อนแอ\u003cbr\u003e.\u003cbr\u003e🐶 มาพร้อม “บุญทิ้ง” สุนัขดัชชุนสุดน่ารักที่คอยอยู่ข้าง ๆ\u003cbr\u003eจะเป็นตัวแทนของการเตือนเบา ๆ ว่าบางอย่างวางลงได้\u003cbr\u003eและ “การหยุดพัก…ไม่ใช่เรื่องผิดเลย”\u003cbr\u003e.\u003cbr\u003e🤲🏻 ทั้งสองตัวละครจะพาเราไปเจอกับเรื่องราวที่ช่วยปลอบใจ \u003cbr\u003eและคำคมที่เหมือนหล่นลงมาตรงใจ ในวันที่เราแทบไม่ไหว\u003cbr\u003e.\u003cbr\u003eหนังสือเล่มนี้เหมาะกับใคร ? 💭\u003cbr\u003e🧘🏻♀️คนที่รู้สึกหมดแรงกับการใช้ชีวิต\u003cbr\u003e🧘🏻♀️คนที่ท้อแท้ และกดดันตัวเองเกินไป\u003cbr\u003e🧘🏻♀️คนที่รู้สึกว่าตัวเองต้องเก่งตลอดเวลา\u003cbr\u003e🧘🏻♀️คนที่กำลังแบกความคาดหวังของคนอื่น\u003cbr\u003e.\u003cbr\u003eอ่านจบแล้วคุณจะได้อะไร ? 💭\u003cbr\u003e🛋️ ได้รับกำลังใจและแนวทางการรับมือกับความเหนื่อย\u003cbr\u003e🛋️ พบมุมมองใหม่ที่ทำให้กล้าปล่อยวางในชีวิตมากขึ้น\u003cbr\u003e🛋️ เข้าใจว่าการดูแลตัวเอง สำคัญพอ ๆ กับความสำเร็จ\u003cbr\u003e🛋️ เข้าใจว่า “ความเหนื่อย” ไม่ใช่ความอ่อนแอ\u003cbr\u003e🛋️ กลับมาเห็นคุณค่าการหยุดพัก และรู้จักดูแลตัวเอง \u003cbr\u003e🛋️ วางสิ่งที่ไม่จำเป็นต้องแบก โดยไม่รู้สึกผิดอีกต่อไป\u003cbr\u003e.\u003cbr\u003eหนังสือเล่มนี้จะอยู่เคียงคุณเสมอ\u003cbr\u003eเหมือน ‘บุญทิ้ง’ ที่จะไม่มีวันทิ้งคุณไปไหน 🐕🦺✨ \u003cbr\u003e.\u003cbr\u003e✍🏻 ผู้เขียนนามปากกา : MAY-I (เม-ไอ)\u003cbr\u003e🎨 ภาพประกอบ : ppraewithme \u003cbr\u003e.\u003cbr\u003eฟรี! 🎁 ของแถมสุด Exclusive เฉพาะแบบ Boxset \u003cbr\u003e📒 Life Planner สมุดวางแผนชีวิต 1 เล่ม \u003cbr\u003e👋 โปสการ์ดกันเหนื่อย 3 แผ่น\u003cbr\u003e🐶 ที่คั่นลายพิเศษ 1 ชิ้น \u003cbr\u003e🐾 สติกเกอร์สดใส ถูกใจวัยทำงาน 2 แผ่น\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"OpenDurian Howto","offers":[{"title":"BOXSET เหนื่อยมากไหม พักก่อนก็ได้นะวันนี้","offer_id":44699962540089,"sku":"OPDS-NSPAHIE3","price":590.0,"currency_code":"THB","in_stock":true},{"title":"BOXSET เหนื่อยมากไหม พักก่อนก็ได้นะวันนี้ + BOXSET The Witches' Club","offer_id":44699962572857,"sku":"OPDS-N4UYLIHG","price":999.0,"currency_code":"THB","in_stock":true},{"title":"BOXSET เหนื่อยมากไหม พักก่อนก็ได้นะวันนี้ + BOXSET เมื่อโลกทั้งใบซ่อนอยู่ใต้หมวกกันน็อก","offer_id":44699962605625,"sku":"OPDS-YH5A2E37","price":999.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/1.1_da50db8c-9992-4408-8b00-e48b33e05c3e.jpg?v=1752656202"},{"product_id":"book-ghostly-remains","title":"หนังสือ Ghostly Remains ปลดพันธนาการดวงวิญญาณหลังความตาย โดย หมึกซึม │ OpenDurian How to","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Google Fonts: Prompt --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003c!-- Font Awesome --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- CSS Scope (Unique ID for Remains) --- *\/\n        body { margin: 0; padding: 0; }\n\n        #opd-remains-section {\n            font-family: 'Prompt', sans-serif;\n            \/* พื้นหลังไล่เฉดดำ-ม่วงลึก (Deep Abyss) *\/\n            background: linear-gradient(180deg, #1A1A2E 0%, #16213E 100%);\n            color: #FFF;\n            padding: 70px 20px;\n            box-sizing: border-box;\n            display: block;\n            width: 100%;\n            overflow: hidden;\n            border-top: 1px solid #333;\n            position: relative;\n        }\n\n        #opd-remains-section * { box-sizing: border-box; }\n\n        \/* Fog Effect (หมอกจางๆ สี Cyan) *\/\n        #opd-remains-section::before {\n            content: '';\n            position: absolute;\n            bottom: 0; left: 0; width: 100%; height: 40%;\n            background: linear-gradient(to top, rgba(127, 255, 212, 0.05), transparent);\n            pointer-events: none;\n        }\n\n        \/* Container *\/\n        .opd-remains-container {\n            max-width: 1100px;\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 Side: Image --- *\/\n        .opd-remains-image {\n            flex: 1 1 400px;\n            position: relative;\n            text-align: center;\n        }\n\n        .opd-remains-mockup {\n            width: 100%;\n            max-width: 450px;\n            height: auto;\n            border-radius: 12px;\n            \/* เงาสีเขียวฟ้าวิญญาณ (Spirit Cyan Glow) *\/\n            box-shadow: 0 0 50px rgba(127, 255, 212, 0.15); \n            transition: transform 0.4s ease;\n            filter: brightness(0.95) contrast(1.1);\n        }\n\n        .opd-remains-mockup:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 0 70px rgba(127, 255, 212, 0.3);\n            filter: brightness(1.1);\n        }\n\n        \/* --- Right Side: Content --- *\/\n        .opd-remains-content {\n            flex: 1 1 500px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        \/* Badge (Top Seller - Spirit Fire Style) *\/\n        .opd-remains-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            \/* สีส้มไฟนรกตัดกับพื้นหลังโทนเย็น *\/\n            background: linear-gradient(90deg, #FF4500 0%, #FF8C00 100%); \n            color: #FFF;\n            font-weight: 700;\n            font-size: 14px;\n            padding: 6px 16px;\n            border-radius: 4px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            box-shadow: 0 0 20px rgba(255, 69, 0, 0.4);\n            width: fit-content;\n            margin-bottom: 20px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Shine Animation on Badge *\/\n        .opd-remains-badge::after {\n            content: '';\n            position: absolute;\n            top: 0; left: -100%;\n            width: 50%; height: 100%;\n            background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);\n            transform: skewX(-25deg);\n            animation: badge-shine 3s infinite;\n        }\n\n        @keyframes badge-shine { 100% { left: 200%; } }\n\n        \/* Title *\/\n        .opd-remains-title {\n            font-size: 40px;\n            font-weight: 700;\n            color: #FFFFFF;\n            line-height: 1.2;\n            margin: 0 0 10px 0;\n            text-shadow: 0 0 15px rgba(127, 255, 212, 0.3);\n        }\n        \n        .opd-remains-subtitle {\n            font-size: 20px;\n            color: #7FFFD4; \/* Aquamarine \/ Spirit Cyan *\/\n            font-weight: 500;\n            margin-bottom: 25px;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        \/* Quote Box (Broken Chains Theme) *\/\n        .opd-remains-quote {\n            background: rgba(255, 255, 255, 0.05);\n            border-left: 4px solid #7FFFD4;\n            padding: 20px 25px;\n            border-radius: 0 12px 12px 0;\n            margin-bottom: 30px;\n            position: relative;\n        }\n\n        .opd-remains-quote-text {\n            font-size: 18px;\n            font-weight: 500;\n            font-style: italic;\n            color: #E0E0E0;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* Description *\/\n        .opd-remains-desc {\n            font-size: 16px;\n            color: #C0C0C0;\n            line-height: 1.7;\n            margin-bottom: 30px;\n            font-weight: 300;\n        }\n\n        .opd-highlight-spirit {\n            color: #7FFFD4;\n            font-weight: 600;\n            text-shadow: 0 0 5px rgba(127, 255, 212, 0.3);\n        }\n\n        \/* Feature List *\/\n        .opd-remains-features {\n            margin-bottom: 40px;\n        }\n\n        .opd-remains-feat-list {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n        }\n\n        .opd-remains-feat-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 15px;\n            font-size: 16px;\n            color: #D3D3D3;\n        }\n\n        .opd-remains-icon {\n            color: #7FFFD4; \n            font-size: 20px;\n            margin-top: 2px;\n            flex-shrink: 0;\n            filter: drop-shadow(0 0 5px rgba(127, 255, 212, 0.5));\n        }\n\n        \/* Exclusive Box (Freebies) *\/\n        .opd-remains-gift {\n            background: linear-gradient(90deg, rgba(127, 255, 212, 0.1) 0%, transparent 100%);\n            border: 1px solid rgba(127, 255, 212, 0.3);\n            border-radius: 8px;\n            padding: 12px 20px;\n            margin-bottom: 30px;\n            display: inline-block;\n        }\n        \n        .opd-remains-gift-text {\n            font-size: 15px;\n            color: #FFF;\n            font-weight: 500;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .opd-gift-tag {\n            background: #7FFFD4;\n            color: #16213E;\n            font-size: 12px;\n            font-weight: 800;\n            padding: 2px 6px;\n            border-radius: 4px;\n        }\n\n        \/* --- CTA Button (Spirit Glow) --- *\/\n        #opd-remains-btn-wrapper {\n            width: 100%;\n            display: flex;\n            justify-content: flex-start;\n            padding: 0;\n        }\n\n        .opd-remains-btn {\n            position: relative;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            background: linear-gradient(135deg, #0F4C75 0%, #3282B8 100%);\n            color: #FFFFFF !important;\n            font-size: 18px;\n            font-weight: 600;\n            text-decoration: none !important;\n            letter-spacing: 0.5px;\n            padding: 16px 45px;\n            border-radius: 50px;\n            border: 1px solid rgba(127, 255, 212, 0.4);\n            box-shadow: 0 0 20px rgba(15, 76, 117, 0.6);\n            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n            overflow: hidden;\n            cursor: pointer;\n        }\n\n        .opd-remains-btn:hover {\n            transform: translateY(-4px) scale(1.02);\n            box-shadow: 0 0 40px rgba(127, 255, 212, 0.4);\n            background: linear-gradient(135deg, #1B262C 0%, #0F4C75 100%);\n            border-color: #7FFFD4;\n            color: #7FFFD4 !important;\n        }\n        \n        .opd-remains-btn:hover .opd-btn-icon { color: #7FFFD4; }\n\n        .opd-btn-icon {\n            font-size: 22px;\n            color: #7FFFD4;\n            transition: color 0.3s ease;\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(0, 0, 0, 0.9);\n            z-index: 9999;\n            justify-content: center;\n            align-items: center;\n            backdrop-filter: blur(5px);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .opd-modal-overlay.active {\n            opacity: 1;\n        }\n\n        .opd-modal-container {\n            width: 90%;\n            max-width: 900px;\n            height: 85vh;\n            background: #0B0C15;\n            border: 1px solid #333;\n            border-radius: 12px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            box-shadow: 0 0 50px rgba(127, 255, 212, 0.2);\n            transform: scale(0.95);\n            transition: transform 0.3s ease;\n            overflow: hidden;\n        }\n        \n        .opd-modal-overlay.active .opd-modal-container {\n            transform: scale(1);\n        }\n\n        .opd-modal-header {\n            padding: 15px 25px;\n            background: #161822;\n            border-bottom: 1px solid #333;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .opd-modal-title {\n            font-size: 18px;\n            font-weight: 600;\n            color: #7FFFD4;\n            margin: 0;\n        }\n\n        .opd-modal-close {\n            background: none;\n            border: none;\n            font-size: 24px;\n            color: #666;\n            cursor: pointer;\n            transition: color 0.2s;\n        }\n\n        .opd-modal-close:hover { color: #7FFFD4; }\n\n        .opd-modal-body {\n            flex: 1;\n            padding: 0;\n            background: #000;\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-remains-container { gap: 40px; }\n            .opd-remains-title { font-size: 32px; text-align: center; }\n            .opd-remains-subtitle { font-size: 18px; text-align: center; justify-content: center; }\n            .opd-remains-badge { margin: 0 auto 20px auto; display: inline-flex; }\n            \n            .opd-remains-image { order: 1; text-align: center; }\n            .opd-remains-content { order: 2; flex: 1 1 100%; }\n\n            #opd-remains-btn-wrapper { justify-content: center; margin-top: 10px; }\n            .opd-remains-btn { width: 100%; padding: 18px 20px; font-size: 20px; }\n        }\n    \u003c\/style\u003e\n\u003csection id=\"opd-remains-section\"\u003e\n\u003cdiv class=\"opd-remains-container\"\u003e\n\u003c!-- Left: Image Area --\u003e\n\u003cdiv class=\"opd-remains-content\"\u003e\n\u003cdiv class=\"opd-remains-badge\"\u003eTop Seller\u003c\/div\u003e\n\u003ch2 class=\"opd-remains-title\"\u003eGhostly Remains 💀\u003c\/h2\u003e\n\u003cdiv class=\"opd-remains-subtitle\"\u003e\n\u003ci class=\"fa-solid fa-link-slash\"\u003e\u003c\/i\u003e ปลดพันธนาการดวงวิญญาณหลังความตาย\u003c\/div\u003e\n\u003cdiv class=\"opd-remains-quote\"\u003e\n\u003cp class=\"opd-remains-quote-text\"\u003e\"เมื่อความรัก ความแค้น ความกลัว กลายเป็น 'เงาดำ' ที่ครอบคลุมจิตใจ... การช่วยเหลือดวงวิญญาณบทใหม่ จึงได้เริ่มขึ้น\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"opd-remains-desc\"\u003eเล่าเรื่องของดวงวิญญาณที่ยังไม่ถูกปลดพันธนาการ จนกลายร่างเป็น \u003cstrong\u003e'ปีศาจ'\u003c\/strong\u003e... ยมทูตจึงไม่ได้มีหน้าที่เพียงแค่มารับวิญญาณ แต่จะมา \u003cspan class=\"opd-highlight-spirit\"\u003e'ช่วยปลดปล่อย'\u003c\/span\u003e ด้วยการฟังและเจรจา เพื่อคลี่คลายห่วงที่ยังมัดไว้แน่นในใจ 🔗 ถ่ายทอดผ่านลายเส้น \u003cstrong\u003e\"หมึกซึม\"\u003c\/strong\u003e ฮีลใจในรูปแบบการ์ตูนคอมิกขาวดำที่ลึกซึ้งกินใจ\u003c\/p\u003e\n\u003cdiv class=\"opd-remains-gift\"\u003e\u003cspan class=\"opd-remains-gift-text\"\u003e \u003cspan class=\"opd-gift-tag\"\u003eFREE!\u003c\/span\u003e ของแถมลิขสิทธิ์: ที่คั่นหนังสือ 1 ชิ้น + โปสการ์ด 3 ใบ \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"opd-remains-features\"\u003e\n\u003cul class=\"opd-remains-feat-list\"\u003e\n\u003cli class=\"opd-remains-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-hand-holding-heart opd-remains-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eเลิกยึดติด:\u003c\/strong\u003e เข้าใจว่าการยึดติด ไม่ได้ช่วยทำให้อะไรดีขึ้น\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-remains-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-feather opd-remains-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eวางความเจ็บปวด:\u003c\/strong\u003e ความเจ็บปวดไม่ได้มีไว้ให้เราแบกรับตลอดชีวิต\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-remains-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-magnifying-glass-chart opd-remains-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eสำรวจใจตนเอง:\u003c\/strong\u003e กลับมามองใจตัวเอง และมีพื้นที่หายใจอีกครั้ง\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli class=\"opd-remains-feat-item\"\u003e\n\u003ci class=\"fa-solid fa-leaf opd-remains-icon\"\u003e\u003c\/i\u003e \u003cspan\u003e\u003cstrong\u003eปล่อยวาง:\u003c\/strong\u003e ทุกความเสียใจ จะเบาลงได้ เมื่อเราปล่อยวาง\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Button (Trigger Modal) --\u003e\n\u003cdiv id=\"opd-remains-btn-wrapper\"\u003e\u003cbutton class=\"opd-remains-btn\"\u003e \u003ci class=\"fa-solid fa-book-open opd-btn-icon\"\u003e\u003c\/i\u003e \u003cspan\u003eดูเนื้อหาหนังสือ\u003c\/span\u003e \u003c\/button\u003e\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=\"remainsModal\"\u003e\n\u003cdiv class=\"opd-modal-container\"\u003e\n\u003cdiv class=\"opd-modal-header\"\u003e\n\u003ch4 class=\"opd-modal-title\"\u003eตัวอย่างหนังสือ: Ghostly Remains\u003c\/h4\u003e\n\u003cbutton class=\"opd-modal-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"opd-modal-body\"\u003e\n\u003c!-- Google Drive Preview Link (Embed with \/preview) --\u003e \u003ciframe src=\"https:\/\/drive.google.com\/file\/d\/1NT5AYDRedTk1o5i2Dn0ohxJJM9cC0pNS\/preview\" class=\"opd-modal-iframe\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"OpenDurian Howto","offers":[{"title":"[เล่มเดี่ยว] หนังสือ Ghostly Remains","offer_id":45476237443129,"sku":"OPDS-OVKRSESI","price":322.0,"currency_code":"THB","in_stock":true},{"title":"[เล่มคู่] หนังสือ Ghostly Remains + กับดักความรู้สึกผิด","offer_id":45476237475897,"sku":"OPDS-OI39C6A4","price":631.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] หนังสือ Ghostly Remains + ปีศาจตัวนั้นคือฉันเอง 1","offer_id":45476237508665,"sku":"OPDS-Z81VGDLD","price":615.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ดอกไม้จะผลิบาน","offer_id":45476237541433,"sku":"OPDS-FL7AIVW7","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + คาปิบาร่า","offer_id":45476237574201,"sku":"OPDS-UZQ2YBBZ","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + HelmetGirl","offer_id":45476237606969,"sku":"OPDS-HNIZO6TE","price":647.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] Ghostly Remains + โอบกอด","offer_id":45476237639737,"sku":"OPDS-PN38HX4Y","price":535.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] Ghostly Remains + กว่าจะคิดได้","offer_id":45476237672505,"sku":"OPDS-H811QRJN","price":631.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ความลับสู่เงินล้าน","offer_id":45476237705273,"sku":"OPDS-5Q5POJD9","price":575.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] Ghostly Remains + ฉันจะมีชีวิตที่ดี","offer_id":45476237738041,"sku":"OPDS-GVIUE36G","price":548.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ยินดีต้อนรับ","offer_id":45476237770809,"sku":"OPDS-OFHQBV3C","price":599.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ขอใช้ชีวิต","offer_id":45476237803577,"sku":"OPDS-ICKV9Z20","price":575.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + The Witches' Club","offer_id":45476237836345,"sku":"OPDS-ITTRTM9I","price":647.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ทุกความทรงจำคือของขวัญ","offer_id":45476237869113,"sku":"OPDS-0GBKYKBL","price":575.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + Ghostly Brews","offer_id":45476237901881,"sku":"OPDS-CKQYPXYD","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + เหนื่อยมากไหม","offer_id":45476237934649,"sku":"OPDS-L4L5WWYK","price":647.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] Ghostly Remains + ปีศาจความรัก","offer_id":45476237967417,"sku":"OPDS-0W4FNM2C","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] Ghostly Remains + ปีศาจตัวนั้นคือฉันเอง 2","offer_id":45476238000185,"sku":"OPDS-NGT6FN6U","price":624.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Remains + The Witches' Club","offer_id":45476238032953,"sku":"OPDS-XGPL9O1W","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Remains + สวนของหัวใจ","offer_id":45476238065721,"sku":"OPDS-Z7A00Q35","price":897.0,"currency_code":"THB","in_stock":false},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Remains + คาปิบาร่า","offer_id":45476238098489,"sku":"OPDS-F34S9C34","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Remains + HelmetGirl","offer_id":45476238131257,"sku":"OPDS-WMOA8H2B","price":823.0,"currency_code":"THB","in_stock":true},{"title":"[ซื้อคู่] [หนังสือ + Boxset] Ghostly Remains + เหนื่อยมากไหม","offer_id":45476238164025,"sku":"OPDS-HQOYV0CK","price":823.0,"currency_code":"THB","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/0491\/6025\/files\/FB-__01.jpg?v=1771216359"}],"url":"https:\/\/opendurian-howto.myshopify.com\/collections\/all-products.oembed","provider":"OpenDurian Howto","version":"1.0","type":"link"}