Saraflex \u2014 Minyak Sendi | Legakan Sakit Lutut, Sendi & Otot<\/title>\r\n<meta name=\"description\" content=\"Saraflex Minyak Sendi \u2014 relief, repair, restore. Sapu & urut untuk legakan sakit lutut, sendi & otot. COD seluruh Malaysia.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================================\r\n SARAFLEX \u2014 FLOW LANDING (struktur PESTA, pelbagai graphic)\r\n Palette: Emerald Green + Metallic Gold (ikut poster)\r\n ============================================================ *\/\r\n:root{\r\n --navy:#0F172A; --navy2:#1E293B; --navy3:#090D16; --navy-mid:#162237;\r\n --green:#0F172A; --green-deep:#0B1220; --green-dark:#090D16;\r\n --green-light:#1E293B; --green-mid:#162237;\r\n --green-soft:#243349;\r\n --mint:#A3E6D5; --emerald:#10B981;\r\n --white:#f5fefd;\r\n --black:#202020; \r\n --red:#fe2020;\r\n --yellow:#ffdf00;\r\n --gold:#A3E6D5; --gold-bright:#A3E6D5; --gold-soft:#A3E6D5; --gold-deep:#A3E6D5;\r\n --gold-grad:linear-gradient(120deg,#A3E6D5,#10B981);\r\n --red:#fb7185; --red-deep:#f43f5e;\r\n --cream:#0B1220; --ink:#FFFFFF; --muted:#94A3B8;\r\n --line:rgba(163,230,213,.18);\r\n --radius:18px; --radius-lg:28px;\r\n --shadow-1:0 6px 20px rgba(0,0,0,.35);\r\n --shadow-2:0 22px 50px -12px rgba(0,0,0,.55);\r\n --shadow-gold:0 12px 36px -6px rgba(163,230,213,.35);\r\n --container:480px;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}\r\nbody{font-family:'Poppins',system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--navy);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;width:100%;min-height:100vh}\r\nimg,svg,video{max-width:100%;display:block}\r\na{color:inherit;text-decoration:none}\r\nbutton{font:inherit;cursor:pointer;border:0;background:none;color:inherit}\r\n\r\n.page{max-width:var(--container);margin:0 auto;background:var(--navy2);box-shadow:0 0 60px rgba(0,0,0,.1);position:relative;overflow:hidden}\r\n\r\n\/* section themes *\/\r\n.section{padding:50px 22px;position:relative}\r\n.s-green{background:linear-gradient(165deg,#0F172A,#0B1220);color:#fff}\r\n.s-green2{background:radial-gradient(120% 90% at 50% 20%,#1E293B,#0F172A 55%,#090D16);color:#fff}\r\n.s-dark{background:linear-gradient(170deg,#0B1220,#090D16);color:#fff}\r\n.s-white{background:#0F172A;color:#fff}\r\n.s-cream{background:#0B1220;color:#fff}\r\n.s-soft{background:#162237;color:#fff}\r\n.s-white2{background:#ffffff;color:#fff}\r\n.s-black{background:#202020;color:#fff}.\r\n.s-red{background:#fe2020;color:#fff}\r\n.s-yellow{background:#ffdf00;color:#fff}\r\n\/* angled \/ shaped dividers for graphic variety *\/\r\n.clip-down,.clip-up,.clip-both{clip-path:none}\r\n\r\n\/* type *\/\r\n.display{font-weight:800;line-height:1.16;letter-spacing:-.02em}\r\nh1.display{font-size:clamp(27px,6.6vw,33px)}\r\nh2.display{font-size:clamp(24px,6vw,30px)}\r\n.cinzel{font-family:'Poppins',sans-serif}\r\n.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:14px}\r\n.eyebrow.on-green{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--gold-soft)}\r\n.eyebrow.on-light{background:var(--green-soft);color:var(--mint)}\r\n.eyebrow svg{width:14px;height:14px}\r\n.text-gold{color:var(--gold-soft)} .text-red{color:var(--black)} .text-green{color:var(--mint)}\r\n.text-center{text-align:center}\r\n.lead{font-size:17px;line-height:1.6;opacity:.94}\r\n.tiny{font-size:13.5px;opacity:.72}\r\n.gold-text{background:linear-gradient(90deg,#fff,#A3E6D5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}\r\n\r\n\/* ---- announcement ---- *\/\r\n.announce{background:var(--green);color:#fff;padding:13px 18px;text-align:center;font-weight:700;font-size:14px;letter-spacing:.02em;position:relative;overflow:hidden}\r\n.announce b{color:var(--gold-soft)}\r\n.announce::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(163,230,213,.16),transparent);animation:shine 3.5s infinite linear}\r\n.announce span{position:relative;z-index:1}\r\n@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}\r\n\r\n\/* ---- buttons ---- *\/\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:14px;font-weight:800;font-size:16px;transition:transform .18s,box-shadow .18s;text-align:center}\r\n.btn--gold{background:var(--yellow);background-size:200% auto;color:#0F172A;box-shadow:var(--white)}\r\n.btn--gold:hover{transform:translateY(-2px)}\r\n.btn--green{background:linear-gradient(120deg,#A3E6D5,#10B981);color:#0F172A;box-shadow:0 12px 28px -6px rgba(16,185,129,.4);width:100%;padding:18px;font-size:17px}\r\n.btn--green:hover{transform:translateY(-2px)}\r\n.cta-pulse{position:relative}\r\n.cta-pulse::after{content:'';position:absolute;inset:-4px;border-radius:18px;border:2px solid var(--gold-soft);opacity:.5;animation:ctaRing 1.8s ease-out infinite;pointer-events:none}\r\n@keyframes ctaRing{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.12);opacity:0}}\r\n@media(prefers-reduced-motion:no-preference){\r\n .btn--gold,.announce-gold,.rrr-pill{animation:shineBg 5s linear infinite}\r\n}\r\n@keyframes shineBg{to{background-position:200% center}}\r\n\r\n\/* ---- media \/ image placeholder ---- *\/\r\n.media{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--green-mid),var(--green-deep));box-shadow:var(--shadow-2)}\r\n.media--9x16{aspect-ratio:9\/16} .media--16x9{aspect-ratio:16\/9} .media--1x1{aspect-ratio:1\/1} .media--4x3{aspect-ratio:4\/3} .media--cert{aspect-ratio:3\/4}\r\n.media img{width:100%;height:100%;object-fit:cover;display:block}\r\n.ph{position:relative;width:100%;height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px;background:repeating-linear-gradient(45deg,rgba(201,162,75,.06) 0 12px,rgba(201,162,75,.12) 12px 24px);color:rgba(255,255,255,.7)}\r\n.ph.light{background:repeating-linear-gradient(45deg,#1E293B 0 12px,#162237 12px 24px);color:var(--muted)}\r\n.ph .ico{width:50px;height:50px;border-radius:13px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--gold-soft)}\r\n.ph.light .ico{background:var(--green-soft);color:var(--mint)}\r\n.ph .ico svg{width:26px;height:26px}\r\n.ph .lbl{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft)}\r\n.ph.light .lbl{color:var(--mint)}\r\n.ph .desc{font-size:11.5px;opacity:.75;max-width:230px;line-height:1.4}\r\n\/* video overlay *\/\r\n.media.video .play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45);animation:pp 2s ease-in-out infinite}\r\n.media.video .play::after{content:'';width:0;height:0;border-left:20px solid #ffffff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}\r\n@keyframes pp{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}\r\n.media.youtube-embed{cursor:pointer}\r\n.media.youtube-embed .yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\r\n.media.youtube-embed.loaded .play,.media.youtube-embed.loaded .yt-thumb,.media.youtube-embed.loaded .ph,.media.youtube-embed.loaded .video-badge{display:none}\r\n.media.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}\r\n.video-badge{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.95);color:var(--ink);padding:8px 12px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;max-width:82%}\r\n.video-badge .dot{width:28px;height:28px;border-radius:50%;background:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--gold-soft);font-family:'Poppins',sans-serif;font-weight:800;font-size:13px}\r\n.video-badge .tr{display:flex;flex-direction:column;line-height:1.2}\r\n.video-badge .tr b{font-size:13px} .video-badge .tr span{font-size:11px;opacity:.6;font-weight:500}\r\n\r\n\/* ---- hero ---- *\/\r\n.hero{padding:40px 22px 64px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#0B1E1A,#0F172A 55%,#090D16)}\r\n.hero::after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,213,.16),transparent 70%);top:-120px;right:-120px;pointer-events:none}\r\n.brand-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}\r\n.brand-row .cinzel{font-size:1.3rem;letter-spacing:4px;color:var(--gold-soft);font-weight:800}\r\n.leaf{width:30px;height:30px;color:var(--gold-soft)}\r\n.hero h1{margin-bottom:16px}\r\n.hero h1 .hl{display:block}\r\n.hero-sub{margin-bottom:22px;font-size:16.5px;line-height:1.6;color:#cfe0d6}\r\n.rating-pill{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);border:0;color:#fff;font-weight:700;padding:5px 5px;border-radius:10px;font-size:14.5px;margin:0 auto 20px;max-width:330px;box-shadow:0 10px 26px -6px rgba(210,74,61,.5)}\r\n.stars{color:var(--black);letter-spacing:1px}\r\n\r\n\/* ---- rrr pill (echo label) ---- *\/\r\n.rrr-pill{display:inline-block;font-weight:800;letter-spacing:3px;font-size:.86rem;color:#0F172A;background:var(--gold-grad);background-size:200% auto;padding:9px 22px;border-radius:999px;box-shadow:0 8px 20px rgba(201,162,75,.32)}\r\n\r\n\/* ---- problem grid ---- *\/\r\n.problem-banner{background:var(--gold-grad);background-size:200% auto;color:#0F172A;text-align:center;padding:16px;border-radius:14px;font-weight:800;font-size:17px;margin:22px 0 26px;box-shadow:var(--shadow-gold)}\r\n.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px}\r\n.problem-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}\r\n.problem-card .circ{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.06);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:transform .3s}\r\n.problem-card:hover .circ{transform:scale(1.06)}\r\n.problem-card .circ img{width:100%;height:100%;object-fit:cover}\r\n.problem-card .label{font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--gold-soft);line-height:1.3}\r\n\r\n\/* ---- warning box ---- *\/\r\n.warn-box{border:2px dashed var(--gold);border-radius:16px;padding:22px 20px;margin-top:8px}\r\n.warn-box h3{color:var(--gold-soft);font-weight:800;font-size:18px;text-align:center;margin-bottom:10px;line-height:1.3}\r\n.warn-box p.intro{text-align:center;font-size:15px;line-height:1.45;margin-bottom:14px;color:#d6e4dc}\r\n.warn-list{list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:item}\r\n.warn-list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:#e3eee7}\r\n.warn-list li::before{content:counter(item)'.';counter-increment:item;position:absolute;left:0;top:0;font-weight:700;color:var(--gold-soft)}\r\n.warn-list em{font-style:normal;color:var(--gold-soft);font-weight:600}\r\n\r\n\/* ---- timeline ---- *\/\r\n.story-h{text-align:center;color:#fff;font-weight:800;line-height:1.22;font-size:27px;margin-bottom:12px}\r\n.story-sub{text-align:center;color:#a9c6b8;font-style:italic;font-size:16px;margin-bottom:24px;font-weight:300}\r\n.timeline{display:flex;flex-direction:column;gap:13px}\r\n.tl-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:17px 20px 17px 62px;position:relative;color:#dce8e1;font-size:15.5px;line-height:1.5;font-style:italic}\r\n.tl-card .num{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--gold-grad);background-size:200%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#0F172A}\r\n.tl-card b{color:var(--gold-soft);font-style:normal;font-weight:700}\r\n\r\n\/* ---- pressure pills ---- *\/\r\n.pill-stack{display:flex;flex-direction:column;gap:12px;margin-top:18px}\r\n.pill{border-radius:999px;padding:16px 24px;font-weight:800;font-size:16.5px;color:#fff;text-align:center}\r\n.pill-1{background:linear-gradient(90deg,#e0894b,#d8703f)}\r\n.pill-2{background:linear-gradient(90deg,#cf5a3a,#b23b2f)}\r\n.pill-3{background:linear-gradient(90deg,#9c2a22,#6e1813)}\r\n\r\n\/* ---- travel rows ---- *\/\r\n.travel{display:flex;flex-direction:column;gap:12px;margin-top:18px}\r\n.travel-row{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:60px;padding:13px 18px;color:#fff;font-weight:700;font-size:16px}\r\n.travel-row.r{flex-direction:row-reverse}\r\n.travel-row .ico{width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);background:rgba(255,255,255,.06);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--gold-soft)}\r\n.travel-row .ico img{width:100%;height:100%;object-fit:cover}\r\n.travel-row .ico svg{width:24px;height:24px}\r\n\r\n\/* ---- scenario cards (corner-cut shape) ---- *\/\r\n.scenario-stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}\r\n.scenario-card{background:var(--navy2);border-radius:18px;overflow:hidden;position:relative;color:#fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.5);transition:transform .3s}\r\n.scenario-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);opacity:0;transition:opacity .3s;z-index:2}\r\n.scenario-card:hover{transform:translateY(-4px)}\r\n.scenario-card:hover::before{opacity:1}\r\n.scenario-card:nth-child(even){border-radius:18px 18px 18px 40px}\r\n.scenario-img{width:100%;aspect-ratio:16\/9;overflow:hidden;position:relative}\r\n.scenario-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}\r\n.scenario-card:hover .scenario-img img{transform:scale(1.05)}\r\n.scenario-text{padding:17px 22px 19px;font-size:16px;line-height:1.5;font-weight:500}\r\n.scenario-label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);font-weight:700;margin-bottom:7px}\r\n\r\n\/* ---- product hero ---- *\/\r\n.product-hero{text-align:center}\r\n.product-hero h2{margin-bottom:14px;color:#fff}\r\n.product-hero h2 .red{color:var(--gold-soft)}\r\n.product-hero p{color:#c9ddd2;margin-bottom:22px;font-size:15px}\r\n.brandmark{font-family:'Poppins',sans-serif;font-weight:900;font-size:38px;letter-spacing:.02em;margin:14px 0 4px}\r\n.brandmark-sub{letter-spacing:.42em;font-size:12px;color:#cfe0d6;font-weight:600;margin-bottom:20px;text-indent:.42em;line-height:1.6}\r\n.product-shot{margin:14px auto 0;max-width:360px;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px -16px rgba(0,0,0,.5);border:1px solid var(--line)}\r\n.product-shot img{width:100%;height:auto;display:block}\r\n\r\n\/* ---- cert ---- *\/\r\n.cert-badge{background:var(--navy2);border-radius:18px;padding:24px 20px;color:var(--ink);border:2px dashed var(--gold)}\r\n.cert-badge h4{background:var(--green);color:var(--gold-soft);padding:11px 20px;border-radius:999px;font-weight:800;font-size:15px;display:inline-block;margin-bottom:14px}\r\n.cert-badge p{font-size:15px;line-height:1.6;margin-bottom:12px}\r\n.cert-badge b.g{color:var(--mint)} .cert-badge b.r{color:var(--red)}\r\n\r\n\/* ---- benefits ---- *\/\r\n.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}\r\n.benefit{background:var(--green-soft);border:1px solid #2a3850;border-radius:16px;padding:18px 14px;text-align:center;transition:transform .25s,box-shadow .25s}\r\n.benefit:nth-child(odd){border-radius:16px 16px 16px 30px}\r\n.benefit:nth-child(even){border-radius:16px 16px 30px 16px}\r\n.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--gold)}\r\n.benefit .ico{width:56px;height:56px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--black);transition:.25s}\r\n.benefit:hover .ico{background:var(--green);color:var(--gold-soft)}\r\n.benefit .ico svg{width:28px;height:28px}\r\n.benefit p{font-size:14px;font-weight:700;line-height:1.4;color:#f5fefd}\r\n\r\n\/* ---- ingredients ---- *\/\r\n.ingr-stack{display:flex;flex-direction:column;gap:18px;margin-top:18px}\r\n.ingr{display:flex;gap:16px;align-items:flex-start}\r\n.ingr:nth-child(even){flex-direction:row-reverse;text-align:right}\r\n.ingr .pic{width:82px;height:82px;border-radius:50%;flex-shrink:0;border:3px solid var(--gold);overflow:hidden;background:#1E293B}\r\n.ingr .pic img{width:100%;height:100%;object-fit:cover}\r\n.ingr h4{font-weight:900;font-size:18px;margin-bottom:6px;color:var(--mint)}\r\n.ingr p{font-size:14.5px;line-height:1.55;color:#cbd5e1}\r\n\r\n\/* ---- after use ---- *\/\r\n.after-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}\r\n.after-img{width:104px;aspect-ratio:3\/4;flex-shrink:0;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid var(--black)}\r\n.after-stack{display:flex;flex-direction:column;gap:12px}\r\n.after-row{background:rgba(255,255,255,.05);border:1px solid var(--black);color:#fff;padding:20px 20px;border-radius:20px}\r\n.after-row:nth-child(odd){border-radius:14px 14px 14px 4px}\r\n.after-row h5{color:var(--black);font-size:16px;letter-spacing:.02em;margin-bottom:6px;font-weight:800}\r\n.after-row p{font-size:14.5px;line-height:1.55;color:#202020}\r\n\r\n\/* ---- how to use (minimal stepper) ---- *\/\r\n.steps{display:flex;flex-direction:column;gap:12px;margin:20px 0}\r\n.step-row{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid #2a3850;border-radius:14px;padding:14px 16px}\r\n.step-row .ico{width:48px;height:48px;border-radius:12px;background:var(--green-dark);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mint);font-weight:900;font-size:1.2rem}\r\n.step-row p{font-size:15.5px;line-height:1.45;font-weight:600;color:var(--black);padding-top:7px}\r\n.orig-banner{background:var(--navy2);color:#fff;text-align:center;padding:26px 22px;border-radius:18px;margin-top:18px;border-top:1px solid rgba(163,230,213,.4)}\r\n.orig-banner h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:28px;letter-spacing:.04em;margin-bottom:16px}\r\n.compare-row{display:flex;gap:16px;align-items:flex-start;justify-content:center;margin-top:6px}\r\n.compare-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}\r\n.tag{background:var(--gold-grad);background-size:200%;color:#0F172A;font-weight:800;padding:6px 14px;border-radius:999px;font-size:12px}\r\n.tag.bad{background:var(--navy2);color:var(--gold-deep);border:2px solid var(--gold)}\r\n.img-slot{width:100%;border-radius:14px;overflow:hidden;background:#1E293B;border:1.5px solid #2a3850;box-shadow:var(--shadow-1)}\r\n.img-slot.square{aspect-ratio:1\/1}\r\n.img-slot img{width:100%;height:100%;object-fit:cover}\r\n\r\n\/* ---- vs table ---- *\/\r\n.vs-table{background:var(--navy2);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-1);margin-top:24px;border:1px solid #2a3850}\r\n.vs-head{display:grid;grid-template-columns:1fr 1fr}\r\n.vs-head>div{padding:17px 8px;text-align:center;font-weight:700;font-size:14px}\r\n.vs-head .vs-us{background:var(--gold-grad);background-size:200%;color:#0F172A;position:relative}\r\n.vs-head .vs-them{background:var(--green-soft);color:var(--muted)}\r\n.vs-feature{padding:14px 18px 7px;font-size:13.5px;font-weight:700;color:var(--mint);border-top:1px solid #243349;background:#1E293B}\r\n.vs-feature:first-of-type{border-top:0}\r\n.vs-row{display:grid;grid-template-columns:1fr 1fr}\r\n.vs-row>div{padding:10px 14px 13px;font-size:13.5px;line-height:1.5;display:flex;align-items:center;gap:6px}\r\n.vs-row>div:first-child{background:#243349;color:var(--ink);font-weight:600;border-right:1px solid #2a3850}\r\n.vs-row>div:last-child{color:var(--muted)}\r\n.vs-ok{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--gold-soft);font-weight:700;font-size:12px;flex-shrink:0}\r\n.vs-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#334155;color:#94A3B8;font-weight:700;font-size:12px;flex-shrink:0}\r\n\r\n\/* ---- units sold ---- *\/\r\n.units-box{background:var(--gold-grad);background-size:200%;border-radius:18px;padding:24px;text-align:center;color:#0F172A;box-shadow:var(--shadow-gold);margin-bottom:20px}\r\n.units-box .num{font-family:'Poppins',sans-serif;font-weight:900;font-size:56px;line-height:1}\r\n.units-box .lbl{font-size:13px;font-weight:800;letter-spacing:.18em;margin-top:6px}\r\n\r\n\/* ---- testimonials ---- *\/\r\n.testi-h{font-family:'Poppins',sans-serif;font-weight:900;font-size:28px;text-align:center;color:var(--black);margin-bottom:22px}\r\n.testi-card{background:var(--navy2);color:#fff;border-radius:16px;padding:20px 22px;margin-bottom:14px;position:relative;border-top:1px solid rgba(163,230,213,.45)}\r\n.testi-card:nth-child(even){border-radius:16px 16px 4px 16px}\r\n.testi-card .who{display:flex;align-items:center;gap:12px;margin-bottom:8px}\r\n.testi-card .who .pic{width:52px;height:52px;border-radius:50%;flex-shrink:0;border:2px solid var(--gold);overflow:hidden;background:rgba(255,255,255,.1)}\r\n.testi-card .who .pic img{width:100%;height:100%;object-fit:cover}\r\n.testi-card .who .info b{display:block;font-weight:800;font-size:15px;letter-spacing:.04em}\r\n.testi-card .who .info .stars{color:var(--gold-soft);font-size:13px;margin-top:2px}\r\n.testi-card q{font-size:15px;line-height:1.6;color:#dde9e2;display:block}\r\n\r\n\/* ---- whatsapp chat ---- *\/\r\n.wa-grid{display:flex;flex-direction:column;gap:18px;max-width:400px;margin:26px auto 0}\r\n.wa{background:var(--navy2);border:1px solid #2a3850;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1)}\r\n.wa-head{display:flex;align-items:center;gap:11px;background:var(--green);padding:11px 15px;color:#fff}\r\n.wa-av{width:38px;height:38px;border-radius:50%;background:var(--gold-grad);background-size:200%;color:#0F172A;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.wa-head b{display:block;font-size:.95rem;color:#fff;line-height:1.15}\r\n.wa-head small{font-size:.72rem;color:#bfe0d3}\r\n.wa-chat{padding:15px 13px;display:flex;flex-direction:column;gap:8px;background:#e7e0d6}\r\n.wa-b{max-width:90%;padding:8px 11px 5px;border-radius:11px;font-size:.88rem;line-height:1.4;color:#111b21;box-shadow:0 1px 1px rgba(0,0,0,.08)}\r\n.wa-b.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}\r\n.wa-b.in{align-self:flex-start;background:var(--navy2);border-top-left-radius:3px}\r\n.wa-b .t{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.64rem;color:#667781;margin-top:3px}\r\n.users-img{width:100%;display:block;border-radius:16px;border:4px solid #fff;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 12px 32px -8px rgba(6,53,40,.25)}\r\n.wa-slot{position:relative;border-radius:16px;overflow:hidden;background:#1E293B;border:1.5px solid #2a3850;box-shadow:var(--shadow-1);transition:transform .25s,box-shadow .25s}\r\n.wa-slot:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}\r\n.wa-slot img{width:100%;height:auto;display:block;cursor:zoom-in}\r\n.wa-slot .ph{min-height:210px}\r\n\r\n\/* ---- cod \/ guarantee ---- *\/\r\n.cod-banner{background:var(--white);color:#fff;border-radius:18px;padding:26px 22px;text-align:center;margin-top:18px}\r\n.cod-banner h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:26px;line-height:1.15;margin-bottom:8px;color:var(--black)}\r\n.cod-banner p{font-size:14px;font-weight:700;letter-spacing:.04em;color:#202020}\r\n.promo-tag{background:var(--white);background-size:200%;color:#0F172A;padding:18px;border-radius:14px;font-family:'Poppins',sans-serif;font-weight:900;font-size:21px;text-align:center;margin-top:14px}\r\n.promo-tag .sml{font-size:12px;font-weight:600;display:block;margin-top:6px;color:#4a3a14;font-family:'Poppins',sans-serif}\r\n.guarantee{background:var(--white);border:2px solid var(--gold);border-radius:18px;padding:28px 22px;text-align:center}\r\n.guarantee .seal{width:108px;height:108px;border-radius:50%;margin:0 auto 16px;background:var(--black);display:flex;align-items:center;justify-content:center;color:#f5fefd;font-family:'Poppins',sans-serif;font-weight:900;font-size:13px;line-height:1.1;text-align:center;box-shadow:var(--shadow-gold)}\r\n.guarantee h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:21px;margin-bottom:10px;color:var(--black)}\r\n.guarantee p{font-size:14.5px;line-height:1.6;color:#202020}\r\n\r\n\/* ---- countdown ---- *\/\r\n.cd-sec{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;padding:30px 22px;text-align:center}\r\n.cd-eye{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;margin-bottom:12px}\r\n.cd-eye .dot{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);animation:blink 1s infinite}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n.cd-sec h2{font-weight:800;font-size:23px;margin-bottom:18px}\r\n.cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:380px;margin:0 auto}\r\n.cd-box{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 6px 10px}\r\n.cd-num{font-family:'Poppins',sans-serif;font-weight:900;font-size:30px;line-height:1;color:#fff;display:block;font-variant-numeric:tabular-nums}\r\n.cd-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:6px;display:block}\r\n\r\n\/* ---- pricing ---- *\/\r\n.pkg-stack{display:flex;flex-direction:column;gap:22px}\r\n.pkg{background:var(--navy2);border-radius:24px;overflow:hidden;box-shadow:0 2px 14px rgba(6,53,40,.07);transition:transform .35s,box-shadow .35s,border-color .25s;border:1.5px solid #2a3850;position:relative}\r\n.pkg:hover{transform:translateY(-6px);box-shadow:0 24px 50px -12px rgba(6,53,40,.2);border-color:var(--gold)}\r\n.pkg-img{width:100%;background:linear-gradient(180deg,#162237,#1E293B);overflow:hidden}\r\n.pkg-img img{width:100%;height:auto;display:block;transition:transform .4s}\r\n.pkg:hover .pkg-img img{transform:scale(1.04)}\r\n.pkg-head{text-align:center;padding:24px 22px 12px}\r\n.pkg-head .tier{display:inline-block;font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--muted);text-transform:uppercase;margin-bottom:8px}\r\n.pkg-head h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:25px;color:var(--ink);line-height:1.1}\r\n.pkg-head .sub{font-size:14px;font-weight:500;margin-top:6px;color:var(--muted)}\r\n.pkg-body{padding:0 24px 24px;text-align:center}\r\n.pkg-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:18px 0}\r\n.pkg-price .old{color:var(--muted);font-size:18px;text-decoration:line-through;font-weight:500}\r\n.pkg-price .new{font-family:'Poppins',sans-serif;font-weight:800;font-size:46px;line-height:1;color:var(--mint)}\r\n.pkg-price .new .rm{font-size:16px;vertical-align:top;margin-right:3px;font-weight:600;color:var(--muted);font-family:'Poppins'}\r\n.pkg-feat{list-style:none;display:flex;flex-direction:column;text-align:left;margin:0 0 22px;padding:18px 0;border-top:1px solid #243349;border-bottom:1px solid #243349}\r\n.pkg-feat li{padding:8px 0;display:flex;align-items:center;gap:12px;font-size:15px;color:#cbd5e1;font-weight:500}\r\n.pkg-feat li::before{content:'\u2713';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green-soft);color:var(--mint);font-weight:700;font-size:12px;flex-shrink:0}\r\n.pkg .btn{width:100%;border-radius:14px;padding:15px;font-size:15px}\r\n.pkg .postage-note{font-size:12.5px;color:var(--muted);margin-top:10px}\r\n.pkg.featured{border:2px solid var(--gold);background:linear-gradient(180deg,#1E293B,#162237 25%);box-shadow:var(--shadow-gold)}\r\n.pkg.featured .pkg-head{padding-top:38px}\r\n.pkg.featured .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold-grad);color:#0F172A;padding:9px 18px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 22px -4px rgba(6,53,40,.45);white-space:nowrap;z-index:5;text-transform:uppercase}\r\n.pkg.featured .badge svg{width:12px;height:12px;fill:var(--gold-soft)}\r\n.pkg.featured .pkg-price .new{color:var(--gold-deep)}\r\n\r\n\/* ---- pakej compare ---- *\/\r\n.compare-table{background:var(--navy2);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1);border:1px solid #2a3850;margin-top:22px}\r\n.ct-head,.ct-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr}\r\n.ct-head{background:#243349;border-bottom:1px solid #243349}\r\n.ct-head>div{padding:14px 6px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:center;line-height:1.2}\r\n.ct-head>div:first-child{text-align:left;justify-content:flex-start;padding-left:16px;color:var(--ink)}\r\n.ct-head .ct-best{background:var(--green);color:var(--gold-soft);position:relative}\r\n.ct-head .ct-best::before{content:'\u2605 TERBAIK';position:absolute;top:-1px;left:0;right:0;background:var(--gold-grad);background-size:200%;color:#0F172A;font-size:9px;padding:2px 0;letter-spacing:.08em}\r\n.ct-row{border-bottom:1px solid #1E293B}\r\n.ct-row:last-child{border-bottom:0}\r\n.ct-row>div{padding:12px 6px;text-align:center;font-size:13.5px;color:#cbd5e1;display:flex;align-items:center;justify-content:center}\r\n.ct-row>div:first-child{text-align:left;justify-content:flex-start;padding-left:16px;font-weight:600;color:var(--ink);font-size:13px}\r\n.ct-row>div.ct-best{background:#243349;color:var(--mint);font-weight:700}\r\n.ct-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--mint);font-weight:700;font-size:11px}\r\n.ct-cross{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fbebed;color:var(--red-deep);font-weight:700;font-size:11px}\r\n.ct-row>div.ct-best .ct-check{background:var(--green);color:var(--gold-soft)}\r\n\r\n\/* ---- order form ---- *\/\r\n.order-section{background:#eef4f0;padding:40px 22px}\r\n.order-h{text-align:center;font-family:'Poppins',sans-serif;font-weight:900;font-size:26px;line-height:1.15;margin-bottom:8px;color:var(--ink)}\r\n.order-h .hl{color:var(--gold-deep)}\r\n.order-sub{text-align:center;font-size:15px;color:#94A3B8;margin-bottom:24px}\r\n.order-card{background:var(--navy2);border-radius:18px;padding:22px;box-shadow:var(--shadow-1);margin-bottom:18px}\r\n.order-card h4{font-weight:900;font-size:15px;letter-spacing:.02em;margin-bottom:14px;color:var(--ink);text-transform:uppercase}\r\n.pkg-option{display:flex;align-items:center;gap:14px;border:2px solid #2a3850;border-radius:14px;padding:14px;cursor:pointer;margin-bottom:10px;transition:.2s}\r\n.pkg-option:hover{border-color:var(--gold);background:var(--navy2)df6}\r\n.pkg-option.active{border-color:var(--gold);background:var(--navy2)af0;box-shadow:0 0 0 4px rgba(201,162,75,.12)}\r\n.pkg-option input{display:none}\r\n.pkg-option .preview{width:64px;height:64px;border-radius:10px;flex-shrink:0;background:#1E293B;border:1px solid #2a3850;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n.pkg-option .preview img{width:100%;height:100%;object-fit:cover}\r\n.pkg-option .pkg-info{flex:1}\r\n.pkg-option .pkg-info b{display:block;font-weight:800;font-size:16px;color:var(--ink)}\r\n.pkg-option .pkg-info span{font-size:13px;color:#94A3B8}\r\n.pkg-option .pkg-info .price{color:var(--gold-deep);font-weight:800;font-size:15px;margin-top:3px;display:block}\r\n.pkg-option .radio{width:22px;height:22px;border-radius:50%;border:2px solid #334155;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.pkg-option.active .radio{border-color:var(--gold)}\r\n.pkg-option.active .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold)}\r\n.form-row{margin-bottom:14px}\r\n.form-row label{display:block;font-weight:700;font-size:15px;color:#cbd5e1;margin-bottom:8px}\r\n.form-row input,.form-row select{width:100%;padding:16px;border:1.5px solid #334155;border-radius:12px;font:inherit;font-size:16.5px;background:var(--navy2);color:var(--ink);transition:.2s;min-height:58px}\r\n.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.15)}\r\n.form-row input::placeholder{color:#64748B}\r\n.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.pay-row{display:flex;align-items:center;gap:12px;border:2px solid var(--gold);background:var(--navy2)af0;border-radius:14px;padding:14px}\r\n.pay-row .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center}\r\n.pay-row .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold)}\r\n.pay-row .ico{font-size:22px}\r\n.pay-row .lbl b{display:block;color:var(--ink)} .pay-row .lbl span{color:#94A3B8;font-size:13.5px}\r\n.summary{margin:18px 0 16px}\r\n.summary-row{display:flex;justify-content:space-between;padding:11px 0;font-size:15px;color:#cbd5e1;border-bottom:1px solid #243349}\r\n.summary-row.total{font-family:'Poppins',sans-serif;font-weight:900;font-size:20px;color:var(--ink);border-bottom:0;padding-top:14px}\r\n.summary-row.total span:last-child{color:var(--gold-deep)}\r\n#submitBtn{padding:20px!important;font-size:18px!important;min-height:64px}\r\n\r\n\/* ---- thank you ---- *\/\r\n.thank-you{display:none;background:var(--navy2);border-radius:24px;padding:36px 26px 32px;box-shadow:var(--shadow-2);text-align:center;position:relative;overflow:hidden}\r\n.thank-you.show{display:block;animation:tyEnter .55s cubic-bezier(.2,.85,.2,1) both}\r\n.thank-you::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--gold-grad)}\r\n@keyframes tyEnter{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}\r\n.ty-check{width:84px;height:84px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:tyPop .55s cubic-bezier(.34,1.56,.64,1) both .15s}\r\n.ty-check svg{width:46px;height:46px;stroke:var(--mint);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tyDraw .5s ease-out forwards .45s}\r\n@keyframes tyPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\r\n@keyframes tyDraw{to{stroke-dashoffset:0}}\r\n.thank-you h2{font-family:'Poppins',sans-serif;font-weight:800;font-size:25px;color:var(--ink);margin-bottom:8px}\r\n.thank-you h2 .name{color:var(--gold-deep)}\r\n.thank-you .ty-lead{font-size:15.5px;color:#94A3B8;margin-bottom:24px}\r\n.ty-summary{background:var(--navy2)af0;border:1.5px solid var(--gold);border-radius:14px;padding:16px 18px;margin-bottom:22px;text-align:left}\r\n.ty-summary .ty-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin-bottom:6px}\r\n.ty-summary .ty-pkg{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}\r\n.ty-summary .ty-total{font-family:'Poppins',sans-serif;font-weight:800;font-size:24px;color:var(--gold-deep)}\r\n.ty-summary .ty-order-id{font-size:11.5px;color:#94A3B8;margin-top:10px;border-top:1px dashed var(--gold);padding-top:10px}\r\n.ty-steps{text-align:left;margin-bottom:22px}\r\n.ty-steps-title{font-size:12px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:8px}\r\n.ty-steps-title::before{content:'';width:20px;height:2px;background:var(--gold);border-radius:2px}\r\n.ty-step{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #1E293B}\r\n.ty-step:last-child{border-bottom:0}\r\n.ty-step .num{width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--mint);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}\r\n.ty-step .txt{font-size:14.5px;line-height:1.5;color:#cbd5e1;flex:1;padding-top:5px}\r\n.ty-step .txt b{color:var(--ink);display:block;margin-bottom:3px}\r\n.ty-actions{display:flex;flex-direction:column;gap:10px}\r\n.ty-wa-btn{background:linear-gradient(135deg,#25D366,#1FAB54);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:14px;font-weight:700;font-size:16px;box-shadow:0 8px 20px -4px rgba(37,211,102,.4)}\r\n.ty-wa-btn svg{width:18px;height:18px;fill:currentColor}\r\n.ty-back{background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:10px;text-decoration:underline;text-underline-offset:3px}\r\n.ty-confetti{position:absolute;top:0;left:0;right:0;height:240px;pointer-events:none;overflow:hidden;border-radius:24px 24px 0 0}\r\n.ty-confetti span{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:tyFall 2.4s ease-out forwards}\r\n@keyframes tyFall{to{transform:translateY(260px) rotate(540deg);opacity:0}}\r\n\r\n\/* ---- faq ---- *\/\r\n.faq-section{background:var(--navy2);padding:48px 22px 56px}\r\n.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:28px}\r\n.faq-item{background:var(--navy2);border:1.5px solid #2a3850;border-radius:16px;overflow:hidden;transition:.3s}\r\n.faq-item:hover{border-color:#d3ddd5}\r\n.faq-item.is-open{border-color:var(--gold);background:linear-gradient(180deg,#1E293B,#162237 60%);box-shadow:var(--shadow-1)}\r\n.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 22px;font-weight:600;font-size:15.5px;color:var(--ink);text-align:left;line-height:1.45;transition:color .25s}\r\n.faq-item.is-open .faq-q{color:var(--gold-deep)}\r\n.faq-q-icon{width:32px;height:32px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}\r\n.faq-q-icon svg{width:16px;height:16px;stroke:var(--mint);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:.4s}\r\n.faq-item.is-open .faq-q-icon{background:var(--green)}\r\n.faq-item.is-open .faq-q-icon svg{stroke:var(--gold-soft);transform:rotate(180deg)}\r\n.faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}\r\n.faq-item.is-open .faq-a-wrap{grid-template-rows:1fr}\r\n.faq-a{overflow:hidden;min-height:0}\r\n.faq-a-inner{padding:0 22px 22px;font-size:15px;line-height:1.65;color:#cbd5e1}\r\n.faq-a-inner b{color:var(--ink)}\r\n\r\n\/* ---- sticky cta + popup + lightbox ---- *\/\r\n.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);padding:12px 18px;border-top:1px solid #2a3850;box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(100%);transition:transform .35s;max-width:var(--container);margin:0 auto}\r\n.sticky-cta.show{transform:translateY(0)}\r\n.sticky-cta .btn{width:100%;padding:14px}\r\n.lb-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;opacity:0;transition:opacity .2s}\r\n.lb-overlay.open{display:flex;opacity:1}\r\n.lb-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}\r\n.lb-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}\r\n.pop{position:fixed;bottom:84px;left:16px;z-index:90;background:var(--navy2);border:1px solid #2a3850;border-radius:14px;padding:13px 36px 13px 13px;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:11px;max-width:300px;opacity:0;transform:translateX(-120%);transition:opacity .4s,transform .5s cubic-bezier(.2,.85,.2,1);pointer-events:none}\r\n.pop.show{opacity:1;transform:translateX(0);pointer-events:auto}\r\n.pop .pico{width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.pop .pico svg{width:20px;height:20px}\r\n.pop .pt{font-size:13px;font-weight:600;color:#e8eef5}\r\n.pop .pt b{color:var(--mint)}\r\n.pop .pd{font-size:12.5px;color:#94A3B8;margin-top:1px}\r\n.pop .pd b{color:var(--gold-deep)}\r\n.pop .ptime{font-size:11px;color:#94A3B8;margin-top:4px;display:flex;align-items:center;gap:5px}\r\n.pop .ptime::before{content:'';width:6px;height:6px;border-radius:50%;background:#22A05B;animation:blink 1.6s infinite}\r\n.pop .pclose{position:absolute;top:6px;right:8px;width:22px;height:22px;color:#94A3B8;font-size:18px;background:transparent}\r\n.pop.dismissed{display:none}\r\n\r\n\/* ---- reveal ---- *\/\r\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}\r\n.reveal.in{opacity:1;transform:none}\r\n.rd1{transition-delay:.1s} .rd2{transition-delay:.2s} .rd3{transition-delay:.3s}\r\n@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\r\n\r\n.divider{height:1px;background:var(--line);margin:30px 0}\r\n.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}\r\n\r\n@media(min-width:680px){\r\n body{background:var(--green-dark);background-image:radial-gradient(circle at 20% 30%,var(--green),var(--green-dark))}\r\n .section{padding:58px 28px}\r\n .sticky-cta{border-radius:18px 18px 0 0}\r\n}\r\n@media(max-width:380px){.pop{max-width:calc(100vw - 32px);left:16px;right:16px}}\r\n\r\n\/* ==== tema mint: aura botol + sheen kotak info ==== *\/\r\n.product-hero{position:relative;overflow:hidden}\r\n.product-hero::before{content:'';position:absolute;left:50%;top:60%;width:360px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(163,230,213,.30),transparent 65%);pointer-events:none;z-index:0}\r\n.product-hero>*{position:relative;z-index:1}\r\n.cert-badge,.order-card,.ty-summary{position:relative;border-top:1px solid rgba(163,230,213,.45)}\r\n.testi-card::before,.cert-badge::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(163,230,213,.10),transparent 38%);pointer-events:none}\r\n\r\n\/* SARAFLEX \u2014 palette 100% ikut rujukan\r\n Emerald #065F46 \u00b7 Mint #A7F3D0 \u00b7 Cream #FFF8E7 *\/\r\n:root{\r\n --emerald:#065F46;--mint:#A7F3D0;--cream:#FFF8E7;\r\n --navy:#065F46;--navy2:#FFF8E7;--navy3:#065F46;--navy-mid:#065F46;\r\n --green:#065F46;--green-deep:#065F46;--green-dark:#065F46;\r\n --green-light:#A7F3D0;--green-mid:#A7F3D0;--green-soft:#A7F3D0;\r\n --white:#FFF8E7;--black:#065F46;--yellow:#A7F3D0;\r\n --gold:#A7F3D0;--gold-bright:#A7F3D0;--gold-soft:#A7F3D0;--gold-deep:#065F46;\r\n --mint:#A7F3D0;--emerald:#065F46;--red:#065F46;--red-deep:#065F46;\r\n --cream:#FFF8E7;--ink:#065F46;--muted:rgba(6,95,70,.72);\r\n --line:rgba(6,95,70,.16);--gold-grad:linear-gradient(120deg,#A7F3D0,#FFF8E7);\r\n --shadow-1:0 10px 28px rgba(6,95,70,.12);\r\n --shadow-2:0 22px 54px -18px rgba(6,95,70,.28);\r\n --shadow-gold:0 14px 34px -12px rgba(6,95,70,.22);\r\n}\r\nhtml{background:var(--cream)!important}\r\nbody{background:radial-gradient(circle at 12% 18%,rgba(167,243,208,.55),transparent 28%),var(--cream)!important;color:var(--emerald)!important}\r\n.page{background:var(--cream)!important;box-shadow:0 0 62px rgba(6,95,70,.13)!important}\r\n\r\n\/* announcement *\/\r\n.announce{background:var(--emerald)!important;color:var(--cream)!important;border-bottom:1px solid rgba(255,248,231,.16)!important}\r\n.announce span{color:var(--cream)!important}.announce b{color:var(--mint)!important}\r\n.announce::before{background:linear-gradient(90deg,transparent,rgba(167,243,208,.24),transparent)!important}\r\n\r\n\/* flow section: Cream \u2192 Mint \u2192 Cream \u2192 Emerald *\/\r\n.page>section{background-image:none!important;isolation:isolate;border-top:1px solid rgba(6,95,70,.10)!important}\r\n.page>section.theme-cream{background:var(--cream)!important;color:var(--emerald)!important}\r\n.page>section.theme-mint{background:var(--mint)!important;color:var(--emerald)!important}\r\n.page>section.theme-emerald{background:var(--emerald)!important;color:var(--cream)!important;border-color:rgba(255,248,231,.14)!important}\r\n.page>section.hero.theme-cream{background:radial-gradient(circle at 92% 7%,rgba(167,243,208,.76),transparent 34%),radial-gradient(circle at 8% 92%,rgba(167,243,208,.34),transparent 30%),var(--cream)!important}\r\n.hero::after{background:radial-gradient(circle,rgba(167,243,208,.72),transparent 68%)!important;opacity:.5!important}\r\n.product-hero::before{background:radial-gradient(circle,rgba(167,243,208,.62),transparent 66%)!important;opacity:.42!important}\r\n\r\n\/* typography *\/\r\n.theme-cream :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel),\r\n.theme-mint :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel){color:var(--emerald)!important}\r\n.theme-cream :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub),\r\n.theme-mint :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub){color:rgba(6,95,70,.84)!important}\r\n.theme-emerald :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel){color:var(--cream)!important}\r\n.theme-emerald :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub){color:rgba(255,248,231,.88)!important}\r\n.gold-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--emerald)!important}\r\n.theme-emerald .gold-text{color:var(--mint)!important}\r\n.theme-cream :is(.text-green,.text-gold,.text-red),.theme-mint :is(.text-green,.text-gold,.text-red){color:var(--emerald)!important}\r\n.theme-emerald :is(.text-green,.text-gold,.text-red){color:var(--mint)!important}\r\n.leaf{color:var(--emerald)!important}.theme-emerald .leaf{color:var(--mint)!important}\r\n\r\n\/* chips *\/\r\n.eyebrow.on-light,.eyebrow.on-green,.rrr-pill,.rating-pill{background:var(--mint)!important;color:var(--emerald)!important;border:1px solid rgba(6,95,70,.12)!important;box-shadow:none!important}\r\n.theme-mint :is(.eyebrow.on-light,.eyebrow.on-green){background:var(--cream)!important}\r\n:is(.eyebrow.on-light,.eyebrow.on-green,.rrr-pill,.rating-pill) *{color:var(--emerald)!important}\r\n.stars{color:var(--emerald)!important}\r\n\r\n\/* buttons *\/\r\n.btn--gold,.btn--green,#submitBtn,.ty-wa-btn{background:var(--emerald)!important;background-image:none!important;color:var(--cream)!important;border:1px solid var(--emerald)!important;box-shadow:0 12px 28px -12px rgba(6,95,70,.48)!important}\r\n:is(.btn--gold,.btn--green,#submitBtn,.ty-wa-btn) *{color:var(--cream)!important}\r\n.theme-emerald :is(.btn--gold,.btn--green,#submitBtn){background:var(--mint)!important;color:var(--emerald)!important;border-color:var(--mint)!important}\r\n.theme-emerald :is(.btn--gold,.btn--green,#submitBtn) *{color:var(--emerald)!important}\r\n.cta-pulse::after{border-color:var(--mint)!important}\r\n\r\n\/* cards: keep all shapes, recolour only *\/\r\n:is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background-image:none!important;border-color:rgba(6,95,70,.18)!important;box-shadow:var(--shadow-1)!important}\r\n.theme-cream :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background:var(--mint)!important;color:var(--emerald)!important}\r\n.theme-mint :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you),\r\n.theme-emerald :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background:var(--cream)!important;color:var(--emerald)!important}\r\n.theme-emerald :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){border-color:rgba(167,243,208,.48)!important}\r\n:is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you) :is(h1,h2,h3,h4,h5,h6,p,li,q,span,b,em,label,small,.display,.tiny,.lead){color:var(--emerald)!important}\r\n\r\n\/* labels \/ highlights *\/\r\n.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num,.video-badge,.video-badge .dot,.wa-av,.ct-head .ct-best::before{background:var(--emerald)!important;background-image:none!important;color:var(--cream)!important;border-color:var(--emerald)!important}\r\n:is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num,.video-badge,.video-badge .dot,.wa-av) *{color:var(--cream)!important}\r\n.theme-emerald :is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num){background:var(--mint)!important;color:var(--emerald)!important}\r\n.theme-emerald :is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num) *{color:var(--emerald)!important}\r\n\r\n\/* media *\/\r\n.media,.img-slot,.wa-slot,.product-shot,.after-img,.problem-card .circ,.ingr .pic,.testi-card .who .pic{background:var(--cream)!important;background-image:none!important;border-color:rgba(6,95,70,.20)!important;box-shadow:var(--shadow-1)!important}\r\n.theme-cream :is(.media,.img-slot,.wa-slot,.after-img){background:var(--mint)!important}\r\n.theme-emerald :is(.media,.img-slot,.wa-slot,.after-img){border-color:rgba(167,243,208,.55)!important}\r\n.ph,.ph.light{background:linear-gradient(135deg,rgba(167,243,208,.84),rgba(255,248,231,.95))!important;color:var(--emerald)!important}\r\n.ph .ico,.ph.light .ico{background:var(--emerald)!important;color:var(--cream)!important}\r\n.ph :is(.lbl,.desc),.ph.light :is(.lbl,.desc){color:var(--emerald)!important}\r\n.media.video .play{background:var(--emerald)!important;box-shadow:0 12px 28px rgba(6,95,70,.28)!important}.media.video .play::after{border-left-color:var(--cream)!important}\r\n\r\n\/* problem\/story *\/\r\n.problem-card .circ,.ingr .pic,.testi-card .who .pic{border-color:var(--emerald)!important}.theme-emerald :is(.problem-card .circ,.ingr .pic){border-color:var(--mint)!important}\r\n.problem-card .label,.warn-box h3,.warn-list li::before,.warn-list em,.tl-card b,.scenario-label,.ingr h4,.after-row h5,.pkg-price .new,.faq-item.is-open .faq-q{color:var(--emerald)!important}\r\n.theme-emerald>.problem-grid .problem-card .label{color:var(--cream)!important}\r\n.warn-box{border:2px dashed var(--emerald)!important}.theme-emerald .warn-box{border-color:var(--mint)!important}\r\n.pill{box-shadow:none!important;border:1px solid rgba(6,95,70,.16)!important}.pill-1{background:var(--cream)!important;color:var(--emerald)!important}.pill-2{background:var(--mint)!important;color:var(--emerald)!important}.pill-3{background:var(--emerald)!important;color:var(--cream)!important;border-color:var(--mint)!important}\r\n.section>div[style*=\"linear-gradient(135deg,var(--red)\"]{background:var(--mint)!important;color:var(--emerald)!important}\r\n\r\n\/* icons and steps *\/\r\n.benefit .ico,.step-row .ico,.guarantee .seal,.ty-step .num,.ty-check{background:var(--emerald)!important;color:var(--cream)!important}.benefit .ico svg,.ty-check svg{color:var(--cream)!important;stroke:var(--cream)!important}\r\n\r\n\/* tables *\/\r\n.vs-head .vs-us,.ct-head .ct-best,.ct-row>div.ct-best{background:var(--emerald)!important;color:var(--cream)!important}\r\n.vs-head .vs-them,.vs-feature,.ct-head,.vs-row>div:first-child,.ct-row>div:not(.ct-best){background:var(--mint)!important;color:var(--emerald)!important}\r\n.vs-row>div:last-child,.ct-row>div:first-child{background:var(--cream)!important;color:var(--emerald)!important}\r\n.vs-ok,.ct-check{background:var(--emerald)!important;color:var(--cream)!important}.vs-no,.ct-cross{background:var(--mint)!important;color:var(--emerald)!important}\r\n\r\n\/* testimonials \/ WhatsApp *\/\r\n.testi-card::before,.cert-badge::before{background:none!important}.testi-card q{color:rgba(6,95,70,.88)!important}\r\n.wa-head{background:var(--emerald)!important;color:var(--cream)!important}.wa-head b,.wa-head small{color:var(--cream)!important}.wa-chat{background:var(--mint)!important}.wa-b.in,.wa-b.out{background:var(--cream)!important;color:var(--emerald)!important}.wa-b,.wa-b *{color:var(--emerald)!important}.users-img{border-color:var(--cream)!important;outline-color:var(--emerald)!important}\r\n\r\n\/* countdown *\/\r\n.cd-sec{background-image:none!important}.cd-eye{background:var(--mint)!important;color:var(--emerald)!important}.cd-eye .dot{background:var(--emerald)!important}.cd-box{background:var(--cream)!important;border-color:rgba(6,95,70,.16)!important}.cd-num,.cd-lbl{color:var(--emerald)!important}\r\n\r\n\/* pricing *\/\r\n.pkg-img{background:var(--mint)!important;background-image:none!important}.pkg.featured{background:var(--cream)!important;background-image:none!important;border:2px solid var(--emerald)!important}.theme-emerald .pkg.featured{border-color:var(--mint)!important}.pkg-head .tier,.pkg-head .sub,.pkg-price .old,.pkg .postage-note,.pkg-feat li{color:rgba(6,95,70,.72)!important}.pkg-price .new,.pkg-price .new .rm{color:var(--emerald)!important}.pkg-feat{border-color:rgba(6,95,70,.14)!important}.pkg-feat li::before{background:var(--emerald)!important;color:var(--cream)!important}\r\n\r\n\/* order form *\/\r\n.order-section{background-image:none!important}.form-row label,.pay-row .lbl b,.order-card h4{color:var(--emerald)!important}.form-row input,.form-row select{background:var(--cream)!important;color:var(--emerald)!important;border-color:rgba(6,95,70,.24)!important}.form-row input::placeholder{color:rgba(6,95,70,.56)!important}.form-row input:focus,.form-row select:focus{border-color:var(--emerald)!important;box-shadow:0 0 0 3px rgba(167,243,208,.70)!important}.pkg-option:hover,.pkg-option.active,.pay-row{background:var(--cream)!important;border-color:var(--emerald)!important}.pkg-option .preview{background:var(--mint)!important;border-color:rgba(6,95,70,.16)!important}.pkg-option .radio,.pay-row .radio{border-color:var(--emerald)!important}.pkg-option.active .radio::after,.pay-row .radio::after{background:var(--emerald)!important}.summary-row{color:rgba(6,95,70,.82)!important;border-color:rgba(6,95,70,.12)!important}.summary-row.total,.summary-row.total span:last-child{color:var(--emerald)!important}\r\n\r\n\/* thank-you and FAQ *\/\r\n.thank-you::before{background:var(--emerald)!important}.ty-check{background:var(--mint)!important}.ty-check svg{stroke:var(--emerald)!important}.ty-summary{border-color:var(--emerald)!important}.ty-summary .ty-label,.ty-summary .ty-total,.thank-you h2 .name{color:var(--emerald)!important}.ty-steps-title::before{background:var(--emerald)!important}.ty-back{color:var(--emerald)!important}\r\n.faq-section{background-image:none!important}.faq-item.is-open{background:var(--cream)!important;border-color:var(--emerald)!important}.faq-q-icon{background:var(--mint)!important}.faq-q-icon svg{stroke:var(--emerald)!important}.faq-item.is-open .faq-q-icon{background:var(--emerald)!important}.faq-item.is-open .faq-q-icon svg{stroke:var(--cream)!important}.faq-a-inner{color:rgba(6,95,70,.84)!important}\r\n\r\n\/* fixed UI and footer *\/\r\n.sticky-cta{background:rgba(6,95,70,.96)!important;border-top-color:rgba(167,243,208,.36)!important;box-shadow:0 -8px 26px rgba(6,95,70,.22)!important}.sticky-cta .btn{background:var(--mint)!important;color:var(--emerald)!important;border-color:var(--mint)!important}.sticky-cta .btn *{color:var(--emerald)!important}\r\n.pop{background:var(--cream)!important;border-color:var(--emerald)!important}.pop .pico{background:var(--emerald)!important;color:var(--cream)!important}.pop .pico svg{color:var(--cream)!important}.pop :is(.pt,.pt b,.pd,.pd b,.ptime){color:var(--emerald)!important}.pop .ptime::before{background:var(--mint)!important;border:1px solid var(--emerald)}\r\n.lb-overlay{background:rgba(6,95,70,.92)!important}.lb-close{background:var(--mint)!important;color:var(--emerald)!important}\r\nfooter{background:var(--emerald)!important;color:rgba(255,248,231,.82)!important}footer .cinzel{color:var(--mint)!important}footer p,footer b{color:rgba(255,248,231,.86)!important}\r\n.divider{background:rgba(6,95,70,.14)!important}.theme-emerald .divider{background:rgba(255,248,231,.20)!important}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <div class=\"announce\"><span>\ud83c\udf3f RELIEF \u00b7 REPAIR \u00b7 RESTORE \u2022 <b>COD SELURUH MALAYSIA<\/b><\/span><\/div>\r\n\r\n \r\n <section class=\"section s-green2 hero clip-down theme-cream\">\r\n <div class=\"brand-row reveal\">\r\n <svg class=\"leaf\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg>\r\n <span class=\"cinzel\">SARAFLEX<\/span>\r\n <\/div>\r\n <h1 class=\"display reveal\">Lutut Sakit, Sendi Kaku, Otot Kejang? <span class=\"hl gold-text\">Lega Dalam Beberapa Minit.<\/span><\/h1>\r\n <p class=\"hero-sub reveal rd1\">Saraflex Minyak Sendi sapu, urut, terus terasa hangat & lega di kawasan yang sakit. Cepat meresap, tak melekit.<\/p>\r\n <div class=\"rating-pill reveal rd2\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>Dipercayai ribuan pengguna<\/span><\/div>\r\n\r\n \r\n <div class=\"media media--9x16 video youtube-embed reveal rd3\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 1<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n\r\n <a href=\"#order\" class=\"btn btn--gold cta-pulse mt-3\" style=\"display:flex;margin:24px auto 0;max-width:280px\">SAYA NAK CUBA SEKARANG<\/a>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <h2 class=\"display text-center reveal\" style=\"margin-bottom:20px\">Dulu setiap kali rukuk & sujud lutut rasa mencucuk..<br><span class=\"text-red\">Sekarang bergerak lega, solat tenang!<\/span><\/h2>\r\n <div class=\"media media--9x16 video youtube-embed reveal rd1\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 2<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" style=\"padding-top:0\">\r\n <div class=\"img-slot reveal\" style=\"aspect-ratio:4\/3\" data-label=\"Screenshot Komen Facebook\">\r\n <div class=\"ph light\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><\/svg><\/div><div class=\"lbl\">Komen Facebook<\/div><div class=\"desc\">Letak screenshot komen pengguna FB<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s- clip-both theme-emerald\">\r\n <h2 class=\"display text-center reveal\">Lutut mencucuk, sendi kaku, otot kejang \u2014 bergerak pun terhad<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Dah cuba macam-macam minyak & ubat, sakit tetap datang balik<\/p>\r\n <div class=\"problem-banner reveal rd2\">Anda ada masalah ini? \ud83d\udc47<\/div>\r\n <div class=\"problem-grid reveal\">\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 1<\/div><\/div><\/div><div class=\"label\">Lutut Sakit Masa Solat<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 2<\/div><\/div><\/div><div class=\"label\">Kebas Tangan & Kaki<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 3<\/div><\/div><\/div><div class=\"label\">Otot Kejang & Tegang<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 4<\/div><\/div><\/div><div class=\"label\">Susah Naik Tangga<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 5<\/div><\/div><\/div><div class=\"label\">Sendi Berbunyi & Ngilu<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 6<\/div><\/div><\/div><div class=\"label\">Sakit Ganggu Tidur<\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"padding-top:36px\">\r\n <h2 class=\"display text-center reveal\">Jangan biar berlarutan \u2014 masalah sendi yang diabaikan boleh jadi makin teruk<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Kita taknak sampai tidur terganggu, atau setiap pergerakan jadi seksa<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\">\r\n <h2 class=\"story-h reveal\">Ramai mula dengan ayat yang sama.<\/h2>\r\n <p class=\"story-sub reveal rd1\">\"Alah\u2026 penat kerja ja ni\"<\/p>\r\n <div class=\"timeline\">\r\n <div class=\"tl-card reveal\"><div class=\"num\">1<\/div><b>Hari pertama,<\/b> sakit datang sekejap je.<\/div>\r\n <div class=\"tl-card reveal rd1\"><div class=\"num\">2<\/div><b>Hari kedua,<\/b> sakit datang bila duduk lama.<\/div>\r\n <div class=\"tl-card reveal rd2\"><div class=\"num\">3<\/div><b>Hari ketiga,<\/b> bila bangun dari kerusi\u2026 lutut rasa berat & kaku.<\/div>\r\n <div class=\"tl-card reveal rd3\"><div class=\"num\">4<\/div><b>Hari keempat,<\/b> sakit dah jadi rutin \u2014 pagi, petang, malam.<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"media media--1x1 reveal\" data-label=\"Gambar sakit lutut\/sendi\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg><\/div><div class=\"lbl\">Gambar Sakit Sendi<\/div><div class=\"desc\">Cth: orang pegang lutut yang sakit<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft clip-up theme-cream\">\r\n <p class=\"text-center reveal\" style=\"color:#bcd6c8;font-size:15px;margin-bottom:10px\">Dan masa tu baru terlintas satu soalan:<\/p>\r\n <h2 class=\"story-h reveal rd1\">\"Kenapa sakit ni makin lama makin teruk?\"<\/h2>\r\n <p class=\"text-center mt-3 reveal rd2\" style=\"font-weight:700;font-size:15px;margin-bottom:14px\">Inilah yang ramai tak nampak.<\/p>\r\n <p class=\"text-center reveal rd3\" style=\"color:#e8f2ec;font-size:15px;line-height:1.6;margin-bottom:20px\">Pada sendi kita ada rawan (cartilage) & cairan yang melincirkan pergerakan. Bila ia kering, radang atau tegang \u2014 setiap gerakan jadi sakit & berbunyi.<\/p>\r\n <div class=\"media media--16x9 reveal rd1 mt-3\" data-label=\"Anatomi sendi\">\r\n <div class=\"ph\"><div class=\"lbl\">Gambar Anatomi Sendi \/ Lutut<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-emerald\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:18px\">Bila otot tegang, sendi kerap diguna, berat badan menekan lutut \u2014 ruang sendi makin terhimpit.<\/p>\r\n <h3 class=\"display text-center reveal rd1 text-green\">Pada awalnya:<\/h3>\r\n <div class=\"pill-stack\">\r\n <div class=\"pill pill-1 reveal\">Sendi cuma rasa lenguh sikit<\/div>\r\n <div class=\"pill pill-2 reveal rd1\">Sakit datang bila bergerak<\/div>\r\n <div class=\"pill pill-3 reveal rd2\">Sakit datang walau tak buat apa-apa<\/div>\r\n <\/div>\r\n <p class=\"text-center mt-3 reveal\" style=\"font-size:14.5px;color:#cbd5e1;font-style:italic\">Tapi bila dibiar hari demi hari, sendi jadi makin sensitif.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <h2 class=\"story-h reveal\">Dan masa tu, <span class=\"text-gold\">sakit<\/span> tak duduk diam di lutut. Dia merebak.<\/h2>\r\n <div class=\"travel\">\r\n <div class=\"travel-row reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari lutut ke sendi sekeliling<\/div>\r\n <div class=\"travel-row r reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari sendi ke otot peha & betis<\/div>\r\n <div class=\"travel-row reveal rd2\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari otot ke belakang & bahu<\/div>\r\n <div class=\"travel-row r reveal rd3\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Sampai ganggu tidur & mood<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:18px\">Sebab itu sakit sendi bukan sakit satu tempat. Ia sakit yang <b>menjalar dan berulang.<\/b><\/p>\r\n <h2 class=\"display text-center reveal rd1 text-green\">Masalahnya, ramai orang terus tahan.<\/h2>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" style=\"padding-top:0\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#94A3B8;line-height:1.6;font-style:italic;margin-bottom:14px\">Telan ubat bila sakit. Sapu minyak murah bila tak tahan. Urut, lipat bantal, tukar posisi.<\/p>\r\n <p class=\"text-center reveal rd1\" style=\"font-weight:800;font-size:15px;margin-bottom:18px\">Lega sekejap. Esok datang balik.<\/p>\r\n <h2 class=\"display text-center reveal rd2 text-red\" style=\"font-size:26px\">Tanpa sedar, sendi yang tegang tadi mula meradang.<\/h2>\r\n <p class=\"text-center mt-2 reveal\" style=\"color:#94A3B8;font-size:14.5px;font-style:italic\">Bila sendi meradang, sakit jadi lebih kuat, lebih cepat, lebih sensitif.<\/p>\r\n <h3 class=\"display text-center mt-3 reveal --blackk\" style=\"font-size:26px\">Dan masa tu:<\/h3>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-emerald\" style=\"padding-top:8px\">\r\n <div class=\"scenario-stack\">\r\n <div class=\"scenario-card reveal\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Duduk lama<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Di Rumah<\/span>Duduk 10 minit pun lutut dah rasa kaku<\/div><\/div>\r\n <div class=\"scenario-card reveal rd1\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Bangun lantai<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Pergerakan Asas<\/span>Bangun dari lantai jadi misi besar<\/div><\/div>\r\n <div class=\"scenario-card reveal rd2\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Kaki kebas<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Pada Kaki<\/span>Kaki rasa kebas, mencucuk, kejang tanpa sebab<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <h2 class=\"display text-center reveal text-green\" style=\"font-size:26px\">Sakit ni tak jerit kuat. Tapi dia makan hidup perlahan-lahan.<\/h2>\r\n\r\n \r\n <div class=\"scenario-stack\">\r\n <div class=\"scenario-card reveal\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Kerja<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Di Tempat Kerja<\/span>Fokus pecah bila sakit datang tiba-tiba<\/div><\/div>\r\n <div class=\"scenario-card reveal rd1\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Solat<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Masa Solat<\/span>Susah nak rukuk & sujud, solat jadi tak khusyuk<\/div><\/div>\r\n <div class=\"scenario-card reveal rd2\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Anak<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Bersama Anak<\/span>Anak ajak berjalan, kita bagi alasan badan letih<\/div><\/div>\r\n <div class=\"scenario-card reveal rd3\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Tidur<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Masa Tidur<\/span>Malam kerap terjaga, pagi bangun masih lesu<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-mint\">\r\n <h2 class=\"display text-center reveal text-green\" style=\"font-size:28px\">Dan yang paling menyakitkan<\/h2>\r\n <p class=\"text-center mt-2 reveal rd1\" style=\"font-weight:800;font-size:15px\">bila orang lain nampak kita <i>\"macam okay\"<\/i><\/p>\r\n <div class=\"reveal rd2 mt-3\" style=\"background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;padding:18px;border-radius:14px 14px 14px 4px;font-style:italic;text-align:center;font-size:14.5px;line-height:1.5\">sedangkan dalam badan, kita tengah lawan sakit yang orang tak nampak.<\/div>\r\n <h2 class=\"display text-center mt-4 reveal text-green\" style=\"font-size:26px\">Di sinilah ramai buat satu kesilapan.<\/h2>\r\n <p class=\"text-center mt-2 reveal rd1\" style=\"font-style:italic;color:#94A3B8;font-size:14.5px\">\"Kalau sakit ni sebab tua, tak ada apa boleh buat selain tahan.\"<\/p>\r\n <p class=\"text-center mt-3 reveal rd2\" style=\"font-size:15px;line-height:1.65;color:#cbd5e1\">Sedangkan dengan ikhtiar yang betul \u2014 kehangatan terapeutik & herba pilihan \u2014 banyak sakit sendi & otot boleh dilegakan, <b>bukan sekadar ditahan.<\/b><\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <div class=\"warn-box reveal\">\r\n <h3>JIKA DIBIARKAN BERLARUTAN<\/h3>\r\n <p class=\"intro\">Masalah sendi, otot & saraf yang tidak diuruskan boleh membawa kesan yang lebih serius:<\/p>\r\n <ol class=\"warn-list\">\r\n <li>Pergerakan jadi makin <em>terhad & menyakitkan<\/em>.<\/li>\r\n <li>Bergantung pada <em>ubat tahan sakit<\/em> hampir setiap hari.<\/li>\r\n <li><em>Kualiti tidur<\/em> terganggu, badan makin lemah.<\/li>\r\n <li>Aktiviti & ibadah harian <em>terjejas<\/em>.<\/li>\r\n <li>Mood & kesejahteraan <em>emosi<\/em> ikut terkesan.<\/li>\r\n <li>Risiko <em>kos rawatan<\/em> yang lebih tinggi kemudian hari.<\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/section>\r\n \r\n <section class=\"section s-cream theme-emerald\">\r\n <div class=\"reveal\" style=\"text-align:center;padding-top:42px;margin-top:30px;border-top:1px solid var(--line)\">\r\n <div style=\"display:flex;align-items:center;justify-content:center;gap:14px;max-width:200px;margin:0 auto 22px;color:var(--gold)\"><span style=\"flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))\"><\/span><svg class=\"leaf\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg><span style=\"flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)\"><\/span><\/div>\r\n <h3 class=\"cinzel\" style=\"font-weight:900;font-size:32px;color:#fff;margin-bottom:20px\">Berubatlah<\/h3>\r\n <p style=\"font-size:24px;line-height:1.85;color:#fff;margin-bottom:18px;direction:rtl;font-family:'Amiri',serif\">\u062a\u064e\u062f\u064e\u0627\u0648\u064e\u0648\u0652\u0627 \u0639\u0650\u0628\u064e\u0627\u062f\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u0650\u060c \u0641\u064e\u0625\u0650\u0646\u064e\u0651 \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u0644\u064e\u0645\u0652 \u064a\u064e\u0636\u064e\u0639\u0652 \u062f\u064e\u0627\u0621\u064b \u0625\u0650\u0644\u064e\u0651\u0627 \u0648\u064e\u0636\u064e\u0639\u064e \u0644\u064e\u0647\u064f \u062f\u064e\u0648\u064e\u0627\u0621\u064b<\/p>\r\n <p style=\"font-style:italic;color:#a9c6b8;font-size:15.5px;line-height:1.65;max-width:420px;margin:0 auto\">\"Wahai hamba-hamba Allah, sesungguhnya Allah tidak menurunkan sesuatu penyakit melainkan Dia menurunkan juga ubat baginya.\" \u2014 Abu Dawud, Tirmizi <i>(Hadis Hasan Sahih)<\/i><\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-dark product-hero clip-both theme-cream\">\r\n <h2 class=\"display reveal\">Saraflex Minyak Sendi Yang Membantu <span class=\"red\">Legakan Sakit<\/span> Seawal Penggunaan!<\/h2>\r\n <p class=\"reveal rd1\">Sapu, urut, terus terasa hangat & lega. Cepat meresap, tak melekit sesuai digunakan setiap hari.<\/p>\r\n <div class=\"reveal rd2\">\r\n <div class=\"brandmark gold-text\">SARAFLEX<\/div>\r\n <div class=\"brandmark-sub\">MINYAK SENDI \u00b7 100ML<\/div>\r\n <div class=\"rrr-pill\">RELIEF \u00b7 REPAIR \u00b7 RESTORE<\/div>\r\n <\/div>\r\n \r\n <div class=\"product-shot reveal rd3\" style=\"margin-top:26px\">\r\n <img decoding=\"async\" src=\"https:\/\/purerest.senangbeli.com\/wp-content\/uploads\/2026\/06\/Saraflex-poster-3.jpeg\"\r\n alt=\"Saraflex Minyak Sendi \u2014 Joint Relief Oil\" loading=\"lazy\"\r\n onerror=\"this.style.display='none';this.parentNode.innerHTML='<div class="ph"><div class="lbl">Gambar Produk Saraflex<\/div><\/div>'\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Kenapa Saraflex<\/span><h2 class=\"display\" style=\"color:var(--black)\">8 Sebab Saraflex Jadi Pilihan<\/h2><\/div>\r\n <div class=\"benefits\">\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><p>Lega pantas kesan hangat sejurus disapu<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12l3 3 5-6\"\/><\/svg><\/div><p>Tak melekit, cepat meresap di kulit<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><p>Bantu tenangkan otot & sendi tegang<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z\"\/><\/svg><\/div><p>Tidur lebih lena, tak terganggu sakit<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13\" cy=\"4\" r=\"2\"\/><path d=\"M4 22l5-9 4 2 3-3\"\/><path d=\"M16 22l-3-7\"\/><\/svg><\/div><p>Senang bergerak, naik tangga & berdiri<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg><\/div><p>Bahan herba pilihan, bau selesa<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21V11a9 9 0 0 1 18 0v10\"\/><path d=\"M3 21h18\"\/><path d=\"M9 21v-5a3 3 0 0 1 6 0v5\"\/><\/svg><\/div><p>Senang rukuk & sujud semula<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><p>50ml tahan lama, mudah dibawa<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\" style=\"padding-top:1\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Kandungan & Kebaikan<\/span><h2 class=\"display\" style=\"color:var(--ink)\">Kekuatan Dari Alam Semula Jadi<\/h2><\/div>\r\n <div class=\"ingr-stack\">\r\n <div class=\"ingr reveal\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Minyak Serai Wangi<\/h4><p>Memberi kehangatan menyeluruh & membantu melegakan sendi yang ngilu.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd1\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Ekstrak Halia<\/h4><p>Penghangat semula jadi yang menenangkan otot & sendi tegang.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd2\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Pudina (Peppermint)<\/h4><p>Sensasi sejuk-panas yang menyegarkan & memberi rasa lega segera.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd3\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Minyak Kayu Putih (Eucalyptus)<\/h4><p>Membantu minyak meresap pantas & rasa lega lebih mendalam.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-emerald\">\r\n <div class=\"after-head reveal\">\r\n <div class=\"after-img\"><div class=\"ph\"><div class=\"lbl\">Produk<\/div><\/div><\/div>\r\n <h2 class=\"display\" style=\"text-align:left;font-size:21px;flex:1\">SELEPAS GUNA <span class=\"text-gold\">SARAFLEX<\/span>, ANDA AKAN RASA..<\/h2>\r\n <\/div>\r\n <div class=\"after-stack\">\r\n <div class=\"after-row reveal\"><h5>SENDI & OTOT LEBIH LEGA<\/h5><p>Kehangatan terapeutik bantu longgarkan ketegangan, rasa sakit berkurang.<\/p><\/div>\r\n <div class=\"after-row reveal rd1\"><h5>PERGERAKAN LEBIH LANCAR<\/h5><p>Senang rukuk, sujud, naik tangga & bangun tanpa rasa tersekat.<\/p><\/div>\r\n <div class=\"after-row reveal\"><h5>BADAN LEBIH SELESA<\/h5><p>Kebas & kejang berkurang, badan terasa lebih ringan.<\/p><\/div>\r\n <div class=\"after-row reveal rd1\"><h5>TIDUR LEBIH LENA<\/h5><p>Tanpa gangguan sakit malam, bangun pagi lebih segar.<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Cara Guna<\/span><h2 class=\"display\" style=\"color:var(--mint);font-size:23px\">Mudah \u2014 Cuma Sapu & Urut<\/h2><\/div>\r\n <div class=\"steps\">\r\n <div class=\"step-row reveal\"><div class=\"ico\">1<\/div><p>Titiskan beberapa titik Saraflex pada kawasan sendi\/otot yang sakit<\/p><\/div>\r\n <div class=\"step-row reveal rd1\"><div class=\"ico\">2<\/div><p>Sapu rata & urut perlahan secara membulat sehingga meresap & terasa hangat<\/p><\/div>\r\n <div class=\"step-row reveal rd2\"><div class=\"ico\">3<\/div><p>Ulang 2\u20133 kali sehari \u2014 terutama pagi & sebelum tidur<\/p><\/div>\r\n <div class=\"step-row reveal rd3\"><div class=\"ico\">4<\/div><p>Elakkan kawasan luka terbuka & mata. Untuk kegunaan luaran sahaja<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"text-center reveal\"><h2 class=\"display\" style=\"color:var(--black);font-size:23px\">Apa Lebihnya <span class=\"text\">Saraflex<\/span>?<\/h2><p class=\"--black\">Berbanding minyak biasa di pasaran<\/p><\/div>\r\n <div class=\"vs-table reveal rd1\">\r\n <div class=\"vs-head\"><div class=\"vs-us\">SARAFLEX<\/div><div class=\"vs-them\">Minyak Biasa<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udca7 Tekstur<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Cepat meresap, tak melekit<\/div><div><span class=\"vs-no\">\u00d7<\/span> Melekit, berminyak lama<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udd25 Kesan Hangat<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Tahan lama<\/div><div><span class=\"vs-no\">?<\/span> Sekejap je<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83c\udf3f Bahan<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Ekstrak herba pekat<\/div><div><span class=\"vs-no\">?<\/span> Tidak jelas<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udc43 Bau<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Selesa, tak menyengat<\/div><div><span class=\"vs-no\">?<\/span> Berbeza-beza<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\ude9a Penghantaran<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> COD seluruh Malaysia<\/div><div><span class=\"vs-no\">\u00d7<\/span> Kena bayar dulu<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udcb0 Jaminan<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Puas hati dijamin<\/div><div><span class=\"vs-no\">\u00d7<\/span> Tiada jaminan<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <p class=\"text-center reveal\" style=\"color:#cfe0d6;font-size:16px;font-weight:600;margin-bottom:18px\">Ramai yang dah repeat! Kebanyakannya masalah sakit lutut, sendi & otot kejang<\/p>\r\n <div class=\"media media--16x9 reveal\" style=\"margin-bottom:18px\"><div class=\"ph\"><div class=\"lbl\">Gambar Stok \/ Parcel<\/div><\/div><\/div>\r\n <div class=\"units-box reveal rd1\"><div class=\"num\" data-count=\"38900\">0<\/div><div class=\"lbl\">UNIT TERJUAL<\/div><\/div>\r\n <div class=\"media media--9x16 video youtube-embed reveal rd2\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 3<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-emerald\">\r\n <h2 class=\"testi-h reveal\">APA KATA PENGGUNA?<\/h2>\r\n <div class=\"testi-card reveal\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">A<\/div><\/div><\/div><div class=\"info\"><b>AIDA, PAHANG<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Lutut saya selalu sakit bila bangun pagi. Lepas sapu Saraflex & urut sikit, terus rasa hangat & lega. Dah jadi rutin harian.\"<\/q><\/div>\r\n <div class=\"testi-card reveal rd1\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">R<\/div><\/div><\/div><div class=\"info\"><b>ROSLI, JOHOR<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Saya kerja angkat barang, bahu selalu kejang. Minyak ni cepat meresap, tak melekit. Bau pun selesa.\"<\/q><\/div>\r\n <div class=\"testi-card reveal rd2\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">N<\/div><\/div><\/div><div class=\"info\"><b>NURUL, SELANGOR<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Beli untuk emak. Dia kata sejuk-panas yang menyamankan, malam senang tidur. Order botol kedua dah.\"<\/q><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" id=\"testimoni\">\r\n <div class=\"text-center reveal mb-2\"><span class=\"eyebrow on-light\">Testimoni WhatsApp<\/span><h2 class=\"display\" style=\"color:var(--black);font-size:23px\">Mesej Sebenar Dari Pelanggan<\/h2><\/div>\r\n \r\n <div class=\"wa-grid\">\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 1<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_1\" alt=\"Testimoni WhatsApp 1\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 2<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_2\" alt=\"Testimoni WhatsApp 2\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 3<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_3\" alt=\"Testimoni WhatsApp 3\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 4<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_4\" alt=\"Testimoni WhatsApp 4\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 5<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_5\" alt=\"Testimoni WhatsApp 5\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 6<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_6\" alt=\"Testimoni WhatsApp 6\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <\/div>\r\n <div class=\"reveal mt-4\"><div class=\"img-slot\" style=\"aspect-ratio:4\/3\"><div class=\"ph light\"><div class=\"lbl\">Gambar Pengguna Pegang Produk<\/div><\/div><\/div><\/div>\r\n <p class=\"text-center tiny mt-2\" style=\"color:#202020\">*Mesej dikongsi dengan kebenaran pelanggan.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s- clip-up theme-mint\">\r\n <h2 class=\"display text-center reveal\">Tiada Online Banking? Boleh pilih Cash On Delivery (COD)<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Beli dulu, bayar kepada posmen bila barang sampai \ud83d\udc4d<\/p>\r\n <div class=\"cod-banner reveal rd2 mt-3\">\r\n <h3>Barang sampai baru bayar!<\/h3>\r\n <p>BAYAR KEPADA POSMEN DI DEPAN RUMAH ANDA<\/p>\r\n <div class=\"media media--16x9\" style=\"margin-top:14px\"><div class=\"ph\"><div class=\"lbl\">Gambar COD<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"promo-tag reveal rd3\">Promosi hari ini sahaja!<br>2 Botol hanya RM110<span class=\"sml\">(Semenanjung \u2014 Pos Percuma \u00b7 Sabah\/Sarawak +RM15)<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section -soft theme-cream\">\r\n <div class=\"guarantee reveal\"><div class=\"seal\">PUAS<br>HATI<\/div><h3>Jaminan Puas Hati<\/h3><p>Kami yakin dengan kualiti Saraflex. Jika anda ada sebarang masalah dengan produk, hubungi kami & pasukan customer service akan bantu anda sebaik mungkin.<\/p><\/div>\r\n <h2 class=\"display text-center mt-4 reveal\" style=\"color:var(--ink)\">Jangan Tunggu Lagi Legakan Sendi & Otot Dengan <span class=\"text-green\">Saraflex<\/span> Sekarang<\/h2>\r\n <p class=\"text-center mt-2 tiny reveal rd1\">Pilih pakej anda sementara harga promosi masih berlangsung!<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section -soft theme-emerald\">\r\n <h2 class=\"display text-center reveal\"><span class=\"text-gold\">PERCUMA<\/span> Pos & Hadiah untuk pembelian 2 botol & ke atas<\/h2>\r\n <div class=\"media media--1x1 reveal rd1\" style=\"background:transparent;margin-top:18px;box-shadow:none\"><div class=\"ph\"><div class=\"lbl\">Gambar Bonus \/ Hadiah<\/div><\/div><\/div>\r\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:14px;color:#cfe0d6;font-size:14.5px;line-height:1.5\">\r\n <li>\u2013 Pos PERCUMA seluruh Semenanjung (pakej 2 & 3 botol)<\/li>\r\n <li>\u2013 Bayar bila barang sampai (COD)<\/li>\r\n <li>\u2013 Sesuai dikongsi sekeluarga<\/li>\r\n <li>\u2013 Stok terhad \u2014 utamakan yang order awal<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"cd-sec theme-cream\">\r\n <div class=\"cd-eye reveal\"><span class=\"dot\"><\/span> PROMOSI TERHAD<\/div>\r\n <h2 class=\"reveal rd1\">\u26a1 Tawaran tamat dalam:<\/h2>\r\n <div class=\"cd-grid reveal rd2\" id=\"countdown\">\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-d\">00<\/span><span class=\"cd-lbl\">Hari<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-h\">00<\/span><span class=\"cd-lbl\">Jam<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-m\">00<\/span><span class=\"cd-lbl\">Minit<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-s\">00<\/span><span class=\"cd-lbl\">Saat<\/span><\/div>\r\n <\/div>\r\n <p class=\"reveal rd3\" style=\"font-size:13px;margin-top:18px;opacity:.9\">Selepas tamat, harga kembali ke harga asal<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-cream theme-mint\" id=\"packages\">\r\n <h2 class=\"display text-center reveal mb-3\" style=\"color:var(--ink)\">Pilih Pakej Anda<\/h2>\r\n <div class=\"pkg-stack\">\r\n <div class=\"pkg featured reveal\">\r\n <div class=\"badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z\"\/><\/svg> PALING POPULAR<\/div>\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 3 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Jimat<\/div><h3>Saraflex 3<\/h3><div class=\"sub\">3 Botol \u00b7 50ml setiap satu<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM237<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>150<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>3 Botol Saraflex 50ml<\/li><li>Pos PERCUMA Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>RM50\/botol \u2014 jimat RM87<\/li><li>Sesuai stok keluarga<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('3',150);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pkg reveal rd1\">\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 2 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Berterusan<\/div><h3>Saraflex 2<\/h3><div class=\"sub\">2 Botol \u00b7 50ml setiap satu<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM158<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>110<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>2 Botol Saraflex 50ml<\/li><li>Pos PERCUMA Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>RM55\/botol \u2014 jimat RM48<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('2',110);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pkg reveal rd2\">\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 1 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Percubaan<\/div><h3>Saraflex 1<\/h3><div class=\"sub\">1 Botol \u00b7 50ml<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM79<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>59<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>1 Botol Saraflex 50ml<\/li><li>Pos RM10 Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>Cuba dulu rasa<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('1',59);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-cream theme-cream\" style=\"padding-top:0\">\r\n <div class=\"text-center reveal\"><h2 class=\"display\" style=\"color:var(--ink);font-size:21px\">Kenapa Pilih <span class=\"text-green\">Pakej Jimat<\/span>?<\/h2><p class=\"tiny mt-2\">Bandingkan apa yang anda dapat<\/p><\/div>\r\n <div class=\"compare-table reveal rd1\">\r\n <div class=\"ct-head\"><div>Manfaat<\/div><div>Pakej 1<\/div><div>Pakej 2<\/div><div class=\"ct-best\">Pakej 3<\/div><\/div>\r\n <div class=\"ct-row\"><div>Bilangan Botol<\/div><div>1<\/div><div>2<\/div><div class=\"ct-best\">3<\/div><\/div>\r\n <div class=\"ct-row\"><div>Harga \/ Botol<\/div><div>RM59<\/div><div>RM55<\/div><div class=\"ct-best\">RM50<\/div><\/div>\r\n <div class=\"ct-row\"><div>Jimat<\/div><div>RM20<\/div><div>RM48<\/div><div class=\"ct-best\">RM87<\/div><\/div>\r\n <div class=\"ct-row\"><div>Pos Percuma Semenanjung<\/div><div><span class=\"ct-cross\">\u2715<\/span><\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div class=\"ct-best\"><span class=\"ct-check\">\u2713<\/span><\/div><\/div>\r\n <div class=\"ct-row\"><div>Bayar Bila Sampai<\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div class=\"ct-best\"><span class=\"ct-check\">\u2713<\/span><\/div><\/div>\r\n <div class=\"ct-row\"><div>Untuk Keluarga<\/div><div>\u2014<\/div><div>Stabil<\/div><div class=\"ct-best\">Terbaik \u2605<\/div><\/div>\r\n <\/div>\r\n <a href=\"#order\" class=\"btn btn--gold cta-pulse reveal\" style=\"display:flex;margin:24px auto 0;max-width:300px\" onclick=\"selectPkg('3',150);return false;\">Pilih Pakej Jimat \u2014 RM150<\/a>\r\n <\/section>\r\n\r\n \r\n <section class=\"order-section theme-emerald\" id=\"order\">\r\n <h2 class=\"order-h reveal\">Sahkan Pesanan <span class=\"hl\">Anda<\/span><\/h2>\r\n <p class=\"order-sub reveal rd1\">Isi maklumat & sahkan order. Posmen akan hubungi anda untuk hantar barang.<\/p>\r\n <form id=\"srx-order-form\" class=\"reveal\" method=\"POST\" action=\"\/checkout\/\" novalidate>\r\n <input type=\"hidden\" name=\"action\" value=\"srx_create_order\">\r\n <input type=\"hidden\" name=\"srx_nonce\" id=\"srx_nonce\" value=\"\">\r\n <div class=\"order-card\">\r\n <h4>Pilih Pakej Anda<\/h4>\r\n <label class=\"pkg-option\" data-pkg=\"3\" data-price=\"150\" data-product=\"SRX-3\"><input type=\"radio\" name=\"package\" value=\"3\"><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">3<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Jimat<\/b><span>3 Botol \u00b7 Pos Percuma<\/span><span class=\"price\">RM 150.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <label class=\"pkg-option active\" data-pkg=\"2\" data-price=\"110\" data-product=\"SRX-2\"><input type=\"radio\" name=\"package\" value=\"2\" checked><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">2<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Berterusan<\/b><span>2 Botol \u00b7 Pos Percuma<\/span><span class=\"price\">RM 110.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <label class=\"pkg-option\" data-pkg=\"1\" data-price=\"59\" data-product=\"SRX-1\"><input type=\"radio\" name=\"package\" value=\"1\"><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">1<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Percubaan<\/b><span>1 Botol \u00b7 50ml<\/span><span class=\"price\">RM 59.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Maklumat Pelanggan<\/h4>\r\n <div class=\"form-row\"><label for=\"fullname\">Nama Penerima<\/label><input type=\"text\" id=\"fullname\" name=\"fullname\" placeholder=\"Cth: Ahmad bin Abdullah\" autocomplete=\"name\" required><\/div>\r\n <div class=\"form-row\"><label for=\"phone\">No Telefon (WhatsApp)<\/label><input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Cth: 0123456789\" inputmode=\"numeric\" autocomplete=\"tel\" required><\/div>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Alamat Penghantaran<\/h4>\r\n <div class=\"form-row\"><label for=\"address\">Alamat Penuh<\/label><input type=\"text\" id=\"address\" name=\"address\" placeholder=\"No. rumah, jalan, taman\" required><\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-row\"><label for=\"state\">Negeri<\/label><select id=\"state\" name=\"state\" required><option value=\"\">Pilih negeri<\/option><option>Johor<\/option><option>Kedah<\/option><option>Kelantan<\/option><option>Melaka<\/option><option>Negeri Sembilan<\/option><option>Pahang<\/option><option>Perak<\/option><option>Perlis<\/option><option>Pulau Pinang<\/option><option>Sabah<\/option><option>Sarawak<\/option><option>Selangor<\/option><option>Terengganu<\/option><option>Kuala Lumpur<\/option><option>Putrajaya<\/option><option>Labuan<\/option><\/select><\/div>\r\n <div class=\"form-row\"><label for=\"city\">Bandar<\/label><input type=\"text\" id=\"city\" name=\"city\" placeholder=\"Bandar\" required><\/div>\r\n <\/div>\r\n <div class=\"form-row\"><label for=\"postcode\">Poskod<\/label><input type=\"text\" id=\"postcode\" name=\"postcode\" placeholder=\"43000\" inputmode=\"numeric\" pattern=\"[0-9]{5}\" required><\/div>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Pembayaran<\/h4>\r\n <div class=\"summary\">\r\n <div class=\"summary-row\"><span id=\"sumPkgLabel\">Pakej Berterusan x1<\/span><span id=\"sumPkgPrice\">RM 110.00<\/span><\/div>\r\n <div class=\"summary-row\"><span>Harga Pakej<\/span><span id=\"sumPrice\">RM 110.00<\/span><\/div>\r\n <div class=\"summary-row\"><span>Caj Penghantaran<\/span><span id=\"sumShipping\">RM 0.00<\/span><\/div>\r\n <div class=\"summary-row total\"><span>Jumlah<\/span><span id=\"sumTotal\">RM 110.00<\/span><\/div>\r\n <\/div>\r\n <div class=\"pay-row\"><div class=\"radio\"><\/div><div class=\"ico\">\ud83d\ude9a<\/div><div class=\"lbl\"><b>COD (Cash On Delivery)<\/b><span>Bayar tunai bila barang sampai<\/span><\/div><\/div>\r\n <button type=\"submit\" class=\"btn btn--green mt-3\" id=\"submitBtn\">Sahkan Order \u2014 <span id=\"btnTotal\">RM 110.00<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"thank-you\" id=\"thank-you\" role=\"status\" aria-live=\"polite\">\r\n <div class=\"ty-confetti\" id=\"ty-confetti\"><\/div>\r\n <div class=\"ty-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 10 18 20 6\"\/><\/svg><\/div>\r\n <h2>Terima kasih<span class=\"name\" id=\"ty-name\"><\/span>!<br>Pesanan Berjaya Dibuat<\/h2>\r\n <p class=\"ty-lead\">Pesanan anda telah kami terima. Kami akan WhatsApp untuk sahkan & hantar.<\/p>\r\n <div class=\"ty-summary\"><div class=\"ty-label\">Pesanan Anda<\/div><div class=\"ty-pkg\" id=\"ty-pkg\">\u2014<\/div><div class=\"ty-total\" id=\"ty-total\">RM 0.00<\/div><div class=\"ty-order-id\">No. Order: <b id=\"ty-order-id\">\u2014<\/b><\/div><\/div>\r\n <div class=\"ty-steps\">\r\n <div class=\"ty-steps-title\">Apa seterusnya?<\/div>\r\n <div class=\"ty-step\"><div class=\"num\">1<\/div><div class=\"txt\"><b>Pesanan diproses<\/b>Kami pack & hantar dalam 24 jam waktu bekerja<\/div><\/div>\r\n <div class=\"ty-step\"><div class=\"num\">2<\/div><div class=\"txt\"><b>Posmen hubungi anda<\/b>Sebelum sampai, posmen akan call\/SMS pengesahan<\/div><\/div>\r\n <div class=\"ty-step\"><div class=\"num\">3<\/div><div class=\"txt\"><b>Bayar bila sampai<\/b>Bayar tunai kepada posmen selepas terima barang<\/div><\/div>\r\n <\/div>\r\n <div class=\"ty-actions\">\r\n <a href=\"https:\/\/wa.me\/60123456789?text=saya%20baru%20buat%20order%20Saraflex\" target=\"_blank\" rel=\"noopener\" class=\"ty-wa-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12c0 1.85.5 3.58 1.38 5.07L2 22l5.07-1.34C8.5 21.5 10.2 22 12 22c5.52 0 10-4.48 10-10S17.52 2 12 2z\"\/><\/svg> Hubungi Customer Service<\/a>\r\n <button type=\"button\" class=\"ty-back\" onclick=\"resetOrderForm()\">Buat pesanan lain<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section theme-cream\">\r\n <div class=\"text-center\"><span class=\"eyebrow on-light\">Soalan Lazim<\/span><h2 class=\"display\" style=\"color:var(--ink);font-size:23px\">Anda Mungkin Nak Tahu<\/h2><\/div>\r\n <div class=\"faq-list\">\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Apa itu Saraflex?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Saraflex ialah minyak sendi (Joint Relief Oil) untuk kegunaan luaran \u2014 diformulasi dengan ekstrak herba pilihan untuk membantu melegakan sakit lutut, sendi, otot kejang & kebas. Sapu & urut pada kawasan sakit.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Macam mana cara guna?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Titiskan pada kawasan sakit, sapu & urut perlahan sehingga meresap & terasa hangat. Ulang <b>2\u20133 kali sehari<\/b>, terutama pagi & sebelum tidur. Untuk kegunaan luaran sahaja.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Berapa lama nampak kesan?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Kesan hangat & lega biasanya terasa <b>sejurus selepas disapu & diurut<\/b>. Untuk hasil yang konsisten, guna secara berterusan setiap hari.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Ada melekit atau bau kuat tak?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Tidak. Tekstur ringan, cepat meresap dan <b>tidak melekit<\/b>. Baunya selesa & menyegarkan, bukan jenis yang menyengat.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Cara bayaran & penghantaran?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p><b>COD<\/b> \u2014 bayar tunai bila barang sampai. Pos 2\u20134 hari Semenanjung, 4\u20137 hari Sabah\/Sarawak. Pos percuma untuk pakej 2 & 3 botol (Semenanjung).<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Sesuai untuk siapa?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Sesuai untuk sesiapa yang kerap sakit\/kebas\/kejang pada sendi, lutut, bahu, belakang atau otot \u2014 termasuk warga emas, pekerja berat & yang aktif bersukan. Kulit sensitif, cuba sedikit dulu.<\/p><\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer style=\"background:var(--green-dark);color:#94A3B8;padding:40px 22px;text-align:center;font-size:11px;line-height:1.7\">\r\n <div style=\"max-width:600px;margin:0 auto\">\r\n <div class=\"cinzel\" style=\"color:var(--gold-soft);font-size:1.3rem;letter-spacing:3px;margin-bottom:6px\">SARAFLEX<\/div>\r\n <p style=\"margin-bottom:10px;color:#cbd5e1\">Minyak Sendi \u00b7 Relief \u00b7 Repair \u00b7 Restore \u00b7 50ml | COD Seluruh Malaysia<\/p>\r\n <p style=\"margin-bottom:10px\"><b style=\"color:#cfe0d6\">*Penafian:<\/b> Keputusan mungkin berbeza bagi setiap individu. Produk ini untuk kegunaan luaran & bukan ubat \u2014 tidak bertujuan untuk mendiagnosis, merawat atau menyembuhkan sebarang penyakit. Sila dapatkan nasihat doktor jika mempunyai masalah kesihatan tertentu.<\/p>\r\n <p>*Results may vary. This product is for external use and is not intended to diagnose, treat or cure any disease.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"lb-overlay\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\"><button class=\"lb-close\" aria-label=\"Tutup\">\u00d7<\/button><img decoding=\"async\" src=\"\" alt=\"\"><\/div>\r\n\r\n\r\n<div class=\"sticky-cta\" id=\"stickyCta\"><a href=\"#order\" class=\"btn btn--gold\">\ud83d\uded2 Tekan Sini Untuk Order<\/a><\/div>\r\n\r\n\r\n<div class=\"pop\" id=\"pop\" role=\"status\" aria-live=\"polite\">\r\n <button class=\"pclose\" type=\"button\" aria-label=\"Tutup\">\u00d7<\/button>\r\n <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div><div class=\"pt\"><b id=\"pp-name\">Ahmad<\/b> dari <span id=\"pp-state\">Selangor<\/span><\/div><div class=\"pd\">baru membeli <b id=\"pp-pkg\">Pakej Jimat<\/b><\/div><div class=\"ptime\"><span id=\"pp-time\">2 minit lalu<\/span><\/div><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== Scroll reveal ===== *\/\r\n(function(){\r\n var els=document.querySelectorAll('.reveal');\r\n if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in')});return;}\r\n var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}})},{threshold:.08,rootMargin:'0px 0px -40px 0px'});\r\n els.forEach(function(e){io.observe(e)});\r\n setTimeout(function(){document.querySelectorAll('.reveal:not(.in)').forEach(function(e){var r=e.getBoundingClientRect();if(r.top<window.innerHeight+100)e.classList.add('in')})},1500);\r\n})();\r\n\r\n\/* ===== Sticky CTA ===== *\/\r\nvar sticky=document.getElementById('stickyCta');\r\nwindow.addEventListener('scroll',function(){\r\n if(window.scrollY>600 && window.scrollY<document.body.scrollHeight-1200) sticky.classList.add('show'); else sticky.classList.remove('show');\r\n},{passive:true});\r\n\r\n\/* ===== Package selection ===== *\/\r\nvar pkgOptions=document.querySelectorAll('.pkg-option');\r\nvar stateSel=document.getElementById('state');\r\nfunction money(n){return 'RM '+Number(n).toFixed(2);}\r\nfunction updateSummary(){\r\n var active=document.querySelector('.pkg-option.active'); if(!active)return;\r\n var pkg=active.dataset.pkg, price=parseInt(active.dataset.price);\r\n var labels={'1':'Pakej Percubaan x1','2':'Pakej Berterusan x1','3':'Pakej Jimat x1'};\r\n document.getElementById('sumPkgLabel').textContent=labels[pkg];\r\n document.getElementById('sumPkgPrice').textContent=money(price);\r\n document.getElementById('sumPrice').textContent=money(price);\r\n var shipping=0, st=stateSel.value;\r\n if(st==='Sabah'||st==='Sarawak'||st==='Labuan') shipping=15; else shipping=(pkg==='1')?10:0;\r\n document.getElementById('sumShipping').textContent=money(shipping);\r\n var total=price+shipping;\r\n document.getElementById('sumTotal').textContent=money(total);\r\n document.getElementById('btnTotal').textContent=money(total);\r\n}\r\npkgOptions.forEach(function(opt){opt.addEventListener('click',function(){pkgOptions.forEach(function(o){o.classList.remove('active')});opt.classList.add('active');opt.querySelector('input').checked=true;updateSummary();})});\r\nstateSel.addEventListener('change',updateSummary);\r\nfunction selectPkg(pkg){var opt=document.querySelector('.pkg-option[data-pkg=\"'+pkg+'\"]');if(opt){pkgOptions.forEach(function(o){o.classList.remove('active')});opt.classList.add('active');opt.querySelector('input').checked=true;updateSummary();}document.getElementById('order').scrollIntoView({behavior:'smooth'});}\r\nwindow.selectPkg=selectPkg;\r\n\r\n\/* ===== Units counter ===== *\/\r\n(function(){\r\n var el=document.querySelector('.units-box .num'); if(!el)return;\r\n var target=parseInt(el.dataset.count||'38900',10);\r\n var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){var cur=Math.floor(target*.8);var step=function(){cur+=Math.ceil((target-cur)\/18);if(cur>=target){el.textContent=target.toLocaleString('en-US');return;}el.textContent=cur.toLocaleString('en-US');requestAnimationFrame(step);};step();io.unobserve(e.target);}})},{threshold:.5});\r\n io.observe(el);\r\n})();\r\n\r\n\/* ===== Order form (WooCommerce AJAX + WhatsApp fallback) ===== *\/\r\nvar WA_NUMBER='60123456789'; \/\/ <-- tukar no. WhatsApp\r\nvar form=document.getElementById('srx-order-form');\r\nvar submitBtnEl=document.getElementById('submitBtn');\r\nfunction showOrderMessage(msg,type){\r\n var box=document.getElementById('srx-order-msg');\r\n if(!box){box=document.createElement('div');box.id='srx-order-msg';box.style.cssText='margin-top:12px;padding:14px 16px;border-radius:12px;font-size:14.5px;line-height:1.5;text-align:center;font-weight:600';submitBtnEl.parentNode.appendChild(box);}\r\n if(type==='error') box.style.cssText+=';background:#fbebed;color:#b23b2f;border:1px solid #f0c9c4';\r\n box.innerHTML=msg;\r\n}\r\nfunction clearOrderMessage(){var b=document.getElementById('srx-order-msg');if(b)b.remove();}\r\nfunction resetSubmitBtn(total){submitBtnEl.disabled=false;submitBtnEl.innerHTML='Sahkan Order \u2014 <span id=\"btnTotal\">'+money(total)+'<\/span>';}\r\nfunction validateOrder(d){\r\n var name=(d.get('fullname')||'').trim();\r\n var phone=(d.get('phone')||'').replace(\/[^0-9]\/g,'');\r\n var address=(d.get('address')||'').trim();\r\n var state=(d.get('state')||'').trim();\r\n var city=(d.get('city')||'').trim();\r\n var postcode=(d.get('postcode')||'').trim();\r\n if(name.length<3)return{field:'fullname',msg:'Sila masukkan nama penuh anda.'};\r\n if(phone.length<9||phone.length>11)return{field:'phone',msg:'No telefon tidak sah. Cth: 0123456789'};\r\n if(address.length<5)return{field:'address',msg:'Sila masukkan alamat penuh.'};\r\n if(!state)return{field:'state',msg:'Sila pilih negeri.'};\r\n if(city.length<2)return{field:'city',msg:'Sila masukkan bandar.'};\r\n if(!\/^[0-9]{5}$\/.test(postcode))return{field:'postcode',msg:'Poskod mesti 5 angka.'};\r\n return null;\r\n}\r\nfunction postOrderWithTimeout(data,ms){\r\n var controller=new AbortController();\r\n var t=setTimeout(function(){controller.abort();},ms);\r\n return fetch('\/wp-admin\/admin-ajax.php',{method:'POST',body:data,signal:controller.signal,credentials:'same-origin'}).finally(function(){clearTimeout(t);});\r\n}\r\nform.addEventListener('submit',function(e){\r\n e.preventDefault(); clearOrderMessage();\r\n var data=new FormData(form);\r\n var active=document.querySelector('.pkg-option.active');\r\n data.append('pkg_code',active.dataset.product); data.append('pkg_id',active.dataset.pkg); data.append('pkg_price',active.dataset.price);\r\n var pkgId=active.dataset.pkg, pkgLabels={'1':'Pakej Percubaan','2':'Pakej Berterusan','3':'Pakej Jimat'}, pkgPrice=parseInt(active.dataset.price);\r\n var stateVal=document.getElementById('state').value;\r\n var shipping=0; if(stateVal==='Sabah'||stateVal==='Sarawak'||stateVal==='Labuan')shipping=15; else if(pkgId==='1')shipping=10;\r\n var grandTotal=pkgPrice+shipping;\r\n var err=validateOrder(data);\r\n if(err){showOrderMessage(err.msg,'error');var fld=document.getElementById(err.field);if(fld){fld.focus();fld.scrollIntoView({behavior:'smooth',block:'center'});}return;}\r\n var cleanPhone=(data.get('phone')||'').replace(\/[^0-9]\/g,''); data.set('phone',cleanPhone);\r\n var customerName=(data.get('fullname')||'').trim();\r\n function showThankYou(orderId){\r\n document.getElementById('ty-name').textContent=customerName?', '+customerName.split(' ')[0]:'';\r\n document.getElementById('ty-pkg').textContent=pkgLabels[pkgId]+' \u00d7 1';\r\n document.getElementById('ty-total').textContent=money(grandTotal);\r\n document.getElementById('ty-order-id').textContent=orderId||('SRX-'+Date.now().toString().slice(-8));\r\n form.style.display='none';\r\n var ty=document.getElementById('thank-you'); ty.classList.add('show');\r\n var confetti=document.getElementById('ty-confetti'); confetti.innerHTML='';\r\n var colors=['#065F46','#A7F3D0','#FFF8E7','#A7F3D0','#065F46'];\r\n for(var i=0;i<24;i++){var c=document.createElement('span');c.style.left=Math.random()*100+'%';c.style.background=colors[i%colors.length];c.style.animationDelay=(Math.random()*.5)+'s';c.style.animationDuration=(1.8+Math.random()*1.2)+'s';c.style.transform='rotate('+(Math.random()*360)+'deg)';confetti.appendChild(c);}\r\n if(sticky)sticky.classList.remove('show');\r\n setTimeout(function(){ty.scrollIntoView({behavior:'smooth',block:'start'});},100);\r\n }\r\n function waFallback(){\r\n var msg=encodeURIComponent('Saya nak order Saraflex:\\nPakej: '+pkgLabels[pkgId]+'\\nNama: '+customerName+'\\nNo Tel: '+cleanPhone+'\\nAlamat: '+(data.get('address')||'')+', '+(data.get('city')||'')+', '+(data.get('postcode')||'')+' '+stateVal+'\\nJumlah: '+money(grandTotal)+' (COD)');\r\n return 'https:\/\/wa.me\/'+WA_NUMBER+'?text='+msg;\r\n }\r\n var waBtn='<br><a href=\"'+waFallback()+'\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;margin-top:10px;background:#065F46;color:#FFF8E7;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none\">\ud83d\udcf1 Order Terus Via WhatsApp<\/a>';\r\n\r\n \/\/ Jika WooCommerce belum siap (tiada nonce) \u2014 terus guna WhatsApp, jangan tipu success\r\n var nonce=document.getElementById('srx_nonce').value;\r\n if(!nonce){showOrderMessage('Untuk sahkan tempahan, sila klik \u2192 '+waBtn,'error');window.open(waFallback(),'_blank');return;}\r\n\r\n submitBtnEl.disabled=true; submitBtnEl.textContent='Memproses...';\r\n postOrderWithTimeout(data,20000).then(function(res){\r\n return res.json().catch(function(){return null;}).then(function(result){\r\n if(res.ok && result && result.success){\r\n var orderId=(result.data&&result.data.order_id)?('#'+result.data.order_id):null; showThankYou(orderId);\r\n } else {\r\n var m=(result&&result.data&&result.data.message)?result.data.message:'Maaf, pesanan tidak dapat diproses sekarang.';\r\n showOrderMessage(m+waBtn,'error'); resetSubmitBtn(grandTotal);\r\n }\r\n });\r\n }).catch(function(){\r\n showOrderMessage('Sambungan terganggu \u2014 pesanan belum dihantar. Cuba lagi atau order terus via WhatsApp (maklumat anda tidak hilang).'+waBtn,'error'); resetSubmitBtn(grandTotal);\r\n });\r\n});\r\nfunction resetOrderForm(){\r\n var ty=document.getElementById('thank-you'); ty.classList.remove('show'); form.style.display=''; form.reset();\r\n pkgOptions.forEach(function(o){o.classList.remove('active')});\r\n var def=document.querySelector('.pkg-option[data-pkg=\"2\"]'); if(def){def.classList.add('active');def.querySelector('input').checked=true;}\r\n updateSummary(); submitBtnEl.disabled=false;\r\n document.getElementById('order').scrollIntoView({behavior:'smooth',block:'start'});\r\n}\r\nwindow.resetOrderForm=resetOrderForm;\r\nupdateSummary();\r\n\r\n\/* ===== YouTube click-to-play ===== *\/\r\ndocument.querySelectorAll('.youtube-embed').forEach(function(el){\r\n el.addEventListener('click',function(){\r\n if(this.classList.contains('loaded'))return;\r\n var id=this.dataset.videoId; if(!id)return;\r\n var iframe=document.createElement('iframe');\r\n iframe.src='https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&playsinline=1&rel=0';\r\n iframe.allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\r\n iframe.allowFullscreen=true; iframe.title='Saraflex video';\r\n this.appendChild(iframe); this.classList.add('loaded');\r\n });\r\n});\r\n\r\n\/* ===== Lightbox ===== *\/\r\n(function(){\r\n var lb=document.getElementById('lightbox'); if(!lb)return;\r\n var lbImg=lb.querySelector('img');\r\n function close(){lb.classList.remove('open');document.body.style.overflow='';}\r\n lb.addEventListener('click',function(e){if(e.target===lb||e.target.classList.contains('lb-close'))close();});\r\n document.addEventListener('keydown',function(e){if(e.key==='Escape'&&lb.classList.contains('open'))close();});\r\n document.querySelectorAll('.wa-slot img, .img-slot img, .users-img, .testi-card .pic img').forEach(function(img){\r\n img.style.cursor='zoom-in';\r\n img.addEventListener('click',function(){lbImg.src=img.src;lbImg.alt=img.alt;lb.classList.add('open');document.body.style.overflow='hidden';});\r\n });\r\n})();\r\n\r\n\/* ===== Countdown ===== *\/\r\n(function(){\r\n var elD=document.getElementById('cd-d'),elH=document.getElementById('cd-h'),elM=document.getElementById('cd-m'),elS=document.getElementById('cd-s');\r\n if(!elD)return;\r\n var pad=function(n){return String(Math.max(0,n)).padStart(2,'0');};\r\n function tick(){\r\n var now=new Date(); var end=new Date(now); end.setHours(23,59,59,999);\r\n var diff=end-now; if(diff<=0){elD.textContent='00';elH.textContent='00';elM.textContent='00';elS.textContent='00';return;}\r\n elD.textContent=pad(Math.floor(diff\/86400000));\r\n elH.textContent=pad(Math.floor((diff%86400000)\/3600000));\r\n elM.textContent=pad(Math.floor((diff%3600000)\/60000));\r\n elS.textContent=pad(Math.floor((diff%60000)\/1000));\r\n }\r\n tick(); setInterval(tick,1000);\r\n})();\r\n\r\n\/* ===== FAQ accordion ===== *\/\r\ndocument.querySelectorAll('.faq-item').forEach(function(item){\r\n var btn=item.querySelector('.faq-q'); if(!btn)return;\r\n btn.addEventListener('click',function(){\r\n var isOpen=item.classList.contains('is-open');\r\n document.querySelectorAll('.faq-item.is-open').forEach(function(o){if(o!==item){o.classList.remove('is-open');var b=o.querySelector('.faq-q');if(b)b.setAttribute('aria-expanded','false');}});\r\n item.classList.toggle('is-open',!isOpen); btn.setAttribute('aria-expanded',String(!isOpen));\r\n });\r\n});\r\n\r\n\/* ===== Social proof popup ===== *\/\r\n(function(){\r\n var pop=document.getElementById('pop'); if(!pop)return;\r\n var nameEl=document.getElementById('pp-name'),stateEl=document.getElementById('pp-state'),pkgEl=document.getElementById('pp-pkg'),timeEl=document.getElementById('pp-time'),closeBtn=pop.querySelector('.pclose');\r\n var names=['Ahmad','Siti','Hassan','Aminah','Razak','Faridah','Pn. Salmah','En. Rosli','Kak Nurul','Pak Long','Hjh Zainab','En. Faizal','Kamarul','Rohaya'];\r\n var states=['Selangor','Johor','Pahang','Perak','Kedah','Kelantan','Terengganu','Melaka','Pulau Pinang','Sabah','Sarawak','Kuala Lumpur'];\r\n var packages=['Pakej Jimat','Pakej Jimat','Pakej Berterusan','Pakej Berterusan','Pakej Percubaan'];\r\n var times=['baru sahaja','1 minit lalu','2 minit lalu','3 minit lalu','5 minit lalu','8 minit lalu','12 minit lalu'];\r\n var rand=function(a){return a[Math.floor(Math.random()*a.length)];};\r\n var dismissed=false;\r\n function show(){if(dismissed)return;nameEl.textContent=rand(names);stateEl.textContent=rand(states);pkgEl.textContent=rand(packages);timeEl.textContent=rand(times);pop.classList.add('show');setTimeout(function(){pop.classList.remove('show');},5500);}\r\n closeBtn.addEventListener('click',function(){pop.classList.remove('show');dismissed=true;setTimeout(function(){pop.classList.add('dismissed');},600);});\r\n setTimeout(function loop(){show();setTimeout(loop,12000+Math.random()*13000);},8000);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Saraflex \u2014 Minyak Sendi | Legakan Sakit Lutut, Sendi & Otot \ud83c\udf3f RELIEF \u00b7 REPAIR \u00b7 RESTORE \u2022 COD SELURUH MALAYSIA SARAFLEX Lutut Sakit, Sendi Kaku, Otot Kejang? Lega Dalam Beberapa Minit. Saraflex Minyak Sendi sapu, urut, terus terasa hangat & lega di kawasan yang sakit. Cepat meresap, tak melekit. \u2605\u2605\u2605\u2605\u2605Dipercayai ribuan pengguna Video Testimoni […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-256","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":28,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/media?parent=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSaraflex \u2014 Minyak Sendi | Legakan Sakit Lutut, Sendi & Otot<\/title>\r\n<meta name=\"description\" content=\"Saraflex Minyak Sendi \u2014 relief, repair, restore. Sapu & urut untuk legakan sakit lutut, sendi & otot. COD seluruh Malaysia.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================================\r\n SARAFLEX \u2014 FLOW LANDING (struktur PESTA, pelbagai graphic)\r\n Palette: Emerald Green + Metallic Gold (ikut poster)\r\n ============================================================ *\/\r\n:root{\r\n --navy:#0F172A; --navy2:#1E293B; --navy3:#090D16; --navy-mid:#162237;\r\n --green:#0F172A; --green-deep:#0B1220; --green-dark:#090D16;\r\n --green-light:#1E293B; --green-mid:#162237;\r\n --green-soft:#243349;\r\n --mint:#A3E6D5; --emerald:#10B981;\r\n --white:#f5fefd;\r\n --black:#202020; \r\n --red:#fe2020;\r\n --yellow:#ffdf00;\r\n --gold:#A3E6D5; --gold-bright:#A3E6D5; --gold-soft:#A3E6D5; --gold-deep:#A3E6D5;\r\n --gold-grad:linear-gradient(120deg,#A3E6D5,#10B981);\r\n --red:#fb7185; --red-deep:#f43f5e;\r\n --cream:#0B1220; --ink:#FFFFFF; --muted:#94A3B8;\r\n --line:rgba(163,230,213,.18);\r\n --radius:18px; --radius-lg:28px;\r\n --shadow-1:0 6px 20px rgba(0,0,0,.35);\r\n --shadow-2:0 22px 50px -12px rgba(0,0,0,.55);\r\n --shadow-gold:0 12px 36px -6px rgba(163,230,213,.35);\r\n --container:480px;\r\n}\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\nhtml{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%}\r\nbody{font-family:'Poppins',system-ui,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--navy);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;width:100%;min-height:100vh}\r\nimg,svg,video{max-width:100%;display:block}\r\na{color:inherit;text-decoration:none}\r\nbutton{font:inherit;cursor:pointer;border:0;background:none;color:inherit}\r\n\r\n.page{max-width:var(--container);margin:0 auto;background:var(--navy2);box-shadow:0 0 60px rgba(0,0,0,.1);position:relative;overflow:hidden}\r\n\r\n\/* section themes *\/\r\n.section{padding:50px 22px;position:relative}\r\n.s-green{background:linear-gradient(165deg,#0F172A,#0B1220);color:#fff}\r\n.s-green2{background:radial-gradient(120% 90% at 50% 20%,#1E293B,#0F172A 55%,#090D16);color:#fff}\r\n.s-dark{background:linear-gradient(170deg,#0B1220,#090D16);color:#fff}\r\n.s-white{background:#0F172A;color:#fff}\r\n.s-cream{background:#0B1220;color:#fff}\r\n.s-soft{background:#162237;color:#fff}\r\n.s-white2{background:#ffffff;color:#fff}\r\n.s-black{background:#202020;color:#fff}.\r\n.s-red{background:#fe2020;color:#fff}\r\n.s-yellow{background:#ffdf00;color:#fff}\r\n\/* angled \/ shaped dividers for graphic variety *\/\r\n.clip-down,.clip-up,.clip-both{clip-path:none}\r\n\r\n\/* type *\/\r\n.display{font-weight:800;line-height:1.16;letter-spacing:-.02em}\r\nh1.display{font-size:clamp(27px,6.6vw,33px)}\r\nh2.display{font-size:clamp(24px,6vw,30px)}\r\n.cinzel{font-family:'Poppins',sans-serif}\r\n.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:7px 15px;border-radius:999px;margin-bottom:14px}\r\n.eyebrow.on-green{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--gold-soft)}\r\n.eyebrow.on-light{background:var(--green-soft);color:var(--mint)}\r\n.eyebrow svg{width:14px;height:14px}\r\n.text-gold{color:var(--gold-soft)} .text-red{color:var(--black)} .text-green{color:var(--mint)}\r\n.text-center{text-align:center}\r\n.lead{font-size:17px;line-height:1.6;opacity:.94}\r\n.tiny{font-size:13.5px;opacity:.72}\r\n.gold-text{background:linear-gradient(90deg,#fff,#A3E6D5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}\r\n\r\n\/* ---- announcement ---- *\/\r\n.announce{background:var(--green);color:#fff;padding:13px 18px;text-align:center;font-weight:700;font-size:14px;letter-spacing:.02em;position:relative;overflow:hidden}\r\n.announce b{color:var(--gold-soft)}\r\n.announce::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(163,230,213,.16),transparent);animation:shine 3.5s infinite linear}\r\n.announce span{position:relative;z-index:1}\r\n@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}\r\n\r\n\/* ---- buttons ---- *\/\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border-radius:14px;font-weight:800;font-size:16px;transition:transform .18s,box-shadow .18s;text-align:center}\r\n.btn--gold{background:var(--yellow);background-size:200% auto;color:#0F172A;box-shadow:var(--white)}\r\n.btn--gold:hover{transform:translateY(-2px)}\r\n.btn--green{background:linear-gradient(120deg,#A3E6D5,#10B981);color:#0F172A;box-shadow:0 12px 28px -6px rgba(16,185,129,.4);width:100%;padding:18px;font-size:17px}\r\n.btn--green:hover{transform:translateY(-2px)}\r\n.cta-pulse{position:relative}\r\n.cta-pulse::after{content:'';position:absolute;inset:-4px;border-radius:18px;border:2px solid var(--gold-soft);opacity:.5;animation:ctaRing 1.8s ease-out infinite;pointer-events:none}\r\n@keyframes ctaRing{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.12);opacity:0}}\r\n@media(prefers-reduced-motion:no-preference){\r\n .btn--gold,.announce-gold,.rrr-pill{animation:shineBg 5s linear infinite}\r\n}\r\n@keyframes shineBg{to{background-position:200% center}}\r\n\r\n\/* ---- media \/ image placeholder ---- *\/\r\n.media{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--green-mid),var(--green-deep));box-shadow:var(--shadow-2)}\r\n.media--9x16{aspect-ratio:9\/16} .media--16x9{aspect-ratio:16\/9} .media--1x1{aspect-ratio:1\/1} .media--4x3{aspect-ratio:4\/3} .media--cert{aspect-ratio:3\/4}\r\n.media img{width:100%;height:100%;object-fit:cover;display:block}\r\n.ph{position:relative;width:100%;height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px;background:repeating-linear-gradient(45deg,rgba(201,162,75,.06) 0 12px,rgba(201,162,75,.12) 12px 24px);color:rgba(255,255,255,.7)}\r\n.ph.light{background:repeating-linear-gradient(45deg,#1E293B 0 12px,#162237 12px 24px);color:var(--muted)}\r\n.ph .ico{width:50px;height:50px;border-radius:13px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--gold-soft)}\r\n.ph.light .ico{background:var(--green-soft);color:var(--mint)}\r\n.ph .ico svg{width:26px;height:26px}\r\n.ph .lbl{font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-soft)}\r\n.ph.light .lbl{color:var(--mint)}\r\n.ph .desc{font-size:11.5px;opacity:.75;max-width:230px;line-height:1.4}\r\n\/* video overlay *\/\r\n.media.video .play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.45);animation:pp 2s ease-in-out infinite}\r\n.media.video .play::after{content:'';width:0;height:0;border-left:20px solid #ffffff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}\r\n@keyframes pp{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}\r\n.media.youtube-embed{cursor:pointer}\r\n.media.youtube-embed .yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}\r\n.media.youtube-embed.loaded .play,.media.youtube-embed.loaded .yt-thumb,.media.youtube-embed.loaded .ph,.media.youtube-embed.loaded .video-badge{display:none}\r\n.media.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}\r\n.video-badge{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.95);color:var(--ink);padding:8px 12px;border-radius:10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;max-width:82%}\r\n.video-badge .dot{width:28px;height:28px;border-radius:50%;background:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--gold-soft);font-family:'Poppins',sans-serif;font-weight:800;font-size:13px}\r\n.video-badge .tr{display:flex;flex-direction:column;line-height:1.2}\r\n.video-badge .tr b{font-size:13px} .video-badge .tr span{font-size:11px;opacity:.6;font-weight:500}\r\n\r\n\/* ---- hero ---- *\/\r\n.hero{padding:40px 22px 64px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#0B1E1A,#0F172A 55%,#090D16)}\r\n.hero::after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,213,.16),transparent 70%);top:-120px;right:-120px;pointer-events:none}\r\n.brand-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}\r\n.brand-row .cinzel{font-size:1.3rem;letter-spacing:4px;color:var(--gold-soft);font-weight:800}\r\n.leaf{width:30px;height:30px;color:var(--gold-soft)}\r\n.hero h1{margin-bottom:16px}\r\n.hero h1 .hl{display:block}\r\n.hero-sub{margin-bottom:22px;font-size:16.5px;line-height:1.6;color:#cfe0d6}\r\n.rating-pill{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);border:0;color:#fff;font-weight:700;padding:5px 5px;border-radius:10px;font-size:14.5px;margin:0 auto 20px;max-width:330px;box-shadow:0 10px 26px -6px rgba(210,74,61,.5)}\r\n.stars{color:var(--black);letter-spacing:1px}\r\n\r\n\/* ---- rrr pill (echo label) ---- *\/\r\n.rrr-pill{display:inline-block;font-weight:800;letter-spacing:3px;font-size:.86rem;color:#0F172A;background:var(--gold-grad);background-size:200% auto;padding:9px 22px;border-radius:999px;box-shadow:0 8px 20px rgba(201,162,75,.32)}\r\n\r\n\/* ---- problem grid ---- *\/\r\n.problem-banner{background:var(--gold-grad);background-size:200% auto;color:#0F172A;text-align:center;padding:16px;border-radius:14px;font-weight:800;font-size:17px;margin:22px 0 26px;box-shadow:var(--shadow-gold)}\r\n.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px}\r\n.problem-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}\r\n.problem-card .circ{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.06);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:transform .3s}\r\n.problem-card:hover .circ{transform:scale(1.06)}\r\n.problem-card .circ img{width:100%;height:100%;object-fit:cover}\r\n.problem-card .label{font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--gold-soft);line-height:1.3}\r\n\r\n\/* ---- warning box ---- *\/\r\n.warn-box{border:2px dashed var(--gold);border-radius:16px;padding:22px 20px;margin-top:8px}\r\n.warn-box h3{color:var(--gold-soft);font-weight:800;font-size:18px;text-align:center;margin-bottom:10px;line-height:1.3}\r\n.warn-box p.intro{text-align:center;font-size:15px;line-height:1.45;margin-bottom:14px;color:#d6e4dc}\r\n.warn-list{list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:item}\r\n.warn-list li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.5;color:#e3eee7}\r\n.warn-list li::before{content:counter(item)'.';counter-increment:item;position:absolute;left:0;top:0;font-weight:700;color:var(--gold-soft)}\r\n.warn-list em{font-style:normal;color:var(--gold-soft);font-weight:600}\r\n\r\n\/* ---- timeline ---- *\/\r\n.story-h{text-align:center;color:#fff;font-weight:800;line-height:1.22;font-size:27px;margin-bottom:12px}\r\n.story-sub{text-align:center;color:#a9c6b8;font-style:italic;font-size:16px;margin-bottom:24px;font-weight:300}\r\n.timeline{display:flex;flex-direction:column;gap:13px}\r\n.tl-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:17px 20px 17px 62px;position:relative;color:#dce8e1;font-size:15.5px;line-height:1.5;font-style:italic}\r\n.tl-card .num{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--gold-grad);background-size:200%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#0F172A}\r\n.tl-card b{color:var(--gold-soft);font-style:normal;font-weight:700}\r\n\r\n\/* ---- pressure pills ---- *\/\r\n.pill-stack{display:flex;flex-direction:column;gap:12px;margin-top:18px}\r\n.pill{border-radius:999px;padding:16px 24px;font-weight:800;font-size:16.5px;color:#fff;text-align:center}\r\n.pill-1{background:linear-gradient(90deg,#e0894b,#d8703f)}\r\n.pill-2{background:linear-gradient(90deg,#cf5a3a,#b23b2f)}\r\n.pill-3{background:linear-gradient(90deg,#9c2a22,#6e1813)}\r\n\r\n\/* ---- travel rows ---- *\/\r\n.travel{display:flex;flex-direction:column;gap:12px;margin-top:18px}\r\n.travel-row{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:60px;padding:13px 18px;color:#fff;font-weight:700;font-size:16px}\r\n.travel-row.r{flex-direction:row-reverse}\r\n.travel-row .ico{width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);background:rgba(255,255,255,.06);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--gold-soft)}\r\n.travel-row .ico img{width:100%;height:100%;object-fit:cover}\r\n.travel-row .ico svg{width:24px;height:24px}\r\n\r\n\/* ---- scenario cards (corner-cut shape) ---- *\/\r\n.scenario-stack{display:flex;flex-direction:column;gap:14px;margin-top:18px}\r\n.scenario-card{background:var(--navy2);border-radius:18px;overflow:hidden;position:relative;color:#fff;box-shadow:0 10px 26px -12px rgba(0,0,0,.5);transition:transform .3s}\r\n.scenario-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold-grad);opacity:0;transition:opacity .3s;z-index:2}\r\n.scenario-card:hover{transform:translateY(-4px)}\r\n.scenario-card:hover::before{opacity:1}\r\n.scenario-card:nth-child(even){border-radius:18px 18px 18px 40px}\r\n.scenario-img{width:100%;aspect-ratio:16\/9;overflow:hidden;position:relative}\r\n.scenario-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}\r\n.scenario-card:hover .scenario-img img{transform:scale(1.05)}\r\n.scenario-text{padding:17px 22px 19px;font-size:16px;line-height:1.5;font-weight:500}\r\n.scenario-label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);font-weight:700;margin-bottom:7px}\r\n\r\n\/* ---- product hero ---- *\/\r\n.product-hero{text-align:center}\r\n.product-hero h2{margin-bottom:14px;color:#fff}\r\n.product-hero h2 .red{color:var(--gold-soft)}\r\n.product-hero p{color:#c9ddd2;margin-bottom:22px;font-size:15px}\r\n.brandmark{font-family:'Poppins',sans-serif;font-weight:900;font-size:38px;letter-spacing:.02em;margin:14px 0 4px}\r\n.brandmark-sub{letter-spacing:.42em;font-size:12px;color:#cfe0d6;font-weight:600;margin-bottom:20px;text-indent:.42em;line-height:1.6}\r\n.product-shot{margin:14px auto 0;max-width:360px;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px -16px rgba(0,0,0,.5);border:1px solid var(--line)}\r\n.product-shot img{width:100%;height:auto;display:block}\r\n\r\n\/* ---- cert ---- *\/\r\n.cert-badge{background:var(--navy2);border-radius:18px;padding:24px 20px;color:var(--ink);border:2px dashed var(--gold)}\r\n.cert-badge h4{background:var(--green);color:var(--gold-soft);padding:11px 20px;border-radius:999px;font-weight:800;font-size:15px;display:inline-block;margin-bottom:14px}\r\n.cert-badge p{font-size:15px;line-height:1.6;margin-bottom:12px}\r\n.cert-badge b.g{color:var(--mint)} .cert-badge b.r{color:var(--red)}\r\n\r\n\/* ---- benefits ---- *\/\r\n.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}\r\n.benefit{background:var(--green-soft);border:1px solid #2a3850;border-radius:16px;padding:18px 14px;text-align:center;transition:transform .25s,box-shadow .25s}\r\n.benefit:nth-child(odd){border-radius:16px 16px 16px 30px}\r\n.benefit:nth-child(even){border-radius:16px 16px 30px 16px}\r\n.benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--gold)}\r\n.benefit .ico{width:56px;height:56px;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--black);transition:.25s}\r\n.benefit:hover .ico{background:var(--green);color:var(--gold-soft)}\r\n.benefit .ico svg{width:28px;height:28px}\r\n.benefit p{font-size:14px;font-weight:700;line-height:1.4;color:#f5fefd}\r\n\r\n\/* ---- ingredients ---- *\/\r\n.ingr-stack{display:flex;flex-direction:column;gap:18px;margin-top:18px}\r\n.ingr{display:flex;gap:16px;align-items:flex-start}\r\n.ingr:nth-child(even){flex-direction:row-reverse;text-align:right}\r\n.ingr .pic{width:82px;height:82px;border-radius:50%;flex-shrink:0;border:3px solid var(--gold);overflow:hidden;background:#1E293B}\r\n.ingr .pic img{width:100%;height:100%;object-fit:cover}\r\n.ingr h4{font-weight:900;font-size:18px;margin-bottom:6px;color:var(--mint)}\r\n.ingr p{font-size:14.5px;line-height:1.55;color:#cbd5e1}\r\n\r\n\/* ---- after use ---- *\/\r\n.after-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}\r\n.after-img{width:104px;aspect-ratio:3\/4;flex-shrink:0;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid var(--black)}\r\n.after-stack{display:flex;flex-direction:column;gap:12px}\r\n.after-row{background:rgba(255,255,255,.05);border:1px solid var(--black);color:#fff;padding:20px 20px;border-radius:20px}\r\n.after-row:nth-child(odd){border-radius:14px 14px 14px 4px}\r\n.after-row h5{color:var(--black);font-size:16px;letter-spacing:.02em;margin-bottom:6px;font-weight:800}\r\n.after-row p{font-size:14.5px;line-height:1.55;color:#202020}\r\n\r\n\/* ---- how to use (minimal stepper) ---- *\/\r\n.steps{display:flex;flex-direction:column;gap:12px;margin:20px 0}\r\n.step-row{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid #2a3850;border-radius:14px;padding:14px 16px}\r\n.step-row .ico{width:48px;height:48px;border-radius:12px;background:var(--green-dark);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--mint);font-weight:900;font-size:1.2rem}\r\n.step-row p{font-size:15.5px;line-height:1.45;font-weight:600;color:var(--black);padding-top:7px}\r\n.orig-banner{background:var(--navy2);color:#fff;text-align:center;padding:26px 22px;border-radius:18px;margin-top:18px;border-top:1px solid rgba(163,230,213,.4)}\r\n.orig-banner h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:28px;letter-spacing:.04em;margin-bottom:16px}\r\n.compare-row{display:flex;gap:16px;align-items:flex-start;justify-content:center;margin-top:6px}\r\n.compare-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}\r\n.tag{background:var(--gold-grad);background-size:200%;color:#0F172A;font-weight:800;padding:6px 14px;border-radius:999px;font-size:12px}\r\n.tag.bad{background:var(--navy2);color:var(--gold-deep);border:2px solid var(--gold)}\r\n.img-slot{width:100%;border-radius:14px;overflow:hidden;background:#1E293B;border:1.5px solid #2a3850;box-shadow:var(--shadow-1)}\r\n.img-slot.square{aspect-ratio:1\/1}\r\n.img-slot img{width:100%;height:100%;object-fit:cover}\r\n\r\n\/* ---- vs table ---- *\/\r\n.vs-table{background:var(--navy2);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-1);margin-top:24px;border:1px solid #2a3850}\r\n.vs-head{display:grid;grid-template-columns:1fr 1fr}\r\n.vs-head>div{padding:17px 8px;text-align:center;font-weight:700;font-size:14px}\r\n.vs-head .vs-us{background:var(--gold-grad);background-size:200%;color:#0F172A;position:relative}\r\n.vs-head .vs-them{background:var(--green-soft);color:var(--muted)}\r\n.vs-feature{padding:14px 18px 7px;font-size:13.5px;font-weight:700;color:var(--mint);border-top:1px solid #243349;background:#1E293B}\r\n.vs-feature:first-of-type{border-top:0}\r\n.vs-row{display:grid;grid-template-columns:1fr 1fr}\r\n.vs-row>div{padding:10px 14px 13px;font-size:13.5px;line-height:1.5;display:flex;align-items:center;gap:6px}\r\n.vs-row>div:first-child{background:#243349;color:var(--ink);font-weight:600;border-right:1px solid #2a3850}\r\n.vs-row>div:last-child{color:var(--muted)}\r\n.vs-ok{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--gold-soft);font-weight:700;font-size:12px;flex-shrink:0}\r\n.vs-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#334155;color:#94A3B8;font-weight:700;font-size:12px;flex-shrink:0}\r\n\r\n\/* ---- units sold ---- *\/\r\n.units-box{background:var(--gold-grad);background-size:200%;border-radius:18px;padding:24px;text-align:center;color:#0F172A;box-shadow:var(--shadow-gold);margin-bottom:20px}\r\n.units-box .num{font-family:'Poppins',sans-serif;font-weight:900;font-size:56px;line-height:1}\r\n.units-box .lbl{font-size:13px;font-weight:800;letter-spacing:.18em;margin-top:6px}\r\n\r\n\/* ---- testimonials ---- *\/\r\n.testi-h{font-family:'Poppins',sans-serif;font-weight:900;font-size:28px;text-align:center;color:var(--black);margin-bottom:22px}\r\n.testi-card{background:var(--navy2);color:#fff;border-radius:16px;padding:20px 22px;margin-bottom:14px;position:relative;border-top:1px solid rgba(163,230,213,.45)}\r\n.testi-card:nth-child(even){border-radius:16px 16px 4px 16px}\r\n.testi-card .who{display:flex;align-items:center;gap:12px;margin-bottom:8px}\r\n.testi-card .who .pic{width:52px;height:52px;border-radius:50%;flex-shrink:0;border:2px solid var(--gold);overflow:hidden;background:rgba(255,255,255,.1)}\r\n.testi-card .who .pic img{width:100%;height:100%;object-fit:cover}\r\n.testi-card .who .info b{display:block;font-weight:800;font-size:15px;letter-spacing:.04em}\r\n.testi-card .who .info .stars{color:var(--gold-soft);font-size:13px;margin-top:2px}\r\n.testi-card q{font-size:15px;line-height:1.6;color:#dde9e2;display:block}\r\n\r\n\/* ---- whatsapp chat ---- *\/\r\n.wa-grid{display:flex;flex-direction:column;gap:18px;max-width:400px;margin:26px auto 0}\r\n.wa{background:var(--navy2);border:1px solid #2a3850;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1)}\r\n.wa-head{display:flex;align-items:center;gap:11px;background:var(--green);padding:11px 15px;color:#fff}\r\n.wa-av{width:38px;height:38px;border-radius:50%;background:var(--gold-grad);background-size:200%;color:#0F172A;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.wa-head b{display:block;font-size:.95rem;color:#fff;line-height:1.15}\r\n.wa-head small{font-size:.72rem;color:#bfe0d3}\r\n.wa-chat{padding:15px 13px;display:flex;flex-direction:column;gap:8px;background:#e7e0d6}\r\n.wa-b{max-width:90%;padding:8px 11px 5px;border-radius:11px;font-size:.88rem;line-height:1.4;color:#111b21;box-shadow:0 1px 1px rgba(0,0,0,.08)}\r\n.wa-b.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}\r\n.wa-b.in{align-self:flex-start;background:var(--navy2);border-top-left-radius:3px}\r\n.wa-b .t{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:.64rem;color:#667781;margin-top:3px}\r\n.users-img{width:100%;display:block;border-radius:16px;border:4px solid #fff;outline:2px solid var(--gold);outline-offset:-1px;box-shadow:0 12px 32px -8px rgba(6,53,40,.25)}\r\n.wa-slot{position:relative;border-radius:16px;overflow:hidden;background:#1E293B;border:1.5px solid #2a3850;box-shadow:var(--shadow-1);transition:transform .25s,box-shadow .25s}\r\n.wa-slot:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}\r\n.wa-slot img{width:100%;height:auto;display:block;cursor:zoom-in}\r\n.wa-slot .ph{min-height:210px}\r\n\r\n\/* ---- cod \/ guarantee ---- *\/\r\n.cod-banner{background:var(--white);color:#fff;border-radius:18px;padding:26px 22px;text-align:center;margin-top:18px}\r\n.cod-banner h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:26px;line-height:1.15;margin-bottom:8px;color:var(--black)}\r\n.cod-banner p{font-size:14px;font-weight:700;letter-spacing:.04em;color:#202020}\r\n.promo-tag{background:var(--white);background-size:200%;color:#0F172A;padding:18px;border-radius:14px;font-family:'Poppins',sans-serif;font-weight:900;font-size:21px;text-align:center;margin-top:14px}\r\n.promo-tag .sml{font-size:12px;font-weight:600;display:block;margin-top:6px;color:#4a3a14;font-family:'Poppins',sans-serif}\r\n.guarantee{background:var(--white);border:2px solid var(--gold);border-radius:18px;padding:28px 22px;text-align:center}\r\n.guarantee .seal{width:108px;height:108px;border-radius:50%;margin:0 auto 16px;background:var(--black);display:flex;align-items:center;justify-content:center;color:#f5fefd;font-family:'Poppins',sans-serif;font-weight:900;font-size:13px;line-height:1.1;text-align:center;box-shadow:var(--shadow-gold)}\r\n.guarantee h3{font-family:'Poppins',sans-serif;font-weight:900;font-size:21px;margin-bottom:10px;color:var(--black)}\r\n.guarantee p{font-size:14.5px;line-height:1.6;color:#202020}\r\n\r\n\/* ---- countdown ---- *\/\r\n.cd-sec{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;padding:30px 22px;text-align:center}\r\n.cd-eye{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.18);padding:6px 14px;border-radius:999px;margin-bottom:12px}\r\n.cd-eye .dot{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);animation:blink 1s infinite}\r\n@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}\r\n.cd-sec h2{font-weight:800;font-size:23px;margin-bottom:18px}\r\n.cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:380px;margin:0 auto}\r\n.cd-box{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:14px 6px 10px}\r\n.cd-num{font-family:'Poppins',sans-serif;font-weight:900;font-size:30px;line-height:1;color:#fff;display:block;font-variant-numeric:tabular-nums}\r\n.cd-lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-top:6px;display:block}\r\n\r\n\/* ---- pricing ---- *\/\r\n.pkg-stack{display:flex;flex-direction:column;gap:22px}\r\n.pkg{background:var(--navy2);border-radius:24px;overflow:hidden;box-shadow:0 2px 14px rgba(6,53,40,.07);transition:transform .35s,box-shadow .35s,border-color .25s;border:1.5px solid #2a3850;position:relative}\r\n.pkg:hover{transform:translateY(-6px);box-shadow:0 24px 50px -12px rgba(6,53,40,.2);border-color:var(--gold)}\r\n.pkg-img{width:100%;background:linear-gradient(180deg,#162237,#1E293B);overflow:hidden}\r\n.pkg-img img{width:100%;height:auto;display:block;transition:transform .4s}\r\n.pkg:hover .pkg-img img{transform:scale(1.04)}\r\n.pkg-head{text-align:center;padding:24px 22px 12px}\r\n.pkg-head .tier{display:inline-block;font-size:11px;letter-spacing:.18em;font-weight:600;color:var(--muted);text-transform:uppercase;margin-bottom:8px}\r\n.pkg-head h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:25px;color:var(--ink);line-height:1.1}\r\n.pkg-head .sub{font-size:14px;font-weight:500;margin-top:6px;color:var(--muted)}\r\n.pkg-body{padding:0 24px 24px;text-align:center}\r\n.pkg-price{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:18px 0}\r\n.pkg-price .old{color:var(--muted);font-size:18px;text-decoration:line-through;font-weight:500}\r\n.pkg-price .new{font-family:'Poppins',sans-serif;font-weight:800;font-size:46px;line-height:1;color:var(--mint)}\r\n.pkg-price .new .rm{font-size:16px;vertical-align:top;margin-right:3px;font-weight:600;color:var(--muted);font-family:'Poppins'}\r\n.pkg-feat{list-style:none;display:flex;flex-direction:column;text-align:left;margin:0 0 22px;padding:18px 0;border-top:1px solid #243349;border-bottom:1px solid #243349}\r\n.pkg-feat li{padding:8px 0;display:flex;align-items:center;gap:12px;font-size:15px;color:#cbd5e1;font-weight:500}\r\n.pkg-feat li::before{content:'\u2713';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green-soft);color:var(--mint);font-weight:700;font-size:12px;flex-shrink:0}\r\n.pkg .btn{width:100%;border-radius:14px;padding:15px;font-size:15px}\r\n.pkg .postage-note{font-size:12.5px;color:var(--muted);margin-top:10px}\r\n.pkg.featured{border:2px solid var(--gold);background:linear-gradient(180deg,#1E293B,#162237 25%);box-shadow:var(--shadow-gold)}\r\n.pkg.featured .pkg-head{padding-top:38px}\r\n.pkg.featured .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold-grad);color:#0F172A;padding:9px 18px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 22px -4px rgba(6,53,40,.45);white-space:nowrap;z-index:5;text-transform:uppercase}\r\n.pkg.featured .badge svg{width:12px;height:12px;fill:var(--gold-soft)}\r\n.pkg.featured .pkg-price .new{color:var(--gold-deep)}\r\n\r\n\/* ---- pakej compare ---- *\/\r\n.compare-table{background:var(--navy2);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-1);border:1px solid #2a3850;margin-top:22px}\r\n.ct-head,.ct-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr}\r\n.ct-head{background:#243349;border-bottom:1px solid #243349}\r\n.ct-head>div{padding:14px 6px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;justify-content:center;line-height:1.2}\r\n.ct-head>div:first-child{text-align:left;justify-content:flex-start;padding-left:16px;color:var(--ink)}\r\n.ct-head .ct-best{background:var(--green);color:var(--gold-soft);position:relative}\r\n.ct-head .ct-best::before{content:'\u2605 TERBAIK';position:absolute;top:-1px;left:0;right:0;background:var(--gold-grad);background-size:200%;color:#0F172A;font-size:9px;padding:2px 0;letter-spacing:.08em}\r\n.ct-row{border-bottom:1px solid #1E293B}\r\n.ct-row:last-child{border-bottom:0}\r\n.ct-row>div{padding:12px 6px;text-align:center;font-size:13.5px;color:#cbd5e1;display:flex;align-items:center;justify-content:center}\r\n.ct-row>div:first-child{text-align:left;justify-content:flex-start;padding-left:16px;font-weight:600;color:var(--ink);font-size:13px}\r\n.ct-row>div.ct-best{background:#243349;color:var(--mint);font-weight:700}\r\n.ct-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--green-soft);color:var(--mint);font-weight:700;font-size:11px}\r\n.ct-cross{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fbebed;color:var(--red-deep);font-weight:700;font-size:11px}\r\n.ct-row>div.ct-best .ct-check{background:var(--green);color:var(--gold-soft)}\r\n\r\n\/* ---- order form ---- *\/\r\n.order-section{background:#eef4f0;padding:40px 22px}\r\n.order-h{text-align:center;font-family:'Poppins',sans-serif;font-weight:900;font-size:26px;line-height:1.15;margin-bottom:8px;color:var(--ink)}\r\n.order-h .hl{color:var(--gold-deep)}\r\n.order-sub{text-align:center;font-size:15px;color:#94A3B8;margin-bottom:24px}\r\n.order-card{background:var(--navy2);border-radius:18px;padding:22px;box-shadow:var(--shadow-1);margin-bottom:18px}\r\n.order-card h4{font-weight:900;font-size:15px;letter-spacing:.02em;margin-bottom:14px;color:var(--ink);text-transform:uppercase}\r\n.pkg-option{display:flex;align-items:center;gap:14px;border:2px solid #2a3850;border-radius:14px;padding:14px;cursor:pointer;margin-bottom:10px;transition:.2s}\r\n.pkg-option:hover{border-color:var(--gold);background:var(--navy2)df6}\r\n.pkg-option.active{border-color:var(--gold);background:var(--navy2)af0;box-shadow:0 0 0 4px rgba(201,162,75,.12)}\r\n.pkg-option input{display:none}\r\n.pkg-option .preview{width:64px;height:64px;border-radius:10px;flex-shrink:0;background:#1E293B;border:1px solid #2a3850;overflow:hidden;display:flex;align-items:center;justify-content:center}\r\n.pkg-option .preview img{width:100%;height:100%;object-fit:cover}\r\n.pkg-option .pkg-info{flex:1}\r\n.pkg-option .pkg-info b{display:block;font-weight:800;font-size:16px;color:var(--ink)}\r\n.pkg-option .pkg-info span{font-size:13px;color:#94A3B8}\r\n.pkg-option .pkg-info .price{color:var(--gold-deep);font-weight:800;font-size:15px;margin-top:3px;display:block}\r\n.pkg-option .radio{width:22px;height:22px;border-radius:50%;border:2px solid #334155;display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.pkg-option.active .radio{border-color:var(--gold)}\r\n.pkg-option.active .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold)}\r\n.form-row{margin-bottom:14px}\r\n.form-row label{display:block;font-weight:700;font-size:15px;color:#cbd5e1;margin-bottom:8px}\r\n.form-row input,.form-row select{width:100%;padding:16px;border:1.5px solid #334155;border-radius:12px;font:inherit;font-size:16.5px;background:var(--navy2);color:var(--ink);transition:.2s;min-height:58px}\r\n.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.15)}\r\n.form-row input::placeholder{color:#64748B}\r\n.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}\r\n.pay-row{display:flex;align-items:center;gap:12px;border:2px solid var(--gold);background:var(--navy2)af0;border-radius:14px;padding:14px}\r\n.pay-row .radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center}\r\n.pay-row .radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--gold)}\r\n.pay-row .ico{font-size:22px}\r\n.pay-row .lbl b{display:block;color:var(--ink)} .pay-row .lbl span{color:#94A3B8;font-size:13.5px}\r\n.summary{margin:18px 0 16px}\r\n.summary-row{display:flex;justify-content:space-between;padding:11px 0;font-size:15px;color:#cbd5e1;border-bottom:1px solid #243349}\r\n.summary-row.total{font-family:'Poppins',sans-serif;font-weight:900;font-size:20px;color:var(--ink);border-bottom:0;padding-top:14px}\r\n.summary-row.total span:last-child{color:var(--gold-deep)}\r\n#submitBtn{padding:20px!important;font-size:18px!important;min-height:64px}\r\n\r\n\/* ---- thank you ---- *\/\r\n.thank-you{display:none;background:var(--navy2);border-radius:24px;padding:36px 26px 32px;box-shadow:var(--shadow-2);text-align:center;position:relative;overflow:hidden}\r\n.thank-you.show{display:block;animation:tyEnter .55s cubic-bezier(.2,.85,.2,1) both}\r\n.thank-you::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--gold-grad)}\r\n@keyframes tyEnter{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}\r\n.ty-check{width:84px;height:84px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:tyPop .55s cubic-bezier(.34,1.56,.64,1) both .15s}\r\n.ty-check svg{width:46px;height:46px;stroke:var(--mint);stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:tyDraw .5s ease-out forwards .45s}\r\n@keyframes tyPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\r\n@keyframes tyDraw{to{stroke-dashoffset:0}}\r\n.thank-you h2{font-family:'Poppins',sans-serif;font-weight:800;font-size:25px;color:var(--ink);margin-bottom:8px}\r\n.thank-you h2 .name{color:var(--gold-deep)}\r\n.thank-you .ty-lead{font-size:15.5px;color:#94A3B8;margin-bottom:24px}\r\n.ty-summary{background:var(--navy2)af0;border:1.5px solid var(--gold);border-radius:14px;padding:16px 18px;margin-bottom:22px;text-align:left}\r\n.ty-summary .ty-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin-bottom:6px}\r\n.ty-summary .ty-pkg{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}\r\n.ty-summary .ty-total{font-family:'Poppins',sans-serif;font-weight:800;font-size:24px;color:var(--gold-deep)}\r\n.ty-summary .ty-order-id{font-size:11.5px;color:#94A3B8;margin-top:10px;border-top:1px dashed var(--gold);padding-top:10px}\r\n.ty-steps{text-align:left;margin-bottom:22px}\r\n.ty-steps-title{font-size:12px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:8px}\r\n.ty-steps-title::before{content:'';width:20px;height:2px;background:var(--gold);border-radius:2px}\r\n.ty-step{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #1E293B}\r\n.ty-step:last-child{border-bottom:0}\r\n.ty-step .num{width:30px;height:30px;border-radius:50%;background:var(--green-soft);color:var(--mint);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}\r\n.ty-step .txt{font-size:14.5px;line-height:1.5;color:#cbd5e1;flex:1;padding-top:5px}\r\n.ty-step .txt b{color:var(--ink);display:block;margin-bottom:3px}\r\n.ty-actions{display:flex;flex-direction:column;gap:10px}\r\n.ty-wa-btn{background:linear-gradient(135deg,#25D366,#1FAB54);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px;border-radius:14px;font-weight:700;font-size:16px;box-shadow:0 8px 20px -4px rgba(37,211,102,.4)}\r\n.ty-wa-btn svg{width:18px;height:18px;fill:currentColor}\r\n.ty-back{background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:10px;text-decoration:underline;text-underline-offset:3px}\r\n.ty-confetti{position:absolute;top:0;left:0;right:0;height:240px;pointer-events:none;overflow:hidden;border-radius:24px 24px 0 0}\r\n.ty-confetti span{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:tyFall 2.4s ease-out forwards}\r\n@keyframes tyFall{to{transform:translateY(260px) rotate(540deg);opacity:0}}\r\n\r\n\/* ---- faq ---- *\/\r\n.faq-section{background:var(--navy2);padding:48px 22px 56px}\r\n.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:28px}\r\n.faq-item{background:var(--navy2);border:1.5px solid #2a3850;border-radius:16px;overflow:hidden;transition:.3s}\r\n.faq-item:hover{border-color:#d3ddd5}\r\n.faq-item.is-open{border-color:var(--gold);background:linear-gradient(180deg,#1E293B,#162237 60%);box-shadow:var(--shadow-1)}\r\n.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 22px;font-weight:600;font-size:15.5px;color:var(--ink);text-align:left;line-height:1.45;transition:color .25s}\r\n.faq-item.is-open .faq-q{color:var(--gold-deep)}\r\n.faq-q-icon{width:32px;height:32px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.3s}\r\n.faq-q-icon svg{width:16px;height:16px;stroke:var(--mint);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:.4s}\r\n.faq-item.is-open .faq-q-icon{background:var(--green)}\r\n.faq-item.is-open .faq-q-icon svg{stroke:var(--gold-soft);transform:rotate(180deg)}\r\n.faq-a-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}\r\n.faq-item.is-open .faq-a-wrap{grid-template-rows:1fr}\r\n.faq-a{overflow:hidden;min-height:0}\r\n.faq-a-inner{padding:0 22px 22px;font-size:15px;line-height:1.65;color:#cbd5e1}\r\n.faq-a-inner b{color:var(--ink)}\r\n\r\n\/* ---- sticky cta + popup + lightbox ---- *\/\r\n.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);padding:12px 18px;border-top:1px solid #2a3850;box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(100%);transition:transform .35s;max-width:var(--container);margin:0 auto}\r\n.sticky-cta.show{transform:translateY(0)}\r\n.sticky-cta .btn{width:100%;padding:14px}\r\n.lb-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;opacity:0;transition:opacity .2s}\r\n.lb-overlay.open{display:flex;opacity:1}\r\n.lb-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}\r\n.lb-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}\r\n.pop{position:fixed;bottom:84px;left:16px;z-index:90;background:var(--navy2);border:1px solid #2a3850;border-radius:14px;padding:13px 36px 13px 13px;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:11px;max-width:300px;opacity:0;transform:translateX(-120%);transition:opacity .4s,transform .5s cubic-bezier(.2,.85,.2,1);pointer-events:none}\r\n.pop.show{opacity:1;transform:translateX(0);pointer-events:auto}\r\n.pop .pico{width:40px;height:40px;border-radius:50%;background:var(--green);color:var(--gold-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}\r\n.pop .pico svg{width:20px;height:20px}\r\n.pop .pt{font-size:13px;font-weight:600;color:#e8eef5}\r\n.pop .pt b{color:var(--mint)}\r\n.pop .pd{font-size:12.5px;color:#94A3B8;margin-top:1px}\r\n.pop .pd b{color:var(--gold-deep)}\r\n.pop .ptime{font-size:11px;color:#94A3B8;margin-top:4px;display:flex;align-items:center;gap:5px}\r\n.pop .ptime::before{content:'';width:6px;height:6px;border-radius:50%;background:#22A05B;animation:blink 1.6s infinite}\r\n.pop .pclose{position:absolute;top:6px;right:8px;width:22px;height:22px;color:#94A3B8;font-size:18px;background:transparent}\r\n.pop.dismissed{display:none}\r\n\r\n\/* ---- reveal ---- *\/\r\n.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}\r\n.reveal.in{opacity:1;transform:none}\r\n.rd1{transition-delay:.1s} .rd2{transition-delay:.2s} .rd3{transition-delay:.3s}\r\n@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}\r\n\r\n.divider{height:1px;background:var(--line);margin:30px 0}\r\n.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}\r\n\r\n@media(min-width:680px){\r\n body{background:var(--green-dark);background-image:radial-gradient(circle at 20% 30%,var(--green),var(--green-dark))}\r\n .section{padding:58px 28px}\r\n .sticky-cta{border-radius:18px 18px 0 0}\r\n}\r\n@media(max-width:380px){.pop{max-width:calc(100vw - 32px);left:16px;right:16px}}\r\n\r\n\/* ==== tema mint: aura botol + sheen kotak info ==== *\/\r\n.product-hero{position:relative;overflow:hidden}\r\n.product-hero::before{content:'';position:absolute;left:50%;top:60%;width:360px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(163,230,213,.30),transparent 65%);pointer-events:none;z-index:0}\r\n.product-hero>*{position:relative;z-index:1}\r\n.cert-badge,.order-card,.ty-summary{position:relative;border-top:1px solid rgba(163,230,213,.45)}\r\n.testi-card::before,.cert-badge::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(163,230,213,.10),transparent 38%);pointer-events:none}\r\n\r\n\/* SARAFLEX \u2014 palette 100% ikut rujukan\r\n Emerald #065F46 \u00b7 Mint #A7F3D0 \u00b7 Cream #FFF8E7 *\/\r\n:root{\r\n --emerald:#065F46;--mint:#A7F3D0;--cream:#FFF8E7;\r\n --navy:#065F46;--navy2:#FFF8E7;--navy3:#065F46;--navy-mid:#065F46;\r\n --green:#065F46;--green-deep:#065F46;--green-dark:#065F46;\r\n --green-light:#A7F3D0;--green-mid:#A7F3D0;--green-soft:#A7F3D0;\r\n --white:#FFF8E7;--black:#065F46;--yellow:#A7F3D0;\r\n --gold:#A7F3D0;--gold-bright:#A7F3D0;--gold-soft:#A7F3D0;--gold-deep:#065F46;\r\n --mint:#A7F3D0;--emerald:#065F46;--red:#065F46;--red-deep:#065F46;\r\n --cream:#FFF8E7;--ink:#065F46;--muted:rgba(6,95,70,.72);\r\n --line:rgba(6,95,70,.16);--gold-grad:linear-gradient(120deg,#A7F3D0,#FFF8E7);\r\n --shadow-1:0 10px 28px rgba(6,95,70,.12);\r\n --shadow-2:0 22px 54px -18px rgba(6,95,70,.28);\r\n --shadow-gold:0 14px 34px -12px rgba(6,95,70,.22);\r\n}\r\nhtml{background:var(--cream)!important}\r\nbody{background:radial-gradient(circle at 12% 18%,rgba(167,243,208,.55),transparent 28%),var(--cream)!important;color:var(--emerald)!important}\r\n.page{background:var(--cream)!important;box-shadow:0 0 62px rgba(6,95,70,.13)!important}\r\n\r\n\/* announcement *\/\r\n.announce{background:var(--emerald)!important;color:var(--cream)!important;border-bottom:1px solid rgba(255,248,231,.16)!important}\r\n.announce span{color:var(--cream)!important}.announce b{color:var(--mint)!important}\r\n.announce::before{background:linear-gradient(90deg,transparent,rgba(167,243,208,.24),transparent)!important}\r\n\r\n\/* flow section: Cream \u2192 Mint \u2192 Cream \u2192 Emerald *\/\r\n.page>section{background-image:none!important;isolation:isolate;border-top:1px solid rgba(6,95,70,.10)!important}\r\n.page>section.theme-cream{background:var(--cream)!important;color:var(--emerald)!important}\r\n.page>section.theme-mint{background:var(--mint)!important;color:var(--emerald)!important}\r\n.page>section.theme-emerald{background:var(--emerald)!important;color:var(--cream)!important;border-color:rgba(255,248,231,.14)!important}\r\n.page>section.hero.theme-cream{background:radial-gradient(circle at 92% 7%,rgba(167,243,208,.76),transparent 34%),radial-gradient(circle at 8% 92%,rgba(167,243,208,.34),transparent 30%),var(--cream)!important}\r\n.hero::after{background:radial-gradient(circle,rgba(167,243,208,.72),transparent 68%)!important;opacity:.5!important}\r\n.product-hero::before{background:radial-gradient(circle,rgba(167,243,208,.62),transparent 66%)!important;opacity:.42!important}\r\n\r\n\/* typography *\/\r\n.theme-cream :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel),\r\n.theme-mint :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel){color:var(--emerald)!important}\r\n.theme-cream :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub),\r\n.theme-mint :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub){color:rgba(6,95,70,.84)!important}\r\n.theme-emerald :is(h1,h2,h3,h4,h5,h6,.display,.story-h,.testi-h,.order-h,.brandmark,.cinzel){color:var(--cream)!important}\r\n.theme-emerald :is(p,li,.lead,.tiny,.hero-sub,.story-sub,.order-sub,.brandmark-sub){color:rgba(255,248,231,.88)!important}\r\n.gold-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--emerald)!important}\r\n.theme-emerald .gold-text{color:var(--mint)!important}\r\n.theme-cream :is(.text-green,.text-gold,.text-red),.theme-mint :is(.text-green,.text-gold,.text-red){color:var(--emerald)!important}\r\n.theme-emerald :is(.text-green,.text-gold,.text-red){color:var(--mint)!important}\r\n.leaf{color:var(--emerald)!important}.theme-emerald .leaf{color:var(--mint)!important}\r\n\r\n\/* chips *\/\r\n.eyebrow.on-light,.eyebrow.on-green,.rrr-pill,.rating-pill{background:var(--mint)!important;color:var(--emerald)!important;border:1px solid rgba(6,95,70,.12)!important;box-shadow:none!important}\r\n.theme-mint :is(.eyebrow.on-light,.eyebrow.on-green){background:var(--cream)!important}\r\n:is(.eyebrow.on-light,.eyebrow.on-green,.rrr-pill,.rating-pill) *{color:var(--emerald)!important}\r\n.stars{color:var(--emerald)!important}\r\n\r\n\/* buttons *\/\r\n.btn--gold,.btn--green,#submitBtn,.ty-wa-btn{background:var(--emerald)!important;background-image:none!important;color:var(--cream)!important;border:1px solid var(--emerald)!important;box-shadow:0 12px 28px -12px rgba(6,95,70,.48)!important}\r\n:is(.btn--gold,.btn--green,#submitBtn,.ty-wa-btn) *{color:var(--cream)!important}\r\n.theme-emerald :is(.btn--gold,.btn--green,#submitBtn){background:var(--mint)!important;color:var(--emerald)!important;border-color:var(--mint)!important}\r\n.theme-emerald :is(.btn--gold,.btn--green,#submitBtn) *{color:var(--emerald)!important}\r\n.cta-pulse::after{border-color:var(--mint)!important}\r\n\r\n\/* cards: keep all shapes, recolour only *\/\r\n:is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background-image:none!important;border-color:rgba(6,95,70,.18)!important;box-shadow:var(--shadow-1)!important}\r\n.theme-cream :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background:var(--mint)!important;color:var(--emerald)!important}\r\n.theme-mint :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you),\r\n.theme-emerald :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){background:var(--cream)!important;color:var(--emerald)!important}\r\n.theme-emerald :is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you){border-color:rgba(167,243,208,.48)!important}\r\n:is(.warn-box,.tl-card,.travel-row,.scenario-card,.benefit,.cert-badge,.testi-card,.wa,.pkg,.order-card,.faq-item,.vs-table,.compare-table,.ty-summary,.after-row,.orig-banner,.cod-banner,.guarantee,.promo-tag,.step-row,.pkg-option,.pay-row,.thank-you) :is(h1,h2,h3,h4,h5,h6,p,li,q,span,b,em,label,small,.display,.tiny,.lead){color:var(--emerald)!important}\r\n\r\n\/* labels \/ highlights *\/\r\n.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num,.video-badge,.video-badge .dot,.wa-av,.ct-head .ct-best::before{background:var(--emerald)!important;background-image:none!important;color:var(--cream)!important;border-color:var(--emerald)!important}\r\n:is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num,.video-badge,.video-badge .dot,.wa-av) *{color:var(--cream)!important}\r\n.theme-emerald :is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num){background:var(--mint)!important;color:var(--emerald)!important}\r\n.theme-emerald :is(.problem-banner,.units-box,.tag,.pkg.featured .badge,.tl-card .num) *{color:var(--emerald)!important}\r\n\r\n\/* media *\/\r\n.media,.img-slot,.wa-slot,.product-shot,.after-img,.problem-card .circ,.ingr .pic,.testi-card .who .pic{background:var(--cream)!important;background-image:none!important;border-color:rgba(6,95,70,.20)!important;box-shadow:var(--shadow-1)!important}\r\n.theme-cream :is(.media,.img-slot,.wa-slot,.after-img){background:var(--mint)!important}\r\n.theme-emerald :is(.media,.img-slot,.wa-slot,.after-img){border-color:rgba(167,243,208,.55)!important}\r\n.ph,.ph.light{background:linear-gradient(135deg,rgba(167,243,208,.84),rgba(255,248,231,.95))!important;color:var(--emerald)!important}\r\n.ph .ico,.ph.light .ico{background:var(--emerald)!important;color:var(--cream)!important}\r\n.ph :is(.lbl,.desc),.ph.light :is(.lbl,.desc){color:var(--emerald)!important}\r\n.media.video .play{background:var(--emerald)!important;box-shadow:0 12px 28px rgba(6,95,70,.28)!important}.media.video .play::after{border-left-color:var(--cream)!important}\r\n\r\n\/* problem\/story *\/\r\n.problem-card .circ,.ingr .pic,.testi-card .who .pic{border-color:var(--emerald)!important}.theme-emerald :is(.problem-card .circ,.ingr .pic){border-color:var(--mint)!important}\r\n.problem-card .label,.warn-box h3,.warn-list li::before,.warn-list em,.tl-card b,.scenario-label,.ingr h4,.after-row h5,.pkg-price .new,.faq-item.is-open .faq-q{color:var(--emerald)!important}\r\n.theme-emerald>.problem-grid .problem-card .label{color:var(--cream)!important}\r\n.warn-box{border:2px dashed var(--emerald)!important}.theme-emerald .warn-box{border-color:var(--mint)!important}\r\n.pill{box-shadow:none!important;border:1px solid rgba(6,95,70,.16)!important}.pill-1{background:var(--cream)!important;color:var(--emerald)!important}.pill-2{background:var(--mint)!important;color:var(--emerald)!important}.pill-3{background:var(--emerald)!important;color:var(--cream)!important;border-color:var(--mint)!important}\r\n.section>div[style*=\"linear-gradient(135deg,var(--red)\"]{background:var(--mint)!important;color:var(--emerald)!important}\r\n\r\n\/* icons and steps *\/\r\n.benefit .ico,.step-row .ico,.guarantee .seal,.ty-step .num,.ty-check{background:var(--emerald)!important;color:var(--cream)!important}.benefit .ico svg,.ty-check svg{color:var(--cream)!important;stroke:var(--cream)!important}\r\n\r\n\/* tables *\/\r\n.vs-head .vs-us,.ct-head .ct-best,.ct-row>div.ct-best{background:var(--emerald)!important;color:var(--cream)!important}\r\n.vs-head .vs-them,.vs-feature,.ct-head,.vs-row>div:first-child,.ct-row>div:not(.ct-best){background:var(--mint)!important;color:var(--emerald)!important}\r\n.vs-row>div:last-child,.ct-row>div:first-child{background:var(--cream)!important;color:var(--emerald)!important}\r\n.vs-ok,.ct-check{background:var(--emerald)!important;color:var(--cream)!important}.vs-no,.ct-cross{background:var(--mint)!important;color:var(--emerald)!important}\r\n\r\n\/* testimonials \/ WhatsApp *\/\r\n.testi-card::before,.cert-badge::before{background:none!important}.testi-card q{color:rgba(6,95,70,.88)!important}\r\n.wa-head{background:var(--emerald)!important;color:var(--cream)!important}.wa-head b,.wa-head small{color:var(--cream)!important}.wa-chat{background:var(--mint)!important}.wa-b.in,.wa-b.out{background:var(--cream)!important;color:var(--emerald)!important}.wa-b,.wa-b *{color:var(--emerald)!important}.users-img{border-color:var(--cream)!important;outline-color:var(--emerald)!important}\r\n\r\n\/* countdown *\/\r\n.cd-sec{background-image:none!important}.cd-eye{background:var(--mint)!important;color:var(--emerald)!important}.cd-eye .dot{background:var(--emerald)!important}.cd-box{background:var(--cream)!important;border-color:rgba(6,95,70,.16)!important}.cd-num,.cd-lbl{color:var(--emerald)!important}\r\n\r\n\/* pricing *\/\r\n.pkg-img{background:var(--mint)!important;background-image:none!important}.pkg.featured{background:var(--cream)!important;background-image:none!important;border:2px solid var(--emerald)!important}.theme-emerald .pkg.featured{border-color:var(--mint)!important}.pkg-head .tier,.pkg-head .sub,.pkg-price .old,.pkg .postage-note,.pkg-feat li{color:rgba(6,95,70,.72)!important}.pkg-price .new,.pkg-price .new .rm{color:var(--emerald)!important}.pkg-feat{border-color:rgba(6,95,70,.14)!important}.pkg-feat li::before{background:var(--emerald)!important;color:var(--cream)!important}\r\n\r\n\/* order form *\/\r\n.order-section{background-image:none!important}.form-row label,.pay-row .lbl b,.order-card h4{color:var(--emerald)!important}.form-row input,.form-row select{background:var(--cream)!important;color:var(--emerald)!important;border-color:rgba(6,95,70,.24)!important}.form-row input::placeholder{color:rgba(6,95,70,.56)!important}.form-row input:focus,.form-row select:focus{border-color:var(--emerald)!important;box-shadow:0 0 0 3px rgba(167,243,208,.70)!important}.pkg-option:hover,.pkg-option.active,.pay-row{background:var(--cream)!important;border-color:var(--emerald)!important}.pkg-option .preview{background:var(--mint)!important;border-color:rgba(6,95,70,.16)!important}.pkg-option .radio,.pay-row .radio{border-color:var(--emerald)!important}.pkg-option.active .radio::after,.pay-row .radio::after{background:var(--emerald)!important}.summary-row{color:rgba(6,95,70,.82)!important;border-color:rgba(6,95,70,.12)!important}.summary-row.total,.summary-row.total span:last-child{color:var(--emerald)!important}\r\n\r\n\/* thank-you and FAQ *\/\r\n.thank-you::before{background:var(--emerald)!important}.ty-check{background:var(--mint)!important}.ty-check svg{stroke:var(--emerald)!important}.ty-summary{border-color:var(--emerald)!important}.ty-summary .ty-label,.ty-summary .ty-total,.thank-you h2 .name{color:var(--emerald)!important}.ty-steps-title::before{background:var(--emerald)!important}.ty-back{color:var(--emerald)!important}\r\n.faq-section{background-image:none!important}.faq-item.is-open{background:var(--cream)!important;border-color:var(--emerald)!important}.faq-q-icon{background:var(--mint)!important}.faq-q-icon svg{stroke:var(--emerald)!important}.faq-item.is-open .faq-q-icon{background:var(--emerald)!important}.faq-item.is-open .faq-q-icon svg{stroke:var(--cream)!important}.faq-a-inner{color:rgba(6,95,70,.84)!important}\r\n\r\n\/* fixed UI and footer *\/\r\n.sticky-cta{background:rgba(6,95,70,.96)!important;border-top-color:rgba(167,243,208,.36)!important;box-shadow:0 -8px 26px rgba(6,95,70,.22)!important}.sticky-cta .btn{background:var(--mint)!important;color:var(--emerald)!important;border-color:var(--mint)!important}.sticky-cta .btn *{color:var(--emerald)!important}\r\n.pop{background:var(--cream)!important;border-color:var(--emerald)!important}.pop .pico{background:var(--emerald)!important;color:var(--cream)!important}.pop .pico svg{color:var(--cream)!important}.pop :is(.pt,.pt b,.pd,.pd b,.ptime){color:var(--emerald)!important}.pop .ptime::before{background:var(--mint)!important;border:1px solid var(--emerald)}\r\n.lb-overlay{background:rgba(6,95,70,.92)!important}.lb-close{background:var(--mint)!important;color:var(--emerald)!important}\r\nfooter{background:var(--emerald)!important;color:rgba(255,248,231,.82)!important}footer .cinzel{color:var(--mint)!important}footer p,footer b{color:rgba(255,248,231,.86)!important}\r\n.divider{background:rgba(6,95,70,.14)!important}.theme-emerald .divider{background:rgba(255,248,231,.20)!important}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page\">\r\n\r\n \r\n <div class=\"announce\"><span>\ud83c\udf3f RELIEF \u00b7 REPAIR \u00b7 RESTORE \u2022 <b>COD SELURUH MALAYSIA<\/b><\/span><\/div>\r\n\r\n \r\n <section class=\"section s-green2 hero clip-down theme-cream\">\r\n <div class=\"brand-row reveal\">\r\n <svg class=\"leaf\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg>\r\n <span class=\"cinzel\">SARAFLEX<\/span>\r\n <\/div>\r\n <h1 class=\"display reveal\">Lutut Sakit, Sendi Kaku, Otot Kejang? <span class=\"hl gold-text\">Lega Dalam Beberapa Minit.<\/span><\/h1>\r\n <p class=\"hero-sub reveal rd1\">Saraflex Minyak Sendi sapu, urut, terus terasa hangat & lega di kawasan yang sakit. Cepat meresap, tak melekit.<\/p>\r\n <div class=\"rating-pill reveal rd2\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span>Dipercayai ribuan pengguna<\/span><\/div>\r\n\r\n \r\n <div class=\"media media--9x16 video youtube-embed reveal rd3\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 1<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n\r\n <a href=\"#order\" class=\"btn btn--gold cta-pulse mt-3\" style=\"display:flex;margin:24px auto 0;max-width:280px\">SAYA NAK CUBA SEKARANG<\/a>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <h2 class=\"display text-center reveal\" style=\"margin-bottom:20px\">Dulu setiap kali rukuk & sujud lutut rasa mencucuk..<br><span class=\"text-red\">Sekarang bergerak lega, solat tenang!<\/span><\/h2>\r\n <div class=\"media media--9x16 video youtube-embed reveal rd1\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 2<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" style=\"padding-top:0\">\r\n <div class=\"img-slot reveal\" style=\"aspect-ratio:4\/3\" data-label=\"Screenshot Komen Facebook\">\r\n <div class=\"ph light\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><\/svg><\/div><div class=\"lbl\">Komen Facebook<\/div><div class=\"desc\">Letak screenshot komen pengguna FB<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s- clip-both theme-emerald\">\r\n <h2 class=\"display text-center reveal\">Lutut mencucuk, sendi kaku, otot kejang \u2014 bergerak pun terhad<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Dah cuba macam-macam minyak & ubat, sakit tetap datang balik<\/p>\r\n <div class=\"problem-banner reveal rd2\">Anda ada masalah ini? \ud83d\udc47<\/div>\r\n <div class=\"problem-grid reveal\">\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 1<\/div><\/div><\/div><div class=\"label\">Lutut Sakit Masa Solat<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 2<\/div><\/div><\/div><div class=\"label\">Kebas Tangan & Kaki<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 3<\/div><\/div><\/div><div class=\"label\">Otot Kejang & Tegang<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 4<\/div><\/div><\/div><div class=\"label\">Susah Naik Tangga<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 5<\/div><\/div><\/div><div class=\"label\">Sendi Berbunyi & Ngilu<\/div><\/div>\r\n <div class=\"problem-card\"><div class=\"circ\"><div class=\"ph\"><div class=\"lbl\">Img 6<\/div><\/div><\/div><div class=\"label\">Sakit Ganggu Tidur<\/div><\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"padding-top:36px\">\r\n <h2 class=\"display text-center reveal\">Jangan biar berlarutan \u2014 masalah sendi yang diabaikan boleh jadi makin teruk<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Kita taknak sampai tidur terganggu, atau setiap pergerakan jadi seksa<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\">\r\n <h2 class=\"story-h reveal\">Ramai mula dengan ayat yang sama.<\/h2>\r\n <p class=\"story-sub reveal rd1\">\"Alah\u2026 penat kerja ja ni\"<\/p>\r\n <div class=\"timeline\">\r\n <div class=\"tl-card reveal\"><div class=\"num\">1<\/div><b>Hari pertama,<\/b> sakit datang sekejap je.<\/div>\r\n <div class=\"tl-card reveal rd1\"><div class=\"num\">2<\/div><b>Hari kedua,<\/b> sakit datang bila duduk lama.<\/div>\r\n <div class=\"tl-card reveal rd2\"><div class=\"num\">3<\/div><b>Hari ketiga,<\/b> bila bangun dari kerusi\u2026 lutut rasa berat & kaku.<\/div>\r\n <div class=\"tl-card reveal rd3\"><div class=\"num\">4<\/div><b>Hari keempat,<\/b> sakit dah jadi rutin \u2014 pagi, petang, malam.<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"media media--1x1 reveal\" data-label=\"Gambar sakit lutut\/sendi\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><path d=\"M21 15l-5-5L5 21\"\/><\/svg><\/div><div class=\"lbl\">Gambar Sakit Sendi<\/div><div class=\"desc\">Cth: orang pegang lutut yang sakit<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft clip-up theme-cream\">\r\n <p class=\"text-center reveal\" style=\"color:#bcd6c8;font-size:15px;margin-bottom:10px\">Dan masa tu baru terlintas satu soalan:<\/p>\r\n <h2 class=\"story-h reveal rd1\">\"Kenapa sakit ni makin lama makin teruk?\"<\/h2>\r\n <p class=\"text-center mt-3 reveal rd2\" style=\"font-weight:700;font-size:15px;margin-bottom:14px\">Inilah yang ramai tak nampak.<\/p>\r\n <p class=\"text-center reveal rd3\" style=\"color:#e8f2ec;font-size:15px;line-height:1.6;margin-bottom:20px\">Pada sendi kita ada rawan (cartilage) & cairan yang melincirkan pergerakan. Bila ia kering, radang atau tegang \u2014 setiap gerakan jadi sakit & berbunyi.<\/p>\r\n <div class=\"media media--16x9 reveal rd1 mt-3\" data-label=\"Anatomi sendi\">\r\n <div class=\"ph\"><div class=\"lbl\">Gambar Anatomi Sendi \/ Lutut<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-emerald\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:18px\">Bila otot tegang, sendi kerap diguna, berat badan menekan lutut \u2014 ruang sendi makin terhimpit.<\/p>\r\n <h3 class=\"display text-center reveal rd1 text-green\">Pada awalnya:<\/h3>\r\n <div class=\"pill-stack\">\r\n <div class=\"pill pill-1 reveal\">Sendi cuma rasa lenguh sikit<\/div>\r\n <div class=\"pill pill-2 reveal rd1\">Sakit datang bila bergerak<\/div>\r\n <div class=\"pill pill-3 reveal rd2\">Sakit datang walau tak buat apa-apa<\/div>\r\n <\/div>\r\n <p class=\"text-center mt-3 reveal\" style=\"font-size:14.5px;color:#cbd5e1;font-style:italic\">Tapi bila dibiar hari demi hari, sendi jadi makin sensitif.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <h2 class=\"story-h reveal\">Dan masa tu, <span class=\"text-gold\">sakit<\/span> tak duduk diam di lutut. Dia merebak.<\/h2>\r\n <div class=\"travel\">\r\n <div class=\"travel-row reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari lutut ke sendi sekeliling<\/div>\r\n <div class=\"travel-row r reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari sendi ke otot peha & betis<\/div>\r\n <div class=\"travel-row reveal rd2\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Dari otot ke belakang & bahu<\/div>\r\n <div class=\"travel-row r reveal rd3\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/div>Sampai ganggu tidur & mood<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:18px\">Sebab itu sakit sendi bukan sakit satu tempat. Ia sakit yang <b>menjalar dan berulang.<\/b><\/p>\r\n <h2 class=\"display text-center reveal rd1 text-green\">Masalahnya, ramai orang terus tahan.<\/h2>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" style=\"padding-top:0\">\r\n <p class=\"text-center reveal\" style=\"font-size:15px;color:#94A3B8;line-height:1.6;font-style:italic;margin-bottom:14px\">Telan ubat bila sakit. Sapu minyak murah bila tak tahan. Urut, lipat bantal, tukar posisi.<\/p>\r\n <p class=\"text-center reveal rd1\" style=\"font-weight:800;font-size:15px;margin-bottom:18px\">Lega sekejap. Esok datang balik.<\/p>\r\n <h2 class=\"display text-center reveal rd2 text-red\" style=\"font-size:26px\">Tanpa sedar, sendi yang tegang tadi mula meradang.<\/h2>\r\n <p class=\"text-center mt-2 reveal\" style=\"color:#94A3B8;font-size:14.5px;font-style:italic\">Bila sendi meradang, sakit jadi lebih kuat, lebih cepat, lebih sensitif.<\/p>\r\n <h3 class=\"display text-center mt-3 reveal --blackk\" style=\"font-size:26px\">Dan masa tu:<\/h3>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-emerald\" style=\"padding-top:8px\">\r\n <div class=\"scenario-stack\">\r\n <div class=\"scenario-card reveal\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Duduk lama<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Di Rumah<\/span>Duduk 10 minit pun lutut dah rasa kaku<\/div><\/div>\r\n <div class=\"scenario-card reveal rd1\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Bangun lantai<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Pergerakan Asas<\/span>Bangun dari lantai jadi misi besar<\/div><\/div>\r\n <div class=\"scenario-card reveal rd2\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Kaki kebas<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Pada Kaki<\/span>Kaki rasa kebas, mencucuk, kejang tanpa sebab<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <h2 class=\"display text-center reveal text-green\" style=\"font-size:26px\">Sakit ni tak jerit kuat. Tapi dia makan hidup perlahan-lahan.<\/h2>\r\n\r\n \r\n <div class=\"scenario-stack\">\r\n <div class=\"scenario-card reveal\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Kerja<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Di Tempat Kerja<\/span>Fokus pecah bila sakit datang tiba-tiba<\/div><\/div>\r\n <div class=\"scenario-card reveal rd1\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Solat<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Masa Solat<\/span>Susah nak rukuk & sujud, solat jadi tak khusyuk<\/div><\/div>\r\n <div class=\"scenario-card reveal rd2\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Anak<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Bersama Anak<\/span>Anak ajak berjalan, kita bagi alasan badan letih<\/div><\/div>\r\n <div class=\"scenario-card reveal rd3\"><div class=\"scenario-img\"><div class=\"ph\"><div class=\"lbl\">Img: Tidur<\/div><\/div><\/div><div class=\"scenario-text\"><span class=\"scenario-label\">Masa Tidur<\/span>Malam kerap terjaga, pagi bangun masih lesu<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-mint\">\r\n <h2 class=\"display text-center reveal text-green\" style=\"font-size:28px\">Dan yang paling menyakitkan<\/h2>\r\n <p class=\"text-center mt-2 reveal rd1\" style=\"font-weight:800;font-size:15px\">bila orang lain nampak kita <i>\"macam okay\"<\/i><\/p>\r\n <div class=\"reveal rd2 mt-3\" style=\"background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;padding:18px;border-radius:14px 14px 14px 4px;font-style:italic;text-align:center;font-size:14.5px;line-height:1.5\">sedangkan dalam badan, kita tengah lawan sakit yang orang tak nampak.<\/div>\r\n <h2 class=\"display text-center mt-4 reveal text-green\" style=\"font-size:26px\">Di sinilah ramai buat satu kesilapan.<\/h2>\r\n <p class=\"text-center mt-2 reveal rd1\" style=\"font-style:italic;color:#94A3B8;font-size:14.5px\">\"Kalau sakit ni sebab tua, tak ada apa boleh buat selain tahan.\"<\/p>\r\n <p class=\"text-center mt-3 reveal rd2\" style=\"font-size:15px;line-height:1.65;color:#cbd5e1\">Sedangkan dengan ikhtiar yang betul \u2014 kehangatan terapeutik & herba pilihan \u2014 banyak sakit sendi & otot boleh dilegakan, <b>bukan sekadar ditahan.<\/b><\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <div class=\"warn-box reveal\">\r\n <h3>JIKA DIBIARKAN BERLARUTAN<\/h3>\r\n <p class=\"intro\">Masalah sendi, otot & saraf yang tidak diuruskan boleh membawa kesan yang lebih serius:<\/p>\r\n <ol class=\"warn-list\">\r\n <li>Pergerakan jadi makin <em>terhad & menyakitkan<\/em>.<\/li>\r\n <li>Bergantung pada <em>ubat tahan sakit<\/em> hampir setiap hari.<\/li>\r\n <li><em>Kualiti tidur<\/em> terganggu, badan makin lemah.<\/li>\r\n <li>Aktiviti & ibadah harian <em>terjejas<\/em>.<\/li>\r\n <li>Mood & kesejahteraan <em>emosi<\/em> ikut terkesan.<\/li>\r\n <li>Risiko <em>kos rawatan<\/em> yang lebih tinggi kemudian hari.<\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/section>\r\n \r\n <section class=\"section s-cream theme-emerald\">\r\n <div class=\"reveal\" style=\"text-align:center;padding-top:42px;margin-top:30px;border-top:1px solid var(--line)\">\r\n <div style=\"display:flex;align-items:center;justify-content:center;gap:14px;max-width:200px;margin:0 auto 22px;color:var(--gold)\"><span style=\"flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold))\"><\/span><svg class=\"leaf\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg><span style=\"flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)\"><\/span><\/div>\r\n <h3 class=\"cinzel\" style=\"font-weight:900;font-size:32px;color:#fff;margin-bottom:20px\">Berubatlah<\/h3>\r\n <p style=\"font-size:24px;line-height:1.85;color:#fff;margin-bottom:18px;direction:rtl;font-family:'Amiri',serif\">\u062a\u064e\u062f\u064e\u0627\u0648\u064e\u0648\u0652\u0627 \u0639\u0650\u0628\u064e\u0627\u062f\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u0650\u060c \u0641\u064e\u0625\u0650\u0646\u064e\u0651 \u0627\u0644\u0644\u064e\u0651\u0647\u064e \u0644\u064e\u0645\u0652 \u064a\u064e\u0636\u064e\u0639\u0652 \u062f\u064e\u0627\u0621\u064b \u0625\u0650\u0644\u064e\u0651\u0627 \u0648\u064e\u0636\u064e\u0639\u064e \u0644\u064e\u0647\u064f \u062f\u064e\u0648\u064e\u0627\u0621\u064b<\/p>\r\n <p style=\"font-style:italic;color:#a9c6b8;font-size:15.5px;line-height:1.65;max-width:420px;margin:0 auto\">\"Wahai hamba-hamba Allah, sesungguhnya Allah tidak menurunkan sesuatu penyakit melainkan Dia menurunkan juga ubat baginya.\" \u2014 Abu Dawud, Tirmizi <i>(Hadis Hasan Sahih)<\/i><\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-dark product-hero clip-both theme-cream\">\r\n <h2 class=\"display reveal\">Saraflex Minyak Sendi Yang Membantu <span class=\"red\">Legakan Sakit<\/span> Seawal Penggunaan!<\/h2>\r\n <p class=\"reveal rd1\">Sapu, urut, terus terasa hangat & lega. Cepat meresap, tak melekit sesuai digunakan setiap hari.<\/p>\r\n <div class=\"reveal rd2\">\r\n <div class=\"brandmark gold-text\">SARAFLEX<\/div>\r\n <div class=\"brandmark-sub\">MINYAK SENDI \u00b7 100ML<\/div>\r\n <div class=\"rrr-pill\">RELIEF \u00b7 REPAIR \u00b7 RESTORE<\/div>\r\n <\/div>\r\n \r\n <div class=\"product-shot reveal rd3\" style=\"margin-top:26px\">\r\n <img decoding=\"async\" src=\"https:\/\/purerest.senangbeli.com\/wp-content\/uploads\/2026\/06\/Saraflex-poster-3.jpeg\"\r\n alt=\"Saraflex Minyak Sendi \u2014 Joint Relief Oil\" loading=\"lazy\"\r\n onerror=\"this.style.display='none';this.parentNode.innerHTML='<div class="ph"><div class="lbl">Gambar Produk Saraflex<\/div><\/div>'\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Kenapa Saraflex<\/span><h2 class=\"display\" style=\"color:var(--black)\">8 Sebab Saraflex Jadi Pilihan<\/h2><\/div>\r\n <div class=\"benefits\">\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg><\/div><p>Lega pantas kesan hangat sejurus disapu<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 12l3 3 5-6\"\/><\/svg><\/div><p>Tak melekit, cepat meresap di kulit<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/div><p>Bantu tenangkan otot & sendi tegang<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z\"\/><\/svg><\/div><p>Tidur lebih lena, tak terganggu sakit<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"13\" cy=\"4\" r=\"2\"\/><path d=\"M4 22l5-9 4 2 3-3\"\/><path d=\"M16 22l-3-7\"\/><\/svg><\/div><p>Senang bergerak, naik tangga & berdiri<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6\"\/><\/svg><\/div><p>Bahan herba pilihan, bau selesa<\/p><\/div>\r\n <div class=\"benefit reveal\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21V11a9 9 0 0 1 18 0v10\"\/><path d=\"M3 21h18\"\/><path d=\"M9 21v-5a3 3 0 0 1 6 0v5\"\/><\/svg><\/div><p>Senang rukuk & sujud semula<\/p><\/div>\r\n <div class=\"benefit reveal rd1\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div><p>50ml tahan lama, mudah dibawa<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\" style=\"padding-top:1\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Kandungan & Kebaikan<\/span><h2 class=\"display\" style=\"color:var(--ink)\">Kekuatan Dari Alam Semula Jadi<\/h2><\/div>\r\n <div class=\"ingr-stack\">\r\n <div class=\"ingr reveal\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Minyak Serai Wangi<\/h4><p>Memberi kehangatan menyeluruh & membantu melegakan sendi yang ngilu.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd1\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Ekstrak Halia<\/h4><p>Penghangat semula jadi yang menenangkan otot & sendi tegang.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd2\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Pudina (Peppermint)<\/h4><p>Sensasi sejuk-panas yang menyegarkan & memberi rasa lega segera.<\/p><\/div><\/div>\r\n <div class=\"ingr reveal rd3\"><div class=\"pic\"><div class=\"ph light\"><div class=\"lbl\">Img<\/div><\/div><\/div><div><h4>Minyak Kayu Putih (Eucalyptus)<\/h4><p>Membantu minyak meresap pantas & rasa lega lebih mendalam.<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-emerald\">\r\n <div class=\"after-head reveal\">\r\n <div class=\"after-img\"><div class=\"ph\"><div class=\"lbl\">Produk<\/div><\/div><\/div>\r\n <h2 class=\"display\" style=\"text-align:left;font-size:21px;flex:1\">SELEPAS GUNA <span class=\"text-gold\">SARAFLEX<\/span>, ANDA AKAN RASA..<\/h2>\r\n <\/div>\r\n <div class=\"after-stack\">\r\n <div class=\"after-row reveal\"><h5>SENDI & OTOT LEBIH LEGA<\/h5><p>Kehangatan terapeutik bantu longgarkan ketegangan, rasa sakit berkurang.<\/p><\/div>\r\n <div class=\"after-row reveal rd1\"><h5>PERGERAKAN LEBIH LANCAR<\/h5><p>Senang rukuk, sujud, naik tangga & bangun tanpa rasa tersekat.<\/p><\/div>\r\n <div class=\"after-row reveal\"><h5>BADAN LEBIH SELESA<\/h5><p>Kebas & kejang berkurang, badan terasa lebih ringan.<\/p><\/div>\r\n <div class=\"after-row reveal rd1\"><h5>TIDUR LEBIH LENA<\/h5><p>Tanpa gangguan sakit malam, bangun pagi lebih segar.<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <div class=\"text-center reveal mb-3\"><span class=\"eyebrow on-light\">Cara Guna<\/span><h2 class=\"display\" style=\"color:var(--mint);font-size:23px\">Mudah \u2014 Cuma Sapu & Urut<\/h2><\/div>\r\n <div class=\"steps\">\r\n <div class=\"step-row reveal\"><div class=\"ico\">1<\/div><p>Titiskan beberapa titik Saraflex pada kawasan sendi\/otot yang sakit<\/p><\/div>\r\n <div class=\"step-row reveal rd1\"><div class=\"ico\">2<\/div><p>Sapu rata & urut perlahan secara membulat sehingga meresap & terasa hangat<\/p><\/div>\r\n <div class=\"step-row reveal rd2\"><div class=\"ico\">3<\/div><p>Ulang 2\u20133 kali sehari \u2014 terutama pagi & sebelum tidur<\/p><\/div>\r\n <div class=\"step-row reveal rd3\"><div class=\"ico\">4<\/div><p>Elakkan kawasan luka terbuka & mata. Untuk kegunaan luaran sahaja<\/p><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-mint\">\r\n <div class=\"text-center reveal\"><h2 class=\"display\" style=\"color:var(--black);font-size:23px\">Apa Lebihnya <span class=\"text\">Saraflex<\/span>?<\/h2><p class=\"--black\">Berbanding minyak biasa di pasaran<\/p><\/div>\r\n <div class=\"vs-table reveal rd1\">\r\n <div class=\"vs-head\"><div class=\"vs-us\">SARAFLEX<\/div><div class=\"vs-them\">Minyak Biasa<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udca7 Tekstur<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Cepat meresap, tak melekit<\/div><div><span class=\"vs-no\">\u00d7<\/span> Melekit, berminyak lama<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udd25 Kesan Hangat<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Tahan lama<\/div><div><span class=\"vs-no\">?<\/span> Sekejap je<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83c\udf3f Bahan<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Ekstrak herba pekat<\/div><div><span class=\"vs-no\">?<\/span> Tidak jelas<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udc43 Bau<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Selesa, tak menyengat<\/div><div><span class=\"vs-no\">?<\/span> Berbeza-beza<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\ude9a Penghantaran<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> COD seluruh Malaysia<\/div><div><span class=\"vs-no\">\u00d7<\/span> Kena bayar dulu<\/div><\/div>\r\n <div class=\"vs-feature\">\ud83d\udcb0 Jaminan<\/div>\r\n <div class=\"vs-row\"><div><span class=\"vs-ok\">\u2713<\/span> Puas hati dijamin<\/div><div><span class=\"vs-no\">\u00d7<\/span> Tiada jaminan<\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-soft theme-cream\">\r\n <p class=\"text-center reveal\" style=\"color:#cfe0d6;font-size:16px;font-weight:600;margin-bottom:18px\">Ramai yang dah repeat! Kebanyakannya masalah sakit lutut, sendi & otot kejang<\/p>\r\n <div class=\"media media--16x9 reveal\" style=\"margin-bottom:18px\"><div class=\"ph\"><div class=\"lbl\">Gambar Stok \/ Parcel<\/div><\/div><\/div>\r\n <div class=\"units-box reveal rd1\"><div class=\"num\" data-count=\"38900\">0<\/div><div class=\"lbl\">UNIT TERJUAL<\/div><\/div>\r\n <div class=\"media media--9x16 video youtube-embed reveal rd2\" data-video-id=\"\" style=\"max-width:300px;margin:0 auto\">\r\n <div class=\"ph\"><div class=\"ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg><\/div><div class=\"lbl\">Video Testimoni 3<\/div><div class=\"desc\">Letak YouTube ID di <b>data-video-id<\/b><\/div><\/div>\r\n <div class=\"play\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-emerald\">\r\n <h2 class=\"testi-h reveal\">APA KATA PENGGUNA?<\/h2>\r\n <div class=\"testi-card reveal\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">A<\/div><\/div><\/div><div class=\"info\"><b>AIDA, PAHANG<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Lutut saya selalu sakit bila bangun pagi. Lepas sapu Saraflex & urut sikit, terus rasa hangat & lega. Dah jadi rutin harian.\"<\/q><\/div>\r\n <div class=\"testi-card reveal rd1\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">R<\/div><\/div><\/div><div class=\"info\"><b>ROSLI, JOHOR<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Saya kerja angkat barang, bahu selalu kejang. Minyak ni cepat meresap, tak melekit. Bau pun selesa.\"<\/q><\/div>\r\n <div class=\"testi-card reveal rd2\"><div class=\"who\"><div class=\"pic\"><div class=\"ph\"><div class=\"lbl\">N<\/div><\/div><\/div><div class=\"info\"><b>NURUL, SELANGOR<\/b><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><\/div><\/div><q>\"Beli untuk emak. Dia kata sejuk-panas yang menyamankan, malam senang tidur. Order botol kedua dah.\"<\/q><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-white2 theme-cream\" id=\"testimoni\">\r\n <div class=\"text-center reveal mb-2\"><span class=\"eyebrow on-light\">Testimoni WhatsApp<\/span><h2 class=\"display\" style=\"color:var(--black);font-size:23px\">Mesej Sebenar Dari Pelanggan<\/h2><\/div>\r\n \r\n <div class=\"wa-grid\">\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 1<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_1\" alt=\"Testimoni WhatsApp 1\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 2<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_2\" alt=\"Testimoni WhatsApp 2\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 3<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_3\" alt=\"Testimoni WhatsApp 3\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 4<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_4\" alt=\"Testimoni WhatsApp 4\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 5<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_5\" alt=\"Testimoni WhatsApp 5\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <div class=\"wa-slot reveal rd1\"><div class=\"ph light\"><div class=\"lbl\">Testimoni WhatsApp 6<\/div><div class=\"desc\">Tampal link gambar pada <b>src<\/b><\/div><\/div><img decoding=\"async\" src=\"LETAK_LINK_GAMBAR_6\" alt=\"Testimoni WhatsApp 6\" loading=\"lazy\" onload=\"this.previousElementSibling.style.display='none'\" onerror=\"this.style.display='none'\"><\/div>\r\n <\/div>\r\n <div class=\"reveal mt-4\"><div class=\"img-slot\" style=\"aspect-ratio:4\/3\"><div class=\"ph light\"><div class=\"lbl\">Gambar Pengguna Pegang Produk<\/div><\/div><\/div><\/div>\r\n <p class=\"text-center tiny mt-2\" style=\"color:#202020\">*Mesej dikongsi dengan kebenaran pelanggan.<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s- clip-up theme-mint\">\r\n <h2 class=\"display text-center reveal\">Tiada Online Banking? Boleh pilih Cash On Delivery (COD)<\/h2>\r\n <p class=\"lead text-center mt-2 reveal rd1\" style=\"color:#cfe0d6\">Beli dulu, bayar kepada posmen bila barang sampai \ud83d\udc4d<\/p>\r\n <div class=\"cod-banner reveal rd2 mt-3\">\r\n <h3>Barang sampai baru bayar!<\/h3>\r\n <p>BAYAR KEPADA POSMEN DI DEPAN RUMAH ANDA<\/p>\r\n <div class=\"media media--16x9\" style=\"margin-top:14px\"><div class=\"ph\"><div class=\"lbl\">Gambar COD<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"promo-tag reveal rd3\">Promosi hari ini sahaja!<br>2 Botol hanya RM110<span class=\"sml\">(Semenanjung \u2014 Pos Percuma \u00b7 Sabah\/Sarawak +RM15)<\/span><\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section -soft theme-cream\">\r\n <div class=\"guarantee reveal\"><div class=\"seal\">PUAS<br>HATI<\/div><h3>Jaminan Puas Hati<\/h3><p>Kami yakin dengan kualiti Saraflex. Jika anda ada sebarang masalah dengan produk, hubungi kami & pasukan customer service akan bantu anda sebaik mungkin.<\/p><\/div>\r\n <h2 class=\"display text-center mt-4 reveal\" style=\"color:var(--ink)\">Jangan Tunggu Lagi Legakan Sendi & Otot Dengan <span class=\"text-green\">Saraflex<\/span> Sekarang<\/h2>\r\n <p class=\"text-center mt-2 tiny reveal rd1\">Pilih pakej anda sementara harga promosi masih berlangsung!<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section -soft theme-emerald\">\r\n <h2 class=\"display text-center reveal\"><span class=\"text-gold\">PERCUMA<\/span> Pos & Hadiah untuk pembelian 2 botol & ke atas<\/h2>\r\n <div class=\"media media--1x1 reveal rd1\" style=\"background:transparent;margin-top:18px;box-shadow:none\"><div class=\"ph\"><div class=\"lbl\">Gambar Bonus \/ Hadiah<\/div><\/div><\/div>\r\n <ul style=\"list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:14px;color:#cfe0d6;font-size:14.5px;line-height:1.5\">\r\n <li>\u2013 Pos PERCUMA seluruh Semenanjung (pakej 2 & 3 botol)<\/li>\r\n <li>\u2013 Bayar bila barang sampai (COD)<\/li>\r\n <li>\u2013 Sesuai dikongsi sekeluarga<\/li>\r\n <li>\u2013 Stok terhad \u2014 utamakan yang order awal<\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n \r\n <section class=\"cd-sec theme-cream\">\r\n <div class=\"cd-eye reveal\"><span class=\"dot\"><\/span> PROMOSI TERHAD<\/div>\r\n <h2 class=\"reveal rd1\">\u26a1 Tawaran tamat dalam:<\/h2>\r\n <div class=\"cd-grid reveal rd2\" id=\"countdown\">\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-d\">00<\/span><span class=\"cd-lbl\">Hari<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-h\">00<\/span><span class=\"cd-lbl\">Jam<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-m\">00<\/span><span class=\"cd-lbl\">Minit<\/span><\/div>\r\n <div class=\"cd-box\"><span class=\"cd-num\" id=\"cd-s\">00<\/span><span class=\"cd-lbl\">Saat<\/span><\/div>\r\n <\/div>\r\n <p class=\"reveal rd3\" style=\"font-size:13px;margin-top:18px;opacity:.9\">Selepas tamat, harga kembali ke harga asal<\/p>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-cream theme-mint\" id=\"packages\">\r\n <h2 class=\"display text-center reveal mb-3\" style=\"color:var(--ink)\">Pilih Pakej Anda<\/h2>\r\n <div class=\"pkg-stack\">\r\n <div class=\"pkg featured reveal\">\r\n <div class=\"badge\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3 7 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z\"\/><\/svg> PALING POPULAR<\/div>\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 3 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Jimat<\/div><h3>Saraflex 3<\/h3><div class=\"sub\">3 Botol \u00b7 50ml setiap satu<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM237<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>150<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>3 Botol Saraflex 50ml<\/li><li>Pos PERCUMA Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>RM50\/botol \u2014 jimat RM87<\/li><li>Sesuai stok keluarga<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('3',150);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pkg reveal rd1\">\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 2 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Berterusan<\/div><h3>Saraflex 2<\/h3><div class=\"sub\">2 Botol \u00b7 50ml setiap satu<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM158<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>110<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>2 Botol Saraflex 50ml<\/li><li>Pos PERCUMA Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>RM55\/botol \u2014 jimat RM48<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('2',110);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pkg reveal rd2\">\r\n <div class=\"pkg-img\"><div class=\"ph light\" style=\"aspect-ratio:4\/3\"><div class=\"lbl\">Gambar Pakej 1 Botol<\/div><\/div><\/div>\r\n <div class=\"pkg-head\"><div class=\"tier\">Pakej Percubaan<\/div><h3>Saraflex 1<\/h3><div class=\"sub\">1 Botol \u00b7 50ml<\/div><\/div>\r\n <div class=\"pkg-body\">\r\n <div class=\"pkg-price\"><div class=\"old\">RM79<\/div><div class=\"new\"><span class=\"rm\">RM<\/span>59<\/div><\/div>\r\n <ul class=\"pkg-feat\"><li>1 Botol Saraflex 50ml<\/li><li>Pos RM10 Semenanjung<\/li><li>Bayar bila sampai (COD)<\/li><li>Cuba dulu rasa<\/li><\/ul>\r\n <a href=\"#order\" class=\"btn btn--gold\" onclick=\"selectPkg('1',59);return false;\">Buat Tempahan<\/a>\r\n <p class=\"postage-note\">Sabah\/Sarawak +RM15<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section s-cream theme-cream\" style=\"padding-top:0\">\r\n <div class=\"text-center reveal\"><h2 class=\"display\" style=\"color:var(--ink);font-size:21px\">Kenapa Pilih <span class=\"text-green\">Pakej Jimat<\/span>?<\/h2><p class=\"tiny mt-2\">Bandingkan apa yang anda dapat<\/p><\/div>\r\n <div class=\"compare-table reveal rd1\">\r\n <div class=\"ct-head\"><div>Manfaat<\/div><div>Pakej 1<\/div><div>Pakej 2<\/div><div class=\"ct-best\">Pakej 3<\/div><\/div>\r\n <div class=\"ct-row\"><div>Bilangan Botol<\/div><div>1<\/div><div>2<\/div><div class=\"ct-best\">3<\/div><\/div>\r\n <div class=\"ct-row\"><div>Harga \/ Botol<\/div><div>RM59<\/div><div>RM55<\/div><div class=\"ct-best\">RM50<\/div><\/div>\r\n <div class=\"ct-row\"><div>Jimat<\/div><div>RM20<\/div><div>RM48<\/div><div class=\"ct-best\">RM87<\/div><\/div>\r\n <div class=\"ct-row\"><div>Pos Percuma Semenanjung<\/div><div><span class=\"ct-cross\">\u2715<\/span><\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div class=\"ct-best\"><span class=\"ct-check\">\u2713<\/span><\/div><\/div>\r\n <div class=\"ct-row\"><div>Bayar Bila Sampai<\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div><span class=\"ct-check\">\u2713<\/span><\/div><div class=\"ct-best\"><span class=\"ct-check\">\u2713<\/span><\/div><\/div>\r\n <div class=\"ct-row\"><div>Untuk Keluarga<\/div><div>\u2014<\/div><div>Stabil<\/div><div class=\"ct-best\">Terbaik \u2605<\/div><\/div>\r\n <\/div>\r\n <a href=\"#order\" class=\"btn btn--gold cta-pulse reveal\" style=\"display:flex;margin:24px auto 0;max-width:300px\" onclick=\"selectPkg('3',150);return false;\">Pilih Pakej Jimat \u2014 RM150<\/a>\r\n <\/section>\r\n\r\n \r\n <section class=\"order-section theme-emerald\" id=\"order\">\r\n <h2 class=\"order-h reveal\">Sahkan Pesanan <span class=\"hl\">Anda<\/span><\/h2>\r\n <p class=\"order-sub reveal rd1\">Isi maklumat & sahkan order. Posmen akan hubungi anda untuk hantar barang.<\/p>\r\n <form id=\"srx-order-form\" class=\"reveal\" method=\"POST\" action=\"\/checkout\/\" novalidate>\r\n <input type=\"hidden\" name=\"action\" value=\"srx_create_order\">\r\n <input type=\"hidden\" name=\"srx_nonce\" id=\"srx_nonce\" value=\"\">\r\n <div class=\"order-card\">\r\n <h4>Pilih Pakej Anda<\/h4>\r\n <label class=\"pkg-option\" data-pkg=\"3\" data-price=\"150\" data-product=\"SRX-3\"><input type=\"radio\" name=\"package\" value=\"3\"><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">3<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Jimat<\/b><span>3 Botol \u00b7 Pos Percuma<\/span><span class=\"price\">RM 150.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <label class=\"pkg-option active\" data-pkg=\"2\" data-price=\"110\" data-product=\"SRX-2\"><input type=\"radio\" name=\"package\" value=\"2\" checked><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">2<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Berterusan<\/b><span>2 Botol \u00b7 Pos Percuma<\/span><span class=\"price\">RM 110.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <label class=\"pkg-option\" data-pkg=\"1\" data-price=\"59\" data-product=\"SRX-1\"><input type=\"radio\" name=\"package\" value=\"1\"><div class=\"preview\"><div class=\"ph light\"><div class=\"lbl\">1<\/div><\/div><\/div><div class=\"pkg-info\"><b>Pakej Percubaan<\/b><span>1 Botol \u00b7 50ml<\/span><span class=\"price\">RM 59.00<\/span><\/div><div class=\"radio\"><\/div><\/label>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Maklumat Pelanggan<\/h4>\r\n <div class=\"form-row\"><label for=\"fullname\">Nama Penerima<\/label><input type=\"text\" id=\"fullname\" name=\"fullname\" placeholder=\"Cth: Ahmad bin Abdullah\" autocomplete=\"name\" required><\/div>\r\n <div class=\"form-row\"><label for=\"phone\">No Telefon (WhatsApp)<\/label><input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Cth: 0123456789\" inputmode=\"numeric\" autocomplete=\"tel\" required><\/div>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Alamat Penghantaran<\/h4>\r\n <div class=\"form-row\"><label for=\"address\">Alamat Penuh<\/label><input type=\"text\" id=\"address\" name=\"address\" placeholder=\"No. rumah, jalan, taman\" required><\/div>\r\n <div class=\"form-grid\">\r\n <div class=\"form-row\"><label for=\"state\">Negeri<\/label><select id=\"state\" name=\"state\" required><option value=\"\">Pilih negeri<\/option><option>Johor<\/option><option>Kedah<\/option><option>Kelantan<\/option><option>Melaka<\/option><option>Negeri Sembilan<\/option><option>Pahang<\/option><option>Perak<\/option><option>Perlis<\/option><option>Pulau Pinang<\/option><option>Sabah<\/option><option>Sarawak<\/option><option>Selangor<\/option><option>Terengganu<\/option><option>Kuala Lumpur<\/option><option>Putrajaya<\/option><option>Labuan<\/option><\/select><\/div>\r\n <div class=\"form-row\"><label for=\"city\">Bandar<\/label><input type=\"text\" id=\"city\" name=\"city\" placeholder=\"Bandar\" required><\/div>\r\n <\/div>\r\n <div class=\"form-row\"><label for=\"postcode\">Poskod<\/label><input type=\"text\" id=\"postcode\" name=\"postcode\" placeholder=\"43000\" inputmode=\"numeric\" pattern=\"[0-9]{5}\" required><\/div>\r\n <\/div>\r\n <div class=\"order-card\">\r\n <h4>Pembayaran<\/h4>\r\n <div class=\"summary\">\r\n <div class=\"summary-row\"><span id=\"sumPkgLabel\">Pakej Berterusan x1<\/span><span id=\"sumPkgPrice\">RM 110.00<\/span><\/div>\r\n <div class=\"summary-row\"><span>Harga Pakej<\/span><span id=\"sumPrice\">RM 110.00<\/span><\/div>\r\n <div class=\"summary-row\"><span>Caj Penghantaran<\/span><span id=\"sumShipping\">RM 0.00<\/span><\/div>\r\n <div class=\"summary-row total\"><span>Jumlah<\/span><span id=\"sumTotal\">RM 110.00<\/span><\/div>\r\n <\/div>\r\n <div class=\"pay-row\"><div class=\"radio\"><\/div><div class=\"ico\">\ud83d\ude9a<\/div><div class=\"lbl\"><b>COD (Cash On Delivery)<\/b><span>Bayar tunai bila barang sampai<\/span><\/div><\/div>\r\n <button type=\"submit\" class=\"btn btn--green mt-3\" id=\"submitBtn\">Sahkan Order \u2014 <span id=\"btnTotal\">RM 110.00<\/span><\/button>\r\n <\/div>\r\n <\/form>\r\n\r\n <div class=\"thank-you\" id=\"thank-you\" role=\"status\" aria-live=\"polite\">\r\n <div class=\"ty-confetti\" id=\"ty-confetti\"><\/div>\r\n <div class=\"ty-check\"><svg viewBox=\"0 0 24 24\"><polyline points=\"4 12 10 18 20 6\"\/><\/svg><\/div>\r\n <h2>Terima kasih<span class=\"name\" id=\"ty-name\"><\/span>!<br>Pesanan Berjaya Dibuat<\/h2>\r\n <p class=\"ty-lead\">Pesanan anda telah kami terima. Kami akan WhatsApp untuk sahkan & hantar.<\/p>\r\n <div class=\"ty-summary\"><div class=\"ty-label\">Pesanan Anda<\/div><div class=\"ty-pkg\" id=\"ty-pkg\">\u2014<\/div><div class=\"ty-total\" id=\"ty-total\">RM 0.00<\/div><div class=\"ty-order-id\">No. Order: <b id=\"ty-order-id\">\u2014<\/b><\/div><\/div>\r\n <div class=\"ty-steps\">\r\n <div class=\"ty-steps-title\">Apa seterusnya?<\/div>\r\n <div class=\"ty-step\"><div class=\"num\">1<\/div><div class=\"txt\"><b>Pesanan diproses<\/b>Kami pack & hantar dalam 24 jam waktu bekerja<\/div><\/div>\r\n <div class=\"ty-step\"><div class=\"num\">2<\/div><div class=\"txt\"><b>Posmen hubungi anda<\/b>Sebelum sampai, posmen akan call\/SMS pengesahan<\/div><\/div>\r\n <div class=\"ty-step\"><div class=\"num\">3<\/div><div class=\"txt\"><b>Bayar bila sampai<\/b>Bayar tunai kepada posmen selepas terima barang<\/div><\/div>\r\n <\/div>\r\n <div class=\"ty-actions\">\r\n <a href=\"https:\/\/wa.me\/60123456789?text=saya%20baru%20buat%20order%20Saraflex\" target=\"_blank\" rel=\"noopener\" class=\"ty-wa-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12c0 1.85.5 3.58 1.38 5.07L2 22l5.07-1.34C8.5 21.5 10.2 22 12 22c5.52 0 10-4.48 10-10S17.52 2 12 2z\"\/><\/svg> Hubungi Customer Service<\/a>\r\n <button type=\"button\" class=\"ty-back\" onclick=\"resetOrderForm()\">Buat pesanan lain<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section theme-cream\">\r\n <div class=\"text-center\"><span class=\"eyebrow on-light\">Soalan Lazim<\/span><h2 class=\"display\" style=\"color:var(--ink);font-size:23px\">Anda Mungkin Nak Tahu<\/h2><\/div>\r\n <div class=\"faq-list\">\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Apa itu Saraflex?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Saraflex ialah minyak sendi (Joint Relief Oil) untuk kegunaan luaran \u2014 diformulasi dengan ekstrak herba pilihan untuk membantu melegakan sakit lutut, sendi, otot kejang & kebas. Sapu & urut pada kawasan sakit.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Macam mana cara guna?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Titiskan pada kawasan sakit, sapu & urut perlahan sehingga meresap & terasa hangat. Ulang <b>2\u20133 kali sehari<\/b>, terutama pagi & sebelum tidur. Untuk kegunaan luaran sahaja.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Berapa lama nampak kesan?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Kesan hangat & lega biasanya terasa <b>sejurus selepas disapu & diurut<\/b>. Untuk hasil yang konsisten, guna secara berterusan setiap hari.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Ada melekit atau bau kuat tak?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Tidak. Tekstur ringan, cepat meresap dan <b>tidak melekit<\/b>. Baunya selesa & menyegarkan, bukan jenis yang menyengat.<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Cara bayaran & penghantaran?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p><b>COD<\/b> \u2014 bayar tunai bila barang sampai. Pos 2\u20134 hari Semenanjung, 4\u20137 hari Sabah\/Sarawak. Pos percuma untuk pakej 2 & 3 botol (Semenanjung).<\/p><\/div><\/div><\/div><\/div>\r\n <div class=\"faq-item\"><button class=\"faq-q\" type=\"button\" aria-expanded=\"false\"><span>Sesuai untuk siapa?<\/span><span class=\"faq-q-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span><\/button><div class=\"faq-a-wrap\"><div class=\"faq-a\"><div class=\"faq-a-inner\"><p>Sesuai untuk sesiapa yang kerap sakit\/kebas\/kejang pada sendi, lutut, bahu, belakang atau otot \u2014 termasuk warga emas, pekerja berat & yang aktif bersukan. Kulit sensitif, cuba sedikit dulu.<\/p><\/div><\/div><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer style=\"background:var(--green-dark);color:#94A3B8;padding:40px 22px;text-align:center;font-size:11px;line-height:1.7\">\r\n <div style=\"max-width:600px;margin:0 auto\">\r\n <div class=\"cinzel\" style=\"color:var(--gold-soft);font-size:1.3rem;letter-spacing:3px;margin-bottom:6px\">SARAFLEX<\/div>\r\n <p style=\"margin-bottom:10px;color:#cbd5e1\">Minyak Sendi \u00b7 Relief \u00b7 Repair \u00b7 Restore \u00b7 50ml | COD Seluruh Malaysia<\/p>\r\n <p style=\"margin-bottom:10px\"><b style=\"color:#cfe0d6\">*Penafian:<\/b> Keputusan mungkin berbeza bagi setiap individu. Produk ini untuk kegunaan luaran & bukan ubat \u2014 tidak bertujuan untuk mendiagnosis, merawat atau menyembuhkan sebarang penyakit. Sila dapatkan nasihat doktor jika mempunyai masalah kesihatan tertentu.<\/p>\r\n <p>*Results may vary. This product is for external use and is not intended to diagnose, treat or cure any disease.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"lb-overlay\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\"><button class=\"lb-close\" aria-label=\"Tutup\">\u00d7<\/button><img decoding=\"async\" src=\"\" alt=\"\"><\/div>\r\n\r\n\r\n<div class=\"sticky-cta\" id=\"stickyCta\"><a href=\"#order\" class=\"btn btn--gold\">\ud83d\uded2 Tekan Sini Untuk Order<\/a><\/div>\r\n\r\n\r\n<div class=\"pop\" id=\"pop\" role=\"status\" aria-live=\"polite\">\r\n <button class=\"pclose\" type=\"button\" aria-label=\"Tutup\">\u00d7<\/button>\r\n <div class=\"pico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\r\n <div><div class=\"pt\"><b id=\"pp-name\">Ahmad<\/b> dari <span id=\"pp-state\">Selangor<\/span><\/div><div class=\"pd\">baru membeli <b id=\"pp-pkg\">Pakej Jimat<\/b><\/div><div class=\"ptime\"><span id=\"pp-time\">2 minit lalu<\/span><\/div><\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== Scroll reveal ===== *\/\r\n(function(){\r\n var els=document.querySelectorAll('.reveal');\r\n if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in')});return;}\r\n var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}})},{threshold:.08,rootMargin:'0px 0px -40px 0px'});\r\n els.forEach(function(e){io.observe(e)});\r\n setTimeout(function(){document.querySelectorAll('.reveal:not(.in)').forEach(function(e){var r=e.getBoundingClientRect();if(r.top<window.innerHeight+100)e.classList.add('in')})},1500);\r\n})();\r\n\r\n\/* ===== Sticky CTA ===== *\/\r\nvar sticky=document.getElementById('stickyCta');\r\nwindow.addEventListener('scroll',function(){\r\n if(window.scrollY>600 && window.scrollY<document.body.scrollHeight-1200) sticky.classList.add('show'); else sticky.classList.remove('show');\r\n},{passive:true});\r\n\r\n\/* ===== Package selection ===== *\/\r\nvar pkgOptions=document.querySelectorAll('.pkg-option');\r\nvar stateSel=document.getElementById('state');\r\nfunction money(n){return 'RM '+Number(n).toFixed(2);}\r\nfunction updateSummary(){\r\n var active=document.querySelector('.pkg-option.active'); if(!active)return;\r\n var pkg=active.dataset.pkg, price=parseInt(active.dataset.price);\r\n var labels={'1':'Pakej Percubaan x1','2':'Pakej Berterusan x1','3':'Pakej Jimat x1'};\r\n document.getElementById('sumPkgLabel').textContent=labels[pkg];\r\n document.getElementById('sumPkgPrice').textContent=money(price);\r\n document.getElementById('sumPrice').textContent=money(price);\r\n var shipping=0, st=stateSel.value;\r\n if(st==='Sabah'||st==='Sarawak'||st==='Labuan') shipping=15; else shipping=(pkg==='1')?10:0;\r\n document.getElementById('sumShipping').textContent=money(shipping);\r\n var total=price+shipping;\r\n document.getElementById('sumTotal').textContent=money(total);\r\n document.getElementById('btnTotal').textContent=money(total);\r\n}\r\npkgOptions.forEach(function(opt){opt.addEventListener('click',function(){pkgOptions.forEach(function(o){o.classList.remove('active')});opt.classList.add('active');opt.querySelector('input').checked=true;updateSummary();})});\r\nstateSel.addEventListener('change',updateSummary);\r\nfunction selectPkg(pkg){var opt=document.querySelector('.pkg-option[data-pkg=\"'+pkg+'\"]');if(opt){pkgOptions.forEach(function(o){o.classList.remove('active')});opt.classList.add('active');opt.querySelector('input').checked=true;updateSummary();}document.getElementById('order').scrollIntoView({behavior:'smooth'});}\r\nwindow.selectPkg=selectPkg;\r\n\r\n\/* ===== Units counter ===== *\/\r\n(function(){\r\n var el=document.querySelector('.units-box .num'); if(!el)return;\r\n var target=parseInt(el.dataset.count||'38900',10);\r\n var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){var cur=Math.floor(target*.8);var step=function(){cur+=Math.ceil((target-cur)\/18);if(cur>=target){el.textContent=target.toLocaleString('en-US');return;}el.textContent=cur.toLocaleString('en-US');requestAnimationFrame(step);};step();io.unobserve(e.target);}})},{threshold:.5});\r\n io.observe(el);\r\n})();\r\n\r\n\/* ===== Order form (WooCommerce AJAX + WhatsApp fallback) ===== *\/\r\nvar WA_NUMBER='60123456789'; \/\/ <-- tukar no. WhatsApp\r\nvar form=document.getElementById('srx-order-form');\r\nvar submitBtnEl=document.getElementById('submitBtn');\r\nfunction showOrderMessage(msg,type){\r\n var box=document.getElementById('srx-order-msg');\r\n if(!box){box=document.createElement('div');box.id='srx-order-msg';box.style.cssText='margin-top:12px;padding:14px 16px;border-radius:12px;font-size:14.5px;line-height:1.5;text-align:center;font-weight:600';submitBtnEl.parentNode.appendChild(box);}\r\n if(type==='error') box.style.cssText+=';background:#fbebed;color:#b23b2f;border:1px solid #f0c9c4';\r\n box.innerHTML=msg;\r\n}\r\nfunction clearOrderMessage(){var b=document.getElementById('srx-order-msg');if(b)b.remove();}\r\nfunction resetSubmitBtn(total){submitBtnEl.disabled=false;submitBtnEl.innerHTML='Sahkan Order \u2014 <span id=\"btnTotal\">'+money(total)+'<\/span>';}\r\nfunction validateOrder(d){\r\n var name=(d.get('fullname')||'').trim();\r\n var phone=(d.get('phone')||'').replace(\/[^0-9]\/g,'');\r\n var address=(d.get('address')||'').trim();\r\n var state=(d.get('state')||'').trim();\r\n var city=(d.get('city')||'').trim();\r\n var postcode=(d.get('postcode')||'').trim();\r\n if(name.length<3)return{field:'fullname',msg:'Sila masukkan nama penuh anda.'};\r\n if(phone.length<9||phone.length>11)return{field:'phone',msg:'No telefon tidak sah. Cth: 0123456789'};\r\n if(address.length<5)return{field:'address',msg:'Sila masukkan alamat penuh.'};\r\n if(!state)return{field:'state',msg:'Sila pilih negeri.'};\r\n if(city.length<2)return{field:'city',msg:'Sila masukkan bandar.'};\r\n if(!\/^[0-9]{5}$\/.test(postcode))return{field:'postcode',msg:'Poskod mesti 5 angka.'};\r\n return null;\r\n}\r\nfunction postOrderWithTimeout(data,ms){\r\n var controller=new AbortController();\r\n var t=setTimeout(function(){controller.abort();},ms);\r\n return fetch('\/wp-admin\/admin-ajax.php',{method:'POST',body:data,signal:controller.signal,credentials:'same-origin'}).finally(function(){clearTimeout(t);});\r\n}\r\nform.addEventListener('submit',function(e){\r\n e.preventDefault(); clearOrderMessage();\r\n var data=new FormData(form);\r\n var active=document.querySelector('.pkg-option.active');\r\n data.append('pkg_code',active.dataset.product); data.append('pkg_id',active.dataset.pkg); data.append('pkg_price',active.dataset.price);\r\n var pkgId=active.dataset.pkg, pkgLabels={'1':'Pakej Percubaan','2':'Pakej Berterusan','3':'Pakej Jimat'}, pkgPrice=parseInt(active.dataset.price);\r\n var stateVal=document.getElementById('state').value;\r\n var shipping=0; if(stateVal==='Sabah'||stateVal==='Sarawak'||stateVal==='Labuan')shipping=15; else if(pkgId==='1')shipping=10;\r\n var grandTotal=pkgPrice+shipping;\r\n var err=validateOrder(data);\r\n if(err){showOrderMessage(err.msg,'error');var fld=document.getElementById(err.field);if(fld){fld.focus();fld.scrollIntoView({behavior:'smooth',block:'center'});}return;}\r\n var cleanPhone=(data.get('phone')||'').replace(\/[^0-9]\/g,''); data.set('phone',cleanPhone);\r\n var customerName=(data.get('fullname')||'').trim();\r\n function showThankYou(orderId){\r\n document.getElementById('ty-name').textContent=customerName?', '+customerName.split(' ')[0]:'';\r\n document.getElementById('ty-pkg').textContent=pkgLabels[pkgId]+' \u00d7 1';\r\n document.getElementById('ty-total').textContent=money(grandTotal);\r\n document.getElementById('ty-order-id').textContent=orderId||('SRX-'+Date.now().toString().slice(-8));\r\n form.style.display='none';\r\n var ty=document.getElementById('thank-you'); ty.classList.add('show');\r\n var confetti=document.getElementById('ty-confetti'); confetti.innerHTML='';\r\n var colors=['#065F46','#A7F3D0','#FFF8E7','#A7F3D0','#065F46'];\r\n for(var i=0;i<24;i++){var c=document.createElement('span');c.style.left=Math.random()*100+'%';c.style.background=colors[i%colors.length];c.style.animationDelay=(Math.random()*.5)+'s';c.style.animationDuration=(1.8+Math.random()*1.2)+'s';c.style.transform='rotate('+(Math.random()*360)+'deg)';confetti.appendChild(c);}\r\n if(sticky)sticky.classList.remove('show');\r\n setTimeout(function(){ty.scrollIntoView({behavior:'smooth',block:'start'});},100);\r\n }\r\n function waFallback(){\r\n var msg=encodeURIComponent('Saya nak order Saraflex:\\nPakej: '+pkgLabels[pkgId]+'\\nNama: '+customerName+'\\nNo Tel: '+cleanPhone+'\\nAlamat: '+(data.get('address')||'')+', '+(data.get('city')||'')+', '+(data.get('postcode')||'')+' '+stateVal+'\\nJumlah: '+money(grandTotal)+' (COD)');\r\n return 'https:\/\/wa.me\/'+WA_NUMBER+'?text='+msg;\r\n }\r\n var waBtn='<br><a href=\"'+waFallback()+'\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;margin-top:10px;background:#065F46;color:#FFF8E7;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none\">\ud83d\udcf1 Order Terus Via WhatsApp<\/a>';\r\n\r\n \/\/ Jika WooCommerce belum siap (tiada nonce) \u2014 terus guna WhatsApp, jangan tipu success\r\n var nonce=document.getElementById('srx_nonce').value;\r\n if(!nonce){showOrderMessage('Untuk sahkan tempahan, sila klik \u2192 '+waBtn,'error');window.open(waFallback(),'_blank');return;}\r\n\r\n submitBtnEl.disabled=true; submitBtnEl.textContent='Memproses...';\r\n postOrderWithTimeout(data,20000).then(function(res){\r\n return res.json().catch(function(){return null;}).then(function(result){\r\n if(res.ok && result && result.success){\r\n var orderId=(result.data&&result.data.order_id)?('#'+result.data.order_id):null; showThankYou(orderId);\r\n } else {\r\n var m=(result&&result.data&&result.data.message)?result.data.message:'Maaf, pesanan tidak dapat diproses sekarang.';\r\n showOrderMessage(m+waBtn,'error'); resetSubmitBtn(grandTotal);\r\n }\r\n });\r\n }).catch(function(){\r\n showOrderMessage('Sambungan terganggu \u2014 pesanan belum dihantar. Cuba lagi atau order terus via WhatsApp (maklumat anda tidak hilang).'+waBtn,'error'); resetSubmitBtn(grandTotal);\r\n });\r\n});\r\nfunction resetOrderForm(){\r\n var ty=document.getElementById('thank-you'); ty.classList.remove('show'); form.style.display=''; form.reset();\r\n pkgOptions.forEach(function(o){o.classList.remove('active')});\r\n var def=document.querySelector('.pkg-option[data-pkg=\"2\"]'); if(def){def.classList.add('active');def.querySelector('input').checked=true;}\r\n updateSummary(); submitBtnEl.disabled=false;\r\n document.getElementById('order').scrollIntoView({behavior:'smooth',block:'start'});\r\n}\r\nwindow.resetOrderForm=resetOrderForm;\r\nupdateSummary();\r\n\r\n\/* ===== YouTube click-to-play ===== *\/\r\ndocument.querySelectorAll('.youtube-embed').forEach(function(el){\r\n el.addEventListener('click',function(){\r\n if(this.classList.contains('loaded'))return;\r\n var id=this.dataset.videoId; if(!id)return;\r\n var iframe=document.createElement('iframe');\r\n iframe.src='https:\/\/www.youtube.com\/embed\/'+id+'?autoplay=1&playsinline=1&rel=0';\r\n iframe.allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';\r\n iframe.allowFullscreen=true; iframe.title='Saraflex video';\r\n this.appendChild(iframe); this.classList.add('loaded');\r\n });\r\n});\r\n\r\n\/* ===== Lightbox ===== *\/\r\n(function(){\r\n var lb=document.getElementById('lightbox'); if(!lb)return;\r\n var lbImg=lb.querySelector('img');\r\n function close(){lb.classList.remove('open');document.body.style.overflow='';}\r\n lb.addEventListener('click',function(e){if(e.target===lb||e.target.classList.contains('lb-close'))close();});\r\n document.addEventListener('keydown',function(e){if(e.key==='Escape'&&lb.classList.contains('open'))close();});\r\n document.querySelectorAll('.wa-slot img, .img-slot img, .users-img, .testi-card .pic img').forEach(function(img){\r\n img.style.cursor='zoom-in';\r\n img.addEventListener('click',function(){lbImg.src=img.src;lbImg.alt=img.alt;lb.classList.add('open');document.body.style.overflow='hidden';});\r\n });\r\n})();\r\n\r\n\/* ===== Countdown ===== *\/\r\n(function(){\r\n var elD=document.getElementById('cd-d'),elH=document.getElementById('cd-h'),elM=document.getElementById('cd-m'),elS=document.getElementById('cd-s');\r\n if(!elD)return;\r\n var pad=function(n){return String(Math.max(0,n)).padStart(2,'0');};\r\n function tick(){\r\n var now=new Date(); var end=new Date(now); end.setHours(23,59,59,999);\r\n var diff=end-now; if(diff<=0){elD.textContent='00';elH.textContent='00';elM.textContent='00';elS.textContent='00';return;}\r\n elD.textContent=pad(Math.floor(diff\/86400000));\r\n elH.textContent=pad(Math.floor((diff%86400000)\/3600000));\r\n elM.textContent=pad(Math.floor((diff%3600000)\/60000));\r\n elS.textContent=pad(Math.floor((diff%60000)\/1000));\r\n }\r\n tick(); setInterval(tick,1000);\r\n})();\r\n\r\n\/* ===== FAQ accordion ===== *\/\r\ndocument.querySelectorAll('.faq-item').forEach(function(item){\r\n var btn=item.querySelector('.faq-q'); if(!btn)return;\r\n btn.addEventListener('click',function(){\r\n var isOpen=item.classList.contains('is-open');\r\n document.querySelectorAll('.faq-item.is-open').forEach(function(o){if(o!==item){o.classList.remove('is-open');var b=o.querySelector('.faq-q');if(b)b.setAttribute('aria-expanded','false');}});\r\n item.classList.toggle('is-open',!isOpen); btn.setAttribute('aria-expanded',String(!isOpen));\r\n });\r\n});\r\n\r\n\/* ===== Social proof popup ===== *\/\r\n(function(){\r\n var pop=document.getElementById('pop'); if(!pop)return;\r\n var nameEl=document.getElementById('pp-name'),stateEl=document.getElementById('pp-state'),pkgEl=document.getElementById('pp-pkg'),timeEl=document.getElementById('pp-time'),closeBtn=pop.querySelector('.pclose');\r\n var names=['Ahmad','Siti','Hassan','Aminah','Razak','Faridah','Pn. Salmah','En. Rosli','Kak Nurul','Pak Long','Hjh Zainab','En. Faizal','Kamarul','Rohaya'];\r\n var states=['Selangor','Johor','Pahang','Perak','Kedah','Kelantan','Terengganu','Melaka','Pulau Pinang','Sabah','Sarawak','Kuala Lumpur'];\r\n var packages=['Pakej Jimat','Pakej Jimat','Pakej Berterusan','Pakej Berterusan','Pakej Percubaan'];\r\n var times=['baru sahaja','1 minit lalu','2 minit lalu','3 minit lalu','5 minit lalu','8 minit lalu','12 minit lalu'];\r\n var rand=function(a){return a[Math.floor(Math.random()*a.length)];};\r\n var dismissed=false;\r\n function show(){if(dismissed)return;nameEl.textContent=rand(names);stateEl.textContent=rand(states);pkgEl.textContent=rand(packages);timeEl.textContent=rand(times);pop.classList.add('show');setTimeout(function(){pop.classList.remove('show');},5500);}\r\n closeBtn.addEventListener('click',function(){pop.classList.remove('show');dismissed=true;setTimeout(function(){pop.classList.add('dismissed');},600);});\r\n setTimeout(function loop(){show();setTimeout(loop,12000+Math.random()*13000);},8000);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\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>Saraflex \u2014 Minyak Sendi | Legakan Sakit Lutut, Sendi & Otot \ud83c\udf3f RELIEF \u00b7 REPAIR \u00b7 RESTORE \u2022 COD SELURUH MALAYSIA SARAFLEX Lutut Sakit, Sendi Kaku, Otot Kejang? Lega Dalam Beberapa Minit. Saraflex Minyak Sendi sapu, urut, terus terasa hangat & lega di kawasan yang sakit. Cepat meresap, tak melekit. \u2605\u2605\u2605\u2605\u2605Dipercayai ribuan pengguna Video Testimoni […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-256","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/comments?post=256"}],"version-history":[{"count":28,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/pages\/256\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/purerest.on-linne.com\/index.php\/wp-json\/wp\/v2\/media?parent=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}