{"id":493,"date":"2026-06-03T19:09:25","date_gmt":"2026-06-03T12:09:25","guid":{"rendered":"https:\/\/porsci.com\/?p=493"},"modified":"2026-06-03T19:19:52","modified_gmt":"2026-06-03T12:19:52","slug":"493","status":"publish","type":"post","link":"https:\/\/porsci.com\/?p=493","title":{"rendered":"Edible Film"},"content":{"rendered":"\n\n \n Edible Film & Coating – \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e19\u0e32\u0e04\u0e15<\/title>\n <!-- Tailwind CSS \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e14\u0e35\u0e44\u0e0b\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e2b\u0e23\u0e39\u0e2b\u0e23\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e23\u0e30\u0e1a\u0e1a\u0e07\u0e48\u0e32\u0e22 -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kanit:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Sarabun', sans-serif;\n }\n h1, h2, h3, h4, .font-kanit {\n font-family: 'Kanit', sans-serif;\n }\n \/* Custom smooth transition for interactive elements *\/\n .transition-all-300 {\n transition: all 0.3s ease-in-out;\n }\n \/* Custom styling for slider track *\/\n input[type=\"range\"]::-webkit-slider-runnable-track {\n background: #e2e8f0;\n height: 8px;\n border-radius: 4px;\n }\n input[type=\"range\"]::-webkit-slider-thumb {\n background: #059669;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-top: -6px;\n border: 2px solid #ffffff;\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n transition: background 0.15s ease-in-out;\n }\n input[type=\"range\"]::-webkit-slider-thumb:hover {\n background: #047857;\n }\n <\/style>\n\n\n\n <!-- \u0e41\u0e16\u0e1a\u0e19\u0e33\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e1a\u0e19 (Sticky Nav) -->\n <nav class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-md border-b border-slate-100 shadow-sm\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16 items-center\">\n <div class=\"flex items-center gap-2\">\n <span class=\"text-emerald-600 text-2xl font-bold font-kanit\">Edible Film<\/span>\n <span class=\"bg-emerald-100 text-emerald-800 text-xs px-2.5 py-0.5 rounded-full font-medium\">FoodBioChem<\/span>\n <\/div>\n <div class=\"hidden md:flex space-x-8 font-kanit text-sm\">\n <a href=\"#intro\" class=\"text-slate-600 hover:text-emerald-600 transition\">\u0e1a\u0e17\u0e19\u0e33<\/a>\n <a href=\"#research\" class=\"text-slate-600 hover:text-emerald-600 transition\">\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/a>\n <a href=\"#sandbox\" class=\"text-slate-600 hover:text-emerald-600 transition\">\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e1c\u0e2a\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21<\/a>\n <a href=\"#compare\" class=\"text-slate-600 hover:text-emerald-600 transition\">\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/a>\n <a href=\"#references\" class=\"text-slate-600 hover:text-emerald-600 transition\">\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 1: Hero Section -->\n <header class=\"relative bg-gradient-to-br from-emerald-900 via-emerald-800 to-teal-900 text-white overflow-hidden py-24 px-4 sm:px-6 lg:px-8\">\n <div class=\"absolute inset-0 opacity-10\">\n <!-- \u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e09\u0e32\u0e01\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e -->\n <svg class=\"w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\">\n <defs>\n <pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\">\n <path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"><\/path>\n <\/pattern>\n <\/defs>\n <rect width=\"100%\" height=\"100%\" fill=\"url(#grid)\"><\/rect>\n <\/svg>\n <\/div>\n \n <div class=\"relative max-w-5xl mx-auto text-center\">\n <span class=\"bg-emerald-500\/20 text-emerald-300 border border-emerald-500\/30 text-xs uppercase tracking-widest px-4 py-1.5 rounded-full font-bold font-kanit\">\n Green Technology & Sustainable Packaging\n <\/span>\n <h1 class=\"mt-6 text-4xl sm:text-6xl font-bold tracking-tight font-kanit leading-tight\">\n \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 <br class=\"hidden sm:inline\">\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48\n <\/h1>\n <p class=\"mt-6 text-lg sm:text-xl text-emerald-100 max-w-3xl mx-auto font-light leading-relaxed\">\n \u0e01\u0e32\u0e23\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e0a\u0e35\u0e27\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e14\u0e41\u0e17\u0e19\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1e\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e01 \u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e40\u0e04\u0e21\u0e35 \u0e41\u0e25\u0e30\u0e16\u0e19\u0e2d\u0e21\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\n <\/p>\n <div class=\"mt-10 flex justify-center gap-4 font-kanit\">\n <a href=\"#sandbox\" class=\"bg-amber-500 hover:bg-amber-600 text-slate-950 font-semibold px-8 py-3.5 rounded-lg shadow-lg hover:shadow-xl transition duration-300\">\n \u0e17\u0e14\u0e25\u0e2d\u0e07\u0e1c\u0e2a\u0e21\u0e2a\u0e39\u0e15\u0e23\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e14\u0e49\u0e27\u0e22\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\n <\/a>\n <a href=\"#research\" class=\"bg-white\/10 hover:bg-white\/20 text-white border border-white\/20 font-medium px-8 py-3.5 rounded-lg transition duration-300\">\n \u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22\n <\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 2: \u0e1a\u0e17\u0e19\u0e33\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Academic Introduction) -->\n <section id=\"intro\" class=\"py-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n <div class=\"lg:col-span-7 space-y-6\">\n <h2 class=\"text-3xl font-bold font-kanit text-slate-900 border-l-4 border-emerald-500 pl-4\">\n \u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 (Edible Film) \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23?\n <\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed text-justify\">\n <strong>\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 (Edible Films and Coatings)<\/strong> \u0e04\u0e37\u0e2d\u0e0a\u0e31\u0e49\u0e19\u0e1a\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e44\u0e14\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e42\u0e14\u0e22\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e37\u0e48\u0e2d\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e27\u0e31\u0e2a\u0e14\u0e38\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e08\u0e33\u0e01\u0e31\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e4a\u0e32\u0e0b\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e44\u0e14\u0e2d\u0e2d\u0e01\u0e44\u0e0b\u0e14\u0e4c \u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19 \u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e42\u0e14\u0e22\u0e23\u0e2d\u0e1a <span class=\"text-emerald-700 font-semibold\">(Hassan et al., 2018)<\/span> \n <\/p>\n <p class=\"text-slate-600 text-lg leading-relaxed text-justify\">\n \u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32 <strong>“\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e2d\u0e04\u0e17\u0e35\u0e1f (Active Packaging)”<\/strong> \u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e19\u0e33\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e21\u0e35\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e08\u0e38\u0e25\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c \u0e15\u0e49\u0e32\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e2a\u0e23\u0e30 \u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e21\u0e32\u0e40\u0e15\u0e34\u0e21\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e43\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e1f\u0e34\u0e25\u0e4c\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e35\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e22\u0e37\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e19\u0e32\u0e19\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 <span class=\"text-emerald-700 font-semibold\">(Atar\u00e9s & Chiralt, 2016)<\/span> \u0e0b\u0e36\u0e48\u0e07\u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e02\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e02\u0e22\u0e30\u0e1e\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e01\u0e41\u0e25\u0e30\u0e25\u0e14\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e02\u0e22\u0e30\u0e2d\u0e32\u0e2b\u0e32\u0e23 (Food Waste) \u0e17\u0e31\u0e48\u0e27\u0e42\u0e25\u0e01\n <\/p>\n <\/div>\n <div class=\"lg:col-span-5 bg-white p-6 rounded-2xl border border-slate-100 shadow-xl space-y-4\">\n <h3 class=\"text-xl font-bold font-kanit text-emerald-800\">\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e01<\/h3>\n \n <div class=\"space-y-4 text-sm\">\n <div class=\"flex items-start gap-3\">\n <div class=\"p-2 bg-emerald-50 rounded-lg text-emerald-600 mt-1\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m0-12.728l.707.707m12.728 12.728l.707-.707M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold font-kanit text-slate-800\">\u0e1e\u0e2d\u0e25\u0e34\u0e41\u0e0b\u0e47\u0e01\u0e04\u0e32\u0e44\u0e23\u0e14\u0e4c (Polysaccharides)<\/h4>\n <p class=\"text-slate-500\">\u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e41\u0e1b\u0e49\u0e07, \u0e40\u0e0b\u0e25\u0e25\u0e39\u0e42\u0e25\u0e2a, \u0e44\u0e04\u0e42\u0e15\u0e0b\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e2d\u0e31\u0e25\u0e08\u0e34\u0e40\u0e19\u0e15 \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e25\u0e2a\u0e39\u0e07 \u0e01\u0e31\u0e49\u0e19\u0e01\u0e4a\u0e32\u0e0b\u0e44\u0e14\u0e49\u0e14\u0e35 \u0e41\u0e15\u0e48\u0e25\u0e30\u0e25\u0e32\u0e22\u0e19\u0e49\u0e33\u0e07\u0e48\u0e32\u0e22<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-3\">\n <div class=\"p-2 bg-emerald-50 rounded-lg text-emerald-600 mt-1\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold font-kanit text-slate-800\">\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19 (Proteins)<\/h4>\n <p class=\"text-slate-500\">\u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19, \u0e40\u0e04\u0e0b\u0e35\u0e19, \u0e41\u0e25\u0e30\u0e40\u0e27\u0e22\u0e4c \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e1b\u0e32\u0e19\u0e01\u0e25\u0e32\u0e07 \u0e01\u0e31\u0e49\u0e19\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19\u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-start gap-3\">\n <div class=\"p-2 bg-emerald-50 rounded-lg text-emerald-600 mt-1\">\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold font-kanit text-slate-800\">\u0e44\u0e02\u0e21\u0e31\u0e19\u0e41\u0e25\u0e30\u0e44\u0e02 (Lipids & Waxes)<\/h4>\n <p class=\"text-slate-500\">\u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e44\u0e02\u0e1c\u0e36\u0e49\u0e07 \u0e41\u0e25\u0e30\u0e01\u0e23\u0e14\u0e44\u0e02\u0e21\u0e31\u0e19\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e19\u0e49\u0e33\u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e44\u0e14\u0e49\u0e14\u0e35\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14 \u0e41\u0e15\u0e48\u0e2d\u0e48\u0e2d\u0e19\u0e41\u0e2d\u0e40\u0e0a\u0e34\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 3: Interactive Research Explorer -->\n <section id=\"research\" class=\"py-20 bg-slate-100\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-bold font-kanit text-slate-900\">\n \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e22\u0e37\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e41\u0e25\u0e30\u0e15\u0e49\u0e32\u0e19\u0e23\u0e2d\u0e22\u0e14\u0e33\n <\/h2>\n <p class=\"text-slate-600 mt-4\">\n \u0e40\u0e08\u0e32\u0e30\u0e25\u0e36\u0e01\u0e01\u0e23\u0e13\u0e35\u0e27\u0e34\u0e08\u0e31\u0e22\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14 (\u0e1b\u0e35 2024 \u0e41\u0e25\u0e30 2026) \u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e04\u0e2d\u0e21\u0e42\u0e1e\u0e2a\u0e34\u0e15\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e43\u0e19\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e14\u0e41\u0e25\u0e30\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e15\u0e31\u0e14\u0e41\u0e15\u0e48\u0e07\n <\/p>\n <\/div>\n\n <!-- Tab Navigation for Research Cases -->\n <div class=\"flex flex-col md:flex-row gap-6\">\n <!-- Tabs -->\n <div class=\"md:w-1\/3 space-y-4\">\n <button onclick=\"switchResearchTab(1)\" id=\"research-tab-1\" class=\"w-full text-left p-6 rounded-xl bg-white border-2 border-emerald-500 shadow-md transition duration-300 hover:shadow-lg\">\n <span class=\"text-emerald-600 font-bold font-kanit text-xs uppercase tracking-wider block mb-1\">\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 1 (\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e1b\u0e35 2026)<\/span>\n <h3 class=\"font-kanit font-bold text-lg text-slate-900 leading-snug\">\u0e01\u0e32\u0e23\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e02\u0e2d\u0e07\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07\u0e19\u0e49\u0e33\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e2a\u0e35\u0e17\u0e2d\u0e07<\/h3>\n <\/button>\n \n <button onclick=\"switchResearchTab(2)\" id=\"research-tab-2\" class=\"w-full text-left p-6 rounded-xl bg-white border-2 border-transparent hover:border-slate-300 shadow-sm transition duration-300 hover:shadow-md\">\n <span class=\"text-slate-500 font-bold font-kanit text-xs uppercase tracking-wider block mb-1\">\u0e01\u0e23\u0e13\u0e35\u0e28\u0e36\u0e01\u0e29\u0e32\u0e17\u0e35\u0e48 2 (\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e1b\u0e35 2024)<\/span>\n <h3 class=\"font-kanit font-bold text-lg text-slate-800 leading-snug\">\u0e01\u0e32\u0e23\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e41\u0e25\u0e30\u0e23\u0e2d\u0e22\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e1a\u0e19\u0e1c\u0e34\u0e27\u0e1c\u0e25\u0e44\u0e21\u0e49<\/h3>\n <\/button>\n <\/div>\n\n <!-- Tab Content -->\n <div class=\"md:w-2\/3 bg-white p-8 rounded-2xl border border-slate-100 shadow-lg\">\n <!-- Content Block 1 -->\n <div id=\"research-content-1\" class=\"space-y-6\">\n <span class=\"bg-amber-100 text-amber-800 text-xs px-3 py-1 rounded-full font-semibold font-kanit\">Turmeric Composite Coating<\/span>\n <h3 class=\"text-2xl font-bold font-kanit text-slate-900\">\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07\u0e19\u0e49\u0e33\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e14\u0e49\u0e27\u0e22\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1c\u0e2a\u0e21\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e02\u0e21\u0e34\u0e49\u0e19\u0e0a\u0e31\u0e19<\/h3>\n \n <p class=\"text-slate-600 leading-relaxed text-justify\">\n \u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e39\u0e41\u0e25\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e2b\u0e25\u0e31\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27 \u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e2a\u0e38\u0e01\u0e40\u0e23\u0e47\u0e27\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e17\u0e33\u0e25\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e42\u0e23\u0e04\u0e1e\u0e37\u0e0a \u0e40\u0e0a\u0e48\u0e19 \u0e42\u0e23\u0e04\u0e41\u0e2d\u0e19\u0e41\u0e17\u0e23\u0e01\u0e42\u0e19\u0e2a \u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e02\u0e2d\u0e07 <strong>Srisuk et al. (2026)<\/strong> \u0e44\u0e14\u0e49\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e2d\u0e21\u0e42\u0e1e\u0e2a\u0e34\u0e15\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e1c\u0e2a\u0e21\u0e02\u0e2d\u0e07 <strong>“\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e08\u0e32\u0e01\u0e02\u0e21\u0e34\u0e49\u0e19\u0e0a\u0e31\u0e19” (Turmeric extract)<\/strong> \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07\u0e19\u0e49\u0e33\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e2a\u0e35\u0e17\u0e2d\u0e07\n <\/p>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 bg-emerald-50\/50 p-6 rounded-xl border border-emerald-100\">\n <div>\n <h4 class=\"font-bold text-emerald-800 mb-2 font-kanit\">\u0e01\u0e25\u0e44\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-600 space-y-1.5\">\n <li>\u0e25\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2b\u0e32\u0e22\u0e43\u0e08\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e04\u0e32\u0e22\u0e19\u0e49\u0e33<\/li>\n <li>\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e2d\u0e23\u0e4c\u0e04\u0e39\u0e21\u0e34\u0e19\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e08\u0e23\u0e34\u0e0d\u0e02\u0e2d\u0e07\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e08\u0e38\u0e25\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c<\/li>\n <li>\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e27\u0e32\u0e21\u0e41\u0e19\u0e48\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e27\u0e34\u0e15\u0e32\u0e21\u0e34\u0e19\u0e0b\u0e35<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-emerald-800 mb-2 font-kanit\">\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e14\u0e48\u0e19\u0e0a\u0e31\u0e14<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-600 space-y-1.5\">\n <li>\u0e25\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e19\u0e31\u0e22\u0e2a\u0e33\u0e04\u0e31\u0e0d<\/li>\n <li>\u0e22\u0e37\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e40\u0e01\u0e47\u0e1a\u0e23\u0e31\u0e01\u0e29\u0e32\u0e02\u0e36\u0e49\u0e19\u0e44\u0e14\u0e49\u0e16\u0e36\u0e07\u0e40\u0e01\u0e37\u0e2d\u0e1a 2 \u0e40\u0e17\u0e48\u0e32<\/li>\n <li>\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e1c\u0e34\u0e27\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e14\u0e43\u0e2a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Image Section (SVG Rendered) -->\n <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4 flex flex-col items-center\">\n <div class=\"w-full max-w-sm h-52 flex items-center justify-center\">\n <!-- SVG Microscopic View of Turmeric Composite Film -->\n <svg width=\"240\" height=\"180\" viewBox=\"0 0 240 180\" class=\"w-full h-full max-h-[180px]\">\n <rect width=\"240\" height=\"180\" rx=\"12\" fill=\"#fafafa\" stroke=\"#e2e8f0\" stroke-width=\"2\"><\/rect>\n <g opacity=\"0.85\">\n <!-- Polymeric Matrix Layer -->\n <path d=\"M 10,90 Q 60,70 120,90 T 230,90\" fill=\"none\" stroke=\"#059669\" stroke-width=\"6\" stroke-dasharray=\"5,5\"><\/path>\n <path d=\"M 10,110 Q 60,100 120,110 T 230,110\" fill=\"none\" stroke=\"#059669\" stroke-width=\"4\"><\/path>\n <!-- Turmeric Active Curcumin Particles -->\n <circle cx=\"45\" cy=\"85\" r=\"8\" fill=\"#f59e0b\" opacity=\"0.9\"><\/circle>\n <circle cx=\"110\" cy=\"115\" r=\"10\" fill=\"#f5a623\" opacity=\"0.9\"><\/circle>\n <circle cx=\"185\" cy=\"80\" r=\"7\" fill=\"#f59e0b\" opacity=\"0.9\"><\/circle>\n <circle cx=\"140\" cy=\"70\" r=\"9\" fill=\"#f5a623\" opacity=\"0.9\"><\/circle>\n <circle cx=\"80\" cy=\"120\" r=\"6\" fill=\"#f59e0b\" opacity=\"0.9\"><\/circle>\n <!-- Antimicrobial Shield Representation -->\n <path d=\"M 45,55 L 45,35 M 110,55 L 110,35 M 185,55 L 185,35\" stroke=\"#f59e0b\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n <circle cx=\"45\" cy=\"30\" r=\"4\" fill=\"#ef4444\"><\/circle>\n <path d=\"M 40,25 L 50,35 M 50,25 L 40,35\" stroke=\"#ffffff\" stroke-width=\"1.5\"><\/path>\n <circle cx=\"110\" cy=\"30\" r=\"4\" fill=\"#ef4444\"><\/circle>\n <path d=\"M 105,25 L 115,35 M 115,25 L 105,35\" stroke=\"#ffffff\" stroke-width=\"1.5\"><\/path>\n <circle cx=\"185\" cy=\"30\" r=\"4\" fill=\"#ef4444\"><\/circle>\n <path d=\"M 180,25 L 190,35 M 190,25 L 180,35\" stroke=\"#ffffff\" stroke-width=\"1.5\"><\/path>\n <\/g>\n <text x=\"120\" y=\"160\" text-anchor=\"middle\" class=\"font-kanit text-xs\" fill=\"#334155\" font-weight=\"600\">\u0e41\u0e1a\u0e1a\u0e08\u0e33\u0e25\u0e2d\u0e07: \u0e2a\u0e32\u0e23\u0e40\u0e04\u0e2d\u0e23\u0e4c\u0e04\u0e39\u0e21\u0e34\u0e19\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e2a\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e41\u0e2d\u0e19\u0e41\u0e17\u0e23\u0e01\u0e42\u0e19\u0e2a<\/text>\n <\/svg>\n <\/div>\n <span class=\"text-xs text-slate-500 mt-2 italic text-center\">\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 1: \u0e41\u0e2a\u0e14\u0e07\u0e01\u0e25\u0e44\u0e01\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e42\u0e21\u0e40\u0e25\u0e01\u0e38\u0e25\u0e40\u0e04\u0e2d\u0e23\u0e4c\u0e04\u0e39\u0e21\u0e34\u0e19\u0e02\u0e31\u0e14\u0e02\u0e27\u0e32\u0e07\u0e01\u0e32\u0e23\u0e07\u0e2d\u0e01\u0e02\u0e2d\u0e07\u0e2a\u0e1b\u0e2d\u0e23\u0e4c\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e1a\u0e19\u0e1c\u0e34\u0e27\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07 (Srisuk et al., 2026)<\/span>\n <\/div>\n\n <div class=\"text-xs text-slate-400 border-t border-slate-100 pt-4\">\n <strong>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07:<\/strong> Srisuk, N., Phakthanakanok, K., Srinukoon, K., Chaikham, P., & Jirasatid, S. (2026). Enhancement of postharvest quality of Nam Dok Mai Si Thong mangoes using a turmeric-incorporated composite edible coating. <em>Applied Food Research<\/em>, 6, 101830.\n <\/div>\n <\/div>\n\n <!-- Content Block 2 (Hidden by Default) -->\n <div id=\"research-content-2\" class=\"space-y-6 hidden\">\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-semibold font-kanit\">Gelatin & Protein Hydrolysate<\/span>\n <h3 class=\"text-2xl font-bold font-kanit text-slate-900\">\u0e01\u0e32\u0e23\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e34\u0e14\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e42\u0e14\u0e22\u0e43\u0e0a\u0e49\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15<\/h3>\n \n <p class=\"text-slate-600 leading-relaxed text-justify\">\n \u0e1c\u0e25\u0e44\u0e21\u0e49\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e41\u0e2d\u0e1b\u0e40\u0e1b\u0e34\u0e49\u0e25 \u0e2a\u0e32\u0e25\u0e35\u0e48 \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e25\u0e49\u0e27\u0e22\u0e17\u0e35\u0e48\u0e1b\u0e2d\u0e01\u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e25\u0e49\u0e27 \u0e21\u0e31\u0e01\u0e08\u0e30\u0e40\u0e01\u0e34\u0e14\u0e41\u0e1c\u0e25\u0e14\u0e33\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e44\u0e2b\u0e21\u0e49\u0e08\u0e32\u0e01\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c polyphenol oxidase \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e02\u0e2d\u0e07 <strong>Phakthanakanok et al. (2024)<\/strong> \u0e44\u0e14\u0e49\u0e17\u0e33\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21 <strong>“\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15” (Protein Hydrolysate)<\/strong> \u0e25\u0e07\u0e44\u0e1b\u0e43\u0e19\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e1b\u0e2d\u0e01\u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\n <\/p>\n\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-6 bg-blue-50\/50 p-6 rounded-xl border border-blue-100\">\n <div>\n <h4 class=\"font-bold text-blue-800 mb-2 font-kanit\">\u0e01\u0e25\u0e44\u0e01\u0e2b\u0e25\u0e31\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-600 space-y-1.5\">\n <li>\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27<\/li>\n <li>\u0e25\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19<\/li>\n <li>\u0e40\u0e1b\u0e1b\u0e44\u0e17\u0e14\u0e4c\u0e21\u0e35\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e14\u0e0a\u0e31\u0e19<\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-blue-800 mb-2 font-kanit\">\u0e1c\u0e25\u0e2a\u0e31\u0e21\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e40\u0e14\u0e48\u0e19\u0e0a\u0e31\u0e14<\/h4>\n <ul class=\"list-disc list-inside text-sm text-slate-600 space-y-1.5\">\n <li>\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e01\u0e32\u0e23\u0e40\u0e01\u0e34\u0e14\u0e23\u0e2d\u0e22\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25 (Browning)<\/li>\n <li>\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e17\u0e19\u0e17\u0e32\u0e19\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e40\u0e2b\u0e19\u0e35\u0e22\u0e27\u0e40\u0e2b\u0e19\u0e2d\u0e30\u0e2b\u0e19\u0e30<\/li>\n <li>\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e17\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e32\u0e17\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <!-- Image Section (SVG Rendered) -->\n <div class=\"bg-slate-50 border border-slate-200 rounded-xl p-4 flex flex-col items-center\">\n <div class=\"w-full max-w-sm h-52 flex items-center justify-center\">\n <!-- SVG Browning Shield representation -->\n <svg width=\"240\" height=\"180\" viewBox=\"0 0 240 180\" class=\"w-full h-full max-h-[180px]\">\n <rect width=\"240\" height=\"180\" rx=\"12\" fill=\"#fafafa\" stroke=\"#e2e8f0\" stroke-width=\"2\"><\/rect>\n <!-- Hexagonal Plant Cells (Fruit Surface) -->\n <g stroke=\"#cbd5e1\" stroke-width=\"1.5\" fill=\"none\">\n <polygon points=\"50,110 70,100 90,110 90,130 70,140 50,130\"><\/polygon>\n <polygon points=\"90,110 110,100 130,110 130,130 110,140 90,130\"><\/polygon>\n <polygon points=\"130,110 150,100 170,110 170,130 150,140 130,130\"><\/polygon>\n <polygon points=\"170,110 190,100 210,110 210,130 190,140 170,130\"><\/polygon>\n <\/g>\n <!-- Gelatin Protective Shield with Hydrolysate -->\n <rect x=\"30\" y=\"80\" width=\"180\" height=\"15\" rx=\"5\" fill=\"#3b82f6\" fill-opacity=\"0.3\" stroke=\"#2563eb\" stroke-width=\"1.5\"><\/rect>\n <!-- Protein Hydrolysate glowing stars inside shield -->\n <g fill=\"#60a5fa\">\n <circle cx=\"50\" cy=\"87\" r=\"2.5\"><\/circle>\n <circle cx=\"90\" cy=\"87\" r=\"2.5\"><\/circle>\n <circle cx=\"130\" cy=\"87\" r=\"2.5\"><\/circle>\n <circle cx=\"170\" cy=\"87\" r=\"2.5\"><\/circle>\n <\/g>\n <!-- Oxygen Molecules blocked -->\n <g transform=\"translate(0, 10)\">\n <!-- O2 molecules bouncing off -->\n <g stroke=\"#ef4444\" stroke-width=\"2\" fill=\"none\" transform=\"translate(60, 20)\">\n <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#fca5a5\"><\/circle>\n <circle cx=\"8\" cy=\"0\" r=\"5\" fill=\"#fca5a5\"><\/circle>\n <path d=\"M 4,-10 L 4,-20 L -2,-17\" stroke=\"#94a3b8\" stroke-width=\"1.5\"><\/path> <!-- Arrow indicating bounce -->\n <\/g>\n <g stroke=\"#ef4444\" stroke-width=\"2\" fill=\"none\" transform=\"translate(140, 25)\">\n <circle cx=\"0\" cy=\"0\" r=\"5\" fill=\"#fca5a5\"><\/circle>\n <circle cx=\"8\" cy=\"0\" r=\"5\" fill=\"#fca5a5\"><\/circle>\n <path d=\"M 4,-10 L 4,-20 L 10,-17\" stroke=\"#94a3b8\" stroke-width=\"1.5\"><\/path> <!-- Arrow indicating bounce -->\n <\/g>\n <\/g>\n <text x=\"120\" y=\"160\" text-anchor=\"middle\" class=\"font-kanit text-xs\" fill=\"#334155\" font-weight=\"600\">\u0e41\u0e1a\u0e1a\u0e08\u0e33\u0e25\u0e2d\u0e07: \u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19\u0e01\u0e31\u0e49\u0e19\u0e01\u0e4a\u0e32\u0e0b\u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19 (O\u2082)<\/text>\n <\/svg>\n <\/div>\n <span class=\"text-xs text-slate-500 mt-2 italic text-center\">\u0e20\u0e32\u0e1e\u0e17\u0e35\u0e48 2: \u0e41\u0e2a\u0e14\u0e07\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15\u0e43\u0e19\u0e01\u0e32\u0e23\u0e15\u0e49\u0e32\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e25\u0e47\u0e2d\u0e01 O\u2082 (Phakthanakanok et al., 2024)<\/span>\n <\/div>\n\n <div class=\"text-xs text-slate-400 border-t border-slate-100 pt-4\">\n <strong>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07:<\/strong> Phakthanakanok, K., Kongtoom, R., & Puttipan, R. (2024). Influence of adding Protein Hydrolysate on Gelatin Film Characteristics and Its Anti-Browning Efficacy on Fruit Surfaces. <em>Journal of Sustainable Home Economics and Culture<\/em>, 6(1), 32\u201349.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 4: Interactive Sandbox (\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e2a\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49) -->\n <section id=\"sandbox\" class=\"py-20 bg-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center max-w-3xl mx-auto mb-16\">\n <h2 class=\"text-3xl sm:text-4xl font-bold font-kanit text-slate-900\">\n Edible Film Maker (\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e2a\u0e39\u0e15\u0e23\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e)\n <\/h2>\n <p class=\"text-slate-600 mt-4\">\n \u0e17\u0e14\u0e25\u0e2d\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e15\u0e49\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e41\u0e15\u0e48\u0e07\u0e0a\u0e19\u0e34\u0e14\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e32\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e41\u0e1a\u0e1a\u0e40\u0e23\u0e35\u0e22\u0e25\u0e44\u0e17\u0e21\u0e4c\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n <!-- Inputs Controller -->\n <div class=\"lg:col-span-5 bg-slate-50 p-8 rounded-2xl border border-slate-200 shadow-sm space-y-8\">\n <div>\n <label class=\"block font-bold text-lg text-slate-900 font-kanit mb-3\">1. \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e2b\u0e25\u0e31\u0e01 (Base Polymeric Material)<\/label>\n <select id=\"select-base\" onchange=\"calculateFilmProperties()\" class=\"w-full bg-white border border-slate-300 rounded-lg px-4 py-3 font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-emerald-500\">\n <option value=\"gelatin\">\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19\u0e2a\u0e31\u0e15\u0e27\u0e4c (Gelatin) – \u0e22\u0e37\u0e14\u0e2b\u0e22\u0e38\u0e48\u0e19\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21<\/option>\n <option value=\"chitosan\">\u0e44\u0e04\u0e42\u0e15\u0e0b\u0e32\u0e19\u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e38\u0e49\u0e07 (Chitosan) – \u0e15\u0e49\u0e32\u0e19\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e15\u0e32\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34<\/option>\n <option value=\"starch\">\u0e41\u0e1b\u0e49\u0e07\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07 (Starch) – \u0e23\u0e32\u0e04\u0e32\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e41\u0e25\u0e30\u0e01\u0e31\u0e49\u0e19\u0e01\u0e4a\u0e32\u0e0b\u0e14\u0e35<\/option>\n <\/select>\n <\/div>\n\n <div>\n <label class=\"block font-bold text-lg text-slate-900 font-kanit mb-3\">2. \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e40\u0e15\u0e34\u0e21\u0e41\u0e15\u0e48\u0e07 (Bioactive Additives)<\/label>\n <select id=\"select-additive\" onchange=\"calculateFilmProperties()\" class=\"w-full bg-white border border-slate-300 rounded-lg px-4 py-3 font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-emerald-500\">\n <option value=\"none\">\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e41\u0e15\u0e48\u0e07 (Plain Film)<\/option>\n <option value=\"turmeric\">\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e02\u0e21\u0e34\u0e49\u0e19\u0e0a\u0e31\u0e19 (Turmeric Extract) – \u0e15\u0e49\u0e32\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e2a\u0e23\u0e30\u0e41\u0e25\u0e30\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32<\/option>\n <option value=\"hydrolysate\">\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15 (Protein Hydrolysate) – \u0e15\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e34\u0e14\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25<\/option>\n <option value=\"essential-oil\">\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e2d\u0e21\u0e23\u0e30\u0e40\u0e2b\u0e22\u0e43\u0e1a\u0e42\u0e2b\u0e23\u0e30\u0e1e\u0e32 (Basil Essential Oil)<\/option>\n <\/select>\n <\/div>\n\n <div class=\"bg-amber-50 p-4 rounded-xl border border-amber-200\">\n <div class=\"flex gap-2\">\n <span class=\"text-amber-600 font-bold\">\u2139\ufe0f<\/span>\n <p class=\"text-xs text-amber-900 leading-relaxed\">\n \u0e42\u0e2b\u0e21\u0e14\u0e01\u0e32\u0e23\u0e04\u0e33\u0e19\u0e27\u0e13\u0e19\u0e35\u0e49\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a (Calibrated) \u0e42\u0e14\u0e22\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e15\u0e32\u0e21\u0e1a\u0e17\u0e1a\u0e31\u0e0d\u0e0d\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07 <strong>Srisuk et al. (2026)<\/strong> \u0e41\u0e25\u0e30 <strong>Phakthanakanok et al. (2024)<\/strong> \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e04\u0e48\u0e32\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e43\u0e01\u0e25\u0e49\u0e40\u0e04\u0e35\u0e22\u0e07\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e14\u0e25\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e43\u0e19\u0e2b\u0e49\u0e2d\u0e07\u0e41\u0e25\u0e47\u0e1a\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Live Evaluation Output -->\n <div class=\"lg:col-span-7 bg-slate-900 text-white p-8 rounded-2xl shadow-xl flex flex-col justify-between\">\n <div>\n <span class=\"text-emerald-400 font-bold font-kanit text-xs uppercase tracking-widest\">Real-time Lab Assessment<\/span>\n <h3 class=\"text-2xl font-bold font-kanit mt-2 mb-6 text-emerald-100\" id=\"assessed-title\">\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19 + \u0e44\u0e21\u0e48\u0e1c\u0e2a\u0e21\u0e2a\u0e32\u0e23<\/h3>\n \n <div class=\"space-y-6\">\n <!-- Metric 1 -->\n <div>\n <div class=\"flex justify-between text-sm mb-2\">\n <span class=\"text-slate-300\">\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19 (Water Vapor Barrier)<\/span>\n <span class=\"font-bold text-emerald-400\" id=\"val-moisture\">60%<\/span>\n <\/div>\n <div class=\"h-3 w-full bg-slate-800 rounded-full overflow-hidden\">\n <div id=\"bar-moisture\" class=\"h-full bg-gradient-to-r from-emerald-500 to-teal-400 rounded-full transition-all duration-500\" style=\"width: 60%\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Metric 2 -->\n <div>\n <div class=\"flex justify-between text-sm mb-2\">\n <span class=\"text-slate-300\">\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e41\u0e23\u0e07\u0e14\u0e36\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e22\u0e37\u0e14\u0e15\u0e31\u0e27 (Tensile Strength)<\/span>\n <span class=\"font-bold text-emerald-400\" id=\"val-tensile\">85%<\/span>\n <\/div>\n <div class=\"h-3 w-full bg-slate-800 rounded-full overflow-hidden\">\n <div id=\"bar-tensile\" class=\"h-full bg-gradient-to-r from-emerald-500 to-teal-400 rounded-full transition-all duration-500\" style=\"width: 85%\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Metric 3 -->\n <div>\n <div class=\"flex justify-between text-sm mb-2\">\n <span class=\"text-slate-300\">\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e49\u0e32\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e2a\u0e23\u0e30 (Antioxidant Activity)<\/span>\n <span class=\"font-bold text-emerald-400\" id=\"val-antioxidant\">10%<\/span>\n <\/div>\n <div class=\"h-3 w-full bg-slate-800 rounded-full overflow-hidden\">\n <div id=\"bar-antioxidant\" class=\"h-full bg-gradient-to-r from-emerald-500 to-teal-400 rounded-full transition-all duration-500\" style=\"width: 10%\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Metric 4 -->\n <div>\n <div class=\"flex justify-between text-sm mb-2\">\n <span class=\"text-slate-300\">\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e41\u0e25\u0e30\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c (Antimicrobial\/Anti-browning)<\/span>\n <span class=\"font-bold text-emerald-400\" id=\"val-antimicrobial\">5%<\/span>\n <\/div>\n <div class=\"h-3 w-full bg-slate-800 rounded-full overflow-hidden\">\n <div id=\"bar-antimicrobial\" class=\"h-full bg-gradient-to-r from-emerald-500 to-teal-400 rounded-full transition-all duration-500\" style=\"width: 5%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-8 pt-6 border-t border-slate-800 text-sm text-slate-400 italic\" id=\"recipe-verdict\">\n *\u0e2a\u0e39\u0e15\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19: \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2b\u0e48\u0e2d\u0e2b\u0e38\u0e49\u0e21\u0e02\u0e2d\u0e07\u0e41\u0e2b\u0e49\u0e07 \u0e41\u0e15\u0e48\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e32\u0e19\u0e17\u0e32\u0e19\u0e19\u0e49\u0e33\u0e04\u0e48\u0e2d\u0e19\u0e02\u0e49\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2a\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e17\u0e32\u0e07\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 5: Interactive Comparative Slider (\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c) -->\n <section id=\"compare\" class=\"py-20 bg-slate-50 border-t border-b border-slate-100\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold font-kanit text-slate-900\">\n \u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c: \u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e2d\u0e32\u0e22\u0e38\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e44\u0e21\u0e49\n <\/h2>\n <p class=\"text-slate-600 mt-2\">\n \u0e25\u0e32\u0e01\u0e41\u0e17\u0e47\u0e1a\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e38\u0e01\u0e02\u0e2d\u0e07\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07\u0e19\u0e49\u0e33\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e17\u0e35\u0e48\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e47\u0e1a\u0e44\u0e27\u0e49 12 \u0e27\u0e31\u0e19\n <\/p>\n <\/div>\n\n <!-- Slide Showcase Container -->\n <div class=\"bg-white p-6 rounded-3xl shadow-xl border border-slate-100\">\n <div class=\"relative w-full overflow-hidden rounded-2xl bg-slate-100 flex flex-col md:flex-row gap-6 p-6\">\n \n <!-- Left Column: Control (Uncoated Fruit) -->\n <div class=\"flex-1 flex flex-col items-center\">\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1.5 rounded-full font-bold font-kanit mb-4 shadow-sm\">\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e17\u0e33\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27 (Control)<\/span>\n <div class=\"w-full aspect-[4\/3] bg-white border border-slate-200 rounded-xl flex items-center justify-center p-4 shadow-inner relative overflow-hidden\">\n <!-- SVG Mango Uncoated (Dynamic Animation via JS) -->\n <svg id=\"svg-uncoated\" width=\"100%\" height=\"100%\" viewBox=\"0 0 200 150\" class=\"w-full max-h-[160px]\">\n <defs>\n <linearGradient id=\"control-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop id=\"control-grad-1\" offset=\"0%\" stop-color=\"#a3e635\"><\/stop>\n <stop id=\"control-grad-2\" offset=\"100%\" stop-color=\"#bef264\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <g id=\"control-mango-group\" transform=\"translate(100,75) scale(1)\">\n <!-- Mango Base Shape centered at (0,0) -->\n <path d=\"M -10,-55 C 35,-65 85,-35 90,10 C 95,55 50,85 0,80 C -45,75 -75,35 -70,0 C -65,-30 -45,-45 -10,-55 Z\" fill=\"url(#control-grad)\" stroke=\"#84cc16\" stroke-width=\"2\"><\/path>\n \n <!-- Rot Spots (Anthracnose) growing dynamically -->\n <g id=\"control-spots\" opacity=\"0\">\n <!-- Spot 1 -->\n <ellipse cx=\"25\" cy=\"-20\" rx=\"10\" ry=\"8\" fill=\"#5c3d03\" opacity=\"0.8\"><\/ellipse>\n <circle cx=\"25\" cy=\"-20\" r=\"4\" fill=\"#1c1101\" opacity=\"0.9\"><\/circle>\n <!-- Spot 2 -->\n <ellipse cx=\"-40\" cy=\"15\" rx=\"14\" ry=\"11\" fill=\"#451a03\" opacity=\"0.85\"><\/ellipse>\n <circle cx=\"-40\" cy=\"15\" r=\"6\" fill=\"#1c1101\" opacity=\"0.95\"><\/circle>\n <!-- Spot 3 -->\n <ellipse cx=\"40\" cy=\"30\" rx=\"12\" ry=\"10\" fill=\"#451a03\" opacity=\"0.8\"><\/ellipse>\n <!-- Spot 4 -->\n <ellipse cx=\"-15\" cy=\"-35\" rx=\"8\" ry=\"6\" fill=\"#78350f\" opacity=\"0.8\"><\/ellipse>\n <\/g>\n <!-- Stem\/Cap -->\n <path d=\"M -15,-56 Q -18,-68 -30,-64\" fill=\"none\" stroke=\"#65a30d\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n <!-- Shriveled Texture\/Details (Fade in as it rots) -->\n <g id=\"control-shrivel-lines\" opacity=\"0\" stroke=\"#78350f\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\">\n <path d=\"M -45,-15 Q -30,-20 -20,-10\"><\/path>\n <path d=\"M -10,35 Q 10,45 30,30\"><\/path>\n <path d=\"M 15,-25 Q 35,-15 45,-30\"><\/path>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <span class=\"text-sm text-slate-700 font-medium mt-4 text-center px-4\" id=\"visual-uncoated-text\">\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01: \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e21\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 \u0e1c\u0e34\u0e27\u0e15\u0e36\u0e07\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e41\u0e19\u0e48\u0e19<\/span>\n <\/div>\n\n <!-- Right Column: Coated Fruit -->\n <div class=\"flex-1 flex flex-col items-center\">\n <span class=\"bg-emerald-100 text-emerald-800 text-xs px-3 py-1.5 rounded-full font-bold font-kanit mb-4 shadow-sm\">\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e04\u0e2d\u0e21\u0e42\u0e1e\u0e2a\u0e34\u0e15 (Coated)<\/span>\n <div class=\"w-full aspect-[4\/3] bg-white border border-emerald-200 rounded-xl flex items-center justify-center p-4 shadow-inner relative overflow-hidden\">\n <!-- SVG Mango Coated (Glossy and protected) -->\n <svg id=\"svg-coated\" width=\"100%\" height=\"100%\" viewBox=\"0 0 200 150\" class=\"w-full max-h-[160px]\">\n <defs>\n <linearGradient id=\"coated-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop id=\"coated-grad-1\" offset=\"0%\" stop-color=\"#a3e635\"><\/stop>\n <stop id=\"coated-grad-2\" offset=\"100%\" stop-color=\"#bef264\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <g id=\"coated-mango-group\" transform=\"translate(100,75) scale(1)\">\n <!-- Mango Base Shape centered at (0,0) -->\n <path d=\"M -10,-55 C 35,-65 85,-35 90,10 C 95,55 50,85 0,80 C -45,75 -75,35 -70,0 C -65,-30 -45,-45 -10,-55 Z\" fill=\"url(#coated-grad)\" stroke=\"#10b981\" stroke-width=\"2\"><\/path>\n \n <!-- Beautiful gloss layer representing edible film -->\n <path d=\"M -50,-20 C -40,-45 -10,-48 20,-40 C 0,-45 -30,-40 -45,-15 C -48,-10 -50,-15 -50,-20 Z\" fill=\"#ffffff\" opacity=\"0.6\"><\/path>\n <path d=\"M 40,-20 C 60,-5 70,10 75,25 C 70,5 55,-10 35,-20 Z\" fill=\"#ffffff\" opacity=\"0.4\"><\/path>\n \n <!-- Stem\/Cap -->\n <path d=\"M -15,-56 Q -18,-68 -30,-64\" fill=\"none\" stroke=\"#047857\" stroke-width=\"4\" stroke-linecap=\"round\"><\/path>\n \n <!-- Extremely tiny spots appearing only late on day 12 -->\n <g id=\"coated-spots\" opacity=\"0\">\n <circle cx=\"35\" cy=\"-20\" r=\"2.5\" fill=\"#5c3d03\"><\/circle>\n <circle cx=\"-25\" cy=\"40\" r=\"2\" fill=\"#5c3d03\"><\/circle>\n <\/g>\n <\/g>\n <\/svg>\n <\/div>\n <span class=\"text-sm text-slate-700 font-medium mt-4 text-center px-4\" id=\"visual-coated-text\">\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01: \u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e1c\u0e34\u0e27\u0e21\u0e31\u0e19\u0e27\u0e32\u0e27<\/span>\n <\/div>\n\n <\/div>\n\n <!-- Custom Slider Control -->\n <div class=\"mt-8 px-4\">\n <div class=\"flex justify-between text-sm font-kanit font-semibold text-slate-500 mb-2\">\n <span>\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19 (\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 0)<\/span>\n <span class=\"text-emerald-600 bg-emerald-50 px-4 py-1 rounded-full border border-emerald-200 font-bold\" id=\"day-display\">\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 0<\/span>\n <span>\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14 (\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 12)<\/span>\n <\/div>\n <input type=\"range\" id=\"time-slider\" min=\"0\" max=\"12\" value=\"0\" oninput=\"updateComparison(this.value)\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-emerald-600\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 6: \u0e1a\u0e17\u0e2a\u0e23\u0e38\u0e1b\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15 -->\n <section class=\"py-20 bg-emerald-900 text-white\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-center\">\n <div class=\"space-y-6\">\n <span class=\"text-amber-400 font-bold text-sm tracking-wider uppercase font-kanit\">The Next Frontier of Food Preservation<\/span>\n <h2 class=\"text-3xl sm:text-4xl font-bold font-kanit text-emerald-100\">\u0e2a\u0e39\u0e48\u0e41\u0e19\u0e27\u0e04\u0e34\u0e14\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 <br>\u0e41\u0e25\u0e30\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e2b\u0e21\u0e38\u0e19\u0e40\u0e27\u0e35\u0e22\u0e19 (Circular Economy)<\/h2>\n <p class=\"text-emerald-100\/80 leading-relaxed text-justify\">\n \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27 \u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e04\u0e48\u0e25\u0e14\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13\u0e02\u0e22\u0e30\u0e1e\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e01 \u0e41\u0e15\u0e48\u0e22\u0e31\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e2b\u0e49\u0e19\u0e31\u0e01\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e41\u0e1b\u0e23\u0e23\u0e39\u0e1b\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e19\u0e33 <strong>“\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e17\u0e34\u0e49\u0e07\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23”<\/strong> \u0e40\u0e0a\u0e48\u0e19 \u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e01\u0e38\u0e49\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e31\u0e27\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e19\u0e49\u0e33 \u0e21\u0e32\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e1e\u0e2d\u0e25\u0e34\u0e40\u0e21\u0e2d\u0e23\u0e4c\u0e19\u0e33\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07 \u0e2a\u0e48\u0e07\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e2d\u0e31\u0e19\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e41\u0e25\u0e30\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\n <\/p>\n <\/div>\n <div class=\"bg-white\/5 border border-white\/10 p-8 rounded-2xl space-y-6\">\n <h3 class=\"text-xl font-bold font-kanit text-amber-300\">\u0e14\u0e31\u0e0a\u0e19\u0e35\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<\/h3>\n <div class=\"space-y-4\">\n <div>\n <div class=\"flex justify-between text-xs mb-1 text-slate-300\">\n <span>\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e14\u0e41\u0e17\u0e19\u0e1e\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e01\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21<\/span>\n <span>80%<\/span>\n <\/div>\n <div class=\"h-2 bg-white\/10 rounded-full overflow-hidden\">\n <div class=\"h-full bg-amber-400\" style=\"width: 80%\"><\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"flex justify-between text-xs mb-1 text-slate-300\">\n <span>\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e1b\u0e25\u0e2d\u0e14\u0e20\u0e31\u0e22\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e23\u0e30\u0e14\u0e31\u0e1a Food-grade<\/span>\n <span>100%<\/span>\n <\/div>\n <div class=\"h-2 bg-white\/10 rounded-full overflow-hidden\">\n <div class=\"h-full bg-emerald-400\" style=\"width: 100%\"><\/div>\n <\/div>\n <\/div>\n <div>\n <div class=\"flex justify-between text-xs mb-1 text-slate-300\">\n <span>\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e25\u0e32\u0e22\u0e15\u0e31\u0e27\u0e15\u0e32\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e43\u0e19\u0e14\u0e34\u0e19 (\u0e20\u0e32\u0e22\u0e43\u0e19 7 \u0e27\u0e31\u0e19)<\/span>\n <span>95%<\/span>\n <\/div>\n <div class=\"h-2 bg-white\/10 rounded-full overflow-hidden\">\n <div class=\"h-full bg-teal-400\" style=\"width: 95%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48 7: \u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (References) -->\n <footer id=\"references\" class=\"py-16 bg-slate-900 text-slate-400 border-t border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <h3 class=\"text-xl font-bold font-kanit text-white mb-8\">\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e40\u0e0a\u0e34\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23 (Academic References)<\/h3>\n \n <ul class=\"space-y-4 text-sm leading-relaxed\">\n <li class=\"pl-6 -indent-6\">\n Atar\u00e9s, L., & Chiralt, A. (2016). Essential oils as additives in biodegradable films and coatings for active food packaging. <em>Trends in Food Science & Technology<\/em>, 48, 51-62.\n <\/li>\n <li class=\"pl-6 -indent-6\">\n Hassan, B., Chatha, S. A. S., Hussain, A. I., Zia, K. M., & Akhtar, N. (2018). Recent advances on edible films based on plant proteins: A review. <em>International Journal of Biological Macromolecules<\/em>, 109, 836-843.\n <\/li>\n <li class=\"pl-6 -indent-6\">\n Phakthanakanok, K., Kongtoom, R., & Puttipan, R. (2024). Influence of adding Protein Hydrolysate on Gelatin Film Characteristics and Its Anti-Browning Efficacy on Fruit Surfaces. <em>Journal of Sustainable Home Economics and Culture<\/em>, 6(1), 32\u201349.\n <\/li>\n <li class=\"pl-6 -indent-6\">\n Srisuk, N., Phakthanakanok, K., Srinukoon, K., Chaikham, P., & Jirasatid, S. (2026). Enhancement of postharvest quality of Nam Dok Mai Si Thong mangoes using a turmeric-incorporated composite edible coating. <em>Applied Food Research<\/em>, 6, 101830.\n <\/li>\n <\/ul>\n\n <div class=\"mt-12 pt-8 border-t border-slate-800 text-center text-xs text-slate-500 font-kanit\">\n <p>\u00a9 \u0e2a\u0e23\u0e49\u0e32\u0e07 \u0e21\u0e34\u0e22 2026 \u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48 krongsakda@gmail.com [\u0e1c\u0e28.\u0e14\u0e23.\u0e04\u0e23\u0e2d\u0e07\u0e28\u0e31\u0e01\u0e14\u0e32 \u0e20\u0e31\u0e04\u0e18\u0e19\u0e01\u0e19\u0e01] <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- JavaScript \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e42\u0e15\u0e49\u0e15\u0e2d\u0e1a -->\n <script>\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e41\u0e17\u0e47\u0e1a\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\n function switchResearchTab(tabNumber) {\n \/\/ \u0e0b\u0e48\u0e2d\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e01\u0e48\u0e2d\u0e19\n document.getElementById('research-content-1').classList.add('hidden');\n document.getElementById('research-content-2').classList.add('hidden');\n\n \/\/ \u0e16\u0e2d\u0e14 Class active \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e1b\u0e38\u0e48\u0e21\n document.getElementById('research-tab-1').classList.remove('border-emerald-500', 'shadow-md');\n document.getElementById('research-tab-1').classList.add('border-transparent');\n document.getElementById('research-tab-2').classList.remove('border-emerald-500', 'shadow-md');\n document.getElementById('research-tab-2').classList.add('border-transparent');\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2d\u0e31\u0e19\u0e17\u0e35\u0e48\u0e40\u0e25\u0e37\u0e2d\u0e01\n document.getElementById('research-content-' + tabNumber).classList.remove('hidden');\n const activeTabBtn = document.getElementById('research-tab-' + tabNumber);\n activeTabBtn.classList.remove('border-transparent');\n activeTabBtn.classList.add('border-emerald-500', 'shadow-md');\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e33\u0e19\u0e27\u0e13\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e2a\u0e39\u0e15\u0e23\u0e1f\u0e34\u0e25\u0e4c\u0e21 (Sandbox)\n function calculateFilmProperties() {\n const base = document.getElementById('select-base').value;\n const additive = document.getElementById('select-additive').value;\n\n let moisture = 50;\n let tensile = 50;\n let antioxidant = 5;\n let antimicrobial = 5;\n let verdict = \"\";\n let baseText = \"\";\n let additiveText = \"\";\n\n \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e15\u0e32\u0e21\u0e2a\u0e32\u0e23\u0e15\u0e31\u0e49\u0e07\u0e15\u0e49\u0e19\n if (base === 'gelatin') {\n moisture = 40;\n tensile = 85;\n baseText = \"\u0e40\u0e08\u0e25\u0e32\u0e15\u0e34\u0e19\";\n } else if (base === 'chitosan') {\n moisture = 55;\n tensile = 70;\n antimicrobial += 20; \/\/ \u0e21\u0e35\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e15\u0e32\u0e21\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\n baseText = \"\u0e44\u0e04\u0e42\u0e15\u0e0b\u0e32\u0e19\";\n } else if (base === 'starch') {\n moisture = 30;\n tensile = 60;\n baseText = \"\u0e41\u0e1b\u0e49\u0e07\u0e21\u0e31\u0e19\u0e2a\u0e33\u0e1b\u0e30\u0e2b\u0e25\u0e31\u0e07\";\n }\n\n \/\/ \u0e04\u0e33\u0e19\u0e27\u0e13\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e08\u0e32\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e15\u0e34\u0e21\u0e41\u0e15\u0e48\u0e07\n if (additive === 'none') {\n additiveText = \"\u0e41\u0e1a\u0e1a Plain\";\n verdict = \"*\u0e2a\u0e39\u0e15\u0e23\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19: \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2b\u0e48\u0e2d\u0e02\u0e2d\u0e07\u0e41\u0e2b\u0e49\u0e07 \u0e41\u0e15\u0e48\u0e2d\u0e48\u0e2d\u0e19\u0e41\u0e2d\u0e15\u0e48\u0e2d\u0e2a\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e0a\u0e37\u0e49\u0e19\u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e15\u0e49\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\";\n } else if (additive === 'turmeric') {\n moisture += 15;\n antioxidant += 75;\n antimicrobial += 55;\n additiveText = \"\u0e1c\u0e2a\u0e21\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e02\u0e21\u0e34\u0e49\u0e19\u0e0a\u0e31\u0e19\";\n verdict = \"*\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e19\u0e30\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e42\u0e14\u0e22 Srisuk et al. (2026): \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e40\u0e1b\u0e25\u0e37\u0e2d\u0e01\u0e1a\u0e32\u0e07 \u0e15\u0e49\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32 Colletotrichum \u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e22\u0e35\u0e48\u0e22\u0e21\";\n } else if (additive === 'hydrolysate') {\n moisture += 20;\n tensile += 10;\n antioxidant += 60;\n antimicrobial += 40; \/\/ \u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\/\u0e15\u0e49\u0e32\u0e19\u0e04\u0e25\u0e49\u0e33\n additiveText = \"\u0e1c\u0e2a\u0e21\u0e42\u0e1b\u0e23\u0e15\u0e35\u0e19\u0e44\u0e2e\u0e42\u0e14\u0e23\u0e44\u0e25\u0e40\u0e2a\u0e15\";\n verdict = \"*\u0e2a\u0e39\u0e15\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 Phakthanakanok et al. (2024): \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e40\u0e01\u0e34\u0e14\u0e2a\u0e35\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e41\u0e23\u0e07\u0e17\u0e19\u0e17\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e31\u0e21\u0e1c\u0e31\u0e2a\u0e1f\u0e34\u0e25\u0e4c\u0e21\";\n } else if (additive === 'essential-oil') {\n moisture += 5;\n tensile -= 15; \/\/ \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e2d\u0e21\u0e23\u0e30\u0e40\u0e2b\u0e22\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e40\u0e1b\u0e23\u0e32\u0e30\u0e1a\u0e32\u0e07\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\n antimicrobial += 80; \/\/ \u0e15\u0e49\u0e32\u0e19\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e2a\u0e39\u0e07\u0e21\u0e32\u0e01\n additiveText = \"\u0e1c\u0e2a\u0e21\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e2d\u0e21\u0e23\u0e30\u0e40\u0e2b\u0e22\u0e42\u0e2b\u0e23\u0e30\u0e1e\u0e32\";\n verdict = \"*\u0e2a\u0e39\u0e15\u0e23\u0e41\u0e1a\u0e1a Active Packaging (Atar\u00e9s & Chiralt, 2016): \u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e15\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e02\u0e2d\u0e07\u0e08\u0e38\u0e25\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c\u0e2a\u0e39\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e31\u0e19\u0e14\u0e31\u0e1a\u0e15\u0e49\u0e19\u0e46 \u0e41\u0e15\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e01\u0e25\u0e34\u0e48\u0e19\u0e15\u0e01\u0e04\u0e49\u0e32\u0e07\u0e43\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e1c\u0e25\u0e44\u0e21\u0e49\";\n }\n\n \/\/ \u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\n document.getElementById('assessed-title').innerText = `${baseText} + ${additiveText}`;\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e41\u0e16\u0e1a\u0e41\u0e25\u0e30\u0e15\u0e31\u0e27\u0e40\u0e25\u0e02\u0e41\u0e1a\u0e1a Smooth\n updateProgress('moisture', Math.min(moisture, 100));\n updateProgress('tensile', Math.min(tensile, 100));\n updateProgress('antioxidant', Math.min(antioxidant, 100));\n updateProgress('antimicrobial', Math.min(antimicrobial, 100));\n \n document.getElementById('recipe-verdict').innerText = verdict;\n }\n\n function updateProgress(id, val) {\n document.getElementById(`val-${id}`).innerText = val + '%';\n document.getElementById(`bar-${id}`).style.width = val + '%';\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e0a\u0e48\u0e27\u0e22\u0e2a\u0e25\u0e31\u0e1a\u0e2a\u0e35\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e38\u0e48\u0e21\u0e19\u0e27\u0e25 (Color Interpolation)\n function interpolateColor(color1, color2, color3, factor) {\n let c1, c2, f;\n if (factor < 0.5) {\n c1 = hexToRgb(color1);\n c2 = hexToRgb(color2);\n f = factor * 2;\n } else {\n c1 = hexToRgb(color2);\n c2 = hexToRgb(color3);\n f = (factor - 0.5) * 2;\n }\n const r = Math.round(c1.r + (c2.r - c1.r) * f);\n const g = Math.round(c1.g + (c2.g - c1.g) * f);\n const b = Math.round(c1.b + (c2.b - c1.b) * f);\n return `rgb(${r}, ${g}, ${b})`;\n }\n\n function hexToRgb(hex) {\n const bigint = parseInt(hex.replace('#', ''), 16);\n return {\n r: (bigint >> 16) & 255,\n g: (bigint >> 8) & 255,\n b: bigint & 255\n };\n }\n\n \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e23\u0e39\u0e1b\u0e20\u0e32\u0e1e\u0e14\u0e49\u0e27\u0e22 SVG \u0e41\u0e25\u0e30 JS (Slider)\n function updateComparison(day) {\n document.getElementById('day-display').innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}`;\n const factor = day \/ 12;\n\n \/\/ 1. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2a\u0e35\u0e1c\u0e34\u0e27\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e2b\u0e35\u0e48\u0e22\u0e27\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27 (Control)\n \/\/ \u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e14\u0e43\u0e2a (#a3e635) -> \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e38\u0e01\u0e08\u0e31\u0e14 (#eab308) -> \u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e14\u0e33\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22 (#451a03)\n const controlStop1 = interpolateColor('#a3e635', '#eab308', '#451a03', factor);\n const controlStop2 = interpolateColor('#bef264', '#fef08a', '#1c1101', factor);\n document.getElementById('control-grad-1').setAttribute('stop-color', controlStop1);\n document.getElementById('control-grad-2').setAttribute('stop-color', controlStop2);\n\n \/\/ \u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14\u0e1c\u0e25\u0e21\u0e30\u0e21\u0e48\u0e27\u0e07\u0e43\u0e2b\u0e49\u0e23\u0e35\u0e1a\u0e40\u0e2b\u0e35\u0e48\u0e22\u0e27\u0e1f\u0e35\u0e1a\u0e25\u0e07\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22 (\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e35\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01\u0e08\u0e32\u0e01 1.00 \u0e40\u0e2b\u0e25\u0e37\u0e2d 0.92)\n const controlScale = 1 - (0.08 * factor);\n document.getElementById('control-mango-group').setAttribute('transform', `translate(100,75) scale(${controlScale})`);\n\n \/\/ \u0e40\u0e1e\u0e34\u0e48\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e23\u0e2d\u0e22\u0e14\u0e33\u0e41\u0e1c\u0e25\u0e40\u0e19\u0e48\u0e32 (Anthracnose Spots) \u0e41\u0e25\u0e30\u0e23\u0e2d\u0e22\u0e40\u0e2b\u0e35\u0e48\u0e22\u0e27 (Shrivel)\n document.getElementById('control-spots').setAttribute('opacity', factor > 0.25 ? (factor - 0.25) \/ 0.75 : 0);\n document.getElementById('control-shrivel-lines').setAttribute('opacity', factor > 0.4 ? (factor - 0.4) \/ 0.6 : 0);\n\n \/\/ 2. \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2a\u0e35\u0e1c\u0e34\u0e27\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e40\u0e2b\u0e35\u0e48\u0e22\u0e27\u0e02\u0e2d\u0e07\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e17\u0e35\u0e48\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27 (Coated)\n \/\/ \u0e04\u0e48\u0e2d\u0e22\u0e46 \u0e2a\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d: \u0e40\u0e02\u0e35\u0e22\u0e27\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e14\u0e43\u0e2a (#a3e635) -> \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e38\u0e01\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e2a\u0e27\u0e22\u0e07\u0e32\u0e21 (#fbbf24) -> \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e17\u0e2d\u0e07\u0e40\u0e1b\u0e25\u0e48\u0e07\u0e1b\u0e25\u0e31\u0e48\u0e07\u0e2d\u0e48\u0e2d\u0e19\u0e46 (#f59e0b)\n const coatedStop1 = interpolateColor('#a3e635', '#fbbf24', '#f59e0b', factor);\n const coatedStop2 = interpolateColor('#bef264', '#fde047', '#fcd34d', factor);\n document.getElementById('coated-grad-1').setAttribute('stop-color', coatedStop1);\n document.getElementById('coated-grad-2').setAttribute('stop-color', coatedStop2);\n\n \/\/ \u0e41\u0e17\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e19\u0e49\u0e33\u0e2b\u0e19\u0e31\u0e01 \u0e1c\u0e34\u0e27\u0e40\u0e15\u0e48\u0e07\u0e15\u0e36\u0e07\u0e40\u0e2a\u0e21\u0e2d (\u0e2a\u0e40\u0e01\u0e25\u0e41\u0e17\u0e1a\u0e44\u0e21\u0e48\u0e25\u0e14\u0e25\u0e07\u0e40\u0e25\u0e22)\n const coatedScale = 1 - (0.01 * factor);\n document.getElementById('coated-mango-group').setAttribute('transform', `translate(100,75) scale(${coatedScale})`);\n\n \/\/ \u0e41\u0e17\u0e1a\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e2d\u0e22\u0e41\u0e1c\u0e25\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e23\u0e32\u0e40\u0e25\u0e22 (\u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e32\u0e08\u0e21\u0e35\u0e08\u0e38\u0e14\u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e21\u0e32\u0e01\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e16\u0e36\u0e07\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 11-12)\n document.getElementById('coated-spots').setAttribute('opacity', factor > 0.85 ? (factor - 0.85) \/ 0.15 * 0.4 : 0);\n\n\n \/\/ 3. \u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e08\u0e33\u0e25\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e0a\u0e48\u0e27\u0e07\u0e40\u0e27\u0e25\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e2a\u0e2d\u0e14\u0e04\u0e25\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\n const textUncoated = document.getElementById('visual-uncoated-text');\n const textCoated = document.getElementById('visual-coated-text');\n \n if (day == 0) {\n textUncoated.innerText = \"\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01: \u0e2a\u0e35\u0e40\u0e02\u0e35\u0e22\u0e27\u0e2d\u0e21\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 \u0e1c\u0e34\u0e27\u0e40\u0e15\u0e48\u0e07\u0e15\u0e36\u0e07\u0e14\u0e35\";\n textCoated.innerText = \"\u0e27\u0e31\u0e19\u0e41\u0e23\u0e01: \u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e2a\u0e32\u0e23\u0e0a\u0e35\u0e27\u0e20\u0e32\u0e1e\u0e1a\u0e32\u0e07 \u0e1c\u0e34\u0e27\u0e21\u0e31\u0e19\u0e27\u0e32\u0e27\";\n } else if (day <= 4) {\n textUncoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e38\u0e01\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07 \u0e1c\u0e34\u0e27\u0e04\u0e32\u0e22\u0e19\u0e49\u0e33\u0e08\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e19\u0e34\u0e48\u0e21\u0e25\u0e07`;\n textCoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e2a\u0e35\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e07\u0e2a\u0e14\u0e2a\u0e21\u0e48\u0e33\u0e40\u0e2a\u0e21\u0e2d \u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1b\u0e01\u0e1b\u0e49\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19\u0e40\u0e15\u0e47\u0e21\u0e23\u0e49\u0e2d\u0e22`;\n } else if (day <= 8) {\n textUncoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e2a\u0e38\u0e01\u0e07\u0e2d\u0e21 \u0e1c\u0e34\u0e27\u0e04\u0e32\u0e22\u0e19\u0e49\u0e33\u0e40\u0e2b\u0e35\u0e48\u0e22\u0e27 \u0e41\u0e25\u0e30\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1e\u0e1a\u0e23\u0e2d\u0e22\u0e42\u0e23\u0e04\u0e41\u0e1c\u0e25\u0e04\u0e25\u0e49\u0e33`;\n textCoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e2a\u0e38\u0e01\u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e41\u0e19\u0e48\u0e19 \u0e1c\u0e34\u0e27\u0e40\u0e15\u0e48\u0e07\u0e15\u0e36\u0e07\u0e44\u0e23\u0e49\u0e41\u0e1c\u0e25\u0e23\u0e2d\u0e22\u0e04\u0e25\u0e49\u0e33`;\n } else {\n textUncoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e40\u0e01\u0e34\u0e14\u0e41\u0e2d\u0e19\u0e41\u0e17\u0e23\u0e01\u0e42\u0e19\u0e2a\u0e40\u0e19\u0e48\u0e32\u0e40\u0e1b\u0e37\u0e48\u0e2d\u0e22 \u0e23\u0e2a\u0e0a\u0e32\u0e15\u0e34\u0e40\u0e2a\u0e35\u0e22\u0e2b\u0e32\u0e22 \u0e22\u0e48\u0e2d\u0e22\u0e2a\u0e25\u0e32\u0e22`;\n textCoated.innerText = `\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 ${day}: \u0e2a\u0e35\u0e17\u0e2d\u0e07\u0e2a\u0e27\u0e22\u0e2a\u0e38\u0e01\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48 \u0e1c\u0e34\u0e27\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c \u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e40\u0e19\u0e48\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e44\u0e14\u0e49\u0e14\u0e35\u0e40\u0e25\u0e34\u0e28`;\n }\n }\n\n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\n window.onload = function() {\n calculateFilmProperties();\n updateComparison(0);\n };\n <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Edible Film & Coating – \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e19\u0e32\u0e04\u0e15 Edible Film FoodBioChem \u0e1a\u0e17\u0e19\u0e33 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e0a\u0e34\u0e49\u0e19\u0e2a\u0e33\u0e04\u0e31\u0e0d \u0e17\u0e14\u0e25\u0e2d\u0e07\u0e1c\u0e2a\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21 \u0e40\u0e1b\u0e23\u0e35\u0e22\u0e1a\u0e40\u0e17\u0e35\u0e22\u0e1a\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c \u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 Green Technology & Sustainable Packaging \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48 \u0e01\u0e32\u0e23\u0e1c\u0e2a\u0e32\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e0a\u0e35\u0e27\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e14\u0e41\u0e17\u0e19\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1e\u0e25\u0e32\u0e2a\u0e15\u0e34\u0e01 \u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e1b\u0e0f\u0e34\u0e01\u0e34\u0e23\u0e34\u0e22\u0e32\u0e40\u0e04\u0e21\u0e35 \u0e41\u0e25\u0e30\u0e16\u0e19\u0e2d\u0e21\u0e23\u0e31\u0e01\u0e29\u0e32\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e17\u0e14\u0e25\u0e2d\u0e07\u0e1c\u0e2a\u0e21\u0e2a\u0e39\u0e15\u0e23\u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e14\u0e49\u0e27\u0e22\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07 \u0e28\u0e36\u0e01\u0e29\u0e32\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 (Edible Film) \u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23? \u0e1f\u0e34\u0e25\u0e4c\u0e21\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e23\u0e40\u0e04\u0e25\u0e37\u0e2d\u0e1a\u0e1c\u0e34\u0e27\u0e1a\u0e23\u0e34\u0e42\u0e20\u0e04\u0e44\u0e14\u0e49 (Edible Films and Coatings) \u0e04\u0e37\u0e2d\u0e0a\u0e31\u0e49\u0e19\u0e1a\u0e32\u0e07\u0e46 \u0e02\u0e2d\u0e07\u0e27\u0e31\u0e2a\u0e14\u0e38\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\u0e44\u0e14\u0e49\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e42\u0e14\u0e22\u0e17\u0e33\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e22\u0e20\u0e32\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e30\u0e25\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e2a\u0e37\u0e48\u0e2d\u0e21\u0e40\u0e2a\u0e35\u0e22\u0e02\u0e2d\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23 \u0e27\u0e31\u0e2a\u0e14\u0e38\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e08\u0e33\u0e01\u0e31\u0e14\u0e2d\u0e31\u0e15\u0e23\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e01\u0e4a\u0e32\u0e0b\u0e04\u0e32\u0e23\u0e4c\u0e1a\u0e2d\u0e19\u0e44\u0e14\u0e2d\u0e2d\u0e01\u0e44\u0e0b\u0e14\u0e4c \u0e2d\u0e2d\u0e01\u0e0b\u0e34\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e37\u0e49\u0e19 \u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e01\u0e31\u0e1a\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21\u0e42\u0e14\u0e22\u0e23\u0e2d\u0e1a (Hassan et al., 2018) \u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32 “\u0e1a\u0e23\u0e23\u0e08\u0e38\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e41\u0e2d\u0e04\u0e17\u0e35\u0e1f (Active Packaging)” \u0e42\u0e14\u0e22\u0e01\u0e32\u0e23\u0e19\u0e33\u0e2a\u0e32\u0e23\u0e2a\u0e01\u0e31\u0e14\u0e18\u0e23\u0e23\u0e21\u0e0a\u0e32\u0e15\u0e34\u0e17\u0e35\u0e48\u0e21\u0e35\u0e24\u0e17\u0e18\u0e34\u0e4c\u0e15\u0e49\u0e32\u0e19\u0e40\u0e0a\u0e37\u0e49\u0e2d\u0e08\u0e38\u0e25\u0e34\u0e19\u0e17\u0e23\u0e35\u0e22\u0e4c \u0e15\u0e49\u0e32\u0e19\u0e2d\u0e19\u0e38\u0e21\u0e39\u0e25\u0e2d\u0e34\u0e2a\u0e23\u0e30 \u0e2b\u0e23\u0e37\u0e2d\u0e22\u0e31\u0e1a\u0e22\u0e31\u0e49\u0e07\u0e40\u0e2d\u0e19\u0e44\u0e0b\u0e21\u0e4c\u0e21\u0e32\u0e40\u0e15\u0e34\u0e21\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e43\u0e19\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e1f\u0e34\u0e25\u0e4c\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e35\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e22\u0e37\u0e14\u0e2d\u0e32\u0e22\u0e38\u0e2d\u0e32\u0e2b\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e19\u0e32\u0e19\u0e22\u0e34\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 […]<\/p>\n","protected":false},"author":1,"featured_media":494,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=493"}],"version-history":[{"count":4,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions"}],"predecessor-version":[{"id":499,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/posts\/493\/revisions\/499"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=\/wp\/v2\/media\/494"}],"wp:attachment":[{"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/porsci.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}