1<!doctype html> 2<html lang="th"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <title>ThaiBio | รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£</title> 7 8<meta name="description" content="ThaiBio รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£ à¸à¸±à¸à¸ªà¸£à¸£à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¹à¹à¸à¹à¸¡à¸²à¸à¸£à¸à¸²à¸ à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸ªà¸°à¸à¸§à¸ à¸à¸£à¹à¸à¸¡à¸à¸£à¸´à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸à¸±à¹à¸à¹à¸à¹à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸±à¸à¸ªà¹à¸"> 9 10 11 12<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> 13 14<meta property="og:type" content="website"> 15<meta property="og:title" content="ThaiBio | รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£"> 16<meta property="og:description" content="ThaiBio รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£ à¸à¸±à¸à¸ªà¸£à¸£à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¹à¹à¸à¹à¸¡à¸²à¸à¸£à¸à¸²à¸ à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸ªà¸°à¸à¸§à¸ à¸à¸£à¹à¸à¸¡à¸à¸£à¸´à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸à¸±à¹à¸à¹à¸à¹à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸±à¸à¸ªà¹à¸"> 17<meta property="og:url" content="https://thaibio.com/"> 18<meta property="og:site_name" content="ThaiBio"> 19 20<meta name="twitter:card" content="summary_large_image"> 21<meta name="twitter:title" content="ThaiBio | รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£"> 22<meta name="twitter:description" content="ThaiBio รà¹à¸²à¸à¸à¹à¸²à¸à¸à¸à¹à¸¥à¸à¹à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£ à¸à¸±à¸à¸ªà¸£à¸£à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¹à¹à¸à¹à¸¡à¸²à¸à¸£à¸à¸²à¸ à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸ªà¸°à¸à¸§à¸ à¸à¸£à¹à¸à¸¡à¸à¸£à¸´à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸à¸±à¹à¸à¹à¸à¹à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸±à¸à¸ªà¹à¸"> 23 <link rel="icon" href="favicon.ico" sizes="any"> 24 <link rel="canonical" href="https://thaibio.com/"> 25 26 27 <style type="text/css">@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:400;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:400;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:400;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/thai/wght/normal.woff2);unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:500;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:500;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/thai/wght/normal.woff2);unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:500;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:600;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/thai/wght/normal.woff2);
27unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:600;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:600;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:700;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:700;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Noto Sans Thai';font-style:normal;font-weight:700;src:url(/cf-fonts/v/noto-sans-thai/5.2.8/thai/wght/normal.woff2);unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-display:swap;}</style> 28 <link rel="stylesheet" href="assets/css/catalog-account.css?v=1787124963"> 29 <link rel="stylesheet" href="assets/css/store-ui.css?v=1787218929"> 30 <link rel="stylesheet" href="assets/css/storefront-header.css?v=1787214093"> 31 <style> 32 :root{--font-sans:"Noto Sans Thai","Noto Sans",Arial,sans-serif;--green:#19c463;--ink:#202124;--muted:#747775;--line:#e8eaed;--soft:#f7f9f7;--danger:#e84b3c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#eef4f0;font-family:var(--font-sans)}.app{width:min(100%,480px);min-height:100vh;margin:auto;padding:20px 16px 96px;background:#fff}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;font-size:23px;letter-spacing:0}.brand em{color:var(--green);font-style:normal}.actions{display:flex;gap:8px}.icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;font-size:21px;position:relative}.badge{position:absolute;right:1px;top:0;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:var(--green);color:#fff;font-size:10px;font-weight:800}.search{display:flex;align-items:center;gap:10px;height:52px;margin:22px 0 16px;padding:0 15px;border-radius:16px;background:var(--soft);border:1px solid #f0f2f0}.search span{font-size:21px}.search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:15px}.hero{position:relative;min-height:174px;overflow:hidden;padding:23px;border-radius:24px;background:linear-gradient(125deg,#14c35e,#26d475);color:#fff}.hero:after{content:"";position:absolute;right:-44px;bottom:-70px;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.12)}.hero small{opacity:.86;font-weight:600}.hero h1{max-width:230px;margin:7px 0 17px;font-size:28px;line-height:1.25;letter-spacing:0}.hero a{display:inline-flex;position:relative;z-index:1;align-items:center;min-height:38px;padding:0 17px;border-radius:20px;background:#fff;color:#159e4f;text-decoration:none;font-size:14px;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-head h2{margin:0;font-size:19px;letter-spacing:0}.section-head a{color:var(--muted);font-size:13px;text-decoration:none}.chips{display:flex;gap:9px;overflow:auto;padding-bottom:3px;scrollbar-width:none}.chip{white-space:nowrap;padding:9px 14px;border:1px solid var(--line);border-radius:20px;background:#fff;font:inherit;font-size:13px;
32cursor:pointer}.chip.active{border-color:var(--green);background:var(--green);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{min-width:0}.image{position:relative;display:block;aspect-ratio:1;border-radius:18px;background:var(--soft);overflow:hidden}.image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.heart{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#8b918e;cursor:pointer}.brand-name{display:block;margin-top:9px;color:var(--muted);font-size:11px}.name{display:-webkit-box;overflow:hidden;margin:4px 0 7px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.35;font-weight:600}.price-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.price{font-size:15px;font-weight:800;color:var(--danger)}.add{width:30px;height:30px;border:0;border-radius:50%;background:#eaf9ef;color:#0aab4f;font-size:19px;cursor:pointer}.bottom{position:fixed;z-index:10;left:50%;bottom:0;display:flex;justify-content:space-around;width:min(100%,480px);padding:10px 8px 13px;transform:translateX(-50%);border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.bottom a{display:grid;justify-items:center;gap:3px;min-width:58px;color:#838885;text-decoration:none;font-size:10px}.bottom b{font-size:20px;font-weight:400}.bottom a.active{color:var(--green)}.empty{grid-column:1/-1;padding:35px 15px;color:var(--muted);text-align:center}.toast{position:fixed;z-index:20;left:50%;bottom:82px;padding:12px 16px;border-radius:14px;background:#202124;color:#fff;font-size:13px;transform:translate(-50%,15px);opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:700px){body{padding:25px}.app{min-height:850px;border-radius:32px;box-shadow:0 22px 60px rgba(23,66,42,.14)}} 33 .desktop-nav,.category-cards,.service-strip,.site-footer{display:none}@media(min-width:768px){body{padding:28px;background:radial-gradient(circle at 16% 8%,#f4fff8 0,#eef7f1 34%,#edf4ef 100%)}.app{width:min(100%,1320px);min-height:calc(100vh - 56px);padding:18px 26px 36px;border-radius:22px;box-shadow:0 16px 46px rgba(36,69,50,.09)}.top{display:grid;grid-template-columns:180px minmax(340px,1fr) auto;gap:28px}.brand{font-size:30px;align-self:center}.actions{justify-self:end}.search{grid-column:2;grid-row:1;width:100%;height:46px;margin:0;border-radius:14px}.search button{display:none}.desktop-nav{display:flex;grid-column:1/-1;gap:30px;align-items:center;padding:2px 0 0}.desktop-nav a{color:var(--ink);text-decoration:none;font-size:14px}.desktop-nav a:first-child{padding:11px 20px;border-radius:12px;background:var(--green);color:#fff;font-weight:700}.hero{min-height:286px;margin-top:20px;padding:42px 58px;border-radius:18px}.hero h1{max-width:520px;margin:10px 0 25px;font-size:clamp(36px,4vw,56px);line-height:1.1}.hero:before{content:"";position:absolute;right:8%;top:16%;width:280px;height:280px;border:26px solid rgba(255,255,255,.12);border-radius:50%}.hero:after{right:2%;bottom:-140px;width:430px;height:430px}.section-head{margin:26px 0 13px}.section-head h2{font-size:21px}.chips{display:none}.category-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:11px;min-height:96px;padding:12px;border:1px solid #edf0ed;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s}.category-card:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(20,56,34,.08)}.category-card img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:var(--soft)}.category-card b{display:block;font-size:13px}.category-card span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.image{border-radius:16px}.name{font-size:13px}.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;padding:18px 12px;border-radius:16px;background:#fff}.service{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.service:last-child{border-right:0}.service i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eaf9ef;color:var(--green);font-style:normal;font-size:19px}.service b{display:block;font-size:13px}
33.service span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.site-footer{grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:25px;margin-top:14px;padding:30px 14px 12px;border-top:1px solid var(--line)}.site-footer h3{margin:0 0 9px;font-size:15px}.site-footer p,.site-footer a{display:block;margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none}.site-footer form{display:flex;margin-top:12px}.site-footer input{min-width:0;flex:1;border:1px solid var(--line);border-radius:9px 0 0 9px;padding:10px;font:inherit;font-size:12px}.site-footer button{border:0;border-radius:0 9px 9px 0;background:var(--green);color:#fff;padding:0 14px;font:inherit;font-size:12px;font-weight:700}.bottom{display:none}.toast{bottom:28px}} 34 </style> 35<style>@media (min-width:768px){.site-footer{display:grid}}</style> 36<style>.service i svg{display:block;width:21px;height:21px}.site-footer__line-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.site-footer__line{margin:0 0 7px!important;color:var(--ink)!important;white-space:nowrap}.site-footer__line a{display:inline!important;color:var(--green);font-weight:800}.site-footer__qr-link{display:block!important;flex:0 0 78px;margin:0!important}.site-footer__qr{display:block;width:78px;height:78px;object-fit:contain;border-radius:8px}.site-footer__line-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:32px;margin:0!important;padding:0 12px;border-radius:9px;background:var(--green);color:#fff!important;font-size:11px!important;font-weight:700;white-space:nowrap}</style> 37<style> 38 :root{--cp-green:var(--green);--cp-dark:var(--ink);--cp-muted:var(--muted);--cp-line:var(--line)} 39 html,body,button,input,select,textarea{font-family:var(--font-sans)} 40 body{line-height:1.55} 41 h1,h2,h3{line-height:1.25} 42 button,.desktop-nav,.header-action{line-height:1.3} 43 .card{position:relative} 44 .name{color:var(--ink);text-decoration:none} 45 .brand img{display:block;width:112px;height:auto} 46 .brand{text-decoration:none;color:var(--ink)} 47 .search svg,.header-action svg,.add svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8} 48 .add{display:grid;place-items:center} 49 .add svg{width:16px;height:16px} 50 /* Canonical Product Card: Category > Product List > Product Card */ 51 #productGrid .cp-card{display:flex;min-width:0;flex-direction:column} 52 #productGrid .cp-card .image{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:16px;background:var(--soft)} 53 #productGrid .cp-card .image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply} 54 #productGrid .cp-card .brand-name{display:block;margin-top:9px;color:var(--muted);font-size:11px} 55 #productGrid .cp-card .name{display:-webkit-box;min-height:38px;overflow:hidden;margin:4px 0 7px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2} 56 #productGrid .cp-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto} 57 #productGrid .cp-card .price{color:var(--danger);font-size:15px;font-weight:800} 58 #productGrid .cp-card .cp-add{display:inline-flex;width:auto;min-width:124px;height:34px;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:17px;background:#eaf9ef;color:#078d43;font:inherit;font-size:11px;font-weight:700;white-space:nowrap;text-decoration:none;cursor:pointer} 59 #productGrid .cp-card .cp-add svg{display:block;width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} 60 #productGrid .cp-card .cp-add span{display:inline}#productGrid .cp-card .cp-add:hover,#productGrid .cp-card .cp-add:focus-visible{background:#dff6e8;color:#078d43;text-decoration:none} 61 .search span{display:grid;place-items:center;color:var(--muted)} 62 .header-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none} 63 .header-action svg{flex:0 0 auto} 64 #cartButton .header-action__label{display:none} 65 .search{position:relative} 66 .tb-search-panel{position:absolute;z-index:80;top:calc(100% + 10px);left:0;display:none;width:min(1040px,calc(100vw - 56px));max-height:min(620px,calc(100vh - 140px));overflow:auto;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(16,24,20,.14);color:var(--ink)} 67 .tb-search-panel.is-open{display:block}.tb-search-heading{margin:0 0 13px;font-size:19px}
67.tb-search-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--line)}.tb-search-chip{min-height:35px;padding:0 13px;border:0;border-radius:999px;background:#f4f6f5;color:var(--ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.tb-search-chip:hover,.tb-search-chip:focus-visible{background:#e7f8ed;color:#159a50}.tb-search-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:18px}.tb-search-group+ .tb-search-group{margin-top:18px}.tb-search-group h3{margin:0 0 9px;font-size:15px}.tb-search-product,.tb-search-category{display:grid;grid-template-columns:22px 54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;color:var(--ink);text-decoration:none}.tb-search-category{grid-template-columns:22px 54px minmax(0,1fr)}.tb-search-product:hover,.tb-search-category:hover,.tb-search-product.is-active,.tb-search-category.is-active{background:#f1faf4;outline:0}.tb-search-number{color:var(--muted);font-size:12px}.tb-search-thumb{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:10px;background:#f6f8f7}.tb-search-thumb img{width:100%;height:100%;object-fit:contain}.tb-search-copy{min-width:0}.tb-search-copy strong,.tb-search-copy small{display:block}.tb-search-copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.35}.tb-search-copy small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.tb-search-price{color:var(--danger);font-size:13px;white-space:nowrap}.tb-search-live-products,.tb-search-live-categories{margin-top:14px}.tb-search-status,.tb-search-hint{margin:13px 0;color:var(--muted);font-size:13px}.tb-search-hint{margin-top:0}.tb-search-all{display:block;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:#159a50;font-size:13px;font-weight:600;text-decoration:none}.tb-search-back{display:none} 68 @media(max-width:767px){.tb-search-panel{position:fixed;z-index:90;top:145px;right:8px;bottom:8px;left:8px;width:auto;max-height:none;padding:18px;border-radius:20px}.tb-search-back{display:grid;place-items:center;width:36px;height:36px;margin:0 0 9px;border:0;border-radius:50%;background:#f3f6f3;color:var(--ink);font-size:20px}.tb-search-columns{grid-template-columns:1fr;gap:4px}.tb-search-product,.tb-search-category{padding:8px 2px}.tb-search-live-products,.tb-search-live-categories{margin-top:12px}} 69 @media(max-width:360px){#productGrid .cp-card__bottom{align-items:stretch;flex-direction:column}#productGrid .cp-card .cp-add{width:100%;min-width:0}} 70 .header-action__label{display:none;font-size:13px;font-weight:600;white-space:nowrap} 71 @media (max-width:767px){.top{flex-wrap:wrap}.top .search{order:3;flex:0 0 100%;margin:22px 0 16px}.header-actions{margin-left:auto}.header-action{width:40px;height:40px}} 72 @media (min-width:768px){.brand img{width:145px}.top .search{grid-column:2;grid-row:1;align-self:center}.header-actions{display:flex;align-items:center;justify-self:end;gap:4px}.header-action{width:40px;height:40px}.desktop-nav{margin-top:12px}} 73 @media (min-width:1024px){.top{grid-template-columns:150px minmax(320px,760px) minmax(186px,1fr);gap:24px}.top .search{height:48px}.header-actions{gap:2px}.header-action{width:auto;min-width:52px;height:48px;padding:0 8px;border-radius:12px}.header-action__label{display:inline}.badge{right:4px;top:4px}} 74 @media (min-width:1101px){.header-action{padding:0 10px}.header-actions{gap:5px}} 75</style> 76 <link rel="stylesheet" href="assets/css/storefront-search.css?v=1787124963"> 77 <link rel="stylesheet" href="assets/css/storefront-categories.css?v=1787124963"> 78 <link rel="stylesheet" href="assets/css/homepage-approved.css?v=1787124963"> 79<link rel="stylesheet" href="assets/css/catalog-mobile-drawer.css?v=1787124963">
79<script>window.THAIBIO_MEMBER = null;window.THAIBIO_ORDER_CSRF = "e13093ec0c6e120d6d548f2fcf2ab153eba7867d51dd37045f827b9fee71ee85";window.THAIBIO_LOGIN_NOTICE = false;</script>
79</head> 80<body class="home-page"> 81 <main class="app"> 82 <header class="top tb-shared-header"><a class="brand" href="/" aria-label="ThaiBio หà¸à¹à¸²à¹à¸£à¸"><img src="/assets/images/logo-thaibio22.webp" alt="ThaiBio"></a><form class="search" id="searchForm" action="/category" method="get"><span aria-hidden="true"><svg viewBox="0 0 24 24" focusable="false"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4.25 4.25"></path></svg></span><input id="searchInput" name="q" placeholder="à¸à¹à¸à¸«à¸²à¸ªà¸´à¸à¸à¹à¸² à¹à¸à¸£à¸à¸à¹ หรืà¸à¸«à¸¡à¸§à¸à¸«à¸¡à¸¹à¹" autocomplete="off"><button class="icon" type="submit" aria-label="à¸à¹à¸à¸«à¸²"><svg viewBox="0 0 24 24" focusable="false"><circle cx="11" cy="11" r="6.5"></circle><path d="m16 16 4.25 4.25"></path></svg></button></form><div class="actions header-actions"><button class="category-menu-trigger" id="categoryMenuButton" type="button" aria-label="à¹à¸à¸´à¸à¸«à¸¡à¸§à¸à¸«à¸¡à¸¹à¹à¸ªà¸´à¸à¸à¹à¸²" aria-controls="categoryMenuModal" aria-expanded="false"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="4" y="4" width="6" height="6" rx="1"></rect><rect x="14" y="4" width="6" height="6" rx="1"></rect><rect x="4" y="14" width="6" height="6" rx="1"></rect><rect x="14" y="14" width="6" height="6" rx="1"></rect></svg></button><button class="icon header-action" id="cartButton" type="button" aria-label="à¸à¸°à¸à¸£à¹à¸²à¸ªà¸´à¸à¸à¹à¸²"><svg viewBox="0 0 24 24" focusable="false"><path d="M3 4h2l2 11h10l2-8H6.2"></path><circle cx="9" cy="19" r="1.2"></circle><circle cx="17" cy="19" r="1.2"></circle></svg><span class="header-action__label">à¸à¸°à¸à¸£à¹à¸²</span><b class="badge" id="cartCount" data-cart-count data-cart-count>0</b></button><a class="icon header-action header-account cp-account-link" href="/line-login.php?return_to=index.php" aria-label="à¸à¸±à¸à¸à¸µ"><svg viewBox="0 0 24 24" focusable="false"><circle cx="12" cy="8" r="3.5"></circle><path d="M4.5 20c.9-3.6 3.5-5.5 7.5-5.5s6.6 1.9 7.5 5.5"></path></svg><span class="header-action__label">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</span></a></div><nav class="desktop-nav" aria-label="à¹à¸¡à¸à¸¹à¸«à¸¥à¸±à¸"><button id="categoryMenuNavButton" type="button">หมวà¸à¸«à¸¡à¸¹à¹à¸ªà¸´à¸à¸à¹à¸²â</button><a href="/category?sort=popular">à¹à¸à¸£à¸à¸à¹</a><a href="/category?sort=popular">สิà¸à¸à¹à¸²à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸</a><a href="/category?sort=newest">สิà¸à¸à¹à¸²à¹à¸«à¸¡à¹</a><a href="/articles">à¸à¸à¸à¸§à¸²à¸¡ & à¹à¸à¸¥à¹à¸à¸¥à¸±à¸</a><a href="/about">à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸²</a></nav></header> 83 <section class="hero-slider" id="promotion" aria-label="à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸ ThaiBio" aria-roledescription="carousel"> 84 <div class="hero-slider__viewport"> 85 <div class="hero-slider__track"> 86 <!-- HOMEPAGE_BANNERS_START --><a class="hero hero-slide hero-slide--campaign is-active" href="category?q=Biovitt" aria-label="1 à¸à¸²à¸ 1 Biovitt Products"><img src="/uploads/media/banners/biovitt-all.webp" alt="à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹ Biovitt หลาà¸à¸«à¸¥à¸²à¸¢à¸£à¸²à¸¢à¸à¸²à¸£" loading="eager" fetchpriority="high"></a><!-- HOMEPAGE_BANNERS_END --> 87 </div> 88 </div> 89 <button class="hero-slider__arrow hero-slider__arrow--prev" t
89ype="button" aria-label="à¹à¸à¸à¹à¸à¸à¸£à¹à¸à¹à¸à¸à¸«à¸à¹à¸²">â¹</button> 90 <button class="hero-slider__arrow hero-slider__arrow--next" type="button" aria-label="à¹à¸à¸à¹à¸à¸à¸£à¹à¸à¸±à¸à¹à¸">âº</button> 91 <div class="hero-slider__dots" aria-label="à¹à¸¥à¸·à¸à¸à¹à¸à¸à¹à¸à¸à¸£à¹"></div> 92 </section> 93 <!-- HOMEPAGE_CATEGORY_START --><section class="homepage-category-section"><div class="section-head"><div><small>EXPLORE BY CATEGORY</small><h2>à¹à¸¥à¸·à¸à¸à¸ªà¸¸à¸à¸ าà¸à¹à¸à¹à¸à¸à¸à¸à¸à¸à¸¸à¸</h2></div><a href="category">à¸à¸¹à¸à¸±à¹à¸à¸«à¸¡à¸</a></div><nav class="chips" id="chips"><button class="chip active" data-category="">à¸à¸±à¹à¸à¸«à¸¡à¸</button><button class="chip" data-category="supplements">à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡</button><button class="chip" data-category="clear-protein">à¹à¸à¸£à¸à¸µà¸à¹à¸ª Clear Protein</button><button class="chip" data-category="weight-management-supplements">à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¸§à¸à¸à¸¸à¸¡à¸à¹à¸³à¸«à¸à¸±à¸</button><button class="chip" data-category="whey-protein">à¹à¸§à¸¢à¹à¹à¸à¸£à¸à¸µà¸ Whey Protein</button><button class="chip" data-category="soy-protein">à¸à¸à¸¢à¹à¸à¸£à¸à¸µà¸ Soy Protein</button><button class="chip" data-category="plant-based-protein">à¹à¸à¸£à¸à¸µà¸à¸à¸·à¸ Plant Based Protein</button><button class="chip" data-category="capsule-supplements">à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¸à¸¹à¸¥</button><button class="chip" data-category="fiber">à¹à¸à¹à¸à¸à¸£à¹ fiber</button><button class="chip" data-category="collagen-supplement">à¸à¸à¸¥à¸¥à¸²à¹à¸à¸ Collagen</button><button class="chip" data-category="supplements-gel">à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¹à¸à¸¥</button><button class="chip" data-category="supplements-jelly">วิà¸à¸²à¸¡à¸´à¸à¹à¸à¸¥à¸¥à¸µà¹</button><button class="chip" data-category="supplements-rtd">à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸</button><button class="chip" data-category="supplements-tablets">วิà¸à¸²à¸¡à¸´à¸à¹à¸à¸à¹à¸¡à¹à¸</button><button class="chip" data-category="cosmetics">สà¸à¸´à¸à¹à¸à¸£à¹</button><button class="chip" data-category="cosmetics-cream">à¸à¸£à¸µà¸¡à¸à¸³à¸£à¸¸à¸à¸à¸´à¸§</button><button class="chip" data-category="cosmetics-hair">à¹à¸à¸¡à¸à¸¹à¹à¸¥à¸°à¸à¸¹à¹à¸¥à¹à¸ªà¹à¸à¸à¸¡</button></nav><div class="category-carousel" data-category-carousel><div class="category-carousel__viewport" data-category-viewport tabindex="0" aria-label="à¹à¸¥à¸·à¹à¸à¸à¸à¸¹à¸«à¸¡à¸§à¸à¸«à¸¡à¸¹à¹à¸ªà¸´à¸à¸à¹à¸²"><section class="category-cards home-bento home-category-track" aria-label="à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸à¸²à¸¡à¸«à¸¡à¸§à¸à¸«à¸¡à¸¹à¹"><a class="category-card" href="category/supplements"><span class="category-card__visual"><img src="uploads/media/products/2026/08/a69e7d48197fa69d1415fa6be9896d3f092398ba.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡</b><span>รวมวิà¸à¸²à¸¡à¸´à¸à¹à¸¥à¸°à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸¥à¸ªà¸¸à¸à¸ าà¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/clear-protein"><span class="category-card__visual"><img src="uploads/media/products/2026/08/d0ddb23f359081f38d21fc836cf1f7baad26d753.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸à¸£à¸à¸µà¸à¹à¸ª Clear Protein</b><span>à¹à¸à¸£à¸à¸µà¸à¹à¸ª หรืภClear Protein à¸à¸·à¸à¸à¸§à¸±à¸à¸à¸£à¸£à¸¡à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸£à¸à¸µà¸à¸à¸µà¹à¸à¹à¸²à¸à¸à¸£à¸°à¸à¸§à¸à¸à¸²à¸£à¸à¸£à¸à¸à¹à¸à¸¡à¸±à¸à¹à¸¥à¸°à¸à¹à¸³à¸à¸²à¸¥à¹à¸¥à¸à¹à¸à¸ªà¸à¸à¸à¸à¸à¸«à¸¡à¸ à¸à¸³à¹à¸«à¹à¹à¸à¸·à¹à¸à¸ªà¸±à¸¡à¸à¸±à¸ªà¹à¸«à¸¥à¸§à¹à¸ªà¹à¸«à¸¡à¸·à¸à¸à¸à¹à¸³à¸à¸¥à¹à¸¡à¹ à¹à¸¡à¹à¸à¹à¸à¸«à¸à¸·à¸à¸«à¸£à¸·à¸à¹à¸¥à¸µà¹à¸¢à¸à¹à¸«à¸¡à¸·à¸à¸à¸à¸¡ à¸à¸·à¹à¸¡à¸à¹à¸²à¸¢ à¹à¸«à¹à¸à¸§à¸²à¸¡à¸ªà¸à¸à¸·à¹à¸ à¹à¸à¸¥à¸à¸£à¸µà¸à¹à¸³</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/weight-management-supplements"><span class="category-card__visual"><img src="uploads/media/products/2026/08/3e1bfbc7732bd6f53bcffaf84708b4990c5b2004.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¸§à¸à¸à¸¸à¸¡à¸à¹à¸³à¸«à¸à¸±à¸</b><span>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¸§à¸à¸à¸¸à¸¡à¸à¹à¸³à¸«à¸à¸±à¸ à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸ªà¸£à¸´à¸¡à¸à¸²à¸«à¸²à¸£à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸£à¸¹à¸à¸£à¹à¸²à¸à¹à¸¥à¸°à¸à¸±à¸à¸à¸²à¸£à¸à¹à¸³à¸«à¸à¸±à¸ à¸à¸£à¹à¸à¸¡à¸à¸§à¸²à¸¡à¸£à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¸ªà¸²à¸£à¸ªà¸à¸±à¸ รูà¸à¹à¸à¸à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹ à¹à¸à¸§à¸à¸²à¸à¸à¸±à¸à¸à¸²à¸ªà¸¹à¸à¸£ à¹à¸¥à¸°à¸à¸²à¸£à¹à¸¥à¸·à¸à¸à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸«à¹à¹à¸«à¸¡à¸²à¸°à¸à¸±à¸à¸à¸¥à¸¸à¹à¸¡à¹à¸à¹à¸²à¸«à¸¡à¸²à¸¢ à¹à¸«à¸¡à¸²à¸°à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸à¸£à¸´à¹à¸ à¸à¹à¸¥à¸°à¹à¸à¹à¸²à¸à¸à¸à¹à¸à¸£à¸à¸à¹à¸à¸µà¹à¸à¸³à¸¥à¸±à¸à¸¨à¸¶à¸à¸©à¸²à¸à¹à¸à¸¡à¸¹à¸¥à¸à¹à¸à¸à¸à¸±à¸à¸à¸²à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¸§à¸à¸à¸¸à¸¡à¸à¹à¸³à¸«à¸à¸±à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/whey-protein"><span class="category-card__visual"><img src="uploads/media/products/2026/08/df9639d82fc0ab80c296f18be855c82335fdf0a3.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸§à¸¢à¹à¹à¸à¸£à¸à¸µà¸ Whey Protein</b><span>รวมà¹à¸§à¸¢à¹à¹à¸à¸£à¸à¸µà¸à¸«à¸¥à¸²à¸à¸«à¸¥à¸²à¸¢à¸ªà¸¹à¸à¸£à¹à¸¥à¸°à¸£à¸ªà¸à¸²à¸à¸´ สำหรัà¸à¸à¸¹à¹à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¹à¸à¸´à¹à¸¡à¹à¸à¸£à¸à¸µà¸à¹à¸«à¹à¹à¸«à¸¡à¸²à¸°à¸à¸±à¸à¹à¸¥à¸à¹à¸ªà¹à¸à¸¥à¹à¹à¸à¹à¸à¹à¸¥à¸°à¸§à¸±à¸</span><i aria-hidden="true">â</i></span></a>
93<a class="category-card" href="category/soy-protein"><span class="category-card__visual"><img src="uploads/media/products/2026/08/01f68e725dc2dce4ef637a9824820b5a1597760f.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸à¸¢à¹à¸à¸£à¸à¸µà¸ Soy Protein</b><span>à¹à¸à¸£à¸à¸µà¸à¸à¸²à¸à¸à¸±à¹à¸§à¹à¸«à¸¥à¸·à¸à¸à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸¹à¹à¸à¸µà¹à¸¡à¸à¸à¸«à¸²à¸à¸²à¸à¹à¸¥à¸·à¸à¸à¹à¸à¸à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸£à¸à¸µà¸à¸à¸²à¸à¹à¸«à¸¥à¹à¸à¹à¸à¸£à¸à¸µà¸à¸à¸²à¸à¸à¸·à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/plant-based-protein"><span class="category-card__visual"><img src="uploads/media/products/2026/08/f06885892920053d749eca1f6bb3047f719786e2.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸à¸£à¸à¸µà¸à¸à¸·à¸ Plant Based Protein</b><span>รวมà¹à¸à¸£à¸à¸µà¸à¸à¸²à¸à¸à¸·à¸à¸«à¸¥à¸²à¸à¸«à¸¥à¸²à¸¢à¹à¸«à¸¥à¹à¸ สำหรัà¸à¸à¸¹à¹à¸à¸µà¹à¸à¹à¸à¸à¸à¸²à¸£à¸à¸²à¸à¹à¸¥à¸·à¸à¸à¹à¸à¸à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸£à¸à¸µà¸à¸à¸²à¸à¸§à¸±à¸à¸à¸¸à¸à¸´à¸à¸à¸²à¸à¸à¸·à¸à¹à¸à¸à¸µà¸§à¸´à¸à¸à¸£à¸°à¸à¸³à¸§à¸±à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/capsule-supplements"><span class="category-card__visual"><img src="uploads/media/products/2026/08/d1e1d4ea0a6b27f1ea0ce21a30011dcade88ec83.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¸à¸¹à¸¥</b><span>รวมà¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸ªà¸£à¸´à¸¡à¸à¸²à¸«à¸²à¸£à¹à¸à¸£à¸¹à¸à¹à¸à¸à¹à¸à¸à¸à¸¹à¸¥ à¹à¸à¹à¸à¸²à¸à¸ªà¸°à¸à¸§à¸ à¸à¸£à¹à¸à¸¡à¸à¸±à¸§à¹à¸¥à¸·à¸à¸à¸«à¸¥à¸²à¸à¸«à¸¥à¸²à¸¢à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸à¸±à¸§à¹à¸à¸à¹à¸à¹à¸à¹à¸¥à¸°à¸§à¸±à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/fiber"><span class="category-card__visual"><img src="uploads/media/products/2026/08/c95a860c95510af216c4c0e6dd121e1238708916.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸à¹à¸à¸à¸£à¹ fiber</b><span>รวมà¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¸à¹à¸§à¸¢à¸à¸²à¸£à¸à¸±à¸à¸à¹à¸²à¸¢à¹à¸¥à¸°à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¹à¸à¸à¸£à¹ สำหรัà¸à¸à¸¹à¹à¸à¸µà¹à¸¡à¸à¸à¸«à¸²à¸à¸±à¸§à¸à¹à¸§à¸¢à¹à¸ªà¸£à¸´à¸¡à¹à¸¢à¸à¸²à¸«à¸²à¸£à¹à¸à¸à¸µà¸§à¸´à¸à¸à¸£à¸°à¸à¸³à¸§à¸±à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/collagen-supplement"><span class="category-card__visual"><img src="uploads/media/products/2026/08/d118b749a5806e45f5f9693bf8c5c3a686e817ff.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸à¸¥à¸¥à¸²à¹à¸à¸ Collagen</b><span>à¸à¸à¸¥à¸¥à¸²à¹à¸à¸ (Collagen Supplement) à¹à¸à¹à¸à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸ªà¸£à¸´à¸¡à¸à¸²à¸«à¸²à¸£à¸à¸µà¹à¸¡à¸µà¸à¸à¸¥à¸¥à¸²à¹à¸à¸à¸«à¸£à¸·à¸à¸à¸à¸¥à¸¥à¸²à¹à¸à¸à¹à¸à¸à¹à¸à¸à¹à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸£à¸°à¸à¸à¸à¸«à¸¥à¸±à¸ à¹à¸à¸¢à¸à¸´à¸¢à¸¡à¸à¸±à¸à¸à¸²à¹à¸«à¹à¸à¸¢à¸¹à¹à¹à¸à¸£à¸¹à¸à¹à¸à¸à¸à¸µà¹à¸£à¸±à¸à¸à¸£à¸°à¸à¸²à¸à¸à¹à¸²à¸¢ à¹à¸à¹à¸ à¸à¸à¸à¸à¸à¸·à¹à¸¡ à¸à¸à¸à¸ªà¸à¸´à¹à¸ à¹à¸à¸à¸à¸¹à¸¥ à¹à¸¡à¹à¸ à¹à¸¥à¸°à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡à¸à¸£à¹à¸à¸¡à¸à¸·à¹à¸¡</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/supplements-gel"><span class="category-card__visual"><img src="uploads/media/products/2026/08/950e1cddc11ab76130fba55dc11a96f751a5d07b.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¹à¸à¸¥</b><span>à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸£à¸¹à¸à¹à¸à¸à¹à¸à¸¥ รัà¸à¸à¸£à¸°à¸à¸²à¸à¸ªà¸°à¸à¸§à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/supplements-jelly"><span class="category-card__visual"><img src="uploads/media/products/2026/08/a1caad0b8ed67118833a82545159e8816db3b995.webp" alt=""></span><span class="category-card__copy"><b>วิà¸à¸²à¸¡à¸´à¸à¹à¸à¸¥à¸¥à¸µà¹</b><span>วิà¸à¸²à¸¡à¸´à¸à¹à¸¥à¸°à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¹à¸à¸¥à¸¥à¸µà¹</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/supplements-rtd"><span class="category-card__visual"><img src="uploads/media/products/2026/08/bfaedbb7ee219648803bb2a677eb40a1a9e9d6cd.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸</b><span>รวมà¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡à¹à¸¥à¸°à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¸à¸£à¹à¸à¸¡à¸à¸·à¹à¸¡</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/supplements-tablets"><span class="category-card__visual"><img src="uploads/media/products/2026/08/e2ac137bbfc00b707faf57aee6d7ab88d3ce6e82.webp" alt=""></span><span class="category-card__copy"><b>วิà¸à¸²à¸¡à¸´à¸à¹à¸à¸à¹à¸¡à¹à¸</b><span>วิà¸à¸²à¸¡à¸´à¸à¹à¸¥à¸°à¸à¸²à¸«à¸²à¸£à¹à¸ªà¸£à¸´à¸¡à¹à¸à¸à¹à¸¡à¹à¸</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/cosmetics"><span class="category-card__visual"><img src="uploads/media/products/2026/08/176665ebc639a2d4b4c47aa5e762d4ca6dc68463.webp" alt=""></span><span class="category-card__copy"><b>สà¸à¸´à¸à¹à¸à¸£à¹</b><span>รวมà¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸³à¸£à¸¸à¸à¹à¸¥à¸°à¸à¸¹à¹à¸¥à¸à¸´à¸§</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/cosmetics-cream"><span class="category-card__visual"><img src="uploads/media/products/2026/08/eed74f8ed0583b151b109fce62a492e652f31a83.webp" alt=""></span><span class="category-card__copy"><b>à¸à¸£à¸µà¸¡à¸à¸³à¸£à¸¸à¸à¸à¸´à¸§</b><span>
93à¸à¸£à¸µà¸¡à¹à¸¥à¸°à¸¡à¸à¸¢à¸ªà¹à¹à¸à¸à¹à¸£à¹à¸à¸à¸£à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸³à¸£à¸¸à¸à¸à¸´à¸§</span><i aria-hidden="true">â</i></span></a><a class="category-card" href="category/cosmetics-hair"><span class="category-card__visual"><img src="uploads/media/products/2026/08/76c6fd5e43a2f1306a3dbc96b479876ad37c8b2f.webp" alt=""></span><span class="category-card__copy"><b>à¹à¸à¸¡à¸à¸¹à¹à¸¥à¸°à¸à¸¹à¹à¸¥à¹à¸ªà¹à¸à¸à¸¡</b><span>à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸¹à¹à¸¥à¹à¸ªà¹à¸à¸à¸¡à¹à¸¥à¸°à¸«à¸à¸±à¸à¸¨à¸µà¸£à¸©à¸°</span><i aria-hidden="true">â</i></span></a></section></div><button class="category-carousel__arrow category-carousel__arrow--prev" type="button" data-category-prev aria-label="หมวà¸à¸«à¸¡à¸¹à¹à¸à¹à¸à¸à¸«à¸à¹à¸²"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg></button><button class="category-carousel__arrow category-carousel__arrow--next" type="button" data-category-next aria-label="หมวà¸à¸«à¸¡à¸¹à¹à¸à¸±à¸à¹à¸"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"/></svg></button><div class="category-carousel__pagination" data-category-pagination aria-label="à¹à¸¥à¸·à¸à¸à¸«à¸à¹à¸²à¸«à¸¡à¸§à¸à¸«à¸¡à¸¹à¹"></div></div></section><!-- HOMEPAGE_CATEGORY_END --> 94 <!-- Fixed homepage order: Flash Sale is directly below Explore by Category. --> 95 <!-- HOMEPAGE_FLASH_SALE_START --><!-- HOMEPAGE_FLASH_SALE_END --> 96 <!-- HOMEPAGE_THAIBIO_EDIT_START --><section class="editorial thaibio-edit" id="thaibio-edit"><div class="editorial__copy"><small>THAIBIO</small><h2>à¹à¸£à¸²à¹à¸¥à¸·à¸à¸à¸ªà¸´à¹à¸à¸à¸µà¹à¸à¸µ<br> 97à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¸à¸µà¹à¸à¸µà¸à¸à¸à¸à¸¸à¸</h2><p>à¸à¸±à¸à¸ªà¸£à¸£à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¸à¸¸à¸à¸ าà¸à¸à¸²à¸à¹à¸à¸£à¸à¸à¹à¸à¸±à¹à¸à¸à¸³ à¹à¸à¸·à¹à¸à¹à¸«à¹à¸à¸¸à¸à¸à¸¹à¹à¸¥à¸ªà¸¸à¸à¸ าà¸à¸à¸µà¹à¸à¸µà¹à¸à¸à¸¸à¸à¸§à¸±à¸</p><a href="category">à¸à¸¹à¹à¸à¹à¸à¸µà¸¢ <span aria-hidden="true">â</span></a></div><div class="editorial__visual editorial__visual--image"><img src="/uploads/media/products/2026/08/c4fbc721ba1820fc7b014f45a57d1fb136e05205.webp" alt="à¹à¸£à¸²à¹à¸¥à¸·à¸à¸à¸ªà¸´à¹à¸à¸à¸µà¹à¸à¸µ à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¸à¸µà¹à¸à¸µà¸à¸à¸à¸à¸¸à¸" loading="lazy"></div></section><!-- HOMEPAGE_THAIBIO_EDIT_END --> 98 <!-- HOMEPAGE_POPULAR_NOW_START --><div class="section-head product-heading" id="products"><div><small>POPULAR NOW</small><h2>สิà¸à¸à¹à¸²à¸¢à¸à¸à¸à¸´à¸¢à¸¡</h2></div><a href="category">à¸à¸¹à¸à¸±à¹à¸à¸«à¸¡à¸</a></div><section class="grid" id="productGrid" aria-live="polite"><p class="empty">à¸à¸³à¸¥à¸±à¸à¹à¸«à¸¥à¸à¸ªà¸´à¸à¸à¹à¸²â¦</p></section><!-- HOMEPAGE_POPULAR_NOW_END --> 99 <!-- HOMEPAGE_DRLAB_START --><!-- HOMEPAGE_DRLAB_END --> 100 <!-- HOMEPAGE_COMMERCE_STORIES_START --><!-- HOMEPAGE_COMMERCE_STORIES_END --> 101 <section class="service-strip" aria-label="à¸à¹à¸à¸à¸à¸±à¸ ThaiBio"><a class="service service--line" href="https://line.me/R/ti/p/@thaibio" target="_blank" rel="noopener"><i aria-hidden="true"><img src="icon-line.svg" alt="" width="44" height="44"></i><div><b>à¸à¸£à¸¶à¸à¸©à¸²à¸à¸¹à¹à¹à¸à¸µà¹à¸¢à¸§à¸à¸²à¸ à¸à¸£à¸µ!</b><span>à¸à¹à¸²à¸ LINE Official</span><em>à¹à¸à¸à¸à¸±à¸à¹à¸£à¸² â</em></div></a><a class="service" href="#"><i aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 6h11v11H3zM14 10h4l3 3v4h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="18" cy="18" r="2"/></svg></i><div><b>à¸à¸±à¸à¸ªà¹à¸à¸£à¸§à¸à¹à¸£à¹à¸§</b><span>à¸à¸±à¹à¸§à¸à¸£à¸°à¹à¸à¸¨ 1â3 วัà¸à¸à¸³à¸à¸²à¸£</span><em>à¸à¸¹à¸à¸²à¸£à¸à¸±à¸à¸ªà¹à¸ â</em></div></a><a class="service" href="#"><i aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 3 20 6v5c0 5.2-3.2 8.5-8 10-4.8-1.5-8-4.8-8-10V6l8-3Z"/><path d="m8.5 12 2.2 2.2 4.8-5"/></svg></i><div><b>à¸à¸à¸à¹à¸à¹ 100%</b><span>มัà¹à¸à¹à¸à¹à¸à¸à¸¸à¸à¸ าà¸</span><em>à¸à¸¹à¸à¸²à¸£à¸£à¸±à¸à¸à¸£à¸°à¸à¸±à¸ â</em></div></a></section> 102 <footer class="site-footer" id="about"><section><h3>ThaiBio</h3><p>à¸à¸±à¸à¸ªà¸£à¸£à¸à¸¥à¸´à¸à¸ ัà¸à¸à¹à¹à¸à¸·à¹à¸à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¹à¸ à¸à¸à¸²à¸à¸²à¸£à¸à¸µà¹à¹à¸à¹à¸¡à¸²à¸à¸£à¸à¸²à¸ à¹à¸à¸·à¹à¸à¸ªà¸à¸±à¸à¸ªà¸à¸¸à¸à¸à¸²à¸£à¸à¸¹à¹à¸¥à¸ªà¸¸à¸à¸ าà¸à¹à¸¥à¸°à¸à¸¸à¸à¸ าà¸à¸à¸µà¸§à¸´à¸à¸à¸µà¹à¸à¸µà¹à¸à¸à¸¸à¸à¸§à¸±à¸ à¸à¸£à¹à¸à¸¡à¸à¸£à¸´à¸à¸²à¸£à¸à¸µà¹à¹à¸ªà¹à¹à¸à¹à¸à¸à¸¸à¸à¸à¸±à¹à¸à¸à¸à¸ à¸à¸±à¹à¸à¹à¸à¹à¸à¸²à¸£à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸à¸à¸à¸à¸¶à¸à¸à¸²à¸£à¸à¸±à¸à¸ªà¹à¸</p></section><section><h3>à¹à¸¥à¸·à¸à¸à¸à¸·à¹à¸</h3><a href="category">สิà¸à¸à¹à¸²à¸à¸±à¹à¸à¸«à¸¡à¸</a><a href="category/protein-whey">à¹à¸à¸£à¸à¸µà¸ & à¹à¸§à¸¢à¹</a><a href="category/fiber-detox">à¹à¸à¹à¸à¸à¸£à¹ & à¸à¸µà¸à¹à¸à¸à¸à¹</a></section><section id="contact"><h3>à¸à¸£à¸´à¸à¸²à¸£à¸¥à¸¹à¸à¸à¹à¸²</h3><a href="#">à¸à¸´à¸à¸à¸²à¸¡à¸à¸³à¸ªà¸±à¹à¸à¸à¸·à¹à¸</a><a href="#">à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢</a><a href="#">à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</a></section><section><h3>à¸à¹à¸¢à¸à¸²à¸¢à¹à¸¥à¸°à¹à¸à¸·à¹à¸à¸à¹à¸</h3><button class="site-footer__policy" type="button" data-policy-open="privacy">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</button><button class="site-footer__policy" type="button" data-policy-open="cookies">
102à¸à¸²à¸£à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button><button class="site-footer__policy" type="button" data-policy-open="terms">à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸</button></section><section><h3>à¸à¹à¸²à¸§à¸ªà¸²à¸£à¹à¸¥à¸°à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸</h3><p>รัà¸à¸à¹à¸²à¸§à¸ªà¸²à¸£à¸à¸²à¸ ThaiBio à¸à¹à¸à¸à¹à¸à¸£</p><div class="site-footer__line-card"><a class="site-footer__qr-link" href="https://line.me/R/ti/p/@thaibio" target="_blank" rel="noopener" aria-label="à¹à¸à¸´à¹à¸¡à¹à¸à¸·à¹à¸à¸ ThaiBio à¸à¹à¸²à¸ LINE"><img class="site-footer__qr" src="https://qr-official.line.me/gs/M_thaibio_GW.png" alt="QR Code LINE ThaiBio" loading="lazy"></a><div><p class="site-footer__line">Line ID <a href="https://line.me/R/ti/p/@thaibio" target="_blank" rel="noopener">@thaibio</a></p><a class="site-footer__line-button" href="https://line.me/R/ti/p/@thaibio" target="_blank" rel="noopener">à¹à¸à¸´à¹à¸¡à¹à¸à¸·à¹à¸à¸à¹à¸ LINE</a></div></div></section></footer> 103 </main> 104 <div class="toast" id="toast" role="status" aria-live="polite">à¹à¸à¸´à¹à¸¡à¸ªà¸´à¸à¸à¹à¸²à¹à¸ªà¹à¸£à¸à¹à¸à¹à¸à¹à¸£à¸µà¸¢à¸à¸£à¹à¸à¸¢</div> 105 <aside class="cp-mini-cart cp-home-cart" id="v2Cart" aria-hidden="true"><button class="cp-mini-cart__backdrop" type="button" data-close-cart aria-label="à¸à¸´à¸à¸à¸°à¸à¸£à¹à¸²"></button><section class="cp-mini-cart__panel" role="dialog" aria-modal="true" aria-labelledby="v2CartTitle"><div class="cp-mini-cart__head"><button type="button" data-close-cart aria-label="à¸à¸´à¸à¸à¸°à¸à¸£à¹à¸²">â</button><h2 id="v2CartTitle">à¸à¸°à¸à¸£à¹à¸²à¸ªà¸´à¸à¸à¹à¸²</h2><span aria-hidden="true"></span></div><div class="cp-mini-cart__items" id="v2CartItems"></div><div class="cp-mini-cart__footer"><div><span>ยà¸à¸à¸£à¸§à¸¡</span><strong id="v2CartTotal">฿0</strong></div><button id="v2Checkout" type="button" disabled aria-disabled="true">à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸</button></div></section></aside> 106 <style>.v2-checkout{display:grid;gap:11px;padding:8px 0}.v2-checkout label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:600}.v2-checkout input,.v2-checkout textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff;color:var(--ink);font:inherit;font-size:14px}.v2-checkout textarea{min-height:82px;resize:vertical}.v2-checkout__title{margin:4px 0 6px;font-size:16px}.v2-checkout__note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}</style> 107 <style>.site-footer .site-footer__policy{display:block;width:auto;min-height:0;margin:5px 0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:400;line-height:1.5;text-align:left;cursor:pointer}.site-footer .site-footer__policy:hover,.site-footer .site-footer__policy:focus-visible{background:transparent;color:var(--green);text-decoration:underline;text-underline-offset:3px}@media (min-width:768px){.site-footer{grid-template-columns:1.25fr repeat(3,.8fr) 1.35fr}}</style> 108 <!-- TODO: Enable footer support and newsletter controls only when their production endpoints are available. --> 109
109<script src="assets/js/home-controller.js?v=1787124964"></script>
109 110
110<script src="assets/js/storefront-categories.js?v=1787124964"></script>
110 111
111<script src="assets/js/home-search.js?v=1787124964"></script>
111 112
112<script src="assets/js/storefront-header.js?v=1787214093"></script>
112 113
113<script src="assets/js/store-footer.js?v=1787218929"></script>
113 114
114<script src="assets/js/store-policy.js?v=1787218929"></script>
114 115
115<script src="assets/js/catalog-account.js?v=1787124964"></script>
115 116
116<script src="assets/js/homepage-hero-slider.js?v=1787124964"></script>
116 117
117<script src="assets/js/homepage-category-carousel.js?v=1787124964"></script>
117 118
118<script src="assets/js/homepage-flash-sale.js?v=1787124964"></script>
118 119
119<script src="assets/js/homepage-review-carousel.js?v=1787124964"></script>
vendor: 1 bytes, line 119
119
120<script src="assets/js/catalog-mini-cart.js?v=1787124964"></script>
120<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"8bc26fac69984dcd8a165e6cab91ba4f","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 120
120
121<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a47492207b937aad',t:'MTc5MTQ1NjQ4MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
121</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.