{"id":3238,"date":"2025-08-05T17:07:57","date_gmt":"2025-08-05T09:07:57","guid":{"rendered":"https:\/\/paklongmanutarahq.site\/?cartflows_step=checkout-page-5-3"},"modified":"2026-09-01T22:59:19","modified_gmt":"2026-09-01T14:59:19","slug":"checkout-page-5-3","status":"publish","type":"cartflows_step","link":"https:\/\/paklongmanutarahq.site\/?cartflows_step=checkout-page-5-3","title":{"rendered":"Checkout Page"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Jamu Hitam Lagend Paklongman<\/title>\r\n\r\n <style>\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: #fff;\r\n font-family: Arial, Helvetica, sans-serif;\r\n }\r\n\r\n \/* BAR PROMOSI *\/\r\n\r\n .offer {\r\n position: relative;\r\n z-index: 5;\r\n overflow: hidden;\r\n padding: 8px 0;\r\n background: #ed0000;\r\n color: #ffe000;\r\n white-space: nowrap;\r\n }\r\n\r\n .offer-track {\r\n display: inline-flex;\r\n width: max-content;\r\n animation: marquee 15s linear infinite;\r\n }\r\n\r\n .offer span {\r\n padding-right: 45px;\r\n font-size: clamp(.7rem, 2vw, .85rem);\r\n font-weight: 900;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes marquee {\r\n to {\r\n transform: translateX(-50%);\r\n }\r\n }\r\n\r\n \/* HERO *\/\r\n\r\n .hero {\r\n position: relative;\r\n min-height: 980px;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 50% 44%, #810606 0, #520000 48%, #330000 100%);\r\n color: #fff;\r\n text-align: center;\r\n }\r\n\r\n .content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(850px, calc(100% - 30px));\r\n margin: auto;\r\n padding: 28px 0 150px;\r\n }\r\n\r\n .eyebrow {\r\n color: #ffd500;\r\n font-size: clamp(.7rem, 2vw, .88rem);\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n }\r\n\r\n h1 {\r\n margin: 8px 0 7px;\r\n font-size: clamp(2.25rem, 6vw, 4.25rem);\r\n font-style: italic;\r\n line-height: .95;\r\n text-transform: uppercase;\r\n text-shadow: 4px 5px 0 #250000;\r\n }\r\n\r\n h1 span {\r\n display: block;\r\n color: #ffd500;\r\n }\r\n\r\n .sub {\r\n max-width: 620px;\r\n margin: 12px auto 0;\r\n color: #fff;\r\n font-size: clamp(.78rem, 2vw, 1rem);\r\n font-weight: 700;\r\n }\r\n\r\n .arrow {\r\n display: block;\r\n width: 190px;\r\n height: 92px;\r\n margin: 23px auto 28px;\r\n overflow: visible;\r\n animation: arrowMove 1.2s ease-in-out infinite;\r\n }\r\n\r\n .arrow path {\r\n fill: none;\r\n stroke: #fff;\r\n stroke-width: 13;\r\n stroke-linecap: square;\r\n stroke-linejoin: miter;\r\n }\r\n\r\n @keyframes arrowMove {\r\n 50% {\r\n transform: translateY(10px);\r\n }\r\n }\r\n\r\n .product {\r\n display: block;\r\n width: min(460px, 88%);\r\n margin: 0 auto;\r\n border: 4px solid rgba(255, 255, 255, .86);\r\n box-shadow: 0 24px 55px #0009;\r\n }\r\n\r\n .name {\r\n margin: 23px 0 0;\r\n color: #ffd000;\r\n font-size: clamp(1.45rem, 4vw, 2.4rem);\r\n font-style: italic;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n text-shadow: 3px 3px 0 #4d2900;\r\n }\r\n\r\n .cta {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: min(400px, 92%);\r\n margin-top: 15px;\r\n padding: 16px 22px;\r\n border: 3px solid #7dff9d;\r\n border-radius: 7px;\r\n background: linear-gradient(#23c450, #07872e);\r\n box-shadow: 0 7px 0 #045b20, 0 15px 30px #0006;\r\n color: #fff;\r\n font-size: clamp(1rem, 3vw, 1.2rem);\r\n font-weight: 900;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n animation: buttonMove 1.35s ease-in-out infinite;\r\n }\r\n\r\n @keyframes buttonMove {\r\n 50% {\r\n transform: translateY(-8px) scale(1.035);\r\n filter: brightness(1.12);\r\n }\r\n }\r\n\r\n .slope {\r\n position: absolute;\r\n z-index: 1;\r\n right: -5%;\r\n bottom: -1px;\r\n left: -5%;\r\n height: 150px;\r\n background: #fff;\r\n clip-path: polygon(\r\n 0 25%,\r\n 50% 100%,\r\n 100% 25%,\r\n 100% 100%,\r\n 0 100%\r\n );\r\n }\r\n\r\n \/* BAHAGIAN KELEBIHAN *\/\r\n\r\n .impact {\r\n position: relative;\r\n margin-top: -2px;\r\n padding: 32px 20px 92px;\r\n background: #fff;\r\n color: #111;\r\n text-align: center;\r\n }\r\n\r\n .impact-inner {\r\n width: min(650px, 100%);\r\n margin: auto;\r\n }\r\n\r\n .impact-badge {\r\n display: inline-block;\r\n margin-bottom: 18px;\r\n padding: 10px 20px;\r\n border: 3px solid #f1b900;\r\n border-radius: 7px;\r\n background: linear-gradient(135deg, #3d0000, #9d0000, #390000);\r\n box-shadow: 0 7px 0 #d7a700;\r\n color: #fff;\r\n font-size: clamp(1rem, 3vw, 1.4rem);\r\n font-style: italic;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n }\r\n\r\n .impact-badge b {\r\n color: #ffd12d;\r\n font-size: 1.35em;\r\n }\r\n\r\n .impact h2 {\r\n margin: 8px 0 7px;\r\n font-size: clamp(2.3rem, 7vw, 4.5rem);\r\n font-style: italic;\r\n font-weight: 1000;\r\n letter-spacing: -.05em;\r\n line-height: .9;\r\n text-transform: uppercase;\r\n }\r\n\r\n .impact h2 span {\r\n display: block;\r\n background: linear-gradient(#ffd94b, #bd7200);\r\n background-clip: text;\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n }\r\n\r\n .impact-lead {\r\n max-width: 590px;\r\n margin: 15px auto 27px;\r\n color: #3e3e3e;\r\n font-size: clamp(.95rem, 2.7vw, 1.12rem);\r\n font-weight: 700;\r\n }\r\n\r\n .benefit-list {\r\n display: grid;\r\n gap: 9px;\r\n width: min(550px, 100%);\r\n margin: auto;\r\n text-align: left;\r\n }\r\n\r\n .benefit {\r\n display: grid;\r\n grid-template-columns: 56px 1fr;\r\n align-items: center;\r\n min-height: 66px;\r\n border-top: 3px solid #111;\r\n border-bottom: 3px solid #111;\r\n background: linear-gradient(90deg, #fff4c2, #fff);\r\n }\r\n\r\n .benefit + .benefit {\r\n margin-top: -6px;\r\n }\r\n\r\n .benefit-icon {\r\n display: grid;\r\n width: 45px;\r\n height: 45px;\r\n margin-left: 4px;\r\n place-items: center;\r\n border: 4px solid #111;\r\n border-radius: 50%;\r\n background: #ffc400;\r\n font-size: 1.2rem;\r\n font-weight: 900;\r\n }\r\n\r\n .benefit strong {\r\n display: block;\r\n font-size: clamp(.95rem, 3vw, 1.18rem);\r\n font-style: italic;\r\n text-transform: uppercase;\r\n }\r\n\r\n .benefit small {\r\n display: block;\r\n color: #666;\r\n font-size: .72rem;\r\n }\r\n\r\n .impact-arrow {\r\n display: block;\r\n width: 90px;\r\n height: 55px;\r\n margin: 30px auto 8px;\r\n animation: arrowMove 1.2s ease-in-out infinite;\r\n }\r\n\r\n .impact-arrow path {\r\n fill: none;\r\n stroke: #e50000;\r\n stroke-width: 13;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n .impact-end {\r\n color: #a80000;\r\n font-size: clamp(1rem, 3vw, 1.25rem);\r\n font-weight: 1000;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* KENALI PRODUK *\/\r\n\r\n .product-story {\r\n position: relative;\r\n overflow: hidden;\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n .story-top {\r\n position: relative;\r\n padding: 38px 18px 86px;\r\n background:\r\n radial-gradient(circle at 50% 35%, #810707, #430000 68%);\r\n text-align: center;\r\n }\r\n\r\n .story-top::after {\r\n position: absolute;\r\n right: -5%;\r\n bottom: -1px;\r\n left: -5%;\r\n height: 86px;\r\n background: #fff;\r\n content: \"\";\r\n clip-path: polygon(\r\n 0 30%,\r\n 50% 100%,\r\n 100% 30%,\r\n 100% 100%,\r\n 0 100%\r\n );\r\n }\r\n\r\n .story-label {\r\n display: inline-block;\r\n margin-bottom: 20px;\r\n padding: 9px 20px;\r\n border: 2px solid #f5be23;\r\n border-radius: 999px;\r\n background: #160000;\r\n color: #ffd12e;\r\n font-size: clamp(.82rem, 2.5vw, 1rem);\r\n font-weight: 900;\r\n letter-spacing: .07em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .story-main-image {\r\n display: block;\r\n width: min(620px, 94%);\r\n height: auto;\r\n margin: auto;\r\n border: 2px solid rgba(255, 214, 86, .55);\r\n border-radius: 12px;\r\n box-shadow: 0 24px 60px #0009;\r\n }\r\n\r\n .story-content {\r\n width: min(1120px, calc(100% - 28px));\r\n margin: auto;\r\n padding: 15px 0 80px;\r\n text-align: center;\r\n }\r\n\r\n .story-heading {\r\n margin: 0 0 10px;\r\n color: #8f0000;\r\n font-size: clamp(2rem, 5vw, 3.4rem);\r\n font-style: italic;\r\n font-weight: 1000;\r\n text-transform: uppercase;\r\n }\r\n\r\n .story-copy {\r\n max-width: 650px;\r\n margin: 0 auto 30px;\r\n color: #5a5a5a;\r\n font-weight: 700;\r\n }\r\n\r\n .story-gallery {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n align-items: start;\r\n }\r\n\r\n .story-card {\r\n position: relative;\r\n margin: 0;\r\n padding: 10px;\r\n border: 2px solid #d7a51a;\r\n border-radius: 16px;\r\n background: linear-gradient(145deg, #fff, #fff5d4);\r\n box-shadow: 0 17px 40px #4d28001c;\r\n transition: .25s;\r\n }\r\n\r\n .story-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 24px 50px #4d28002b;\r\n }\r\n\r\n .story-card img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 10px;\r\n }\r\n\r\n .story-card figcaption {\r\n padding: 14px 8px 7px;\r\n color: #8e0000;\r\n font-size: clamp(1rem, 2.4vw, 1.25rem);\r\n font-weight: 1000;\r\n text-transform: uppercase;\r\n }\r\n\r\n .story-note {\r\n margin: 28px auto 0;\r\n color: #777;\r\n font-size: .75rem;\r\n }\r\n\r\n \/* FEEDBACK *\/\r\n\r\n .feedback {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 100px 20px 110px;\r\n background:\r\n radial-gradient(circle at 50% 30%, #3e2800 0, #0b0b09 42%, #030303 100%);\r\n color: #fff;\r\n text-align: center;\r\n }\r\n\r\n .feedback::before {\r\n position: absolute;\r\n top: 0;\r\n right: -5%;\r\n left: -5%;\r\n height: 75px;\r\n background: #fff;\r\n content: \"\";\r\n clip-path: polygon(0 0, 100% 0, 50% 100%);\r\n }\r\n\r\n .feedback::after {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: .12;\r\n background:\r\n repeating-linear-gradient(\r\n 115deg,\r\n transparent 0 48px,\r\n #ffc400 49px 51px,\r\n transparent 52px 96px\r\n );\r\n content: \"\";\r\n }\r\n\r\n .feedback-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: min(1120px, 100%);\r\n margin: auto;\r\n }\r\n\r\n .feedback-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #ffd138;\r\n font-size: .78rem;\r\n font-weight: 900;\r\n letter-spacing: .17em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .feedback-kicker::before,\r\n .feedback-kicker::after {\r\n width: 34px;\r\n height: 2px;\r\n background: #ffd138;\r\n content: \"\";\r\n }\r\n\r\n .feedback-title {\r\n margin: 10px 0 8px;\r\n font-size: clamp(2.7rem, 7vw, 5rem);\r\n font-style: italic;\r\n font-weight: 1000;\r\n line-height: .88;\r\n text-transform: uppercase;\r\n }\r\n\r\n .feedback-title span {\r\n display: block;\r\n background: linear-gradient(#ffe676, #e69b00);\r\n background-clip: text;\r\n color: transparent;\r\n -webkit-background-clip: text;\r\n }\r\n\r\n .feedback-copy {\r\n max-width: 600px;\r\n margin: 16px auto 38px;\r\n color: #c8c2b4;\r\n font-weight: 700;\r\n }\r\n\r\n .feedback-stars {\r\n margin-bottom: 22px;\r\n color: #ffd128;\r\n font-size: 1.3rem;\r\n letter-spacing: .18em;\r\n }\r\n\r\n .feedback-grid {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr);\r\n gap: 22px 18px;\r\n align-items: center;\r\n perspective: 1200px;\r\n }\r\n\r\n .feedback-card {\r\n position: relative;\r\n grid-column: span 2;\r\n margin: 0;\r\n padding: 8px;\r\n border: 2px solid #c89413;\r\n border-radius: 18px;\r\n background: linear-gradient(145deg, #4f3300, #0b0b0a 18%);\r\n box-shadow: 0 25px 55px #000b;\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n }\r\n\r\n .feedback-card:nth-child(1) {\r\n transform: rotate(-2deg);\r\n }\r\n\r\n .feedback-card:nth-child(2) {\r\n z-index: 2;\r\n transform: translateY(-12px);\r\n border-color: #ffd13b;\r\n box-shadow: 0 30px 70px #000, 0 0 30px #ffbd002b;\r\n }\r\n\r\n .feedback-card:nth-child(3) {\r\n transform: rotate(2deg);\r\n }\r\n\r\n .feedback-card:nth-child(4) {\r\n grid-column: 2 \/ span 2;\r\n transform: rotate(-1.5deg);\r\n }\r\n\r\n .feedback-card:nth-child(5) {\r\n grid-column: 4 \/ span 2;\r\n transform: rotate(1.5deg);\r\n }\r\n\r\n .feedback-card:hover {\r\n z-index: 3;\r\n transform: translateY(-12px) scale(1.025);\r\n box-shadow: 0 34px 75px #000, 0 0 34px #ffbd003d;\r\n }\r\n\r\n .feedback-card img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 11px;\r\n }\r\n\r\n .feedback-card figcaption {\r\n padding: 12px 8px 8px;\r\n color: #ffd35a;\r\n font-size: .78rem;\r\n font-weight: 900;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .feedback-foot {\r\n display: inline-block;\r\n margin-top: 40px;\r\n padding: 11px 22px;\r\n border: 1px solid #b88613;\r\n border-radius: 999px;\r\n background: #1b1204;\r\n color: #eecb75;\r\n font-size: .8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .feedback-arrow {\r\n display: block;\r\n width: 74px;\r\n height: 45px;\r\n margin: 25px auto 0;\r\n animation: arrowMove 1.2s ease-in-out infinite;\r\n }\r\n\r\n .feedback-arrow path {\r\n fill: none;\r\n stroke: #ffd029;\r\n stroke-width: 11;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n\r\n \/* PAKEJ *\/\r\n\r\n .packages-section {\r\n position: relative;\r\n overflow: hidden;\r\n padding: 110px 20px 100px;\r\n background: linear-gradient(180deg, #fff9e7, #eee4c6);\r\n color: #111;\r\n text-align: center;\r\n }\r\n\r\n .packages-section::before {\r\n position: absolute;\r\n top: 0;\r\n right: -5%;\r\n left: -5%;\r\n height: 78px;\r\n background: #050505;\r\n content: \"\";\r\n clip-path: polygon(0 0, 100% 0, 50% 100%);\r\n }\r\n\r\n .packages-inner {\r\n width: min(1150px, 100%);\r\n margin: auto;\r\n }\r\n\r\n .packages-kicker {\r\n display: inline-block;\r\n padding: 7px 16px;\r\n border-radius: 999px;\r\n background: #8e0000;\r\n color: #ffd43d;\r\n font-size: .76rem;\r\n font-weight: 900;\r\n letter-spacing: .13em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .packages-title {\r\n margin: 13px 0 10px;\r\n color: #111;\r\n font-size: clamp(2.7rem, 7vw, 5rem);\r\n font-style: italic;\r\n font-weight: 1000;\r\n letter-spacing: -.055em;\r\n line-height: .88;\r\n text-transform: uppercase;\r\n }\r\n\r\n .packages-title span {\r\n display: block;\r\n color: #a90000;\r\n }\r\n\r\n .packages-copy {\r\n max-width: 650px;\r\n margin: 18px auto 44px;\r\n color: #5e5644;\r\n font-weight: 700;\r\n }\r\n\r\n .packages-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.08fr 1fr;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n .package-card {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 10px 10px 20px;\r\n border: 3px solid #171717;\r\n border-radius: 18px;\r\n background: #080807;\r\n box-shadow: 0 18px 0 #c99b19, 0 30px 55px #2d190033;\r\n transition: .25s;\r\n }\r\n\r\n .package-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 22px 0 #c99b19, 0 38px 65px #2d19003d;\r\n }\r\n\r\n .package-card.featured {\r\n z-index: 2;\r\n transform: scale(1.04);\r\n border-color: #d60000;\r\n box-shadow: 0 20px 0 #990000, 0 34px 65px #50000040;\r\n }\r\n\r\n .package-card.featured:hover {\r\n transform: scale(1.04) translateY(-8px);\r\n }\r\n\r\n .package-ribbon {\r\n position: absolute;\r\n z-index: 2;\r\n top: -18px;\r\n left: 50%;\r\n width: max-content;\r\n padding: 7px 18px;\r\n transform: translateX(-50%);\r\n border: 2px solid #ffe073;\r\n border-radius: 999px;\r\n background: #c90000;\r\n color: #fff;\r\n font-size: .74rem;\r\n font-weight: 1000;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n }\r\n\r\n .package-image {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n border-radius: 10px;\r\n }\r\n\r\n .package-info {\r\n padding: 17px 8px 0;\r\n color: #fff;\r\n }\r\n\r\n .package-name {\r\n margin: 0;\r\n color: #ffd23a;\r\n font-size: 1.25rem;\r\n font-weight: 1000;\r\n text-transform: uppercase;\r\n }\r\n\r\n .package-saving {\r\n min-height: 22px;\r\n margin: 5px 0 14px;\r\n color: #d4c394;\r\n font-size: .8rem;\r\n font-weight: 700;\r\n }\r\n\r\n .package-button {\r\n display: block;\r\n width: 100%;\r\n padding: 14px 12px;\r\n border: 2px solid #7aff9b;\r\n border-radius: 7px;\r\n background: linear-gradient(#24c852, #07832d);\r\n box-shadow: 0 6px 0 #045b20;\r\n color: #fff;\r\n font-size: .96rem;\r\n font-weight: 1000;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n animation: packagePulse 1.5s ease-in-out infinite;\r\n }\r\n\r\n .featured .package-button {\r\n border-color: #ffe46d;\r\n background: linear-gradient(#e72424, #a00000);\r\n box-shadow: 0 6px 0 #680000;\r\n }\r\n\r\n @keyframes packagePulse {\r\n 50% {\r\n transform: translateY(-3px);\r\n filter: brightness(1.12);\r\n }\r\n }\r\n\r\n .packages-note {\r\n margin: 45px auto 0;\r\n color: #756b50;\r\n font-size: .78rem;\r\n font-weight: 700;\r\n }\r\n\r\n \/* NOTIS TEPI *\/\r\n\r\n .choice-toast {\r\n position: fixed;\r\n z-index: 99;\r\n right: 18px;\r\n bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n width: min(330px, calc(100% - 28px));\r\n padding: 12px 15px;\r\n transform: translateX(calc(100% + 40px));\r\n border: 2px solid #e4b52c;\r\n border-radius: 13px;\r\n opacity: 0;\r\n background: linear-gradient(135deg, #220000, #650000);\r\n box-shadow: 0 16px 40px #0007;\r\n color: #fff;\r\n transition: .45s ease;\r\n }\r\n\r\n .choice-toast.show {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n\r\n .choice-toast-icon {\r\n display: grid;\r\n flex: 0 0 43px;\r\n height: 43px;\r\n place-items: center;\r\n border-radius: 50%;\r\n background: #ffd22d;\r\n color: #4d0000;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .choice-toast strong {\r\n display: block;\r\n color: #ffd659;\r\n font-size: .86rem;\r\n text-transform: uppercase;\r\n }\r\n\r\n .choice-toast span {\r\n display: block;\r\n margin-top: 2px;\r\n color: #f1e9d7;\r\n font-size: .76rem;\r\n line-height: 1.3;\r\n }\r\n\r\n .package-button.is-loading {\r\n pointer-events: none;\r\n opacity: .78;\r\n filter: grayscale(.15);\r\n }\r\n\r\n .package-button.is-selected {\r\n border-color: #fff;\r\n background: linear-gradient(#f2b900, #b66c00);\r\n box-shadow: 0 6px 0 #744500;\r\n color: #1b0d00;\r\n animation: none;\r\n }\r\n\r\n \/* TELEFON *\/\r\n\r\n @media (max-width: 600px) {\r\n .hero {\r\n min-height: 860px;\r\n }\r\n\r\n .content {\r\n padding-top: 22px;\r\n padding-bottom: 115px;\r\n }\r\n\r\n .arrow {\r\n width: 125px;\r\n height: 62px;\r\n margin: 17px auto 23px;\r\n }\r\n\r\n .arrow path {\r\n stroke-width: 10;\r\n }\r\n\r\n .product {\r\n width: min(410px, 94%);\r\n border-width: 3px;\r\n }\r\n\r\n .slope {\r\n height: 90px;\r\n }\r\n\r\n .name {\r\n margin-top: 17px;\r\n }\r\n\r\n .cta {\r\n margin-top: 13px;\r\n }\r\n\r\n .impact {\r\n padding-top: 22px;\r\n }\r\n\r\n .benefit {\r\n grid-template-columns: 51px 1fr;\r\n }\r\n\r\n .benefit-icon {\r\n width: 41px;\r\n height: 41px;\r\n }\r\n\r\n .story-gallery {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .story-content {\r\n padding-bottom: 55px;\r\n }\r\n\r\n .feedback {\r\n padding: 85px 0;\r\n }\r\n\r\n .feedback-inner {\r\n width: 100%;\r\n }\r\n\r\n .feedback-title,\r\n .feedback-copy,\r\n .feedback-kicker,\r\n .feedback-stars {\r\n margin-right: 18px;\r\n margin-left: 18px;\r\n }\r\n\r\n .feedback-grid {\r\n display: flex;\r\n gap: 14px;\r\n overflow-x: auto;\r\n padding: 18px 24px 32px;\r\n scroll-snap-type: x mandatory;\r\n scrollbar-width: none;\r\n }\r\n\r\n .feedback-grid::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .feedback-card,\r\n .feedback-card:nth-child(1),\r\n .feedback-card:nth-child(2),\r\n .feedback-card:nth-child(3),\r\n .feedback-card:nth-child(4),\r\n .feedback-card:nth-child(5) {\r\n grid-column: auto;\r\n flex: 0 0 82%;\r\n transform: none;\r\n scroll-snap-align: center;\r\n }\r\n\r\n .feedback-card:nth-child(2) {\r\n order: -1;\r\n }\r\n\r\n .packages-section {\r\n padding: 95px 14px 75px;\r\n }\r\n\r\n .packages-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .package-card,\r\n .package-card.featured,\r\n .package-card.featured:hover {\r\n width: min(440px, 100%);\r\n margin: auto;\r\n transform: none;\r\n }\r\n\r\n .package-card.featured {\r\n order: -1;\r\n }\r\n\r\n .choice-toast {\r\n right: 14px;\r\n bottom: 14px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n html {\r\n scroll-behavior: auto;\r\n }\r\n\r\n .offer-track,\r\n .arrow,\r\n .cta,\r\n .package-button {\r\n animation: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- PROMOSI BERGERAK -->\r\n\r\n <div class=\"offer\" aria-label=\"Promosi terhad\">\r\n <div class=\"offer-track\">\r\n <span>\r\n \ud83d\udd25 Limited Offer \u2022 Promosi Terhad \u2022 Stok Terhad \u2022\r\n Dapatkan Sekarang \u2022\r\n <\/span>\r\n\r\n <span aria-hidden=\"true\">\r\n \ud83d\udd25 Limited Offer \u2022 Promosi Terhad \u2022 Stok Terhad \u2022\r\n Dapatkan Sekarang \u2022\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- HERO -->\r\n\r\n <section class=\"hero\">\r\n <div class=\"content\">\r\n <div class=\"eyebrow\">Jamu Paklongman Original<\/div>\r\n\r\n <h1>\r\n Jamu Hitam Lagend\r\n <span>Paklongman<\/span>\r\n <\/h1>\r\n\r\n <p class=\"sub\">\r\n 100% asli \u2022 1 paket mengandungi 10 biji \u2022 Ramuan herba terpilih\r\n <\/p>\r\n\r\n <svg class=\"arrow\" viewBox=\"0 0 200 100\" aria-hidden=\"true\">\r\n <path d=\"M10 18 L100 82 L190 18\"><\/path>\r\n <\/svg>\r\n\r\n <img decoding=\"async\"\r\n class=\"product\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-03_19_54-PM.png\"\r\n alt=\"Jamu Hitam Lagend Paklongman\"\r\n >\r\n\r\n <div class=\"name\">\r\n Jamu Hitam Lagend Paklongman\r\n <\/div>\r\n\r\n <a class=\"cta\" href=\"#pakej\">\r\n Lihat Pakej Sekarang\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"slope\" aria-hidden=\"true\"><\/div>\r\n <\/section>\r\n\r\n <!-- BAHAGIAN KEDUA -->\r\n\r\n <section class=\"impact\" id=\"bahagian-seterusnya\">\r\n <div class=\"impact-inner\">\r\n <div class=\"impact-badge\">\r\n <b>10X<\/b> Lebih Padu & Mantap\r\n <\/div>\r\n\r\n <h2>\r\n Kembali Yakin\r\n <span>Ketika Bersama<\/span>\r\n <\/h2>\r\n\r\n <p class=\"impact-lead\">\r\n Untuk lelaki yang mahu bertahan lebih lama, lebih mantap dan\r\n kembali yakin memberikan kepuasan kepada pasangan.\r\n <\/p>\r\n\r\n <div class=\"benefit-list\">\r\n <div class=\"benefit\">\r\n <div class=\"benefit-icon\">\u23f1<\/div>\r\n <div>\r\n <strong>Tahan Lebih Lama<\/strong>\r\n <small>Membantu menyokong kawalan ketika bersama.<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit\">\r\n <div class=\"benefit-icon\">\u26a1<\/div>\r\n <div>\r\n <strong>Ereksi Lebih Mantap<\/strong>\r\n <small>Membantu menyokong prestasi lelaki.<\/small>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit\">\r\n <div class=\"benefit-icon\">\u2605<\/div>\r\n <div>\r\n <strong>Stamina Batin<\/strong>\r\n <small>Lebih yakin ketika memuaskan pasangan.<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <svg\r\n class=\"impact-arrow\"\r\n viewBox=\"0 0 100 60\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M10 12 L50 50 L90 12\"><\/path>\r\n <\/svg>\r\n\r\n <div class=\"impact-end\">\r\n Kenali Produk Paklongman\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BAHAGIAN KETIGA -->\r\n\r\n <section class=\"product-story\" id=\"kenali-produk\">\r\n <div class=\"story-top\">\r\n <div class=\"story-label\">\r\n Kenali Produk Paklongman\r\n <\/div>\r\n\r\n <img decoding=\"async\"\r\n class=\"story-main-image\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_58-PM.png\"\r\n alt=\"Jamu Paklongman dengan ramuan herba pilihan\"\r\n >\r\n <\/div>\r\n\r\n <div class=\"story-content\">\r\n <h2 class=\"story-heading\">\r\n Warisan Herba Paklongman\r\n <\/h2>\r\n\r\n <p class=\"story-copy\">\r\n Kenali ramuan yang digunakan dan keistimewaan Jamu Paklongman\r\n melalui visual di bawah.\r\n <\/p>\r\n\r\n <div class=\"story-gallery\">\r\n <figure class=\"story-card\">\r\n <a\r\n href=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_24_41-PM.png\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_24_41-PM.png\"\r\n alt=\"Ramuan Jamu Paklongman\"\r\n loading=\"lazy\"\r\n >\r\n <\/a>\r\n\r\n <figcaption>\r\n Ramuan Jamu Paklongman\r\n <\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"story-card\">\r\n <a\r\n href=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_26-PM.png\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n >\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_26-PM.png\"\r\n alt=\"Kelebihan Jamu Paklongman\"\r\n loading=\"lazy\"\r\n >\r\n <\/a>\r\n\r\n <figcaption>\r\n Kelebihan Jamu Paklongman\r\n <\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n\r\n <p class=\"story-note\">\r\n Tekan pada gambar untuk melihatnya dalam saiz penuh.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FEEDBACK -->\r\n\r\n <section class=\"feedback\" id=\"feedback\">\r\n <div class=\"feedback-inner\">\r\n <div class=\"feedback-kicker\">\r\n Maklum Balas Pelanggan\r\n <\/div>\r\n\r\n <h2 class=\"feedback-title\">\r\n Mereka Dah Cuba\r\n <span>Ini Cerita Mereka<\/span>\r\n <\/h2>\r\n\r\n <p class=\"feedback-copy\">\r\n Koleksi feedback pelanggan Jamu Paklongman yang dikongsikan\r\n melalui perbualan WhatsApp.\r\n <\/p>\r\n\r\n <div class=\"feedback-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n\r\n <div class=\"feedback-grid\">\r\n <figure class=\"feedback-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3630.png\"\r\n alt=\"Feedback pelanggan pertama\"\r\n loading=\"lazy\"\r\n >\r\n <figcaption>Feedback Pelanggan 01<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"feedback-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3633.png\"\r\n alt=\"Feedback pelanggan kedua\"\r\n loading=\"lazy\"\r\n >\r\n <figcaption>Feedback Pelanggan 02<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"feedback-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3631.png\"\r\n alt=\"Feedback pelanggan ketiga\"\r\n loading=\"lazy\"\r\n >\r\n <figcaption>Feedback Pelanggan 03<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"feedback-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3632.png\"\r\n alt=\"Feedback pelanggan keempat\"\r\n loading=\"lazy\"\r\n >\r\n <figcaption>Feedback Pelanggan 04<\/figcaption>\r\n <\/figure>\r\n\r\n <figure class=\"feedback-card\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3629.png\"\r\n alt=\"Feedback pelanggan kelima\"\r\n loading=\"lazy\"\r\n >\r\n <figcaption>Feedback Pelanggan 05<\/figcaption>\r\n <\/figure>\r\n <\/div>\r\n\r\n <div class=\"feedback-foot\">\r\n Geser gambar untuk lihat semua feedback\r\n <\/div>\r\n\r\n <svg\r\n class=\"feedback-arrow\"\r\n viewBox=\"0 0 100 60\"\r\n aria-hidden=\"true\"\r\n >\r\n <path d=\"M10 12 L50 50 L90 12\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- BAHAGIAN PAKEJ -->\r\n\r\n <section class=\"packages-section\" id=\"pakej\">\r\n <div class=\"packages-inner\">\r\n <div class=\"packages-kicker\">\r\n Promosi Pakej Paklongman\r\n <\/div>\r\n\r\n <h2 class=\"packages-title\">\r\n Pilih Pakej\r\n <span>Paling Sesuai<\/span>\r\n <\/h2>\r\n\r\n <p class=\"packages-copy\">\r\n Pilih pakej pilihan anda. Lebih banyak paket, lebih banyak\r\n penjimatan dan bonus.\r\n <\/p>\r\n\r\n <div class=\"packages-grid\">\r\n\r\n <!-- RM50 \/ ID 4256 -->\r\n\r\n <article class=\"package-card\">\r\n <img decoding=\"async\"\r\n class=\"package-image\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_20_25-PM.png\"\r\n alt=\"Pakej satu Jamu Paklongman RM50\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"package-info\">\r\n <h3 class=\"package-name\">\r\n Pakej 1 \u2014 RM50\r\n <\/h3>\r\n\r\n <p class=\"package-saving\">\r\n 1 paket hitam \u2022 10 biji\r\n <\/p>\r\n\r\n <button\r\n class=\"package-button\"\r\n type=\"button\"\r\n data-product-id=\"4256\"\r\n data-package-name=\"1 Paket Hitam \u2014 RM50\"\r\n >\r\n Pilih Pakej RM50\r\n <\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- RM130 \/ ID 3597 -->\r\n\r\n <article class=\"package-card featured\">\r\n <div class=\"package-ribbon\">\r\n Paling Berbaloi\r\n <\/div>\r\n\r\n <img decoding=\"async\"\r\n class=\"package-image\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_58_42-PM.png\"\r\n alt=\"Pakej tiga Jamu Hitam dan satu Jamu Merah percuma RM130\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"package-info\">\r\n <h3 class=\"package-name\">\r\n Pakej 3 \u2014 RM130\r\n <\/h3>\r\n\r\n <p class=\"package-saving\">\r\n 3 paket hitam + 1 paket merah percuma\r\n <\/p>\r\n\r\n <button\r\n class=\"package-button\"\r\n type=\"button\"\r\n data-product-id=\"3597\"\r\n data-package-name=\"3 Paket Hitam + 1 Merah \u2014 RM130\"\r\n >\r\n Pilih Pakej RM130\r\n <\/button>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- RM90 \/ ID 4255 -->\r\n\r\n <article class=\"package-card\">\r\n <img decoding=\"async\"\r\n class=\"package-image\"\r\n src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_20_31-PM.png\"\r\n alt=\"Pakej dua Jamu Paklongman RM90\"\r\n loading=\"lazy\"\r\n >\r\n\r\n <div class=\"package-info\">\r\n <h3 class=\"package-name\">\r\n Pakej 2 \u2014 RM90\r\n <\/h3>\r\n\r\n <p class=\"package-saving\">\r\n 2 paket hitam \u2022 Jimat RM10\r\n <\/p>\r\n\r\n <button\r\n class=\"package-button\"\r\n type=\"button\"\r\n data-product-id=\"4255\"\r\n data-package-name=\"2 Paket Hitam \u2014 RM90\"\r\n >\r\n Pilih Pakej RM90\r\n <\/button>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <p class=\"packages-note\">\r\n Pilih pakej dan anda akan dibawa terus ke borang tempahan.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NOTIS TEPI -->\r\n\r\n <aside\r\n class=\"choice-toast\"\r\n id=\"choice-toast\"\r\n aria-live=\"polite\"\r\n >\r\n <div class=\"choice-toast-icon\">\u2605<\/div>\r\n\r\n <div>\r\n <strong>Pilihan Ramai Pelanggan<\/strong>\r\n <span>\r\n Pakej RM130 menawarkan penjimatan paling berbaloi.\r\n <\/span>\r\n <\/div>\r\n <\/aside>\r\n\r\n <!-- FUNGSI BUTANG DAN CARTFLOWS -->\r\n\r\n <script>\r\n (function () {\r\n var packageSection = document.getElementById(\"pakej\");\r\n var heroButton = document.querySelector(\".cta\");\r\n var toast = document.getElementById(\"choice-toast\");\r\n var toastTimer;\r\n\r\n function smoothScrollTo(element) {\r\n if (!element) {\r\n return;\r\n }\r\n\r\n element.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"start\"\r\n });\r\n }\r\n\r\n \/* BUTANG HERO TURUN KE PAKEJ *\/\r\n\r\n if (heroButton) {\r\n heroButton.addEventListener(\"click\", function (event) {\r\n if (!packageSection) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n smoothScrollTo(packageSection);\r\n history.replaceState(null, \"\", \"#pakej\");\r\n });\r\n }\r\n\r\n \/* NOTIS TEPI *\/\r\n\r\n function showToast(title, message) {\r\n if (!toast) {\r\n return;\r\n }\r\n\r\n toast.querySelector(\"strong\").textContent = title;\r\n toast.querySelector(\"span\").textContent = message;\r\n toast.classList.add(\"show\");\r\n\r\n clearTimeout(toastTimer);\r\n\r\n toastTimer = setTimeout(function () {\r\n toast.classList.remove(\"show\");\r\n }, 5200);\r\n }\r\n\r\n \/* PILIH PRODUK CARTFLOWS *\/\r\n\r\n function selectCartFlowsProduct(productId, button) {\r\n var radio =\r\n document.getElementById(\r\n \"wcf-item-product-\" + productId\r\n ) ||\r\n document.querySelector(\r\n 'input.wcf-single-sel[value=\"' + productId + '\"]'\r\n );\r\n\r\n \/*\r\n * Input CartFlows:\r\n * RM50 = #wcf-item-product-4256\r\n * RM90 = #wcf-item-product-4255\r\n * RM130 = #wcf-item-product-3597\r\n *\/\r\n\r\n if (!radio) {\r\n showToast(\r\n \"Bahagian Billing Belum Ditemui\",\r\n \"Pastikan HTML ini dipasang pada halaman utama yang mempunyai borang CartFlows.\"\r\n );\r\n\r\n return;\r\n }\r\n\r\n document\r\n .querySelectorAll(\".package-button\")\r\n .forEach(function (item) {\r\n item.classList.remove(\"is-selected\");\r\n\r\n item.textContent =\r\n item.getAttribute(\"data-original-text\") ||\r\n item.textContent;\r\n });\r\n\r\n if (!button.getAttribute(\"data-original-text\")) {\r\n button.setAttribute(\r\n \"data-original-text\",\r\n button.textContent\r\n );\r\n }\r\n\r\n button.classList.add(\"is-loading\");\r\n\r\n \/*\r\n * Klik pilihan CartFlows sebenar.\r\n *\/\r\n\r\n radio.click();\r\n radio.checked = true;\r\n\r\n radio.dispatchEvent(\r\n new Event(\"change\", {\r\n bubbles: true\r\n })\r\n );\r\n\r\n \/*\r\n * Tunggu CartFlows kemas kini harga,\r\n * kemudian turun ke billing.\r\n *\/\r\n\r\n setTimeout(function () {\r\n var billing =\r\n document.getElementById(\"order\") ||\r\n document.getElementById(\r\n \"wcf-embed-checkout-form\"\r\n ) ||\r\n document.getElementById(\r\n \"billing_first_name_field\"\r\n );\r\n\r\n button.classList.remove(\"is-loading\");\r\n button.classList.add(\"is-selected\");\r\n button.textContent = \"\u2713 Pakej Dipilih\";\r\n\r\n showToast(\r\n \"Pakej Berjaya Dipilih\",\r\n button.getAttribute(\"data-package-name\") +\r\n \" \u2014 lengkapkan maklumat billing di bawah.\"\r\n );\r\n\r\n smoothScrollTo(billing);\r\n\r\n if (billing) {\r\n history.replaceState(null, \"\", \"#order\");\r\n }\r\n }, 900);\r\n }\r\n\r\n \/*\r\n * AKTIFKAN SEMUA BUTANG PAKEJ.\r\n *\/\r\n\r\n document\r\n .querySelectorAll(\r\n \".package-button[data-product-id]\"\r\n )\r\n .forEach(function (button) {\r\n button.setAttribute(\r\n \"data-original-text\",\r\n button.textContent.trim()\r\n );\r\n\r\n button.addEventListener(\"click\", function () {\r\n selectCartFlowsProduct(\r\n button.getAttribute(\"data-product-id\"),\r\n button\r\n );\r\n });\r\n });\r\n\r\n \/*\r\n * PAPARKAN NOTIS SELEPAS 3.5 SAAT.\r\n *\/\r\n\r\n setTimeout(function () {\r\n showToast(\r\n \"Pilihan Ramai Pelanggan\",\r\n \"Pakej RM130 menawarkan penjimatan paling berbaloi.\"\r\n );\r\n }, 3500);\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04fe865 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"04fe865\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a307ee0\" data-id=\"a307ee0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78cb8d9 elementor-widget elementor-widget-checkout-form\" data-id=\"78cb8d9\" data-element_type=\"widget\" id=\"order\" data-widget_type=\"checkout-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class = \"wcf-el-checkout-form cartflows-elementor__checkout-form\" data-settings-data=\"[]\">\n\t\t\t<div id=\"wcf-embed-checkout-form\" class=\"wcf-embed-checkout-form wcf-embed-checkout-form-one-column wcf-field-default\">\n<!-- CHECKOUT SHORTCODE -->\n\n<div class=\"woocommerce\"><div class=\"woocommerce-notices-wrapper\"><\/div><\/div>\n<!-- END CHECKOUT SHORTCODE -->\n<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1766cb elementor-widget elementor-widget-html\" data-id=\"f1766cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================= -->\r\n<!-- JAMU PAKLONGMAN HITAM \u2014 FAQ + WhatsApp + Disclaimer -->\r\n<!-- BLOCK ASING. Letak block \"Custom HTML\" ni DI BAWAH SEKALI -->\r\n<!-- (selepas form CartFlows hang). -->\r\n<!-- Tukar nombor WhatsApp di bahagian JS bawah (cari WA_NUMBER). -->\r\n<!-- ============================================================= -->\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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n #jfaq-root *{box-sizing:border-box;margin:0;padding:0}\r\n #jfaq-root{font-family:'Plus Jakarta Sans',sans-serif;color:#111;line-height:1.4;display:flex;justify-content:center;background:#ECECEC;padding:0}\r\n #jfaq-root .jfaq-page{width:100%;max-width:480px;background:#ECECEC;overflow:hidden}\r\n #jfaq-root h2{font-family:'Sora',sans-serif;letter-spacing:-.01em}\r\n #jfaq-root a{text-decoration:none}\r\n #jfaq-root .jfaq-item{background:#fff;border:1px solid #E3E3E3;border-radius:13px;overflow:hidden}\r\n #jfaq-root .jfaq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:16px 16px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:14px;color:#111}\r\n #jfaq-root .jfaq-ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:transform .25s}\r\n #jfaq-root .jfaq-item.on .jfaq-ic{transform:rotate(45deg)}\r\n #jfaq-root .jfaq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}\r\n #jfaq-root .jfaq-a p{padding:0 16px 16px;font-size:13px;line-height:1.6;color:#555}\r\n @keyframes jfaqPulse{0%,100%{box-shadow:0 8px 22px rgba(214,32,39,.30)}50%{box-shadow:0 12px 32px rgba(214,32,39,.50)}}\r\n #jfaq-root .jfaq-wa{animation:jfaqPulse 2.4s ease-in-out infinite}\r\n<\/style>\r\n\r\n<div id=\"jfaq-root\">\r\n<div class=\"jfaq-page\">\r\n\r\n <!-- FAQ -->\r\n <div style=\"padding:30px 24px 4px\">\r\n <div style=\"font-size:11px;font-weight:800;letter-spacing:.12em;color:#999;text-transform:uppercase;text-align:center\">Soalan Lazim<\/div>\r\n <h2 style=\"font-weight:700;font-size:24px;text-align:center;margin:7px 0 18px\">Ada Soalan? Kami Jawab<\/h2>\r\n <div style=\"display:flex;flex-direction:column;gap:10px\">\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Macam mana cara nak order?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>Mudah je \u2014 pilih pakej yang anda nak, klik butang \"Order Sekarang\", dan lengkapkan borang di ruangan checkout. Kami akan proses order anda dengan segera.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Bayaran macam mana? Ada COD?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>Ya, kami sediakan COD (Cash On Delivery) \u2014 anda bayar hanya bila barang sampai ke tangan. Tiada bayaran awal diperlukan, jadi anda boleh order dengan tenang.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Berapa lama penghantaran?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>Penghantaran biasanya mengambil masa 2\u20135 hari bekerja bergantung kepada lokasi anda. Order akan dibungkus secara privasi sebelum dihantar.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Produk ni original?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>100% original di bawah Paklongman HQ \/ BS Legacy HQ. Dijual sejak 2024 dan mendapat sambutan ramai pelanggan termasuk repeat order.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Macam mana cara nak amal?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>Cara penggunaan akan disertakan bersama produk. Untuk hasil terbaik, amalkan secara betul dan konsisten. Hasil mungkin berbeza mengikut individu.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"jfaq-item\">\r\n <button class=\"jfaq-q\">Boleh repeat order?<span class=\"jfaq-ic\">+<\/span><\/button>\r\n <div class=\"jfaq-a\"><p>Boleh! Ramai pelanggan kami buat repeat order. Lepas habis stok, anda boleh order semula bila-bila masa melalui page ni atau hubungi kami terus.<\/p><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ada masalah order -> WhatsApp -->\r\n <div style=\"padding:24px 24px 4px\">\r\n <div style=\"background:#0E0E0E;border-radius:18px;padding:26px 24px;text-align:center;color:#fff\">\r\n <h2 style=\"font-weight:800;font-size:21px;margin:0 0 8px;color:#fff\">Ada Masalah Dengan Order?<\/h2>\r\n <p style=\"font-size:13.5px;line-height:1.55;color:#a8a8a8;margin:0 0 20px\">Kalau anda hadapi sebarang masalah semasa order atau ada soalan lain, klik butang di bawah untuk hubungi kami terus di WhatsApp.<\/p>\r\n <a id=\"jfaq-wa-btn\" class=\"jfaq-wa\" href=\"#\" target=\"_blank\" rel=\"noopener\" style=\"display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#D62027;color:#fff;font-weight:800;font-size:16px;padding:17px;border-radius:13px;font-family:'Sora',sans-serif\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M17.47 14.38c-.3-.15-1.74-.86-2-.96-.27-.1-.46-.15-.66.15-.2.3-.76.96-.93 1.16-.17.2-.34.22-.63.07-.3-.15-1.25-.46-2.38-1.47-.88-.78-1.47-1.75-1.64-2.05-.17-.3-.02-.46.13-.6.13-.14.3-.34.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.66-1.6-.91-2.18-.24-.57-.48-.5-.66-.5-.17-.01-.37-.01-.56-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.06 2.87 1.21 3.07.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.74-.71 1.99-1.4.24-.69.24-1.28.17-1.4-.07-.13-.27-.2-.56-.35zM12.04 21.5h-.01a9.45 9.45 0 01-4.83-1.32l-.35-.2-3.59.94.96-3.5-.23-.36a9.46 9.46 0 01-1.45-5.03c0-5.23 4.26-9.49 9.5-9.49 2.54 0 4.92.99 6.71 2.78a9.43 9.43 0 012.78 6.72c0 5.23-4.26 9.49-9.5 9.49zm8.07-17.56A11.36 11.36 0 0012.04.6C5.76.6.64 5.72.64 12c0 2.02.53 3.99 1.53 5.73L.5 23.4l5.8-1.52a11.36 11.36 0 005.74 1.46h.01c6.28 0 11.4-5.12 11.4-11.4 0-3.05-1.19-5.91-3.34-8.06z\"\/><\/svg>\r\n HUBUNGI KAMI DI WHATSAPP\r\n <\/a>\r\n <div style=\"font-size:11px;color:#888;margin-top:12px\">Kami akan balas secepat mungkin pada waktu bekerja<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- disclaimer + copyright -->\r\n <div style=\"padding:6px 24px 34px\">\r\n <p style=\"font-size:10px;line-height:1.6;color:#a3a3a3;text-align:center;margin:18px 0 0\">Keberkesanan produk bergantung kepada cara penggunaan yang betul & konsisten. Hasil individu mungkin berbeza. Produk ini amalan herba tradisional, bukan untuk merawat, menyembuh atau mencegah sebarang penyakit. \u00a9\ufe0f 2026 BS Legacy HQ. Hakcipta Terpelihara.<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \/\/ ====== TUKAR NOMBOR WHATSAPP DI SINI (format antarabangsa, tanpa +) ======\r\n var WA_NUMBER = \"60135604498\";\r\n \/\/ =========================================================================\r\n\r\n \/\/ set link WhatsApp\r\n var waMsg = \"Salam, saya ada masalah \/ soalan tentang order Jamu Paklongman.\";\r\n var waBtn = document.getElementById(\"jfaq-wa-btn\");\r\n if(waBtn){ waBtn.setAttribute(\"href\", \"https:\/\/wa.me\/\" + WA_NUMBER + \"?text=\" + encodeURIComponent(waMsg)); }\r\n\r\n \/\/ accordion FAQ\r\n document.querySelectorAll(\"#jfaq-root .jfaq-item\").forEach(function(item){\r\n var q = item.querySelector(\".jfaq-q\");\r\n var a = item.querySelector(\".jfaq-a\");\r\n q.addEventListener(\"click\", function(){\r\n var open = item.classList.contains(\"on\");\r\n \/\/ tutup semua dulu (satu terbuka pada satu masa)\r\n document.querySelectorAll(\"#jfaq-root .jfaq-item\").forEach(function(it){\r\n it.classList.remove(\"on\");\r\n it.querySelector(\".jfaq-a\").style.maxHeight = null;\r\n });\r\n if(!open){\r\n item.classList.add(\"on\");\r\n a.style.maxHeight = a.scrollHeight + \"px\";\r\n }\r\n });\r\n });\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"template":"cartflows-canvas","class_list":["post-3238","cartflows_step","type-cartflows_step","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":28,"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238\/revisions"}],"predecessor-version":[{"id":5175,"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238\/revisions\/5175"}],"wp:attachment":[{"href":"https:\/\/paklongmanutarahq.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}