{"id":42441,"date":"2026-06-08T22:45:41","date_gmt":"2026-06-08T14:45:41","guid":{"rendered":"https:\/\/biokenaf.my\/?page_id=42441"},"modified":"2026-06-28T12:23:27","modified_gmt":"2026-06-28T04:23:27","slug":"lp-my-diet-tuner-v2","status":"publish","type":"page","link":"https:\/\/biokenaf.my\/index.php\/lp-my-diet-tuner-v2\/","title":{"rendered":"LP MY DIET TUNER V2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42441\" class=\"elementor elementor-42441\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2600fc6 e-flex e-con-boxed e-con e-parent\" data-id=\"2600fc6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ffe8a5 elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"0ffe8a5\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     BIOKENAF\u00ae HOME PAGE \u2014 WORDPRESS-READY VERSION (REPAIRED)\n     Paste this whole block into a single \"Custom HTML\" block.\n     All CSS is scoped under .bkf-page so it will NOT clash with\n     your WordPress theme. No <html>\/<head>\/<body> wrappers.\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap');\n  \/* \u2500\u2500\u2500 SCOPED RESET & VARIABLES \u2500\u2500\u2500 *\/\n  .bkf-page {\n    --green-deep: #1a3a2a;\n    --green-mid: #2d6a4f;\n    --green-bright: #52b788;\n    padding-bottom: 80px;\n    --green-light: #95d5b2;\n    --gold: #c9a84c;\n    --gold-light: #e8c97a;\n    --cream: #faf6ee;\n    --cream-dark: #f0e8d8;\n    --white: #ffffff;\n    --text-dark: #1a2a1e;\n    --text-mid: #3d5a47;\n    --text-light: #6b8f76;\n    --red-accent: #c0392b;\n    --shadow: 0 20px 60px rgba(26,58,42,0.15);\n    --shadow-sm: 0 4px 20px rgba(26,58,42,0.1);\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n    scroll-behavior: smooth;\n    width: 100%;\n    max-width: 100%;\n    display: block;\n  }\n  .bkf-page, .bkf-page *, .bkf-page *::before, .bkf-page *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }\n  .bkf-page img, .bkf-page video { max-width: 100%; }\n\n  \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n  .bkf-page .bkf-nav {\n    position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important;\n    z-index: 99999 !important;\n    background: rgba(26,58,42,0.97);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    padding: 0 40px;\n    display: flex !important; align-items: center; justify-content: space-between;\n    height: 64px;\n    border-bottom: 1px solid rgba(201,168,76,0.3);\n    width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  \/* Offset page content so navbar doesn't cover it *\/\n  .bkf-page #hero { margin-top: 0; }\n  .bkf-page .nav-logo {\n    display: flex; align-items: center; gap: 10px;\n    text-decoration: none;\n  }\n  .bkf-page .nav-logo-divider {\n    width: 1px; height: 28px;\n    background: rgba(255,255,255,0.2);\n  }\n  .bkf-page .nav-links {\n    display: flex; gap: 32px; list-style: none;\n    align-items: center;\n  }\n  .bkf-page .nav-links a {\n    color: rgba(255,255,255,0.8);\n    text-decoration: none;\n    font-size: 0.88rem; font-weight: 500;\n    letter-spacing: 0.04em; text-transform: uppercase;\n    transition: color 0.2s;\n  }\n  .bkf-page .nav-links a:hover { color: var(--gold-light); }\n  .bkf-page .nav-cta {\n    background: var(--gold);\n    color: var(--green-deep) !important;\n    padding: 8px 20px; border-radius: 40px;\n    font-weight: 600 !important;\n    transition: background 0.2s !important;\n  }\n  .bkf-page .nav-cta:hover { background: var(--gold-light) !important; color: var(--green-deep) !important; }\n  .bkf-page .hamburger {\n    display: none; flex-direction: column; gap: 5px;\n    cursor: pointer; background: none; border: none; padding: 8px;\n  }\n  .bkf-page .hamburger span { width: 24px; height: 2px; background: var(--gold-light); border-radius: 2px; display: block; }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n  .bkf-page #hero {\n    background: linear-gradient(145deg, var(--green-deep) 0%, #0f2419 50%, #1a3a2a 100%);\n    display: flex; flex-direction: column;\n    align-items: center; justify-content: center;\n    text-align: center;\n    padding: 80px 24px 80px;\n    position: relative; overflow: hidden;\n    width: 100%;\n  }\n  .bkf-page #hero::before {\n    content: '';\n    position: absolute; inset: 0;\n    background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(82,183,136,0.12) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .bkf-page .hero-leaf {\n    position: absolute; opacity: 0.06; pointer-events: none;\n    font-size: 280px; line-height: 1;\n  }\n  .bkf-page .hero-leaf-1 { top: -40px; left: -60px; transform: rotate(-20deg); }\n  .bkf-page .hero-leaf-2 { bottom: -60px; right: -40px; transform: rotate(15deg); }\n  .bkf-page .hero-badge {\n    display: inline-flex; align-items: center; gap: 8px;\n    background: rgba(201,168,76,0.15);\n    border: 1px solid rgba(201,168,76,0.4);\n    color: var(--gold-light);\n    padding: 6px 18px; border-radius: 40px;\n    font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 28px;\n    animation: bkfFadeDown 0.7s ease both;\n  }\n  .bkf-page .hero-badge::before { content: '\u2726'; }\n  .bkf-page #hero h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2.6rem, 6vw, 5rem);\n    font-weight: 900; color: var(--white);\n    line-height: 1.1; max-width: 820px;\n    margin-bottom: 24px;\n    animation: bkfFadeDown 0.8s 0.15s ease both;\n  }\n  .bkf-page #hero h1 em { color: var(--green-bright); font-style: normal; }\n  .bkf-page .hero-sub {\n    font-size: clamp(1rem, 2vw, 1.2rem);\n    color: rgba(255,255,255,0.7);\n    max-width: 560px; line-height: 1.7;\n    margin-bottom: 44px;\n    animation: bkfFadeDown 0.8s 0.28s ease both;\n  }\n  .bkf-page .hero-cta-group {\n    display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;\n    margin-bottom: 64px;\n    animation: bkfFadeDown 0.8s 0.4s ease both;\n  }\n  .bkf-page .btn-primary {\n    background: linear-gradient(135deg, var(--gold), #a8833d);\n    color: var(--green-deep);\n    padding: 16px 40px; border-radius: 50px;\n    font-size: 1rem; font-weight: 700;\n    text-decoration: none; letter-spacing: 0.03em;\n    box-shadow: 0 8px 30px rgba(201,168,76,0.35);\n    transition: transform 0.2s, box-shadow 0.2s;\n    display: inline-block;\n  }\n  .bkf-page .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(201,168,76,0.45); }\n  .bkf-page .btn-secondary {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.2);\n    color: var(--white);\n    padding: 16px 36px; border-radius: 50px;\n    font-size: 1rem; font-weight: 500;\n    text-decoration: none;\n    transition: background 0.2s;\n    display: inline-block;\n  }\n  .bkf-page .btn-secondary:hover { background: rgba(255,255,255,0.13); }\n  .bkf-page .hero-awards {\n    display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;\n    animation: bkfFadeDown 0.8s 0.55s ease both;\n  }\n  .bkf-page .award-pill {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.12);\n    color: rgba(255,255,255,0.75);\n    padding: 8px 18px; border-radius: 40px;\n    font-size: 0.8rem; font-weight: 500;\n    display: flex; flex-direction: column; align-items: center; gap: 2px;\n  }\n  .bkf-page .award-pill strong { color: var(--green-light); font-size: 0.75rem; }\n\n  \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\n  .bkf-page section { padding: 96px 24px; width: 100%; }\n  .bkf-page .container { max-width: 1100px; margin: 0 auto; width: 100%; }\n  .bkf-page .section-label {\n    display: inline-block;\n    color: var(--green-mid); font-weight: 700;\n    font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n  .bkf-page .section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(2rem, 4vw, 3rem);\n    font-weight: 900; line-height: 1.15;\n    color: var(--green-deep);\n    margin-bottom: 20px;\n  }\n  .bkf-page .section-desc {\n    font-size: 1.05rem; color: var(--text-mid);\n    line-height: 1.75; max-width: 640px;\n  }\n\n  \/* \u2500\u2500\u2500 BENEFITS \u2500\u2500\u2500 *\/\n  .bkf-page #benefits { background: var(--cream); }\n  .bkf-page .benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 24px;\n  }\n\n  \/* \u2500\u2500\u2500 MECHANISM \u2500\u2500\u2500 *\/\n  .bkf-page #mechanism {\n    background: linear-gradient(160deg, var(--green-deep) 0%, #0f2419 100%);\n    color: var(--white);\n  }\n  .bkf-page .mech-inner { display: grid; grid-template-columns: 1fr; gap: 64px; align-items: center; }\n  .bkf-page .mech-text .section-title { color: var(--white); }\n  .bkf-page .mech-text .section-label { color: var(--green-light); }\n  .bkf-page .mech-desc { color: rgba(255,255,255,0.75); font-size: 1.02rem; line-height: 1.8; margin-bottom: 32px; }\n  .bkf-page .mech-list { list-style: none; display: flex; flex-direction: column; gap: 16px; }\n  .bkf-page .mech-list li {\n    display: flex; gap: 14px; align-items: flex-start;\n    color: rgba(255,255,255,0.85); font-size: 0.95rem; line-height: 1.55;\n  }\n  .bkf-page .mech-list li::before {\n    content: '\u2713';\n    min-width: 24px; height: 24px;\n    background: var(--green-bright);\n    color: var(--green-deep);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    font-size: 0.75rem; font-weight: 800; margin-top: 2px;\n  }\n\n  \/* \u2500\u2500\u2500 INGREDIENTS \u2500\u2500\u2500 *\/\n  .bkf-page #ingredients { background: var(--cream-dark); }\n  .bkf-page .ingr-header { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-bottom: 56px; }\n  .bkf-page .ingr-source {\n    background: var(--green-deep);\n    border-radius: 20px; padding: 32px;\n    color: rgba(255,255,255,0.85);\n  }\n  .bkf-page .ingr-source h4 { color: var(--gold-light); font-family: 'Playfair Display', serif; font-size: 1.05rem; margin-bottom: 10px; }\n  .bkf-page .ingr-source p { font-size: 0.9rem; line-height: 1.65; }\n  .bkf-page .ingr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }\n  .bkf-page .ingr-card {\n    background: var(--white);\n    border-radius: 16px; padding: 28px 24px;\n    border-left: 4px solid var(--green-bright);\n    box-shadow: var(--shadow-sm);\n    transition: transform 0.2s;\n  }\n  .bkf-page .ingr-card:hover { transform: translateX(4px); }\n  .bkf-page .ingr-name {\n    font-weight: 700; color: var(--green-deep);\n    font-size: 0.95rem; margin-bottom: 8px;\n  }\n  .bkf-page .ingr-benefit { color: var(--text-mid); font-size: 0.88rem; line-height: 1.55; }\n  .bkf-page .ingr-tag {\n    margin-top: 10px;\n    display: inline-block;\n    background: rgba(82,183,136,0.1);\n    color: var(--green-mid);\n    font-size: 0.72rem; font-weight: 700;\n    padding: 3px 10px; border-radius: 20px;\n    letter-spacing: 0.06em;\n  }\n\n  \/* \u2500\u2500\u2500 TIMELINE \u2500\u2500\u2500 *\/\n  .bkf-page #timeline { background: var(--white); }\n  .bkf-page .timeline-header { text-align: center; margin-bottom: 60px; }\n  .bkf-page .timeline-track {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    position: relative; gap: 0;\n  }\n  .bkf-page .timeline-track::before {\n    content: '';\n    position: absolute;\n    top: 36px; left: 12.5%; right: 12.5%;\n    height: 3px;\n    background: linear-gradient(90deg, var(--green-bright), var(--gold));\n  }\n  .bkf-page .timeline-node { text-align: center; padding: 0 16px; position: relative; }\n  .bkf-page .node-dot {\n    width: 72px; height: 72px;\n    border-radius: 50%;\n    background: var(--green-mid);\n    color: var(--white);\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\n    margin: 0 auto 20px;\n    box-shadow: 0 6px 24px rgba(45,106,79,0.3);\n    transition: transform 0.2s;\n  }\n  .bkf-page .timeline-node:hover .node-dot { transform: scale(1.1); }\n  .bkf-page .node-day { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.8; }\n  .bkf-page .node-num {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.4rem; font-weight: 900; line-height: 1;\n  }\n  .bkf-page .timeline-node:nth-child(4) .node-dot { background: var(--gold); color: var(--green-deep); box-shadow: 0 6px 24px rgba(201,168,76,0.35); }\n  .bkf-page .node-result {\n    font-size: 0.88rem; color: var(--text-mid);\n    line-height: 1.55; max-width: 180px; margin: 0 auto;\n  }\n\n  \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n  .bkf-page #testimonials { background: var(--cream); }\n  .bkf-page .testi-header { text-align: center; margin-bottom: 56px; }\n  .bkf-page .testi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }\n  .bkf-page .testi-card {\n    background: var(--white);\n    border-radius: 20px; padding: 32px 28px;\n    box-shadow: var(--shadow-sm);\n    border: 1px solid rgba(45,106,79,0.08);\n    position: relative;\n    transition: transform 0.25s;\n  }\n  .bkf-page .testi-card:hover { transform: translateY(-4px); }\n  .bkf-page .testi-stars { color: var(--gold); font-size: 1rem; margin-bottom: 12px; letter-spacing: 2px; }\n  .bkf-page .testi-title {\n    font-weight: 700; color: var(--green-deep);\n    font-size: 0.95rem; margin-bottom: 12px;\n    text-transform: uppercase; letter-spacing: 0.04em;\n  }\n  .bkf-page .testi-review { color: var(--text-mid); font-size: 0.9rem; line-height: 1.65; margin-bottom: 20px; font-style: italic; }\n  .bkf-page .testi-footer { display: flex; align-items: center; gap: 10px; }\n  .bkf-page .testi-avatar {\n    width: 38px; height: 38px; border-radius: 50%;\n    background: linear-gradient(135deg, var(--green-bright), var(--green-mid));\n    display: flex; align-items: center; justify-content: center;\n    color: var(--white); font-weight: 700; font-size: 0.9rem;\n    flex-shrink: 0;\n  }\n  .bkf-page .testi-name { font-weight: 600; color: var(--green-deep); font-size: 0.88rem; }\n  .bkf-page .testi-badge {\n    font-size: 0.72rem; color: var(--green-mid);\n    display: flex; align-items: center; gap: 4px;\n  }\n  .bkf-page .testi-badge::before { content: '\u2713'; background: var(--green-bright); color: white; border-radius: 50%; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.6rem; font-weight: 800; }\n\n  \/* \u2500\u2500\u2500 EXPERT \u2500\u2500\u2500 *\/\n  .bkf-page #expert {\n    background: linear-gradient(135deg, var(--green-deep), #142b1e);\n    color: var(--white);\n    padding: 80px 24px;\n  }\n  .bkf-page .expert-inner { display: grid; grid-template-columns: 340px 1fr; gap: 64px; align-items: center; max-width: 1100px; margin: 0 auto; }\n  .bkf-page .expert-photo {\n    background: rgba(255,255,255,0.06);\n    border: 2px solid rgba(201,168,76,0.3);\n    border-radius: 20px; overflow: hidden;\n    aspect-ratio: 3\/4; display: flex; align-items: center; justify-content: center;\n  }\n  .bkf-page .expert-photo-placeholder {\n    font-size: 5rem; text-align: center;\n    display: flex; flex-direction: column; gap: 12px; align-items: center;\n    color: rgba(255,255,255,0.4);\n  }\n  .bkf-page .expert-photo-placeholder span { font-size: 0.85rem; letter-spacing: 0.08em; }\n  .bkf-page .expert-quote-mark {\n    font-size: 5rem; line-height: 0.5;\n    color: var(--gold); opacity: 0.4;\n    font-family: Georgia, serif;\n    margin-bottom: 16px; display: block;\n  }\n  .bkf-page .expert-quote {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(1.1rem, 2.2vw, 1.5rem);\n    font-weight: 700; line-height: 1.55;\n    color: var(--white); margin-bottom: 28px;\n  }\n  .bkf-page .expert-name { font-weight: 700; color: var(--gold-light); font-size: 1rem; }\n  .bkf-page .expert-title { color: rgba(255,255,255,0.6); font-size: 0.88rem; margin-top: 4px; }\n  .bkf-page .expert-ribbon {\n    margin-top: 32px;\n    display: flex; gap: 12px; flex-wrap: wrap;\n  }\n  .bkf-page .expert-tag {\n    background: rgba(82,183,136,0.15);\n    border: 1px solid rgba(82,183,136,0.3);\n    color: var(--green-light);\n    padding: 6px 16px; border-radius: 30px;\n    font-size: 0.8rem; font-weight: 600;\n  }\n\n  \/* \u2500\u2500\u2500 HOW TO USE \u2500\u2500\u2500 *\/\n  .bkf-page #howtotake { background: var(--cream-dark); }\n  .bkf-page .how-header { text-align: center; margin-bottom: 56px; }\n  .bkf-page .how-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }\n  .bkf-page .how-methods { display: flex; flex-direction: column; gap: 20px; }\n  .bkf-page .how-card {\n    background: var(--white);\n    border-radius: 16px; padding: 24px 28px;\n    display: flex; gap: 20px; align-items: flex-start;\n    box-shadow: var(--shadow-sm);\n    transition: transform 0.2s;\n  }\n  .bkf-page .how-card:hover { transform: translateX(6px); }\n  \/* \u2705 FIX 1 APPLIED: width & height both 36px so circle stays perfectly round *\/\n  .bkf-page .how-num {\n    width: 36px; height: 36px; min-width: 36px;\n    background: var(--green-mid); color: var(--white);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    font-weight: 800; font-size: 0.85rem; flex-shrink: 0;\n  }\n  .bkf-page .how-text h4 { color: var(--green-deep); font-weight: 700; margin-bottom: 6px; }\n  .bkf-page .how-text p { color: var(--text-mid); font-size: 0.9rem; line-height: 1.55; }\n  .bkf-page .dosage-box {\n    background: var(--green-deep);\n    border-radius: 20px; padding: 36px;\n    color: var(--white);\n  }\n  .bkf-page .dosage-box h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.2rem; color: var(--gold-light);\n    margin-bottom: 24px;\n  }\n  .bkf-page .dosage-row {\n    display: flex; justify-content: space-between;\n    padding: 14px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .bkf-page .dosage-row:last-child { border-bottom: none; }\n  .bkf-page .dosage-key { color: rgba(255,255,255,0.65); font-size: 0.88rem; }\n  .bkf-page .dosage-val { color: var(--green-light); font-weight: 600; font-size: 0.9rem; text-align: right; }\n  .bkf-page .dosage-note {\n    margin-top: 24px;\n    background: rgba(201,168,76,0.1);\n    border: 1px solid rgba(201,168,76,0.25);\n    border-radius: 12px; padding: 16px;\n    color: var(--gold-light); font-size: 0.85rem; line-height: 1.6;\n  }\n\n  \/* \u2500\u2500\u2500 CERTIFICATIONS \u2500\u2500\u2500 *\/\n  .bkf-page #certifications { background: var(--white); }\n  .bkf-page .cert-header { text-align: center; margin-bottom: 52px; }\n  .bkf-page .cert-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }\n  .bkf-page .cert-card {\n    border: 2px solid rgba(45,106,79,0.12);\n    border-radius: 16px; padding: 28px 24px; text-align: center;\n    background: var(--cream);\n    transition: border-color 0.2s, transform 0.2s;\n  }\n  .bkf-page .cert-card:hover { border-color: var(--green-bright); transform: translateY(-4px); }\n  .bkf-page .cert-icon { font-size: 2rem; margin-bottom: 12px; }\n  .bkf-page .cert-name { font-weight: 700; color: var(--green-deep); font-size: 0.95rem; margin-bottom: 8px; }\n  .bkf-page .cert-desc { color: var(--text-mid); font-size: 0.82rem; line-height: 1.5; }\n\n  \/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\n  .bkf-page #pricing { background: var(--cream); }\n  .bkf-page .pricing-header { text-align: center; margin-bottom: 56px; }\n  .bkf-page .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }\n  .bkf-page .pkg-card {\n    background: var(--white);\n    border-radius: 20px;\n    padding: 0;\n    border: 2px solid rgba(45,106,79,0.1);\n    position: relative; overflow: hidden;\n    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;\n    display: flex; flex-direction: column;\n  }\n  .bkf-page .pkg-card-img {\n    width: 100%; aspect-ratio: 1\/1;\n    object-fit: cover; object-position: center;\n    display: block; flex-shrink: 0;\n  }\n  .bkf-page .pkg-card-body {\n    padding: 24px 24px 28px;\n    display: flex; flex-direction: column; flex: 1;\n  }\n  .bkf-page .pkg-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--green-bright); }\n  .bkf-page .pkg-card.featured {\n    border-color: var(--gold);\n    box-shadow: 0 12px 40px rgba(201,168,76,0.2);\n  }\n  .bkf-page .pkg-badge {\n    position: absolute; top: 16px; right: 16px;\n    background: var(--gold);\n    color: var(--green-deep);\n    font-size: 0.7rem; font-weight: 800;\n    padding: 4px 12px; border-radius: 20px;\n    letter-spacing: 0.06em; text-transform: uppercase;\n    z-index: 2;\n  }\n  .bkf-page .pkg-badge.green { background: var(--green-bright); color: var(--green-deep); }\n  .bkf-page .pkg-name {\n    font-family: 'Playfair Display', serif;\n    font-size: 1.3rem; font-weight: 900;\n    color: var(--green-deep); margin-bottom: 6px;\n  }\n  .bkf-page .pkg-qty { color: var(--text-light); font-size: 0.88rem; margin-bottom: 20px; font-weight: 500; }\n  .bkf-page .pkg-features { list-style: none; margin-bottom: 16px; display: flex; flex-direction: column; gap: 6px; }\n  .bkf-page .pkg-features li { font-size: 0.88rem; color: var(--text-mid); }\n  .bkf-page .pkg-price {\n    font-family: 'Playfair Display', serif;\n    font-size: 2rem; font-weight: 900;\n    color: var(--green-mid); margin-bottom: 4px;\n  }\n  .bkf-page .pkg-discount {\n    display: inline-block;\n    background: rgba(192,57,43,0.1);\n    color: var(--red-accent);\n    font-size: 0.8rem; font-weight: 700;\n    padding: 3px 10px; border-radius: 20px;\n    margin-bottom: 16px;\n  }\n  .bkf-page .btn-pkg {\n    display: block; text-align: center;\n    background: var(--green-mid);\n    color: var(--white);\n    padding: 14px 24px; border-radius: 12px;\n    font-weight: 700; font-size: 0.95rem;\n    text-decoration: none;\n    transition: background 0.2s;\n    margin-top: auto;\n  }\n  .bkf-page .btn-pkg:hover { background: var(--green-deep); }\n  .bkf-page .pkg-card.featured .btn-pkg { background: linear-gradient(135deg, var(--gold), #a8833d); color: var(--green-deep); }\n  .bkf-page .pkg-card.featured .btn-pkg:hover { background: linear-gradient(135deg, var(--gold-light), var(--gold)); }\n  .bkf-page .pricing-extras {\n    margin-top: 40px;\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n  }\n  .bkf-page .extra-tag {\n    background: var(--white);\n    border: 1px solid rgba(45,106,79,0.15);\n    border-radius: 12px; padding: 16px 20px;\n    display: flex; gap: 12px; align-items: center;\n    font-size: 0.9rem; color: var(--text-mid);\n  }\n  .bkf-page .extra-tag .extra-icon { font-size: 1.3rem; }\n  .bkf-page .extra-tag strong { color: var(--green-deep); display: block; font-size: 0.88rem; }\n\n  \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500 *\/\n  .bkf-page #faq { background: var(--white); }\n  .bkf-page .faq-header { text-align: center; margin-bottom: 56px; }\n  .bkf-page .faq-list { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }\n  .bkf-page .faq-item {\n    background: var(--cream);\n    border: 1px solid rgba(45,106,79,0.1);\n    border-radius: 14px; overflow: hidden;\n  }\n  .bkf-page .faq-q {\n    padding: 20px 24px;\n    display: flex; justify-content: space-between; align-items: center;\n    cursor: pointer;\n    font-weight: 600; color: var(--green-deep);\n    font-size: 0.95rem; gap: 16px;\n    user-select: none;\n  }\n  .bkf-page .faq-q:hover { background: rgba(82,183,136,0.06); }\n  .bkf-page .faq-icon {\n    min-width: 24px; height: 24px;\n    background: var(--green-mid); color: var(--white);\n    border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    font-size: 1rem; font-weight: 800;\n    transition: transform 0.3s, background 0.2s;\n    flex-shrink: 0;\n  }\n  .bkf-page .faq-item.open .faq-icon { transform: rotate(45deg); background: var(--green-bright); }\n  .bkf-page .faq-a {\n    max-height: 0; overflow: hidden;\n    transition: max-height 0.4s ease, padding 0.3s;\n    padding: 0 24px;\n    color: var(--text-mid); font-size: 0.92rem; line-height: 1.7;\n  }\n  .bkf-page .faq-item.open .faq-a { max-height: 400px; padding: 0 24px 20px; }\n\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n  .bkf-page .bkf-footer {\n    background: var(--green-deep);\n    color: rgba(255,255,255,0.75);\n    padding: 56px 40px 32px;\n    width: 100%;\n  }\n  .bkf-page .footer-inner {\n    max-width: 1100px; margin: 0 auto;\n    display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 48px;\n    padding-bottom: 40px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n  }\n  .bkf-page .footer-brand p { font-size: 0.88rem; line-height: 1.7; max-width: 280px; }\n  .bkf-page .footer-col h4 { color: var(--green-light); font-size: 0.85rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }\n  .bkf-page .footer-col p, .bkf-page .footer-col address { font-style: normal; font-size: 0.85rem; line-height: 1.75; }\n  .bkf-page .footer-col a { color: rgba(255,255,255,0.6); text-decoration: none; display: block; font-size: 0.85rem; padding: 4px 0; transition: color 0.2s; }\n  .bkf-page .footer-col a:hover { color: var(--gold-light); }\n  .bkf-page .footer-bottom {\n    max-width: 1100px; margin: 28px auto 0;\n    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;\n    font-size: 0.78rem; color: rgba(255,255,255,0.4);\n  }\n  .bkf-page .footer-disclaimer {\n    max-width: 1100px; margin: 20px auto 0;\n    font-size: 0.75rem; color: rgba(255,255,255,0.35);\n    line-height: 1.6;\n  }\n  .bkf-page .wa-float {\n    position: fixed; bottom: 28px; right: 28px; z-index: 990;\n    background: #25d366; color: var(--white);\n    width: 58px; height: 58px; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.6rem; text-decoration: none;\n    box-shadow: 0 6px 24px rgba(37,211,102,0.4);\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n  .bkf-page .wa-float:hover { transform: scale(1.1); box-shadow: 0 10px 32px rgba(37,211,102,0.55); }\n\n  \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n  @keyframes bkfFadeDown {\n    from { opacity: 0; transform: translateY(-16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  .bkf-page .reveal {\n    opacity: 0; transform: translateY(28px);\n    transition: opacity 0.65s ease, transform 0.65s ease;\n  }\n  .bkf-page .reveal.visible { opacity: 1; transform: translateY(0); }\n\n  \/* \u2500\u2500\u2500 MASALAH SECTION \u2500\u2500\u2500 *\/\n  .bkf-page #masalah .masalah-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n    margin-top: 40px;\n  }\n  .bkf-page #masalah .masalah-col {\n    background: var(--white);\n    border-radius: 20px;\n    padding: 28px;\n    box-shadow: var(--shadow-sm);\n  }\n  .bkf-page #masalah .masalah-col-header {\n    display: flex; align-items: center; gap: 10px;\n    margin-bottom: 20px;\n  }\n\n  \/* \u2500\u2500\u2500 SIXTYHARI SECTION \u2500\u2500\u2500 *\/\n  .bkf-page #sixtyhari .steps-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 20px;\n    margin-top: 48px;\n    margin-bottom: 40px;\n  }\n  .bkf-page #sixtyhari .step-card {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 16px;\n    padding: 24px 20px;\n    text-align: center;\n  }\n  .bkf-page #sixtyhari .step-num {\n    width: 36px; height: 36px;\n    background: var(--green-bright);\n    color: var(--green-deep);\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 800; font-size: 0.9rem;\n    margin: 0 auto 12px;\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .bkf-page .bkf-nav { padding: 0 20px; }\n    .bkf-page .nav-links { display: none; }\n    .bkf-page .hamburger { display: flex; }\n    .bkf-page .nav-links.open {\n      display: flex; flex-direction: column; gap: 0;\n      position: absolute; top: 64px; left: 0; right: 0;\n      background: var(--green-deep);\n      padding: 20px 0;\n      border-top: 1px solid rgba(255,255,255,0.1);\n      z-index: 100;\n    }\n    .bkf-page .nav-links.open li { width: 100%; }\n    .bkf-page .nav-links.open a { padding: 12px 32px; font-size: 1rem; display: block; }\n    .bkf-page .mech-inner { grid-template-columns: 1fr; gap: 40px; }\n    .bkf-page .ingr-header { grid-template-columns: 1fr; gap: 32px; }\n    .bkf-page .how-layout { grid-template-columns: 1fr; }\n    .bkf-page .expert-inner { grid-template-columns: 1fr; gap: 32px; }\n    .bkf-page .expert-photo { display: flex; max-height: 320px; aspect-ratio: auto; margin: 0 auto 24px; width: 240px; }\n    .bkf-page .timeline-track { grid-template-columns: 1fr 1fr; gap: 32px 0; }\n    .bkf-page .timeline-track::before { display: none; }\n    .bkf-page .footer-inner { grid-template-columns: 1fr; gap: 32px; }\n    .bkf-page .bkf-footer { padding: 48px 20px 28px; }\n    .bkf-page section { padding: 64px 20px; }\n    .bkf-page .nav-logo-divider { display: none; }\n    .bkf-page #masalah { padding: 64px 20px; }\n    .bkf-page #masalah .masalah-grid { grid-template-columns: 1fr; gap: 20px; }\n    .bkf-page .pricing-grid { grid-template-columns: 1fr; }\n    .bkf-page .testi-grid { grid-template-columns: 1fr; }\n    .bkf-page .hero-cta-group { flex-direction: column; align-items: center; }\n    .bkf-page .btn-primary, .bkf-page .btn-secondary { width: 100%; max-width: 320px; text-align: center; }\n    .bkf-page #expert { padding: 64px 20px; }\n    .bkf-page .dosage-box { padding: 24px 20px; }\n    .bkf-page .cert-grid { grid-template-columns: 1fr 1fr; }\n    .bkf-page #sixtyhari .steps-grid { grid-template-columns: 1fr 1fr; }\n  }\n\n  @media (max-width: 480px) {\n    .bkf-page .cert-grid { grid-template-columns: 1fr; }\n    .bkf-page .timeline-track { grid-template-columns: 1fr; gap: 24px; }\n    .bkf-page #sixtyhari .steps-grid { grid-template-columns: 1fr; }\n    .bkf-page .hero-awards { flex-direction: column; align-items: center; }\n    .bkf-page #hero { padding: 60px 16px; }\n    .bkf-page .footer-bottom { flex-direction: column; text-align: center; }\n    .bkf-page .ingr-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAGE WRAPPER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"bkf-page\">\n\n  <!-- NAVBAR -->\n  <nav class=\"bkf-nav\">\n\n    <a href=\"#hero\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/LOGOOOOOOOO.png\"\n           alt=\"Aura Biocare Logo\"\n           onerror=\"this.style.display='none';\"\n           style=\"height:52px; width:auto; object-fit:contain; filter:brightness(0) invert(1);\">\n\n    <\/a>\n    <button class=\"hamburger\" id=\"bkfHamburger\" aria-label=\"Menu\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n    <ul class=\"nav-links\" id=\"bkfNavLinks\">\n      <li><a href=\"#rutin4\">Faedah<\/a><\/li>\n      <li><a href=\"#testimonials\">Testimoni<\/a><\/li>\n      <li><a href=\"#howtotake\">Cara Amalkan<\/a><\/li>\n      <li><a href=\"#faq\">Soalan Lazim<\/a><\/li>\n      <li><a href=\"#pricing\" class=\"nav-cta\">Beli Sekarang<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <!-- ANNOUNCEMENT BAR -->\n  <div id=\"bkfAnnouncementBar\" style=\"background:var(--gold); overflow:hidden; height:36px; display:flex; align-items:center; position:fixed; top:64px; left:0; right:0; z-index:99998; transition:transform 0.3s ease, opacity 0.3s ease;\">\n    <div style=\"display:flex; align-items:center; animation:bkfMarquee 18s linear infinite; white-space:nowrap;\">\n      <span style=\"color:var(--green-deep); font-size:0.82rem; font-weight:700; padding:0 40px;\">\ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan<\/span>\n      <span style=\"color:var(--green-deep); font-size:0.82rem; font-weight:700; padding:0 40px;\">\ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan<\/span>\n      <span style=\"color:var(--green-deep); font-size:0.82rem; font-weight:700; padding:0 40px;\">\ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan<\/span>\n    <\/div>\n  <\/div>\n  <style>\n    @keyframes bkfMarquee {\n      0%   { transform: translateX(0); }\n      100% { transform: translateX(-33.33%); }\n    }\n    \/* Push content down to account for navbar + announcement bar *\/\n  <\/style>\n  <script>\n  (function() {\n    var bar = document.getElementById('bkfAnnouncementBar');\n    var hero = document.getElementById('hero');\n    if (!bar || !hero) return;\n\n    function updateBar() {\n      \/\/ Get hero's bottom position relative to document top\n      var heroRect = hero.getBoundingClientRect();\n      var heroBottom = heroRect.bottom;\n      \/\/ Hide bar when hero's bottom edge has scrolled above the navbar+bar area\n      if (heroBottom <= 100) {\n        bar.style.transform = 'translateY(-100%)';\n        bar.style.opacity = '0';\n        bar.style.pointerEvents = 'none';\n      } else {\n        bar.style.transform = 'translateY(0)';\n        bar.style.opacity = '1';\n        bar.style.pointerEvents = 'auto';\n      }\n    }\n\n    window.addEventListener('scroll', updateBar, { passive: true });\n    window.addEventListener('resize', updateBar, { passive: true });\n    \/\/ Run immediately and after page fully loads\n    updateBar();\n    window.addEventListener('load', updateBar);\n    setTimeout(updateBar, 500);\n  })();\n  <\/script>\n\n  <!-- HERO -->\n  <section id=\"hero\" style=\"padding:0; margin:0; min-height:auto; background:var(--cream);\">\n    <div style=\"max-width:480px; margin:0 auto; position:relative; display:block; line-height:0;\">\n\n      <!-- Hero image \u2014 full width -->\n      <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/1.jpg\"\n           alt=\"BioKenaf Hero Banner\"\n           onerror=\"this.style.display='none'; document.getElementById('bkf-hero-fallback').style.display='block';\"\n           style=\"width:100%; height:auto; display:block; object-fit:cover;\">\n\n      <!-- Invisible clickable area menimpa button dalam gambar -->\n      <a href=\"#product-detail\"\n         onclick=\"event.preventDefault(); document.getElementById('product-detail').scrollIntoView({behavior:'smooth'});\"\n         style=\"position:absolute; left:4%; bottom:25%; width:48%; height:10%; z-index:10; display:block; cursor:pointer;\"\n         aria-label=\"Scroll ke pakej BioKenaf\"><\/a>\n\n      <!-- Fallback jika gambar tak load -->\n      <div id=\"bkf-hero-fallback\" style=\"display:none; background:var(--green-deep); padding:120px 24px; text-align:center;\">\n        <h1 style=\"font-family:'Playfair Display',serif; font-size:clamp(2rem,5vw,3.5rem); font-weight:900; color:var(--white); margin-bottom:24px;\">Dah Cuba Jaga Makan<br>Tapi Masih <span style=\"color:var(--green-bright);\">Susah Nak Konsisten?<\/span><\/h1>\n        <a href=\"#product-detail\" onclick=\"event.preventDefault(); document.getElementById('product-detail').scrollIntoView({behavior:'smooth'});\"\n           style=\"display:inline-flex; align-items:center; gap:12px; background:var(--green-deep); border:2px solid var(--white); color:var(--white); padding:18px 32px; border-radius:14px; font-weight:700; font-size:1rem; text-decoration:none;\">\n          Saya Nak Mula Rutin 60 Hari \u2192\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- DR MARYANA VIDEO SECTION -->\n  <section id=\"video-drmaryana\" style=\"background:var(--cream); padding:48px 24px;\">\n    <div style=\"max-width:480px; margin:0 auto;\">\n\n      <!-- Label -->\n      <div style=\"text-align:center; margin-bottom:16px;\">\n        <span style=\"display:inline-flex; align-items:center; gap:8px; background:var(--green-deep); color:white; font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:7px 18px; border-radius:40px;\">\ud83c\udf93 Ts. Dr. Maryana Mohd Nor<\/span>\n      <\/div>\n      <p style=\"text-align:center; color:var(--text-mid); font-size:0.9rem; margin-bottom:20px; line-height:1.6;\">Ketua Penyelidik &amp; Pakar Pemakanan BioKenaf\u00ae menjelaskan kenapa produk ini berbeza.<\/p>\n\n      <!-- Video container \u2014 4:5 ratio -->\n      <div style=\"position:relative; width:100%; padding-bottom:125%; background:var(--cream-dark); border-radius:20px; overflow:hidden; border:3px solid rgba(45,106,79,0.25); box-shadow:0 4px 24px rgba(26,58,42,0.12);\">\n\n        <!-- Placeholder \u2014 gantikan src dengan URL video sebenar -->\n        <video controls playsinline\n               poster=\"\"\n               style=\"position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:17px;\">\n          <source src=\"LETAKKAN_URL_VIDEO_DI_SINI.mp4\" type=\"video\/mp4\">\n        <\/video>\n\n        <!-- Placeholder visual bila video belum ada -->\n        <div id=\"bkfDrMaryanaPlaceholder\" style=\"position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; background:linear-gradient(160deg, #1a3a2a 0%, #2d6a4f 100%);\">\n          <div style=\"width:64px; height:64px; background:rgba(255,255,255,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.6rem; border:2px solid rgba(255,255,255,0.3);\">\u25b6<\/div>\n          <div style=\"color:white; font-size:0.85rem; font-weight:600; text-align:center; padding:0 24px; opacity:0.85;\">Video Dr. Maryana<br>akan dimuatkan di sini<\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- SIJIL & AWARD CAROUSEL -->\n  <section style=\"background:var(--cream); padding:32px 0 40px; overflow:hidden; position:relative;\">\n    <div style=\"max-width:480px; margin:0 auto; padding:0 24px;\">\n      <div style=\"text-align:center; margin-bottom:16px;\">\n        <span style=\"display:inline-block; background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:6px 16px; border-radius:30px;\">\ud83c\udfc6 Sijil, Anugerah &amp; Kelulusan Rasmi<\/span>\n      <\/div>\n    <\/div>\n    <div style=\"position:relative; overflow:hidden;\">\n      <div id=\"bkfCertTrack\" style=\"display:flex; gap:12px; width:max-content; animation:bkfScrollCerts 32s linear infinite; padding:0 24px;\">\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/19.1-Sijil-Executive-halal_Jakim.pdf.jpg','Sijil Halal JAKIM')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/19.1-Sijil-Executive-halal_Jakim.pdf.jpg\" alt=\"Sijil Halal JAKIM\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Anugerah_Inspirasi_Unggul.png','Anugerah Inspirasi Unggul')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Anugerah_Inspirasi_Unggul.png\" alt=\"Anugerah Inspirasi Unggul\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Biokenaf-tea-sales-hit-RM20mil-as-kenaf-industry-expands-nationwide-The-Star-scaled.png','The Star Coverage')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Biokenaf-tea-sales-hit-RM20mil-as-kenaf-industry-expands-nationwide-The-Star-scaled.png\" alt=\"The Star Coverage\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Heavy-Metal-iKenaf-1.webp','CoA Heavy Metal')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Heavy-Metal-iKenaf-1.webp\" alt=\"CoA Heavy Metal\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Nutritional-Fact-iKenaf-1.webp','CoA Fakta Nutrisi')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Nutritional-Fact-iKenaf-1.webp\" alt=\"CoA Fakta Nutrisi\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CRI_2019_Gold_iKenaf.png','CRI 2019 Gold')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CRI_2019_Gold_iKenaf.png\" alt=\"CRI 2019 Gold\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Dulu_dibuang__kini_daun_kenaf_dibuat_teh_jpg.png','Liputan Media')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Dulu_dibuang__kini_daun_kenaf_dibuat_teh_jpg.png\" alt=\"Liputan Media\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ede.jpg','Sijil Award')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ede.jpg\" alt=\"Sijil Award\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/IMR_Cert_Speaker_Ts__Dr_Maryana.png','Sijil Speaker Dr. Maryana')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/IMR_Cert_Speaker_Ts__Dr_Maryana.png\" alt=\"Sijil Speaker Dr. Maryana\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ITEX_2020_iKenaf.png','ITEX 2020')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ITEX_2020_iKenaf.png\" alt=\"ITEX 2020\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MTE_2021_iKenaf.png','MTE 2021')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MTE_2021_iKenaf.png\" alt=\"MTE 2021\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil-Borneo-Festival.pdf.jpg','Sijil Borneo Festival')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil-Borneo-Festival.pdf.jpg\" alt=\"Sijil Borneo Festival\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/SIJIL_PENGHARGAAN_TS_DR_MARYANA_ANUGERAH_INOVASI.png','Anugerah Inovasi')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/SIJIL_PENGHARGAAN_TS_DR_MARYANA_ANUGERAH_INOVASI.png\" alt=\"Anugerah Inovasi\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil_Pereka_GOLD.png','Sijil Pereka Gold')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil_Pereka_GOLD.png\" alt=\"Sijil Pereka Gold\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Surat-Sokongan-LKTN-1.webp','Sokongan LKTN')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Surat-Sokongan-LKTN-1.webp\" alt=\"Sokongan LKTN\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n        <!-- Duplicate for seamless loop -->\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/19.1-Sijil-Executive-halal_Jakim.pdf.jpg','Sijil Halal JAKIM')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/19.1-Sijil-Executive-halal_Jakim.pdf.jpg\" alt=\"Sijil Halal JAKIM\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Anugerah_Inspirasi_Unggul.png','Anugerah Inspirasi Unggul')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Anugerah_Inspirasi_Unggul.png\" alt=\"Anugerah Inspirasi Unggul\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Biokenaf-tea-sales-hit-RM20mil-as-kenaf-industry-expands-nationwide-The-Star-scaled.png','The Star Coverage')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Biokenaf-tea-sales-hit-RM20mil-as-kenaf-industry-expands-nationwide-The-Star-scaled.png\" alt=\"The Star Coverage\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Heavy-Metal-iKenaf-1.webp','CoA Heavy Metal')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Heavy-Metal-iKenaf-1.webp\" alt=\"CoA Heavy Metal\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Nutritional-Fact-iKenaf-1.webp','CoA Fakta Nutrisi')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CoA-Nutritional-Fact-iKenaf-1.webp\" alt=\"CoA Fakta Nutrisi\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CRI_2019_Gold_iKenaf.png','CRI 2019 Gold')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CRI_2019_Gold_iKenaf.png\" alt=\"CRI 2019 Gold\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Dulu_dibuang__kini_daun_kenaf_dibuat_teh_jpg.png','Liputan Media')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Dulu_dibuang__kini_daun_kenaf_dibuat_teh_jpg.png\" alt=\"Liputan Media\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ede.jpg','Sijil Award')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ede.jpg\" alt=\"Sijil Award\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/IMR_Cert_Speaker_Ts__Dr_Maryana.png','Sijil Speaker Dr. Maryana')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/IMR_Cert_Speaker_Ts__Dr_Maryana.png\" alt=\"Sijil Speaker Dr. Maryana\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ITEX_2020_iKenaf.png','ITEX 2020')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/ITEX_2020_iKenaf.png\" alt=\"ITEX 2020\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MTE_2021_iKenaf.png','MTE 2021')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MTE_2021_iKenaf.png\" alt=\"MTE 2021\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil-Borneo-Festival.pdf.jpg','Sijil Borneo Festival')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil-Borneo-Festival.pdf.jpg\" alt=\"Sijil Borneo Festival\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/SIJIL_PENGHARGAAN_TS_DR_MARYANA_ANUGERAH_INOVASI.png','Anugerah Inovasi')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/SIJIL_PENGHARGAAN_TS_DR_MARYANA_ANUGERAH_INOVASI.png\" alt=\"Anugerah Inovasi\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil_Pereka_GOLD.png','Sijil Pereka Gold')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Sijil_Pereka_GOLD.png\" alt=\"Sijil Pereka Gold\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n<div class=\"bkf-cert-slide\" onclick=\"bkfOpenCertLightbox('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Surat-Sokongan-LKTN-1.webp','Sokongan LKTN')\" style=\"width:140px;height:180px;flex-shrink:0;border-radius:14px;overflow:hidden;background:var(--white);border:2px solid rgba(45,106,79,0.12);box-shadow:0 2px 12px rgba(26,58,42,0.08);cursor:pointer;transition:transform 0.2s;position:relative;display:flex;flex-shrink:0;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Surat-Sokongan-LKTN-1.webp\" alt=\"Sokongan LKTN\" style=\"width:100%;height:100%;object-fit:cover;display:block;\"><\/div>\n      <\/div>\n    <\/div>\n    <div style=\"position:absolute; top:0; left:0; width:40px; height:100%; background:linear-gradient(to right, var(--cream), transparent); pointer-events:none; z-index:2;\"><\/div>\n    <div style=\"position:absolute; top:0; right:0; width:40px; height:100%; background:linear-gradient(to left, var(--cream), transparent); pointer-events:none; z-index:2;\"><\/div>\n    <!-- Cert Image Lightbox -->\n    <div id=\"bkfCertLightbox\" onclick=\"if(event.target===this)bkfCloseCertLightbox()\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999999;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:12px;\">\n      <button onclick=\"bkfCloseCertLightbox()\" style=\"position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.15);border:none;color:white;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;\">\u2715<\/button>\n      <img decoding=\"async\" id=\"bkfCertLightboxImg\" src=\"\" alt=\"\" style=\"max-width:92vw;max-height:82vh;object-fit:contain;border-radius:12px;display:block;\">\n      <div id=\"bkfCertLightboxLabel\" style=\"color:rgba(255,255,255,0.8);font-size:0.85rem;font-weight:600;text-align:center;\"><\/div>\n    <\/div>\n    <style>\n      @keyframes bkfScrollCerts { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }\n      #bkfCertTrack:hover { animation-play-state:paused; }\n      .bkf-cert-slide:hover { transform:scale(1.04); }\n    <\/style>\n    <script>\n    window.bkfOpenCertLightbox=function(src,label){document.getElementById('bkfCertLightboxImg').src=src;document.getElementById('bkfCertLightboxLabel').textContent=label||'';document.getElementById('bkfCertLightbox').style.display='flex';};\n    window.bkfCloseCertLightbox=function(){document.getElementById('bkfCertLightbox').style.display='none';document.getElementById('bkfCertLightboxImg').src='';};\n    document.addEventListener('keydown',function(e){if(e.key==='Escape')bkfCloseCertLightbox();});\n    <\/script>\n  <\/section>\n\n  <!-- MASALAH -->\n  <section id=\"masalah\" style=\"background:var(--cream); padding:72px 24px 36px;\">\n    <div class=\"container\" style=\"max-width:700px;\">\n\n      <!-- Badge -->\n      <div style=\"margin-bottom:20px;\">\n        <span style=\"display:inline-flex; align-items:center; gap:8px; background:var(--green-deep); color:var(--white); font-size:0.75rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:8px 18px; border-radius:40px;\">SAYA DAH USAHA, TAPI HIDUP MENGGANGGU \ud83d\ude22<\/span>\n      <\/div>\n\n      <!-- Headline -->\n      <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(2rem,5vw,2.8rem); font-weight:900; color:var(--text-dark); line-height:1.2; margin-bottom:16px;\">Masalahnya Bukan<br>Anda Tak Tahu Jaga Makan<\/h2>\n\n      <!-- Subtext -->\n      <p style=\"color:var(--text-mid); font-size:1rem; line-height:1.75; margin-bottom:32px;\">Bila kerja, stress, ajakan makan luar dan kenduri datang berturut-turut, usaha jaga makan yang baik pun mudah terbabas sebelum sempat jadi rutin.<\/p>\n\n      <!-- VS Grid -->\n      <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; position:relative;\">\n\n        <!-- VS badge center -->\n        <div style=\"position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; width:44px; height:44px; background:var(--green-mid); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--white); font-weight:900; font-size:0.9rem; border:3px solid var(--cream); box-shadow:0 0 0 3px rgba(45,106,79,0.3);\">VS<\/div>\n\n        <!-- Left col: Apa Kita Tahu -->\n        <div id=\"bkfVsLeft\" style=\"background:var(--white); border-radius:16px; overflow:hidden; border:1.5px solid rgba(45,106,79,0.15); opacity:0; transform:translateX(-40px); transition:opacity 0.7s ease, transform 0.7s ease;\">\n          <!-- Header -->\n          <div style=\"background:var(--green-deep); padding:14px 16px; display:flex; align-items:center; gap:10px;\">\n            <div style=\"width:26px;height:26px;background:var(--green-bright);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;\">\n              <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\"><path d=\"M2 6.5l3.5 3.5 5.5-6\" stroke=\"#1a3a2a\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/div>\n            <div>\n              <div style=\"color:var(--white); font-weight:800; font-size:0.82rem; letter-spacing:0.06em; text-transform:uppercase;\">APA KITA TAHU<\/div>\n              <div style=\"color:var(--green-light); font-size:0.7rem; margin-top:1px;\">Kita tahu apa yang patut dibuat:<\/div>\n            <\/div>\n          <\/div>\n          <!-- Items -->\n          <ul style=\"list-style:none; margin:0; padding:0;\">\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(45,106,79,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(82,183,136,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83e\udd57<\/span>Kurangkan makanan berminyak\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(45,106,79,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(82,183,136,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83c\udf6c<\/span>Elak gula &amp; makanan manis\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(45,106,79,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(82,183,136,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83c\udf19<\/span>Jangan makan lewat malam\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(45,106,79,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(82,183,136,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83d\udca7<\/span>Minum lebih air kosong\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(82,183,136,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83c\udfc3<\/span>Banyakkan bergerak\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- Right col: Realiti Sebenar -->\n        <div id=\"bkfVsRight\" style=\"background:var(--white); border-radius:16px; overflow:hidden; border:1.5px solid rgba(192,57,43,0.2); opacity:0; transform:translateX(40px); transition:opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;\">\n          <!-- Header -->\n          <div style=\"background:#c0392b; padding:14px 16px; display:flex; align-items:center; gap:10px;\">\n            <div style=\"width:26px;height:26px;background:rgba(255,255,255,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0; color:white; font-weight:900; font-size:0.9rem;\">\u2715<\/div>\n            <div>\n              <div style=\"color:var(--white); font-weight:800; font-size:0.82rem; letter-spacing:0.06em; text-transform:uppercase;\">REALITI SEBENAR<\/div>\n              <div style=\"color:rgba(255,255,255,0.75); font-size:0.7rem; margin-top:1px;\">Tapi hidup sebenar tak selalu ideal:<\/div>\n            <\/div>\n          <\/div>\n          <!-- Items -->\n          <ul style=\"list-style:none; margin:0; padding:0;\">\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(192,57,43,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(192,57,43,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\u23f0<\/span>Makan ikut apa yang sempat\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(192,57,43,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(192,57,43,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83e\uddc1<\/span>Craving manis bila stress\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(192,57,43,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(192,57,43,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83c\udf7d\ufe0f<\/span>Makan luar, kenduri &amp; family gathering\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid rgba(192,57,43,0.07); font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(192,57,43,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83d\udcbc<\/span>Sibuk kerja, urus anak &amp; rumah\n            <\/li>\n            <li style=\"display:flex; align-items:center; gap:12px; padding:12px 16px; font-size:0.88rem; color:var(--text-dark);\">\n              <span style=\"width:34px;height:34px;min-width:34px;background:rgba(192,57,43,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;\">\ud83d\udd0b<\/span>Semangat ada, tapi cepat berhenti\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- Masalahnya bukan ilmu box -->\n      <div style=\"background:var(--white); border-radius:16px; padding:28px 24px; text-align:center; border:1.5px solid rgba(45,106,79,0.12); margin-bottom:24px;\">\n        <p style=\"font-family:'Playfair Display',serif; font-size:clamp(1.4rem,3.5vw,1.8rem); font-weight:900; color:var(--green-mid); margin-bottom:12px;\">Puncanya bukan Usaha Anda.<\/p>\n        <p style=\"color:var(--text-mid); font-size:0.95rem; line-height:1.7; margin-bottom:8px;\">Puncanya rutin harian belum cukup mudah<br>untuk diulang bila keadaan tak ideal.<\/p>\n        <p style=\"color:var(--text-mid); font-size:0.95rem; line-height:1.7;\">Diet perlu di 'tune' dahulu supaya rutin kawal makan jadi mudah, realistik dan boleh diulang setiap hari tanpa stress.<\/p>\n      <\/div>\n\n      <!-- CTA Button -->\n      <a href=\"#rutin4\" onclick=\"event.preventDefault(); document.getElementById('rutin4').scrollIntoView({behavior:'smooth'});\"\n         style=\"display:flex; align-items:center; justify-content:space-between; background:var(--green-deep); color:var(--white); padding:20px 28px; border-radius:14px; font-weight:700; font-size:1.3rem; text-decoration:none; width:100%;\">\n        <span>Cara Biokenaf\u00ae Berfungsi Sebagai Diet Tuner<\/span>\n        <span style=\"font-size:1.3rem;\">\u2193<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <script>\n  (function() {\n    var left = document.getElementById('bkfVsLeft');\n    var right = document.getElementById('bkfVsRight');\n    if (!left || !right) return;\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(e) {\n          if (e.isIntersecting) {\n            left.style.opacity = '1';\n            left.style.transform = 'translateX(0)';\n            right.style.opacity = '1';\n            right.style.transform = 'translateX(0)';\n            observer.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.15 });\n      observer.observe(left);\n    } else {\n      left.style.opacity = '1'; left.style.transform = 'translateX(0)';\n      right.style.opacity = '1'; right.style.transform = 'translateX(0)';\n    }\n  })();\n  <\/script>\n\n  <!-- 4 BAHAGIAN RUTIN SECTION -->\n  <section id=\"rutin4\" style=\"background:var(--cream); padding:72px 24px 32px;\">\n    <div style=\"max-width:640px; margin:0 auto;\">\n\n      <!-- Header -->\n      <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(1.7rem,4vw,2.4rem); font-weight:900; color:var(--text-dark); line-height:1.25; margin-bottom:36px;\">4 Bahagian Rutin Harian<br>Biokenaf\u00ae Bantu 'Tune'<\/h2>\n\n      <!-- Cards -->\n      <div style=\"display:flex; flex-direction:column; gap:16px; margin-bottom:28px;\">\n\n        <!-- Card 1 -->\n        <div class=\"bkf-rutin-card\" style=\"background:var(--white); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.07); opacity:0; transform:translateX(-30px); transition:opacity 0.6s ease, transform 0.6s ease;\">\n          <div style=\"flex-shrink:0; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-width:28px; background:var(--green-deep); color:white; border-radius:50%; font-weight:800; font-size:0.85rem; align-self:flex-start; margin-top:2px;\">1<\/div>\n          <div style=\"width:72px; height:72px; min-width:72px; background:#e8f5e0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem;\">\ud83e\udde0<\/div>\n          <div>\n            <div style=\"font-weight:800; color:var(--green-mid); font-size:1rem; margin-bottom:6px;\">Kawalan Craving<\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.65; margin:0;\">Membantu rutin kawal keinginan makanan manis dan snek jadi lebih mudah diurus \u2014 terutama bila stress atau bosan.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"bkf-rutin-card\" style=\"background:var(--white); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.07); opacity:0; transform:translateX(30px); transition:opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\">\n          <div style=\"flex-shrink:0; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-width:28px; background:var(--green-deep); color:white; border-radius:50%; font-weight:800; font-size:0.85rem; align-self:flex-start; margin-top:2px;\">2<\/div>\n          <div style=\"width:72px; height:72px; min-width:72px; background:#e8f5e0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem;\">\ud83c\udf7d\ufe0f<\/div>\n          <div>\n            <div style=\"font-weight:800; color:var(--green-mid); font-size:1rem; margin-bottom:6px;\">Kawalan Corak Makan<\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.65; margin:0;\">Keinginan makan jadi kurang responsif, memudahkan proses badan 'tune' corak makan.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"bkf-rutin-card\" style=\"background:var(--white); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.07); opacity:0; transform:translateX(-30px); transition:opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;\">\n          <div style=\"flex-shrink:0; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-width:28px; background:var(--green-deep); color:white; border-radius:50%; font-weight:800; font-size:0.85rem; align-self:flex-start; margin-top:2px;\">3<\/div>\n          <div style=\"width:72px; height:72px; min-width:72px; background:#e8f5e0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem;\">\ud83e\udec1<\/div>\n          <div>\n            <div style=\"font-weight:800; color:var(--green-mid); font-size:1rem; margin-bottom:6px;\">Pencernaan Gula<\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.65; margin:0;\">Optimumkan enzim alpha amylase supaya kandungan gula ringkas dalam darah kekal stabil.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"bkf-rutin-card\" style=\"background:var(--white); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.07); opacity:0; transform:translateX(30px); transition:opacity 0.6s ease 0.45s, transform 0.6s ease 0.45s;\">\n          <div style=\"flex-shrink:0; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-width:28px; background:var(--green-deep); color:white; border-radius:50%; font-weight:800; font-size:0.85rem; align-self:flex-start; margin-top:2px;\">4<\/div>\n          <div style=\"width:72px; height:72px; min-width:72px; background:#e8f5e0; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2rem;\">\ud83d\udcc5<\/div>\n          <div>\n            <div style=\"font-weight:800; color:var(--green-mid); font-size:1rem; margin-bottom:6px;\">Displin Diri<\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.65; margin:0;\">Biokenaf\u00ae mudahkan untuk bina konsistensi jaga makan tanpa berharap pada semangat sahaja.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Product + tagline box -->\n      <div style=\"background:var(--white); border-radius:16px; padding:20px; display:flex; align-items:center; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.07); margin-bottom:24px; opacity:0; transform:translateY(30px); transition:opacity 0.6s ease 0.6s, transform 0.6s ease 0.6s;\" class=\"bkf-rutin-card\">\n        <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Untitled-design-2.png\"\n             alt=\"BioKenaf Produk\"\n             style=\"width:80px; height:80px; object-fit:cover; border-radius:12px; flex-shrink:0;\">\n        <p style=\"color:var(--text-dark); font-size:0.95rem; line-height:1.7; margin:0;\">Biokenaf\u00ae ialah rutin kecil yang membantu usaha kawal makan jadi lebih realistik, lebih mudah diurus dan lebih konsisten.<\/p>\n      <\/div>\n\n      <script>\n      (function() {\n        var cards = document.querySelectorAll('.bkf-rutin-card');\n        if (!cards.length) return;\n        if ('IntersectionObserver' in window) {\n          var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(e) {\n              if (e.isIntersecting) {\n                e.target.style.opacity = '1';\n                e.target.style.transform = 'translate(0,0)';\n                observer.unobserve(e.target);\n              }\n            });\n          }, { threshold: 0.1 });\n          cards.forEach(function(c) { observer.observe(c); });\n        } else {\n          cards.forEach(function(c) { c.style.opacity='1'; c.style.transform='translate(0,0)'; });\n        }\n      })();\n      <\/script>\n\n    <\/div>\n  <\/section>\n\n  <!-- KENAPA BIOKENAF BUKAN SEKADAR TEH HERBA BIASA -->\n  <section id=\"kenapa-biokenaf\" style=\"background:var(--cream); padding:32px 24px 72px;\">\n    <div style=\"max-width:700px; margin:0 auto;\">\n\n      <!-- Headline -->\n      <div style=\"text-align:center; margin-bottom:28px;\">\n        <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(1.6rem,4vw,2.2rem); font-weight:900; color:var(--green-deep); line-height:1.25; margin-bottom:16px;\">Kenapa BioKenaf\u00ae\ufe0f Bukan Sekadar Teh Herba Biasa<\/h2>\n        <p style=\"color:var(--text-mid); font-size:0.95rem; line-height:1.8;\">Ramai produk klaim boleh \"kawal gula\" atau \"buang lemak.\"<br>BioKenaf berbeza kerana ia bekerja pada peringkat metabolisme \u2014 bukan sekadar permukaan.<\/p>\n      <\/div>\n\n      <!-- Green highlight box -->\n      <div style=\"background:var(--green-deep); color:white; border-radius:20px; padding:24px 28px; text-align:center; margin-bottom:32px; box-shadow:0 4px 20px rgba(26,58,42,0.15);\">\n        <p style=\"font-size:0.95rem; line-height:1.85; margin:0;\">Bahan aktif utamanya, <strong>Chlorogenic Acid (CGA)<\/strong> \u2014 dihasilkan semulajadi dari tanaman kenaf organik Malaysia yang dikaji 4 tahun oleh UMK \u2014 bekerja melalui tiga laluan serentak:<\/p>\n      <\/div>\n\n      <!-- 3 Cards -->\n      <div style=\"display:flex; flex-direction:column; gap:14px; margin-bottom:32px;\">\n\n        <!-- Card 1 -->\n        <div class=\"bkf-kenapa-card\" style=\"background:var(--white); border-radius:16px; padding:20px 24px; box-shadow:0 2px 12px rgba(26,58,42,0.07); display:flex; gap:16px; align-items:flex-start; opacity:0; transform:translateX(-30px); transition:opacity 0.6s ease, transform 0.6s ease;\">\n          <div style=\"width:40px; height:40px; min-width:40px; background:var(--green-deep); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; flex-shrink:0;\">1<\/div>\n          <div style=\"flex:1;\">\n            <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:8px;\">\n              <div style=\"font-weight:800; color:var(--green-deep); font-size:1rem;\">Sebelum Gula Masuk<\/div>\n            <\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.75; margin:0 0 14px 0;\">CGA melambatkan penyerapan glukosa dalam usus. Gula dari makanan masuk ke darah secara perlahan \u2014 bukan sekaligus. Lonjakan gula berkurang. Craving ikut berkurang.<\/p>\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260624_usus.png\"\n                 onerror=\"this.style.display='none'\"\n                 alt=\"Usus - Sebelum Gula Masuk\"\n                 style=\"width:100%; max-height:160px; object-fit:contain; border-radius:12px; background:var(--cream);\">\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"bkf-kenapa-card\" style=\"background:var(--white); border-radius:16px; padding:20px 24px; box-shadow:0 2px 12px rgba(26,58,42,0.07); display:flex; gap:16px; align-items:flex-start; opacity:0; transform:translateX(30px); transition:opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\">\n          <div style=\"width:40px; height:40px; min-width:40px; background:var(--green-deep); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; flex-shrink:0;\">2<\/div>\n          <div style=\"flex:1;\">\n            <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:8px;\">\n              <div style=\"font-weight:800; color:var(--green-deep); font-size:1rem;\">Di Dalam Hati<\/div>\n            <\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.75; margin:0 0 14px 0;\">CGA menghalang hati daripada menghasilkan glukosa berlebihan \u2014 punca utama gula darah tinggi walaupun anda tidak makan manis.<\/p>\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260624_hati.png\"\n                 onerror=\"this.style.display='none'\"\n                 alt=\"Hati - Di Dalam Hati\"\n                 style=\"width:100%; max-height:160px; object-fit:contain; border-radius:12px; background:var(--cream);\">\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"bkf-kenapa-card\" style=\"background:var(--white); border-radius:16px; padding:20px 24px; box-shadow:0 2px 12px rgba(26,58,42,0.07); display:flex; gap:16px; align-items:flex-start; opacity:0; transform:translateX(-30px); transition:opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;\">\n          <div style=\"width:40px; height:40px; min-width:40px; background:var(--green-deep); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1rem; flex-shrink:0;\">3<\/div>\n          <div style=\"flex:1;\">\n            <div style=\"display:flex; align-items:center; gap:8px; margin-bottom:8px;\">\n              <div style=\"font-weight:800; color:var(--green-deep); font-size:1rem;\">Di Otot<\/div>\n            <\/div>\n            <p style=\"color:var(--text-mid); font-size:0.88rem; line-height:1.75; margin:0 0 14px 0;\">CGA mengaktifkan AMPK \u2014 \"suis metabolisme\" semulajadi badan \u2014 yang membantu otot guna glukosa dengan lebih cekap.<\/p>\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260624_otot.png\"\n                 onerror=\"this.style.display='none'\"\n                 alt=\"Otot - Di Otot\"\n                 style=\"width:100%; max-height:160px; object-fit:contain; border-radius:12px; background:var(--cream);\">\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <script>\n      (function() {\n        var cards = document.querySelectorAll('.bkf-kenapa-card');\n        if (!cards.length) return;\n        if ('IntersectionObserver' in window) {\n          var obs = new IntersectionObserver(function(entries) {\n            entries.forEach(function(e) {\n              if (e.isIntersecting) {\n                e.target.style.opacity = '1';\n                e.target.style.transform = 'translateX(0)';\n                obs.unobserve(e.target);\n              }\n            });\n          }, { threshold: 0.15 });\n          cards.forEach(function(c) { obs.observe(c); });\n        } else {\n          cards.forEach(function(c) { c.style.opacity='1'; c.style.transform='translateX(0)'; });\n        }\n      })();\n      <\/script>\n\n      <!-- Bottom dark banner -->\n      <div style=\"background:var(--green-deep); border-radius:20px; padding:28px; display:flex; align-items:center; gap:20px; box-shadow:0 4px 20px rgba(26,58,42,0.15);\">\n        <div style=\"flex:1;\">\n          <div style=\"font-family:'Playfair Display',serif; font-size:clamp(1.2rem,3.5vw,1.6rem); font-weight:900; color:white; line-height:1.3; margin-bottom:6px;\">Tiga laluan. Satu rutin kecil.<\/div>\n          <div style=\"color:rgba(255,255,255,0.8); font-size:0.9rem;\">Badan di-tune dari dalam.<\/div>\n        <\/div>\n        <div style=\"font-size:2.8rem; flex-shrink:0;\">\ud83c\udf75<\/div>\n      <\/div>\n\n      <!-- CTA Button -->\n      <a href=\"#testimonials\" onclick=\"event.preventDefault(); document.getElementById('testimonials').scrollIntoView({behavior:'smooth'});\"\n         style=\"display:flex; align-items:center; justify-content:space-between; background:var(--green-deep); color:var(--white); padding:20px 28px; border-radius:14px; font-weight:700; font-size:1.3rem; text-decoration:none; width:100%; margin-top:16px;\">\n        <span>Lihat Kesan Diet Tuner Pada Masalah Kolesterol, Gula Tinggi &amp; Berat Badan<\/span>\n        <span style=\"font-size:1.2rem;\">\u2193<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <!-- QUOTE SECTION -->\n  <section style=\"background:var(--cream); padding:80px 24px;\">\n    <style>\n      .bkf-quote-item {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.7s ease, transform 0.7s ease;\n      }\n      .bkf-quote-item.bkf-quote-visible {\n        opacity: 1;\n        transform: translateY(0);\n      }\n      .bkf-quote-item:nth-child(2) { transition-delay: 0.15s; }\n      .bkf-quote-item:nth-child(3) { transition-delay: 0.25s; }\n      .bkf-quote-mark {\n        opacity: 0;\n        transform: scale(0.5) translateX(-20px);\n        transition: opacity 0.5s ease, transform 0.5s ease;\n      }\n      .bkf-quote-mark.bkf-quote-visible {\n        opacity: 1;\n        transform: scale(1) translateX(0);\n      }\n    <\/style>\n    <div style=\"max-width:760px; margin:0 auto;\">\n      <div style=\"position:relative;\">\n        <!-- Quote 1 -->\n        <div class=\"bkf-quote-mark\" style=\"font-family:Georgia,serif; font-size:9rem; line-height:0.8; color:var(--green-bright); font-weight:900; margin-bottom:24px; display:block; letter-spacing:-4px;\">\u275d<\/div>\n        <p class=\"bkf-quote-item\" style=\"font-family:'Playfair Display',serif; font-size:clamp(1.8rem,4.5vw,3rem); font-weight:900; color:var(--green-deep); line-height:1.25; margin:0 0 28px 0; text-transform:uppercase; text-align:center; letter-spacing:0.02em;\">\n          \"Banyak penyakit bermula dari lebihan gula!\"\n        <\/p>\n        <p class=\"bkf-quote-item\" style=\"text-align:center; font-size:1.1rem; color:var(--green-mid); font-style:italic; font-weight:600; margin:0 0 56px 0;\">\n          \u2014 Ts. Dr. Maryana Mohd Nor\n        <\/p>\n        <!-- Quote 2 -->\n        <div class=\"bkf-quote-mark\" style=\"font-family:Georgia,serif; font-size:9rem; line-height:0.8; color:var(--green-bright); font-weight:900; margin-bottom:24px; display:block; letter-spacing:-4px;\">\u275d<\/div>\n        <p class=\"bkf-quote-item\" style=\"font-family:'Playfair Display',serif; font-size:clamp(1.8rem,4.5vw,3rem); font-weight:900; color:var(--green-deep); line-height:1.25; margin:0 0 28px 0; text-transform:uppercase; text-align:center; letter-spacing:0.02em;\">\n          \"Biokenaf Bantu Urus Karbohidrat Sebelum Jadi Gula Lebihan!\"\n        <\/p>\n        <p class=\"bkf-quote-item\" style=\"text-align:center; font-size:1.1rem; color:var(--green-mid); font-style:italic; font-weight:600; margin:0;\">\n          \u2014 Ts. Dr. Maryana Mohd Nor\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n  (function() {\n    var items = document.querySelectorAll('.bkf-quote-item, .bkf-quote-mark');\n    if (!items.length) return;\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(e) {\n          if (e.isIntersecting) {\n            e.target.classList.add('bkf-quote-visible');\n            observer.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.2 });\n      items.forEach(function(el) { observer.observe(el); });\n    } else {\n      items.forEach(function(el) { el.classList.add('bkf-quote-visible'); });\n    }\n  })();\n  <\/script>\n\n  <!-- TESTIMONIALS -->\n  <section id=\"testimonials\" style=\"background:var(--cream); padding:72px 24px 32px;\">\n    <div style=\"max-width:700px; margin:0 auto;\">\n\n      <!-- Badge + Header -->\n      <div style=\"text-align:center; margin-bottom:36px;\">\n        <span style=\"display:inline-flex; align-items:center; gap:8px; background:var(--white); border:1.5px solid rgba(45,106,79,0.2); color:var(--green-mid); font-size:0.78rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:8px 18px; border-radius:40px; margin-bottom:20px;\">\ud83d\udc65 TESTIMONI SEBENAR<\/span>\n        <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(1.9rem,5vw,2.8rem); font-weight:900; color:var(--green-deep); line-height:1.2; margin-bottom:16px;\">Mereka Juga Jadikan<br>BioKenaf Sebagai<br>Rutin Harian<\/h2>\n        <p style=\"color:var(--text-mid); font-size:0.95rem; line-height:1.75; max-width:520px; margin:0 auto;\">Bukan sekadar produk viral. BioKenaf telah diamalkan dan dikongsikan oleh figura yang dipercayai ramai sebagai sokongan rutin harian untuk <strong style=\"color:var(--text-dark);\">kawal makan, craving dan gaya hidup lebih seimbang.<\/strong><\/p>\n      <\/div>\n\n      <!-- Featured Card: Full Video + Quote Below -->\n      <div style=\"background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 4px 24px rgba(26,58,42,0.1); margin-bottom:16px;\">\n        <!-- Full width video -->\n        <div style=\"position:relative; background:#000;\">\n          <div style=\"position:absolute; top:12px; left:12px; background:var(--green-deep); color:white; font-size:0.7rem; font-weight:800; padding:5px 12px; border-radius:6px; letter-spacing:0.06em; text-transform:uppercase; z-index:5; pointer-events:none;\">PUAN AZMAH<\/div>\n          <video controls playsinline\n                 poster=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-09-at-10.24.20-PM.png\"\n                 style=\"width:100%; height:auto; display:block;\">\n            <source src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/VIDEO-1-1.mp4\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n        <!-- Quote below video -->\n        <div style=\"padding:22px 24px 26px;\">\n          <div style=\"color:var(--gold); font-size:1.1rem; letter-spacing:3px; margin-bottom:12px;\">\u2605\u2605\u2605\u2605\u2605<\/div>\n          <p style=\"font-family:'Playfair Display',serif; font-size:clamp(1rem,2.5vw,1.2rem); font-weight:700; color:var(--text-dark); line-height:1.55; margin-bottom:14px;\">\"Kencing dah tak berkapuh, berat pun dah turun. Saya hanya ada 1 buah pinggang je, tapi rasa lebih sihat sekarang!\"<\/p>\n          <div>\n            <div style=\"font-weight:700; color:var(--green-deep); font-size:0.9rem;\">\u2013 Puan Azmah<\/div>\n            <div style=\"color:var(--text-light); font-size:0.82rem; margin-top:2px;\">Pengguna Biokenaf<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Headline between featured and small cards -->\n      <div style=\"text-align:center; padding:8px 0 20px;\">\n        <p style=\"font-family:'Playfair Display',serif; font-size:clamp(1.4rem,4vw,2rem); font-weight:800; color:var(--green-deep); line-height:1.4; margin:0;\">Antara artis yang berkongsi keberhasilan penggunaan Biokenaf<\/p>\n      <\/div>\n\n      <!-- 2 Cards Row 1: Diana Rafar + Zamarul Hisham -->\n      <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px;\">\n        <div class=\"bkf-artis-card\" style=\"background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(26,58,42,0.08); opacity:0; transform:translateX(-30px); transition:opacity 0.6s ease, transform 0.6s ease;\">\n          <div style=\"position:relative; background:var(--cream-dark); aspect-ratio:1\/1; overflow:hidden; cursor:pointer;\" onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/h1-dianarafar-bertenaga-1.mp4')\">\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/05\/Diana-Rafar-1.png\"\n                 alt=\"Diana Rafar\"\n                 style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block;\">\n            <div style=\"position:absolute; top:8px; left:8px; background:var(--green-deep); color:white; font-size:0.6rem; font-weight:800; padding:3px 8px; border-radius:4px; letter-spacing:0.04em; text-transform:uppercase;\">DIANA RAFAR<\/div>\n            <div style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\">\n              <div style=\"width:36px; height:36px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.9rem;\">&#9658;<\/div>\n            <\/div>\n          <\/div>\n          <div style=\"padding:12px;\">\n            <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:2px; margin-bottom:6px;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <p style=\"color:var(--text-dark); font-size:0.78rem; line-height:1.55; font-style:italic; margin-bottom:6px;\">\"Saya suka sebab BioKenaf mudah dijadikan rutin harian \u2013 bukan rasa macam produk diet extreme.\"<\/p>\n            <p style=\"color:var(--text-light); font-size:0.72rem; line-height:1.5; margin-bottom:8px;\">Pelakon & Usahawan<\/p>\n            <div onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/h1-dianarafar-bertenaga-1.mp4')\" style=\"border:1.5px solid rgba(45,106,79,0.2); border-radius:8px; padding:6px 10px; text-align:center; font-size:0.72rem; font-weight:600; color:var(--green-mid); cursor:pointer;\">&#9658; Tonton video<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"bkf-artis-card\" style=\"background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(26,58,42,0.08); opacity:0; transform:translateX(30px); transition:opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;\">\n          <div style=\"position:relative; background:var(--cream-dark); aspect-ratio:1\/1; overflow:hidden; cursor:pointer;\" onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/H4_ZAMARUL-BERAT-1.mp4')\">\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260528_023720_bc5289ce-9122-4911-aeb6-64902236d6c5.png\"\n                 alt=\"Zamarul Hisham\"\n                 style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block;\">\n            <div style=\"position:absolute; top:8px; left:8px; background:var(--green-deep); color:white; font-size:0.6rem; font-weight:800; padding:3px 8px; border-radius:4px; letter-spacing:0.04em; text-transform:uppercase;\">ZAMARUL HISHAM<\/div>\n            <div style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\">\n              <div style=\"width:36px; height:36px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.9rem;\">&#9658;<\/div>\n            <\/div>\n          <\/div>\n          <div style=\"padding:12px;\">\n            <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:2px; margin-bottom:6px;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <p style=\"color:var(--text-dark); font-size:0.78rem; line-height:1.55; font-style:italic; margin-bottom:6px;\">\"Dulu cepat makan ikut nafsu. Sekarang lebih mudah kawal makan dan badan rasa lebih ringan.\"<\/p>\n            <p style=\"color:var(--text-light); font-size:0.72rem; line-height:1.5; margin-bottom:8px;\">Rutin harian saya jadi lebih teratur dan saya lebih yakin untuk teruskan gaya hidup sihat.<\/p>\n            <div onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/H4_ZAMARUL-BERAT-1.mp4')\" style=\"border:1.5px solid rgba(45,106,79,0.2); border-radius:8px; padding:6px 10px; text-align:center; font-size:0.72rem; font-weight:600; color:var(--green-mid); cursor:pointer;\">&#9658; Tonton video<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- 3 Cards Row 2: Vanidah Imran + Arash Mohamad + Syatilla Melvin -->\n      <div style=\"display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; margin-bottom:28px;\">\n        <div class=\"bkf-artis-card\" style=\"background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(26,58,42,0.08); opacity:0; transform:translateY(30px); transition:opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;\">\n          <div style=\"position:relative; background:var(--cream-dark); aspect-ratio:1\/1; overflow:hidden; cursor:pointer;\" onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/2.6_HT1_VANIDAHPOV_GROWOLDGRACEFULLY_AA-1.mp4')\">\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-10-at-5.09.39-PM.png\" alt=\"Vanidah Imran\" style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block;\">\n            <div style=\"position:absolute; top:8px; left:8px; background:var(--green-deep); color:white; font-size:0.6rem; font-weight:800; padding:3px 8px; border-radius:4px; letter-spacing:0.04em; text-transform:uppercase;\">VANIDAH IMRAN<\/div>\n            <div style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\"><div style=\"width:36px; height:36px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.9rem;\">&#9658;<\/div><\/div>\n          <\/div>\n          <div style=\"padding:12px;\">\n            <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:2px; margin-bottom:6px;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <p style=\"color:var(--text-dark); font-size:0.78rem; line-height:1.55; font-style:italic; margin-bottom:6px;\">\"Saya suka cara BioKenaf bantu saya jaga pemakanan tanpa rasa terpaksa.\"<\/p>\n            <p style=\"color:var(--text-light); font-size:0.72rem; line-height:1.5; margin-bottom:8px;\">Mudah diasimilasikan dalam rutin harian saya.<\/p>\n            <div onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/2.6_HT1_VANIDAHPOV_GROWOLDGRACEFULLY_AA-1.mp4')\" style=\"border:1.5px solid rgba(45,106,79,0.2); border-radius:8px; padding:6px 10px; text-align:center; font-size:0.72rem; font-weight:600; color:var(--green-mid); cursor:pointer;\">&#9658; Tonton video<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"bkf-artis-card\" style=\"background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(26,58,42,0.08); opacity:0; transform:translateY(30px); transition:opacity 0.6s ease 0.25s, transform 0.6s ease 0.25s;\">\n          <div style=\"position:relative; background:var(--cream-dark); aspect-ratio:1\/1; overflow:hidden; cursor:pointer;\" onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/h1-ARASH-CARA-MINUM-BIOKENAF.mp4')\">\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-10-at-5.15.46-PM.png\" alt=\"Arash Mohamad\" style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block;\">\n            <div style=\"position:absolute; top:8px; left:8px; background:var(--green-deep); color:white; font-size:0.6rem; font-weight:800; padding:3px 8px; border-radius:4px; letter-spacing:0.04em; text-transform:uppercase;\">ARASH MOHAMAD<\/div>\n            <div style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\"><div style=\"width:36px; height:36px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.9rem;\">&#9658;<\/div><\/div>\n          <\/div>\n          <div style=\"padding:12px;\">\n            <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:2px; margin-bottom:6px;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <p style=\"color:var(--text-dark); font-size:0.78rem; line-height:1.55; font-style:italic; margin-bottom:6px;\">\"Senang nak amalkan setiap hari, rasa badan lebih ringan dan bertenaga.\"<\/p>\n            <p style=\"color:var(--text-light); font-size:0.72rem; line-height:1.5; margin-bottom:8px;\">BioKenaf jadi rutin pagi saya sekarang.<\/p>\n            <div onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/h1-ARASH-CARA-MINUM-BIOKENAF.mp4')\" style=\"border:1.5px solid rgba(45,106,79,0.2); border-radius:8px; padding:6px 10px; text-align:center; font-size:0.72rem; font-weight:600; color:var(--green-mid); cursor:pointer;\">&#9658; Tonton video<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"bkf-artis-card\" style=\"background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(26,58,42,0.08); opacity:0; transform:translateY(30px); transition:opacity 0.6s ease 0.4s, transform 0.6s ease 0.4s;\">\n          <div style=\"position:relative; background:var(--cream-dark); aspect-ratio:1\/1; overflow:hidden; cursor:pointer;\" onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/16.4_HT1A_TILLAIV_KOLESTROLKHAI.mov')\">\n            <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-10-at-5.16.49-PM.png\" alt=\"Syatilla Melvin\" style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block;\">\n            <div style=\"position:absolute; top:8px; left:8px; background:var(--green-deep); color:white; font-size:0.6rem; font-weight:800; padding:3px 8px; border-radius:4px; letter-spacing:0.04em; text-transform:uppercase;\">SYATILLA MELVIN<\/div>\n            <div style=\"position:absolute; inset:0; display:flex; align-items:center; justify-content:center;\"><div style=\"width:36px; height:36px; background:rgba(255,255,255,0.9); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.9rem;\">&#9658;<\/div><\/div>\n          <\/div>\n          <div style=\"padding:12px;\">\n            <div style=\"color:var(--gold); font-size:0.75rem; letter-spacing:2px; margin-bottom:6px;\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n            <p style=\"color:var(--text-dark); font-size:0.78rem; line-height:1.55; font-style:italic; margin-bottom:6px;\">\"Dari gula, kolesterol sampai berat badan, semua lebih terurus bila konsisten.\"<\/p>\n            <p style=\"color:var(--text-light); font-size:0.72rem; line-height:1.5; margin-bottom:8px;\">Konsisten 60 hari, perubahan kecil tapi bermakna.<\/p>\n            <div onclick=\"bkfOpenArtisVideo('https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/16.4_HT1A_TILLAIV_KOLESTROLKHAI.mov')\" style=\"border:1.5px solid rgba(45,106,79,0.2); border-radius:8px; padding:6px 10px; text-align:center; font-size:0.72rem; font-weight:600; color:var(--green-mid); cursor:pointer;\">&#9658; Tonton video<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Shared Artis Video Lightbox -->\n      <div id=\"bkfArtisVideoLightbox\" style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:999999; align-items:center; justify-content:center; padding:20px;\">\n        <div style=\"position:relative; width:100%; max-width:480px; border-radius:16px; overflow:hidden; background:#000;\">\n          <button id=\"bkfArtisVideoClose\" style=\"position:absolute; top:12px; right:12px; z-index:10; background:rgba(0,0,0,0.6); border:none; color:white; width:36px; height:36px; border-radius:50%; font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; line-height:1;\">\u2715<\/button>\n          <video id=\"bkfArtisVideoEl\" controls playsinline style=\"width:100%; height:auto; display:block; max-height:80vh;\">\n            <source id=\"bkfArtisVideoSrc\" src=\"\" type=\"video\/mp4\">\n          <\/video>\n        <\/div>\n      <\/div>\n\n      <script>\n      window.bkfOpenArtisVideo = function(src) {\n        var lb = document.getElementById('bkfArtisVideoLightbox');\n        var vid = document.getElementById('bkfArtisVideoEl');\n        var source = document.getElementById('bkfArtisVideoSrc');\n        if (!lb || !vid) return;\n        source.src = src;\n        \/\/ Detect .mov and set correct type\n        source.type = src.endsWith('.mov') ? 'video\/mp4' : 'video\/mp4';\n        vid.load();\n        lb.style.display = 'flex';\n      };\n      document.getElementById('bkfArtisVideoClose').addEventListener('click', function() {\n        var lb = document.getElementById('bkfArtisVideoLightbox');\n        var vid = document.getElementById('bkfArtisVideoEl');\n        lb.style.display = 'none';\n        vid.pause();\n        vid.currentTime = 0;\n      });\n      document.getElementById('bkfArtisVideoLightbox').addEventListener('click', function(e) {\n        if (e.target === this) {\n          this.style.display = 'none';\n          document.getElementById('bkfArtisVideoEl').pause();\n          document.getElementById('bkfArtisVideoEl').currentTime = 0;\n        }\n      });\n      <\/script>\n\n  <script>\n  (function() {\n    var artisCards = document.querySelectorAll('.bkf-artis-card');\n    if (!artisCards.length) return;\n    if ('IntersectionObserver' in window) {\n      var obs = new IntersectionObserver(function(entries) {\n        entries.forEach(function(e) {\n          if (e.isIntersecting) {\n            e.target.style.opacity = '1';\n            e.target.style.transform = 'translate(0,0)';\n            obs.unobserve(e.target);\n          }\n        });\n      }, { threshold: 0.15 });\n      artisCards.forEach(function(c) { obs.observe(c); });\n    } else {\n      artisCards.forEach(function(c) { c.style.opacity='1'; c.style.transform='translate(0,0)'; });\n    }\n  })();\n  <\/script>\n      <!-- 4 Trust Stats -->\n      <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:28px;\">\n        <div style=\"text-align:center; padding:16px 8px; background:var(--white); border-radius:14px; box-shadow:0 2px 10px rgba(26,58,42,0.06);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\udc65<\/div>\n          <div style=\"font-weight:800; color:var(--green-deep); font-size:0.88rem; margin-bottom:4px;\">1 Juta+<br>Pengguna<\/div>\n          <div style=\"color:var(--text-light); font-size:0.72rem; line-height:1.4;\">Telah memilih BioKenaf sebagai rutin harian<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:16px 8px; background:var(--white); border-radius:14px; box-shadow:0 2px 10px rgba(26,58,42,0.06);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83c\udf3f<\/div>\n          <div style=\"font-weight:800; color:var(--green-deep); font-size:0.88rem; margin-bottom:4px;\">Ramai kongsi<br>perubahan positif<\/div>\n          <div style=\"color:var(--text-light); font-size:0.72rem; line-height:1.4;\">Pada gula, kolesterol, berat &amp; corak makan<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:16px 8px; background:var(--white); border-radius:14px; box-shadow:0 2px 10px rgba(26,58,42,0.06);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\udee1\ufe0f<\/div>\n          <div style=\"font-weight:800; color:var(--green-deep); font-size:0.88rem; margin-bottom:4px;\">Selamat &amp;<br>Dipercayai<\/div>\n          <div style=\"color:var(--text-light); font-size:0.72rem; line-height:1.4;\">Diformulasi oleh Pakar Pemakanan &amp; Penyelidik<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:16px 8px; background:var(--white); border-radius:14px; box-shadow:0 2px 10px rgba(26,58,42,0.06);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\udce6<\/div>\n          <div style=\"font-weight:800; color:var(--green-deep); font-size:0.88rem; margin-bottom:4px;\">Konsisten<br>Lebih Mudah<\/div>\n          <div style=\"color:var(--text-light); font-size:0.72rem; line-height:1.4;\">Sokongan rutin harian untuk gaya hidup sihat<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Bottom CTA -->\n      <div style=\"background:var(--white); border-radius:20px; padding:24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; box-shadow:0 2px 12px rgba(26,58,42,0.08); margin-bottom:16px;\">\n        <p style=\"font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:700; color:var(--text-dark); margin:0; flex:1;\">Nak mulakan rutin seperti mereka?<\/p>\n        <div style=\"flex-shrink:0;\">\n          <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/Untitled-design-2.png\" alt=\"BioKenaf\" style=\"height:64px; width:auto; object-fit:contain;\">\n        <\/div>\n      <\/div>\n      <a href=\"#product-detail\" onclick=\"event.preventDefault(); document.getElementById('product-detail').scrollIntoView({behavior:'smooth'});\"\n         style=\"display:flex; align-items:center; justify-content:space-between; background:var(--green-deep); color:var(--white); padding:20px 28px; border-radius:14px; font-weight:700; font-size:1rem; text-decoration:none; margin-bottom:12px;\">\n        <span>Lihat Pakej Rutin 60 Hari<\/span><span>\u2192<\/span>\n      <\/a>\n      <div style=\"background:var(--white); border-radius:16px; padding:16px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:0; box-shadow:0 2px 12px rgba(26,58,42,0.07);\">\n        <div style=\"text-align:center; padding:8px 12px; border-right:1px solid rgba(45,106,79,0.1);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\ude9a<\/div>\n          <div style=\"font-size:0.78rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Penghantaran<br>Percuma<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:8px 12px; border-right:1px solid rgba(45,106,79,0.1);\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\udce6<\/div>\n          <div style=\"font-size:0.78rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Boleh COD<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:8px 12px;\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83d\udee1\ufe0f<\/div>\n          <div style=\"font-size:0.78rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Bayar Bila<br>Sampai Rumah<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- WALL OF PROOF -->\n  <section id=\"wall-of-proof\" style=\"background:var(--cream); padding:72px 24px;\">\n    <div style=\"max-width:700px; margin:0 auto;\">\n\n      <!-- Header -->\n      <div style=\"text-align:center; margin-bottom:40px;\">\n        <span style=\"display:inline-block; border:1.5px solid rgba(45,106,79,0.3); color:var(--green-mid); font-size:0.72rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; padding:6px 18px; border-radius:40px; margin-bottom:18px;\">WALL OF PROOF<\/span>\n        <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(1.9rem,5vw,2.8rem); font-weight:900; color:var(--green-deep); line-height:1.2; margin-bottom:12px;\">Apa Yang Mereka Kongsi<\/h2>\n        <p style=\"color:var(--text-mid); font-size:0.95rem;\">Klik kategori untuk lihat testimoni.<\/p>\n      <\/div>\n\n      <!-- Category Accordions -->\n      <div style=\"display:flex; flex-direction:column; gap:12px;\" id=\"bkfWopList\">\n\n        <!-- Category 1: Penurunan Berat Badan -->\n        <div class=\"bkf-wop-cat\" data-cat=\"0\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(0)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\u2696\ufe0f<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Penurunan Berat Badan<\/span>\n            <span style=\"background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <!-- PLACEHOLDER: gantikan dengan URL gambar testimoni -->\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 3<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 4<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Category 2: Kencing Manis -->\n        <div class=\"bkf-wop-cat\" data-cat=\"1\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(1)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\ud83e\ude78<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Masalah Kencing Manis<\/span>\n            <span style=\"background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Category 3: Darah Tinggi -->\n        <div class=\"bkf-wop-cat\" data-cat=\"2\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(2)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\u2764\ufe0f<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Masalah Darah Tinggi<\/span>\n            <span style=\"background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Category 4: Kolesterol -->\n        <div class=\"bkf-wop-cat\" data-cat=\"3\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(3)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\ud83e\udec0<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Masalah Kolesterol<\/span>\n            <span style=\"background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Category 5: Keradangan -->\n        <div class=\"bkf-wop-cat\" data-cat=\"4\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(4)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\ud83d\udd25<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Masalah Keradangan<\/span>\n            <span style=\"background:rgba(45,106,79,0.08); color:var(--green-mid); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Category 6: Testimoni Special -->\n        <div class=\"bkf-wop-cat\" data-cat=\"5\">\n          <div class=\"bkf-wop-header\" onclick=\"bkfWopToggle(5)\" style=\"background:var(--white); border-radius:16px; padding:18px 20px; display:flex; align-items:center; gap:14px; cursor:pointer; box-shadow:0 2px 10px rgba(26,58,42,0.07); transition:box-shadow 0.2s; user-select:none;\">\n            <span style=\"font-size:1.4rem; flex-shrink:0;\">\u2b50<\/span>\n            <span style=\"font-weight:700; color:var(--text-dark); font-size:0.97rem; flex:1;\">Testimoni Special<\/span>\n            <span style=\"background:rgba(201,168,76,0.15); color:var(--gold); font-size:0.72rem; font-weight:700; padding:4px 12px; border-radius:20px; white-space:nowrap; flex-shrink:0;\">0 testimoni<\/span>\n            <span class=\"bkf-wop-chevron\" style=\"color:var(--green-mid); font-size:1.1rem; flex-shrink:0; transition:transform 0.3s;\">\u2304<\/span>\n          <\/div>\n          <div class=\"bkf-wop-body\" style=\"display:none; margin-top:10px; border-radius:16px; overflow:hidden; background:var(--white); padding:16px; box-shadow:0 2px 10px rgba(26,58,42,0.07);\">\n            <div class=\"bkf-wop-grid\" style=\"columns:2; gap:10px;\">\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:3\/4; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 1<\/span><\/div>\n              <div style=\"break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; background:var(--cream-dark); aspect-ratio:4\/5; display:flex; align-items:center; justify-content:center;\"><span style=\"color:var(--text-light); font-size:0.75rem; text-align:center; padding:8px;\">Gambar Testimoni 2<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/bkfWopList -->\n\n      <!-- Image Lightbox for Wall of Proof -->\n      <div id=\"bkfWopLightbox\" onclick=\"if(event.target===this)bkfWopCloseLb()\" style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:999999; align-items:center; justify-content:center; padding:20px;\">\n        <button onclick=\"bkfWopCloseLb()\" style=\"position:absolute; top:16px; right:16px; background:rgba(255,255,255,0.15); border:none; color:white; width:40px; height:40px; border-radius:50%; font-size:1.2rem; cursor:pointer; display:flex; align-items:center; justify-content:center;\">\u2715<\/button>\n        <img decoding=\"async\" id=\"bkfWopLbImg\" src=\"\" alt=\"\" style=\"max-width:92vw; max-height:88vh; object-fit:contain; border-radius:12px; display:block;\">\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <style>\n    .bkf-wop-cat.open .bkf-wop-chevron { transform: rotate(180deg); }\n    .bkf-wop-cat.open .bkf-wop-header { border-radius: 16px 16px 0 0; box-shadow: 0 4px 16px rgba(26,58,42,0.1); }\n    .bkf-wop-grid img { width:100%; display:block; border-radius:10px; cursor:pointer; transition:transform 0.2s; }\n    .bkf-wop-grid img:hover { transform:scale(1.02); }\n    .bkf-wop-body { animation: bkfWopSlide 0.3s ease; }\n    @keyframes bkfWopSlide { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }\n  <\/style>\n\n  <script>\n  window.bkfWopToggle = function(idx) {\n    var cats = document.querySelectorAll('.bkf-wop-cat');\n    cats.forEach(function(cat, i) {\n      var body = cat.querySelector('.bkf-wop-body');\n      if (i === idx) {\n        var isOpen = cat.classList.contains('open');\n        if (isOpen) {\n          cat.classList.remove('open');\n          body.style.display = 'none';\n        } else {\n          cat.classList.add('open');\n          body.style.display = 'block';\n        }\n      }\n    });\n  };\n  window.bkfWopOpenLb = function(src) {\n    document.getElementById('bkfWopLbImg').src = src;\n    document.getElementById('bkfWopLightbox').style.display = 'flex';\n  };\n  window.bkfWopCloseLb = function() {\n    document.getElementById('bkfWopLightbox').style.display = 'none';\n    document.getElementById('bkfWopLbImg').src = '';\n  };\n  document.addEventListener('keydown', function(e){ if(e.key==='Escape') bkfWopCloseLb(); });\n  <\/script>\n\n  <!-- PENGESAHAN DUNIA SEBENAR -->\n  <section id=\"dunia-sebenar\" style=\"background:var(--cream); padding:32px 24px 72px;\">\n    <div style=\"max-width:700px; margin:0 auto;\">\n\n      <!-- Badge + Header -->\n      <div style=\"margin-bottom:28px;\">\n        <span style=\"display:inline-block; background:var(--green-mid); color:white; font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:7px 16px; border-radius:6px; margin-bottom:16px;\">PENGESAHAN DUNIA SEBENAR<\/span>\n        <h2 style=\"font-family:'Playfair Display',serif; font-size:clamp(1.8rem,5vw,2.6rem); font-weight:900; color:var(--text-dark); line-height:1.2; margin-bottom:14px;\">BioKenaf Bukan Sekadar<br>Diformulasi \u2014 Ia Juga<br><em style=\"color:var(--green-mid); font-style:normal;\">Dibawa Ke Dunia Sebenar.<\/em><\/h2>\n        <p style=\"color:var(--text-mid); font-size:0.95rem; line-height:1.75;\">Selain dibangunkan bersama asas penyelidikan, BioKenaf turut diperkenalkan melalui lawatan kilang, program bersama penasihat kementerian, pameran di Dubai &amp; Jepun, serta aktiviti kebajikan komuniti.<\/p>\n      <\/div>\n\n      <!-- Card 1: Lawatan Kilang -->\n      <div style=\"background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 4px 20px rgba(26,58,42,0.09); margin-bottom:16px; display:grid; grid-template-columns:1fr 1fr; min-height:220px;\">\n        <div style=\"background:var(--cream-dark); overflow:hidden; position:relative;\">\n          <img decoding=\"async\" src=\"https:\/\/aurabiocare-sg.com\/wp-content\/uploads\/2026\/05\/photo-dr-maryana.jpg\"\n               alt=\"Lawatan Kilang BioKenaf\"\n               onerror=\"this.style.display='none';\"\n               style=\"width:100%; height:100%; object-fit:cover; object-position:center top; display:block; min-height:200px;\">\n          <div style=\"position:absolute; bottom:10px; left:10px; background:rgba(0,0,0,0.65); color:white; font-size:0.65rem; font-weight:700; padding:4px 10px; border-radius:4px; letter-spacing:0.05em;\">\ud83c\udfed LAWATAN KILANG<\/div>\n        <\/div>\n        <div style=\"padding:24px 20px; display:flex; flex-direction:column; justify-content:center; gap:12px;\">\n          <h3 style=\"font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:900; color:var(--text-dark); line-height:1.3; margin:0;\">Lawatan Kilang<br>Bersama Penasihat Kementerian<\/h3>\n          <p style=\"color:var(--text-mid); font-size:0.85rem; line-height:1.65; margin:0;\">Ketelitian proses pengeluaran BioKenaf disaksikan terus oleh penasihat kementerian \u2014 bukti komitmen terhadap kualiti dan keselamatan produk.<\/p>\n          <div style=\"display:flex; gap:8px; flex-wrap:wrap;\">\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\ud83c\udfed Kilang Bersih<\/span>\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\ud83c\udfdb\ufe0f Sokongan Rasmi<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Pameran Antarabangsa -->\n      <div style=\"background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 4px 20px rgba(26,58,42,0.09); margin-bottom:16px; display:grid; grid-template-columns:1fr 1fr; min-height:220px;\">\n        <div style=\"background:var(--cream-dark); overflow:hidden; position:relative;\">\n          <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260609_050355_536f397a-d9f1-4b91-a2c1-b75343428392.png\"\n               alt=\"Pameran Antarabangsa Dubai Jepun PICC\"\n               onerror=\"this.style.display='none';\"\n               style=\"width:100%; height:100%; object-fit:cover; object-position:center; display:block; min-height:200px;\">\n          <div style=\"position:absolute; bottom:10px; left:10px; background:rgba(0,0,0,0.65); color:white; font-size:0.65rem; font-weight:700; padding:4px 10px; border-radius:4px; letter-spacing:0.05em;\">\ud83c\udf10 PAMERAN ANTARABANGSA<\/div>\n        <\/div>\n        <div style=\"padding:24px 20px; display:flex; flex-direction:column; justify-content:center; gap:12px;\">\n          <h3 style=\"font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:900; color:var(--text-dark); line-height:1.3; margin:0;\">Dubai \u00b7 Jepun \u00b7 PICC<\/h3>\n          <p style=\"color:var(--text-mid); font-size:0.85rem; line-height:1.65; margin:0;\">BioKenaf dibawa ke pameran antarabangsa untuk memperkenalkan inovasi kenaf Malaysia ke pasaran lebih luas \u2014 diiktiraf di peringkat global.<\/p>\n          <div style=\"display:flex; gap:8px; flex-wrap:wrap;\">\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\ud83c\udde6\ud83c\uddea Dubai<\/span>\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\ud83c\uddef\ud83c\uddf5 Jepun<\/span>\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\ud83c\udfdb\ufe0f PICC KL<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Kebajikan & Komuniti -->\n      <div style=\"background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 4px 20px rgba(26,58,42,0.09); margin-bottom:24px; display:grid; grid-template-columns:1fr 1fr; min-height:220px;\">\n        <div style=\"background:var(--green-deep); overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center; min-height:200px;\">\n          <div style=\"text-align:center; padding:20px;\">\n            <div style=\"font-size:3rem; margin-bottom:12px;\">\ud83e\udd1d<\/div>\n            <div style=\"color:var(--white); font-size:0.8rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; opacity:0.85;\">Kebajikan &amp; Komuniti<\/div>\n          <\/div>\n        <\/div>\n        <div style=\"padding:24px 20px; display:flex; flex-direction:column; justify-content:center; gap:12px;\">\n          <h3 style=\"font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:900; color:var(--text-dark); line-height:1.3; margin:0;\">Kebajikan &amp;<br>Komuniti<\/h3>\n          <p style=\"color:var(--text-mid); font-size:0.85rem; line-height:1.65; margin:0;\">Bukan sekadar menjual produk. BioKenaf turut hadir memberi manfaat kepada masyarakat melalui program kebajikan dan penglibatan komuniti aktif.<\/p>\n          <div style=\"display:flex; gap:8px; flex-wrap:wrap;\">\n            <span style=\"background:rgba(82,183,136,0.1); color:var(--green-mid); font-size:0.7rem; font-weight:700; padding:4px 10px; border-radius:20px;\">\u2764\ufe0f Program Komuniti<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- 4 Icons Row -->\n      <div style=\"background:var(--white); border-radius:16px; padding:20px 16px; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:0; margin-bottom:24px; box-shadow:0 2px 12px rgba(26,58,42,0.06);\">\n        <div style=\"text-align:center; border-right:1px solid rgba(45,106,79,0.1); padding:8px 4px;\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83c\udfed<\/div>\n          <div style=\"font-size:0.72rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Lawatan kilang<\/div>\n        <\/div>\n        <div style=\"text-align:center; border-right:1px solid rgba(45,106,79,0.1); padding:8px 4px;\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83c\udfdb\ufe0f<\/div>\n          <div style=\"font-size:0.72rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Program rasmi<\/div>\n        <\/div>\n        <div style=\"text-align:center; border-right:1px solid rgba(45,106,79,0.1); padding:8px 4px;\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83c\udf10<\/div>\n          <div style=\"font-size:0.72rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Pameran antarabangsa<\/div>\n        <\/div>\n        <div style=\"text-align:center; padding:8px 4px;\">\n          <div style=\"font-size:1.4rem; margin-bottom:6px;\">\ud83e\udd1d<\/div>\n          <div style=\"font-size:0.72rem; font-weight:700; color:var(--text-dark); line-height:1.4;\">Khidmat komuniti<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Quote box -->\n      <div style=\"background:var(--white); border-radius:16px; padding:24px 20px; display:flex; align-items:flex-start; gap:16px; box-shadow:0 2px 12px rgba(26,58,42,0.06);\">\n        <div style=\"width:44px; height:44px; min-width:44px; background:rgba(45,106,79,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0;\">\ud83d\udee1\ufe0f<\/div>\n        <p style=\"color:var(--text-dark); font-size:0.92rem; line-height:1.75; margin:0;\">Semua ini menguatkan satu perkara: BioKenaf ialah jenama yang <strong style=\"color:var(--green-deep);\">aktif, diyakini dan hadir di dunia sebenar<\/strong> \u2014 bukan sekadar janji pemasaran.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- PRODUCT DETAIL SECTION -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap');\n.bkf-pd { --green-deep:#1a3a2a;--green-mid:#2d6a4f;--green-bright:#52b788;--green-light:#95d5b2;--gold:#c9a84c;--gold-light:#e8c97a;--cream:#faf6ee;--cream-dark:#f0e8d8;--white:#ffffff;--text-dark:#1a2a1e;--text-mid:#3d5a47;--text-light:#6b8f76;--red-accent:#c0392b;--shadow:0 20px 60px rgba(26,58,42,0.15);--shadow-sm:0 4px 20px rgba(26,58,42,0.1);font-family:'DM Sans',sans-serif; }\n.bkf-pd *,.bkf-pd *::before,.bkf-pd *::after{margin:0;padding:0;box-sizing:border-box;}\n.bkf-pd-section{background:var(--cream);padding:80px 24px;width:100%;box-sizing:border-box;overflow:hidden;}\n.bkf-pd-container{max-width:1100px;margin:0 auto;}\n.bkf-pd-header{text-align:center;margin-bottom:56px;}\n.bkf-pd-label{display:inline-block;color:var(--green-mid);font-weight:700;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px;}\n.bkf-pd-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;color:var(--green-deep);line-height:1.15;}\n.bkf-pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}\n.bkf-pd-gallery{position:sticky;top:80px;width:100%;box-sizing:border-box;overflow:hidden;}\n.bkf-pd-main-img{width:100%;aspect-ratio:1\/1;border-radius:20px;overflow:hidden;background:var(--cream-dark);margin-bottom:12px;border:2px solid rgba(45,106,79,0.1);position:relative;}\n.bkf-pd-main-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.4s ease;}\n.bkf-pd-main-img:hover img{transform:scale(1.03);}\n.bkf-pd-thumbs{display:flex;gap:10px;overflow-x:auto;width:100%;box-sizing:border-box;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}\n.bkf-pd-thumbs::-webkit-scrollbar{display:none;}\n.bkf-pd-thumb{width:72px;height:72px;min-width:72px;border-radius:12px;overflow:hidden;border:2px solid rgba(45,106,79,0.12);cursor:pointer;transition:border-color 0.2s,transform 0.2s;flex-shrink:0;background:var(--cream-dark);}\n.bkf-pd-thumb:hover{border-color:var(--green-bright);transform:scale(1.05);}\n.bkf-pd-thumb.active{border-color:var(--green-mid);box-shadow:0 0 0 2px rgba(45,106,79,0.2);}\n.bkf-pd-thumb img{width:100%;height:100%;object-fit:cover;display:block;}\n.bkf-pd-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;justify-content:center;}\n.bkf-pd-trust-pill{display:flex;align-items:center;gap:6px;background:var(--white);border:1px solid rgba(45,106,79,0.15);border-radius:30px;padding:6px 12px;font-size:0.75rem;font-weight:600;color:var(--green-mid);}\n.bkf-pd-trust-pill span.dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);flex-shrink:0;}\n.bkf-pd-info{display:flex;flex-direction:column;gap:0;}\n.bkf-pd-product-name{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:900;color:var(--green-deep);margin-bottom:8px;line-height:1.15;}\n.bkf-pd-stars{display:flex;align-items:center;gap:8px;margin-bottom:16px;}\n.bkf-pd-stars .stars{color:var(--gold);font-size:1rem;letter-spacing:1px;}\n.bkf-pd-stars .count{font-size:0.85rem;color:var(--text-mid);font-weight:500;}\n.bkf-pd-tagline{font-size:0.95rem;color:var(--text-mid);line-height:1.7;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(45,106,79,0.1);}\n.bkf-pd-pkg-label{font-size:0.78rem;font-weight:700;color:var(--green-mid);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:12px;}\n.bkf-pd-pkg-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;width:100%;box-sizing:border-box;}\n.bkf-pd-pkg-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid rgba(45,106,79,0.12);border-radius:14px;cursor:pointer;transition:border-color 0.2s,background 0.2s,transform 0.15s;background:var(--white);position:relative;user-select:none;}\n.bkf-pd-pkg-option:hover{border-color:var(--green-bright);background:rgba(82,183,136,0.04);transform:translateX(3px);}\n.bkf-pd-pkg-option.selected{border-color:var(--green-mid);background:rgba(45,106,79,0.04);}\n.bkf-pd-pkg-option.selected .pkg-radio{background:var(--green-mid);border-color:var(--green-mid);}\n.bkf-pd-pkg-option.selected .pkg-radio::after{opacity:1;}\n.bkf-pd-pkg-option.featured-pkg{border-color:var(--gold);}\n.bkf-pd-pkg-option.featured-pkg.selected{border-color:var(--gold);background:rgba(201,168,76,0.05);}\n.pkg-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(45,106,79,0.3);background:var(--white);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s;position:relative;}\n.pkg-radio::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--white);opacity:0;transition:opacity 0.2s;}\n.pkg-info{flex:1;}\n.pkg-info .pkg-name{font-weight:700;color:var(--green-deep);font-size:0.95rem;margin-bottom:2px;}\n.pkg-info .pkg-sub{font-size:0.8rem;color:var(--text-light);font-weight:500;}\n.pkg-right{text-align:right;}\n.pkg-right .pkg-price{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:var(--green-mid);display:block;line-height:1;margin-bottom:3px;}\n.pkg-right .pkg-save{font-size:0.72rem;font-weight:700;color:var(--red-accent);background:rgba(192,57,43,0.08);padding:2px 8px;border-radius:20px;display:inline-block;}\n.pkg-badge-hot{position:absolute;top:-8px;left:16px;background:var(--gold);color:var(--green-deep);font-size:0.65rem;font-weight:800;padding:2px 10px;border-radius:20px;letter-spacing:0.07em;text-transform:uppercase;}\n.bkf-pd-cta-wrap{margin-bottom:24px;}\n.bkf-pd-btn-buy{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--green-mid),var(--green-deep));color:var(--white);padding:18px 28px;border-radius:14px;font-size:1.05rem;font-weight:700;text-decoration:none;letter-spacing:0.02em;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 8px 24px rgba(45,106,79,0.3);border:none;cursor:pointer;}\n.bkf-pd-btn-buy:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(45,106,79,0.38);}\n.bkf-pd-btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;background:rgba(37,211,102,0.08);border:1.5px solid rgba(37,211,102,0.3);color:#1a8a40;padding:13px 28px;border-radius:14px;font-size:0.92rem;font-weight:600;text-decoration:none;transition:background 0.2s;cursor:pointer;}\n.bkf-pd-btn-wa:hover{background:rgba(37,211,102,0.14);}\n.bkf-pd-delivery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(45,106,79,0.1);justify-content:center;}\n.delivery-chip{display:flex;align-items:center;gap:7px;background:rgba(82,183,136,0.08);border:1px solid rgba(82,183,136,0.2);border-radius:30px;padding:7px 14px;font-size:0.8rem;color:var(--text-mid);font-weight:500;}\n.delivery-chip .chip-icon{font-size:1rem;}\n.bkf-pd-tabs{display:flex;flex-direction:column;gap:0;border:1px solid rgba(45,106,79,0.1);border-radius:16px;overflow:hidden;width:100%;box-sizing:border-box;}\n.bkf-pd-tab{border-bottom:1px solid rgba(45,106,79,0.08);}\n.bkf-pd-tab:last-child{border-bottom:none;}\n.bkf-pd-tab-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;background:var(--white);transition:background 0.2s;gap:12px;user-select:none;}\n.bkf-pd-tab-header:hover{background:rgba(82,183,136,0.04);}\n.bkf-pd-tab-header .tab-title{font-weight:600;color:var(--green-deep);font-size:0.9rem;display:flex;align-items:center;gap:9px;}\n.bkf-pd-tab-header .tab-chevron{width:22px;height:22px;border-radius:50%;background:var(--cream-dark);display:flex;align-items:center;justify-content:center;color:var(--green-mid);font-weight:800;font-size:0.9rem;flex-shrink:0;transition:transform 0.3s,background 0.2s;}\n.bkf-pd-tab.open .tab-chevron{transform:rotate(45deg);background:var(--green-mid);color:var(--white);}\n.bkf-pd-tab-body{max-height:0;overflow:hidden;transition:max-height 0.4s ease;background:var(--white);}\n.bkf-pd-tab.open .bkf-pd-tab-body{max-height:800px;}\n.bkf-pd-tab-content{padding:0 22px 22px;font-size:0.88rem;color:var(--text-mid);line-height:1.75;}\n.bkf-pd-tab-content table{width:100%;border-collapse:collapse;font-size:0.85rem;}\n.bkf-pd-tab-content table tr{border-bottom:1px solid rgba(45,106,79,0.07);}\n.bkf-pd-tab-content table tr:last-child{border-bottom:none;}\n.bkf-pd-tab-content table td{padding:10px 0;vertical-align:top;}\n.bkf-pd-tab-content table td:first-child{color:var(--text-light);width:45%;font-weight:500;padding-right:12px;}\n.bkf-pd-tab-content table td:last-child{color:var(--green-deep);font-weight:600;}\n.bkf-pd-tab-content .ingr-block{padding:14px 0;border-bottom:1px solid rgba(45,106,79,0.07);}\n.bkf-pd-tab-content .ingr-block:last-child{border-bottom:none;}\n.bkf-pd-tab-content .ingr-name{font-weight:700;color:var(--green-deep);margin-bottom:5px;font-size:0.88rem;}\n.bkf-pd-tab-content .ingr-desc{color:var(--text-mid);font-size:0.84rem;line-height:1.65;}\n.bkf-pd-tab-content .cert-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(45,106,79,0.07);}\n.bkf-pd-tab-content .cert-row:last-child{border-bottom:none;}\n.bkf-pd-tab-content .cert-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px;}\n.bkf-pd-tab-content .cert-body strong{color:var(--green-deep);display:block;margin-bottom:3px;font-size:0.87rem;}\n.bkf-pd-tab-content .cert-body p{color:var(--text-mid);font-size:0.83rem;line-height:1.55;}\n.bkf-pd-tab-content .safety-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(82,183,136,0.1);color:var(--green-mid);font-size:0.76rem;font-weight:700;padding:4px 11px;border-radius:20px;margin:4px 4px 0 0;}\n.bkf-pd-sticky-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99999;background:var(--white);border-top:1px solid rgba(45,106,79,0.15);padding:8px 16px;box-shadow:0 -4px 16px rgba(26,58,42,0.1);}\n.bkf-pd-sticky-inner{display:flex;align-items:center;gap:6px;max-width:500px;margin:0 auto;width:100%;}\n.bkf-pd-sticky-inner .sticky-name{font-weight:700;color:var(--green-deep);font-size:0.8rem;white-space:nowrap;}\n.bkf-pd-sticky-inner .sticky-price{color:var(--green-mid);font-weight:700;font-size:0.78rem;}\n.bkf-pd-sticky-buy{background:var(--green-deep);color:var(--white);border:none;padding:10px 18px;border-radius:10px;font-size:0.85rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;white-space:nowrap;flex-shrink:0;}\n.bkf-pkg-wrap{display:flex;flex-direction:column;}\n.bkf-pkg-img-drop{border:2px solid rgba(45,106,79,0.15);border-radius:12px;overflow:hidden;margin-bottom:8px;animation:bkfDropIn 0.25s ease;}\n@keyframes bkfDropIn{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}\n@media(max-width:768px){.bkf-pd-layout{grid-template-columns:1fr;gap:32px;}.bkf-pd-gallery{position:static;}.bkf-pd-sticky-bar{display:flex;}.bkf-pd-section{padding:60px 16px 100px;box-sizing:border-box;overflow-x:hidden;}.bkf-pd-info{max-width:100%;}.bkf-pd-pkg-option{max-width:100%;}}\n@media(max-width:480px){.bkf-pd-thumbs{gap:6px;}.bkf-pd-thumb{width:52px;height:52px;min-width:52px;}}\n<\/style>\n\n<section class=\"bkf-pd bkf-pd-section\" id=\"product-detail\">\n  <div class=\"bkf-pd-container\">\n    <div class=\"bkf-pd-header\">\n      <span class=\"bkf-pd-label\">Maklumat Produk Lengkap<\/span>\n      <h2 class=\"bkf-pd-title\">Kenali BioKenaf\u00ae Lebih Dekat<\/h2>\n    <\/div>\n    <div class=\"bkf-pd-layout\">\n\n      <!-- GALLERY -->\n      <div class=\"bkf-pd-gallery\">\n        <div class=\"bkf-pd-main-img\" id=\"bkfMainImg\" onclick=\"bkfOpenImgLightbox()\" style=\"cursor:zoom-in;\">\n          <img decoding=\"async\" id=\"bkfMainImgEl\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260611_143202_3506b7cc-06a2-4c66-9c63-0fd14da0492a.png\" alt=\"BioKenaf Pakej Jimat\">\n          <div style=\"position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.45);color:white;font-size:0.7rem;padding:4px 10px;border-radius:6px;pointer-events:none;\">\ud83d\udd0d Klik untuk besarkan<\/div>\n        <\/div>\n        <div class=\"bkf-pd-thumbs\">\n          <div class=\"bkf-pd-thumb active\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260611_143202_3506b7cc-06a2-4c66-9c63-0fd14da0492a.png','Gambar 1')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260611_143202_3506b7cc-06a2-4c66-9c63-0fd14da0492a.png\" alt=\"1\"><\/div>\n          <div class=\"bkf-pd-thumb\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MANFAAT-BIOKENAF.png','Gambar 2')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/MANFAAT-BIOKENAF.png\" alt=\"2\"><\/div>\n          <div class=\"bkf-pd-thumb\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CARA-AMALKAN-BIOKENAF.png','Gambar 3')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/CARA-AMALKAN-BIOKENAF.png\" alt=\"3\"><\/div>\n          <div class=\"bkf-pd-thumb\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/KANDUNGAN-BIOKENAF.png','Gambar 4')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/KANDUNGAN-BIOKENAF.png\" alt=\"4\"><\/div>\n          <div class=\"bkf-pd-thumb\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260611_150857_973e7b46-409e-4414-81e4-5ec00899b7c0.png','Gambar 5')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/hf_20260611_150857_973e7b46-409e-4414-81e4-5ec00899b7c0.png\" alt=\"5\"><\/div>\n          <div class=\"bkf-pd-thumb\" onclick=\"bkfSetImg(this,'https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/3-scaled.png','Gambar 6')\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/3-scaled.png\" alt=\"6\"><\/div>\n        <\/div>\n        <!-- Image Lightbox -->\n        <div id=\"bkfImgLightbox\" style=\"display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999999;align-items:center;justify-content:center;padding:16px;\" onclick=\"if(event.target===this)bkfCloseImgLightbox();\">\n          <button onclick=\"bkfCloseImgLightbox()\" style=\"position:absolute;top:16px;right:16px;background:rgba(255,255,255,0.15);border:none;color:white;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;\">\u2715<\/button>\n          <img decoding=\"async\" id=\"bkfLightboxFullImg\" src=\"\" alt=\"\" style=\"max-width:92vw;max-height:88vh;object-fit:contain;border-radius:12px;display:block;\">\n        <\/div>\n        <script>\n        window.bkfOpenImgLightbox=function(){var src=document.getElementById('bkfMainImgEl').src;document.getElementById('bkfLightboxFullImg').src=src;document.getElementById('bkfImgLightbox').style.display='flex';};\n        window.bkfCloseImgLightbox=function(){document.getElementById('bkfImgLightbox').style.display='none';};\n        document.addEventListener('keydown',function(e){if(e.key==='Escape')bkfCloseImgLightbox();});\n        <\/script>\n        <div class=\"bkf-pd-trust-row\">\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>100% Organik<\/div>\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>KKM Approved<\/div>\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>Halal Certified<\/div>\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>Tiada Cirit Birit<\/div>\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>1 Juta+ Kotak Terjual<\/div>\n          <div class=\"bkf-pd-trust-pill\"><span class=\"dot\"><\/span>15,000 Pelanggan Repeat Setiap Bulan<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- INFO -->\n      <div class=\"bkf-pd-info\">\n        <div class=\"bkf-pd-product-name\">Biokenaf\u00ae<br>Tea Concentrate<\/div>\n        <div class=\"bkf-pd-stars\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span class=\"count\">4.9 | 3,200+ ulasan<\/span><\/div>\n        <p class=\"bkf-pd-tagline\">Inovasi Diet Tuner berasaskan kenaf \u2014 hilangkan lemak visceral, kawal gula &amp; kolesterol, sokong metabolisme secara menyeluruh. Diformulasi bersama Universiti Malaysia Kelantan (UMK).<\/p>\n\n        <div class=\"bkf-pd-pkg-label\" style=\"margin-top:28px;\">Pilih Pakej Anda<\/div>\n\n        <div class=\"bkf-pd-pkg-grid\">\n          <!-- Pakej Cuba -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-0\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2026-04-04-at-00.05.43.jpeg\" alt=\"Pakej Cuba\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Cuba<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option\" onclick=\"bkfSelectPkg(this,'RM 95','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-0')\"><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Cuba<\/div><div class=\"pkg-sub\">1 Kotak \u00b7 30 Bancuhan \u00b7 30 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 95<\/span><\/div><\/div>\n          <\/div>\n          <!-- Pakej Duo -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-1\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2026-04-04-at-00.05.42-1.jpeg\" alt=\"Pakej Duo\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Duo<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option\" onclick=\"bkfSelectPkg(this,'RM 149','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-1')\"><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Duo<\/div><div class=\"pkg-sub\">2 Kotak \u00b7 60 Bancuhan \u00b7 60 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 149<\/span><span class=\"pkg-save\">Jimat RM41<\/span><\/div><\/div>\n          <\/div>\n          <!-- Pakej Sihat -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-2\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2026-04-04-at-00.05.41.jpeg\" alt=\"Pakej Sihat\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Sihat<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option\" onclick=\"bkfSelectPkg(this,'RM 249','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-2')\"><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Sihat<\/div><div class=\"pkg-sub\">4 Kotak \u00b7 120 Bancuhan \u00b7 120 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 249<\/span><span class=\"pkg-save\">Jimat RM131<\/span><\/div><\/div>\n          <\/div>\n          <!-- Pakej Jimat -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-3\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2026-04-04-at-00.05.42.jpeg\" alt=\"Pakej Jimat\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Jimat<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option featured-pkg selected\" onclick=\"bkfSelectPkg(this,'RM 299','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-3')\"><div class=\"pkg-badge-hot\">Most Popular<\/div><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Jimat<\/div><div class=\"pkg-sub\">6 Kotak \u00b7 150 Bancuhan \u00b7 180 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 299<\/span><span class=\"pkg-save\">Jimat RM271<\/span><\/div><\/div>\n          <\/div>\n          <!-- Pakej Special -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-4\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2024\/08\/WhatsApp-Image-2026-04-04-at-00.05.41-1.jpeg\" alt=\"Pakej Special\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Special<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option featured-pkg\" onclick=\"bkfSelectPkg(this,'RM 349','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-4')\"><div class=\"pkg-badge-hot\" style=\"background:var(--green-bright);\">Best Value<\/div><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Special<\/div><div class=\"pkg-sub\">7 Kotak + 1 Tumbler \u00b7 210 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 349<\/span><span class=\"pkg-save\">Jimat RM316<\/span><\/div><\/div>\n          <\/div>\n          <!-- Pakej Special Saving -->\n          <div class=\"bkf-pkg-wrap\">\n            <div class=\"bkf-pkg-img-drop\" id=\"bkfDrop-5\" style=\"display:none;\"><img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/02\/Untitled-design-4.jpg\" alt=\"Pakej Special Saving\" style=\"width:100%;height:auto;display:block;border-radius:12px 12px 0 0;\"><div style=\"padding:8px 14px;background:var(--cream);font-weight:700;color:var(--green-deep);font-size:0.85rem;border-radius:0 0 12px 12px;\">\ud83d\udce6 Pakej Special Saving<\/div><\/div>\n            <div class=\"bkf-pd-pkg-option featured-pkg\" onclick=\"bkfSelectPkg(this,'RM 500','https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/');bkfToggleDrop('bkfDrop-5')\"><div class=\"pkg-badge-hot\" style=\"background:var(--gold);\">Biggest Savings<\/div><div class=\"pkg-radio\"><\/div><div class=\"pkg-info\"><div class=\"pkg-name\">\ud83d\udce6 Pakej Special Saving<\/div><div class=\"pkg-sub\">10 Kotak + 1 Kotak FREE \u00b7 330 Hari<\/div><\/div><div class=\"pkg-right\"><span class=\"pkg-price\">RM 500<\/span><span class=\"pkg-save\">Jimat RM600<\/span><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <script>\n        window.bkfToggleDrop=function(id){var allDrops=document.querySelectorAll('.bkf-pkg-img-drop');var target=document.getElementById(id);allDrops.forEach(function(d){if(d.id!==id)d.style.display='none';});if(target){target.style.display=target.style.display==='none'?'block':'none';}};\n        <\/script>\n\n        <div class=\"bkf-pd-cta-wrap\">\n          <a id=\"bkfBuyBtn\" href=\"https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/\" class=\"bkf-pd-btn-buy\">\ud83d\uded2 Beli Sekarang \u2014 RM 299<\/a>\n          <a href=\"https:\/\/wa.me\/60172998443?text=Hi%20Biokenaf%20MY,%20Saya%20nak%20tahu%20tentang%20promosi%20terkini\" target=\"_blank\" rel=\"noopener\" class=\"bkf-pd-btn-wa\">\ud83d\udcac Tanya Kami di WhatsApp<\/a>\n        <\/div>\n\n        <div class=\"bkf-pd-delivery\">\n          <div class=\"delivery-chip\"><span class=\"chip-icon\">\ud83d\udd50<\/span>Hantar dalam 24 jam<\/div>\n          <div class=\"delivery-chip\"><span class=\"chip-icon\">\ud83d\udcb0<\/span>Sampai baru bayar (COD)<\/div>\n          <div class=\"delivery-chip\"><span class=\"chip-icon\">\ud83d\udee1\ufe0f<\/span>Jaminan wang dikembalikan<\/div>\n          <div class=\"delivery-chip\"><span class=\"chip-icon\">\ud83d\udd12<\/span>Hologram keaslian<\/div>\n        <\/div>\n\n        <div class=\"bkf-pd-tabs\">\n          <div class=\"bkf-pd-tab open\">\n            <div class=\"bkf-pd-tab-header\" onclick=\"bkfToggleTab(this)\"><span class=\"tab-title\"><span class=\"tab-icon\">\ud83c\udf75<\/span>Cara Amalkan<\/span><span class=\"tab-chevron\">+<\/span><\/div>\n            <div class=\"bkf-pd-tab-body\"><div class=\"bkf-pd-tab-content\"><table><tr><td>Saiz \/ Isi<\/td><td>10 Uncang per Kotak<\/td><\/tr><tr><td>Tempoh 1 Uncang<\/td><td>2\u20133x bancuhan, tahan 1\u20132 hari<\/td><\/tr><tr><td>1 Kotak Cukup<\/td><td>10\u201315 hari bekalan<\/td><\/tr><tr><td>Kepekatan Air<\/td><td>1L\u20131.5L per uncang<\/td><\/tr><tr><td>Umur Minima<\/td><td>12 tahun ke atas<\/td><\/tr><tr><td>Cara Minum<\/td><td>Air sejuk, suam, atau panas (teh herba)<\/td><\/tr><tr><td>Masa Terbaik<\/td><td>Sebelum atau semasa makan<\/td><\/tr><tr><td>Simpanan<\/td><td>Tempat sejuk &amp; kering, jauh dari cahaya matahari langsung<\/td><\/tr><\/table><p style=\"margin-top:14px;padding:12px 14px;background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.2);border-radius:10px;font-size:0.83rem;color:var(--text-mid);\">\ud83d\udca1 <strong style=\"color:var(--green-deep);\">Tips Penjimatan:<\/strong> Gunakan 1 uncang semaksimum mungkin sehingga 3 bancuhan. Tiada kesan cirit-birit \u2014 selamat untuk penggunaan harian.<\/p><\/div><\/div>\n          <\/div>\n          <div class=\"bkf-pd-tab\">\n            <div class=\"bkf-pd-tab-header\" onclick=\"bkfToggleTab(this)\"><span class=\"tab-title\"><span class=\"tab-icon\">\ud83c\udf3f<\/span>Bahan Aktif<\/span><span class=\"tab-chevron\">+<\/span><\/div>\n            <div class=\"bkf-pd-tab-body\"><div class=\"bkf-pd-tab-content\"><div class=\"ingr-block\"><div class=\"ingr-name\">Chlorogenic Acid (CGA)<\/div><div class=\"ingr-desc\">Bahan utama yang menghalang secara kekal pembentukan lemak baru dan membaiki sel hati yang rosak akibat lemak berlebihan. Kajian menunjukkan CGA menghalang enzim alpha-amylase daripada memecahkan karbohidrat kepada gula.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Flavanoid (7x lebih tinggi dari Moringa)<\/div><div class=\"ingr-desc\">Antioksidan semulajadi paling kuat dalam kenaf \u2014 kawal radang kronik, tingkatkan imuniti, dan sokong kesihatan kardiovaskular secara menyeluruh.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Phenolic Compound<\/div><div class=\"ingr-desc\">Membantu mengawal paras gula darah dan kolesterol secara mampan jangka panjang.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Antioksidan Semulajadi<\/div><div class=\"ingr-desc\">Perlindungan sel daripada kerosakan oksidatif yang menyebabkan penuaan dan penyakit kronik.<\/div><\/div><\/div><\/div>\n          <\/div>\n          <div class=\"bkf-pd-tab\">\n            <div class=\"bkf-pd-tab-header\" onclick=\"bkfToggleTab(this)\"><span class=\"tab-title\"><span class=\"tab-icon\">\ud83d\udcca<\/span>Fakta Nutrisi<\/span><span class=\"tab-chevron\">+<\/span><\/div>\n            <div class=\"bkf-pd-tab-body\"><div class=\"bkf-pd-tab-content\"><p style=\"margin-bottom:12px;font-size:0.82rem;color:var(--text-light);\">Saiz sajian: 1 Uncang (bancuhan 1L air)<\/p><table><tr><td>Kalori<\/td><td>&lt;5 kcal<\/td><\/tr><tr><td>Karbohidrat<\/td><td>0g<\/td><\/tr><tr><td>Gula Tambahan<\/td><td>0g<\/td><\/tr><tr><td>Lemak<\/td><td>0g<\/td><\/tr><tr><td>Sodium<\/td><td>0mg<\/td><\/tr><tr><td>Flavanoid<\/td><td>Tinggi (7x moringa)<\/td><\/tr><tr><td>Chlorogenic Acid<\/td><td>Konsentrasi tinggi<\/td><\/tr><\/table><\/div><\/div>\n          <\/div>\n          <div class=\"bkf-pd-tab\">\n            <div class=\"bkf-pd-tab-header\" onclick=\"bkfToggleTab(this)\"><span class=\"tab-title\"><span class=\"tab-icon\">\ud83d\udee1\ufe0f<\/span>Keselamatan &amp; Pensijilan<\/span><span class=\"tab-chevron\">+<\/span><\/div>\n            <div class=\"bkf-pd-tab-body\"><div class=\"bkf-pd-tab-content\"><div class=\"cert-row\"><span class=\"cert-icon\">\ud83c\udfdb\ufe0f<\/span><div class=\"cert-body\"><strong>KKM Malaysia \u2014 Makanan Kesihatan Berfungsi<\/strong><p>Dikelaskan oleh Kementerian Kesihatan Malaysia sebagai produk makanan kesihatan berfungsi yang selamat untuk dimakan.<\/p><\/div><\/div><div class=\"cert-row\"><span class=\"cert-icon\">\u262a\ufe0f<\/span><div class=\"cert-body\"><strong>Halal JAKIM<\/strong><p>Disahkan halal \u2014 selamat untuk pengguna Muslim.<\/p><\/div><\/div><div class=\"cert-row\"><span class=\"cert-icon\">\ud83d\udd2c<\/span><div class=\"cert-body\"><strong>Ujian Makmal FRIM<\/strong><p>Lulus ujian keselamatan toksikologi, flavanoid, logam berat &amp; mikrob.<\/p><\/div><\/div><div class=\"cert-row\"><span class=\"cert-icon\">\ud83c\udf93<\/span><div class=\"cert-body\"><strong>Pelesenan UMK<\/strong><p>Inovasi berasaskan kajian sains UMK \u2014 perjanjian pelesenan rasmi ditandatangani.<\/p><\/div><\/div><div style=\"margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;\"><span class=\"safety-tag\">\u2713 Tanpa Pengawet<\/span><span class=\"safety-tag\">\u2713 Tanpa Gula Tambahan<\/span><span class=\"safety-tag\">\u2713 Tanpa GMO<\/span><span class=\"safety-tag\">\u2713 Tiada Cirit Birit<\/span><span class=\"safety-tag\">\u2713 Hologram Anti-Tiruan<\/span><\/div><\/div><\/div>\n          <\/div>\n          <div class=\"bkf-pd-tab\">\n            <div class=\"bkf-pd-tab-header\" onclick=\"bkfToggleTab(this)\"><span class=\"tab-title\"><span class=\"tab-icon\">\u2753<\/span>Soalan Kerap Ditanya<\/span><span class=\"tab-chevron\">+<\/span><\/div>\n            <div class=\"bkf-pd-tab-body\"><div class=\"bkf-pd-tab-content\"><div class=\"ingr-block\"><div class=\"ingr-name\">Ada kesan sampingan?<\/div><div class=\"ingr-desc\">Tiada. BioKenaf diformulasi 100% organik. Tiada kesan cirit-birit.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Selamat untuk ibu hamil?<\/div><div class=\"ingr-desc\">Boleh untuk ibu menyusu, tetapi tidak digalakkan untuk ibu hamil.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Boleh amal dengan ubat hospital?<\/div><div class=\"ingr-desc\">Boleh. Hanya jarakkan 2 jam jika mengambil ubat turun gula darah.<\/div><\/div><div class=\"ingr-block\"><div class=\"ingr-name\">Rasa BioKenaf macam mana?<\/div><div class=\"ingr-desc\">Mempunyai aftertaste seperti honeydew yang menyegarkan \u2014 tiada rasa pahit.<\/div><\/div><\/div><\/div>\n          <\/div>\n        <\/div>\n\n        <script>\n        (function(){\n          window.bkfSetImg=function(thumb,src,alt){document.getElementById('bkfMainImgEl').src=src;document.getElementById('bkfMainImgEl').alt=alt;document.querySelectorAll('.bkf-pd-thumb').forEach(function(t){t.classList.remove('active');});thumb.classList.add('active');};\n          window.bkfSelectPkg=function(el,price,url){document.querySelectorAll('.bkf-pd-pkg-option').forEach(function(o){o.classList.remove('selected');});el.classList.add('selected');var b=document.getElementById('bkfBuyBtn');var sp=document.getElementById('bkfStickyPrice');var sb=document.getElementById('bkfStickyBuyBtn');if(b){b.textContent='\ud83d\uded2 Beli Sekarang \u2014 '+price;b.href=url;}if(sp)sp.textContent=price;if(sb)sb.href=url;};\n          window.bkfToggleTab=function(header){var tab=header.closest('.bkf-pd-tab');var isOpen=tab.classList.contains('open');document.querySelectorAll('.bkf-pd-tab').forEach(function(t){t.classList.remove('open');});if(!isOpen)tab.classList.add('open');};\n        })();\n        <\/script>\n\n      <\/div><!-- \/bkf-pd-info -->\n    <\/div><!-- \/bkf-pd-layout -->\n  <\/div><!-- \/bkf-pd-container -->\n<\/section>\n\n<div class=\"bkf-pd bkf-pd-sticky-bar\" id=\"bkfStickyBar\">\n  <div class=\"bkf-pd-sticky-inner\">\n    <div style=\"display:flex;align-items:center;justify-content:center;gap:12px;width:100%;\">\n      <span class=\"sticky-price\" id=\"bkfStickyPrice\" style=\"display:flex;flex-direction:column;line-height:1.3;white-space:normal;text-align:left;\">\n        <span style=\"display:block;\">Saya nak Rutin<\/span>\n        <span style=\"display:block;\">60 Hari Biokenaf<\/span>\n      <\/span>\n      <a id=\"bkfStickyBuyBtn\" href=\"https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/\" class=\"bkf-pd-sticky-buy\">Pesan Sekarang \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n  <!-- FAQ -->\n  <section id=\"faq\">\n    <div class=\"container\">\n      <div class=\"faq-header\">\n        <span class=\"section-label\">Soalan Lazim<\/span>\n        <h2 class=\"section-title\">Ada Soalan? Kami Ada Jawapannya<\/h2>\n      <\/div>\n      <div class=\"faq-list\">\n        <div class=\"faq-item\"><div class=\"faq-q\">Ada kesan sampingan? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae diformulasi dari bahan semulajadi, 100% organik tanpa bahan pengawet &amp; telah menjalani ujian makmal ke atas sel hati memastikan keselamatan produk. Tiada kesan cirit birit.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Ada kelulusan KKM? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae telah dikelaskan oleh Kementerian Kesihatan Malaysia (KKM) sebagai makanan kesihatan berfungsi tidak dikawal. Produk ini selamat untuk dimakan.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Berapa lama boleh nampak kesan? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Mengikut testimoni pelanggan, tempoh kesan mula terlihat dari 2\u20134 minggu sebanyak 8\u201315kg penurunan berat. Setiap individu mempunyai metabolisme berbeza.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Adakah saya perlu jaga makan atau bersenam? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae berfungsi untuk menggantikan selera makan supaya anda tidak 'over eat'. Elakkan makanan bergula tinggi &amp; tinggi kalori. Senaman ringan seperti tabata atau brisk walk menggandakan keberkesanan. Tidak perlu bersenam secara intensif.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Selamat untuk ibu hamil &amp; menyusu? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Boleh minum untuk ibu menyusu tetapi tidak digalakkan untuk ibu hamil. Pastikan tidak amalkan Biokenaf ketika anak ada jaundice (demam kuning).<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Gastrik, darah tinggi &amp; diabetes boleh amal? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae diformulasi untuk bantu rawat masalah di atas. Sekiranya ada gastrik, betulkan masa makan terlebih dahulu sebelum amalkan teh herba Biokenaf\u00ae.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Boleh amal bersama ubat hospital atau suplemen lain? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Boleh, tiada masalah. Hanya jarakkan selama 2 jam sekiranya anda mengamalkan ubat turun gula darah untuk mengelakkan gula darah terlalu rendah.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">1 kotak untuk berapa hari? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">1 uncang untuk 2\u20133x bancuhan, tahan selama 1\u20132 hari. 1 kotak untuk bekalan 10\u201315 hari.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Rasa Biokenaf\u00ae macam mana? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae original mempunyai bau dan aftertaste seperti honeydew yang menyegarkan.<\/div><\/div>\n        <div class=\"faq-item\"><div class=\"faq-q\">Bagaimana nak tahu produk original? <span class=\"faq-icon\">+<\/span><\/div><div class=\"faq-a\">Biokenaf\u00ae mempunyai sistem hologram. Pastikan setiap kotak anda mempunyai sticker hologram khas. Beli hanya dari website rasmi atau distributor bertauliah sahaja.<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <footer class=\"bkf-footer\">\n    <div class=\"footer-inner\">\n      <div class=\"footer-brand\">\n        <img decoding=\"async\" src=\"https:\/\/biokenaf.my\/wp-content\/uploads\/2026\/06\/LOGOOOOOOOO.png\" alt=\"Aura Biocare Logo\" onerror=\"this.style.display='none';\" style=\"height:96px; width:auto; object-fit:contain; filter:brightness(0) invert(1); margin-bottom:16px; display:block;\">\n        <p>Solusi tepat fat loss, kawal gula &amp; kolesterol untuk pengguna berumur. Diformulasi oleh pasukan saintis Universiti Malaysia Kelantan \u2014 100% organik, selamat &amp; berkesan.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Pautan Pantas<\/h4>\n        <a href=\"#rutin4\">Faedah Produk<\/a>\n        <a href=\"#testimonials\">Testimoni<\/a>\n        <a href=\"#faq\">Soalan Lazim<\/a>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Hubungi Kami<\/h4>\n        <address>Aura Biocare Sdn. Bhd.<br>No 19-2, Jalan Eco Majestic 10\/1C<br>Eco Majestic, 43500 Semenyih<br>Selangor<\/address>\n        <br>\n        <a href=\"https:\/\/wa.me\/60172998443\" target=\"_blank\" rel=\"noopener\">\ud83d\udcf1 WhatsApp HQ<\/a>\n        <a href=\"https:\/\/biokenaf.my\" target=\"_blank\" rel=\"noopener\">\ud83c\udf10 aurabiocare.my<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>\u00a9 2026 Aura Biocare Sdn. Bhd. Hak Cipta Terpelihara.<\/span>\n      <span>Biokenaf\u00ae adalah jenama berdaftar Aura Biocare Sdn. Bhd.<\/span>\n    <\/div>\n    <p class=\"footer-disclaimer\">Disclaimer: Pernyataan ini belum dinilai oleh pihak berkuasa makanan &amp; dadah. Produk ini bukan untuk mendiagnosis, merawat, menyembuhkan atau mencegah sebarang penyakit. Keputusan individu mungkin berbeza. Semua testimoni adalah daripada pengguna sebenar dan tidak semestinya mewakili keputusan tipikal.<\/p>\n  <\/footer>\n\n  <!-- WhatsApp Float -->\n\n  <!-- STICKY BOTTOM BAR -->\n  <div id=\"bkfStickyBar\" style=\"display:flex; position:fixed; bottom:0; left:0; right:0; z-index:99999; background:var(--white); border-top:1px solid rgba(45,106,79,0.15); padding:8px 16px; box-shadow:0 -4px 16px rgba(26,58,42,0.1);\">\n    <div style=\"display:flex; align-items:center; justify-content:center; gap:12px; width:100%; max-width:500px; margin:0 auto;\">\n      <span id=\"bkfStickyPrice\" style=\"display:flex; flex-direction:column; line-height:1.3; white-space:normal; color:var(--green-mid); font-weight:700; font-size:0.78rem;\">\n        <span style=\"display:block;\">Saya nak Rutin<\/span>\n        <span style=\"display:block;\">60 Hari Biokenaf<\/span>\n      <\/span>\n      <a id=\"bkfStickyBuyBtn\" href=\"https:\/\/biokenaf.my\/index.php\/step\/checkout-revamp\/\" style=\"background:var(--green-deep); color:var(--white); border:none; padding:10px 18px; border-radius:10px; font-size:0.85rem; font-weight:700; cursor:pointer; text-decoration:none; text-align:center; white-space:nowrap; flex-shrink:0;\">Pesan Sekarang \u2192<\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \/END .bkf-page \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<script>\n(function(){\n  var ham=document.getElementById('bkfHamburger');\n  var nav=document.getElementById('bkfNavLinks');\n  if(ham&&nav){ham.addEventListener('click',function(){nav.classList.toggle('open');});nav.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){nav.classList.remove('open');});});}\n  document.querySelectorAll('.bkf-page .faq-q').forEach(function(q){q.addEventListener('click',function(){var item=this.closest('.faq-item');var isOpen=item.classList.contains('open');document.querySelectorAll('.bkf-page .faq-item').forEach(function(i){i.classList.remove('open');});if(!isOpen)item.classList.add('open');});});\n  var reveals=document.querySelectorAll('.bkf-page .reveal');\n  if('IntersectionObserver' in window){var observer=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');observer.unobserve(e.target);}});},{threshold:0.12});reveals.forEach(function(el){observer.observe(el);});}else{reveals.forEach(function(el){el.classList.add('visible');});}\n})();\n<\/script>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Faedah Testimoni Cara Amalkan Soalan Lazim Beli Sekarang \ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan \ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan \ud83c\udf89 New Package June 2026 &nbsp;|&nbsp; Jimat 46% &nbsp;|&nbsp; COD &amp; Touch N Go Disediakan Dah Cuba [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42441","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/pages\/42441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/comments?post=42441"}],"version-history":[{"count":250,"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/pages\/42441\/revisions"}],"predecessor-version":[{"id":43165,"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/pages\/42441\/revisions\/43165"}],"wp:attachment":[{"href":"https:\/\/biokenaf.my\/index.php\/wp-json\/wp\/v2\/media?parent=42441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}