{"id":3238,"date":"2025-08-05T17:07:57","date_gmt":"2025-08-05T09:07:57","guid":{"rendered":"https:\/\/paklongmanhq.com\/?cartflows_step=checkout-page-5-3"},"modified":"2026-09-01T23:00:55","modified_gmt":"2026-09-01T15:00:55","slug":"checkout-page-5-3","status":"publish","type":"cartflows_step","link":"https:\/\/paklongmanhq.com\/?cartflows_step=checkout-page-5-3","title":{"rendered":"Checkout Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3238\" class=\"elementor elementor-3238\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36c7ed4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36c7ed4\" 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-e67d33f\" data-id=\"e67d33f\" 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-0f6d951 elementor-widget elementor-widget-html\" data-id=\"0f6d951\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!doctype html>\n<html lang=\"ms\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <title>Jamu Hitam Lagend Paklongman<\/title>\n\n  <style>\n    * {\n      box-sizing: border-box;\n    }\n\n    html {\n      scroll-behavior: smooth;\n    }\n\n    body {\n      margin: 0;\n      background: #fff;\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    \/* BAR PROMOSI *\/\n\n    .offer {\n      position: relative;\n      z-index: 5;\n      overflow: hidden;\n      padding: 8px 0;\n      background: #ed0000;\n      color: #ffe000;\n      white-space: nowrap;\n    }\n\n    .offer-track {\n      display: inline-flex;\n      width: max-content;\n      animation: marquee 15s linear infinite;\n    }\n\n    .offer span {\n      padding-right: 45px;\n      font-size: clamp(.7rem, 2vw, .85rem);\n      font-weight: 900;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    @keyframes marquee {\n      to {\n        transform: translateX(-50%);\n      }\n    }\n\n    \/* HERO *\/\n\n    .hero {\n      position: relative;\n      min-height: 980px;\n      overflow: hidden;\n      background:\n        radial-gradient(circle at 50% 44%, #810606 0, #520000 48%, #330000 100%);\n      color: #fff;\n      text-align: center;\n    }\n\n    .content {\n      position: relative;\n      z-index: 2;\n      width: min(850px, calc(100% - 30px));\n      margin: auto;\n      padding: 28px 0 150px;\n    }\n\n    .eyebrow {\n      color: #ffd500;\n      font-size: clamp(.7rem, 2vw, .88rem);\n      font-weight: 900;\n      text-transform: uppercase;\n    }\n\n    h1 {\n      margin: 8px 0 7px;\n      font-size: clamp(2.25rem, 6vw, 4.25rem);\n      font-style: italic;\n      line-height: .95;\n      text-transform: uppercase;\n      text-shadow: 4px 5px 0 #250000;\n    }\n\n    h1 span {\n      display: block;\n      color: #ffd500;\n    }\n\n    .sub {\n      max-width: 620px;\n      margin: 12px auto 0;\n      color: #fff;\n      font-size: clamp(.78rem, 2vw, 1rem);\n      font-weight: 700;\n    }\n\n    .arrow {\n      display: block;\n      width: 190px;\n      height: 92px;\n      margin: 23px auto 28px;\n      overflow: visible;\n      animation: arrowMove 1.2s ease-in-out infinite;\n    }\n\n    .arrow path {\n      fill: none;\n      stroke: #fff;\n      stroke-width: 13;\n      stroke-linecap: square;\n      stroke-linejoin: miter;\n    }\n\n    @keyframes arrowMove {\n      50% {\n        transform: translateY(10px);\n      }\n    }\n\n    .product {\n      display: block;\n      width: min(460px, 88%);\n      margin: 0 auto;\n      border: 4px solid rgba(255, 255, 255, .86);\n      box-shadow: 0 24px 55px #0009;\n    }\n\n    .name {\n      margin: 23px 0 0;\n      color: #ffd000;\n      font-size: clamp(1.45rem, 4vw, 2.4rem);\n      font-style: italic;\n      font-weight: 900;\n      text-transform: uppercase;\n      text-shadow: 3px 3px 0 #4d2900;\n    }\n\n    .cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: min(400px, 92%);\n      margin-top: 15px;\n      padding: 16px 22px;\n      border: 3px solid #7dff9d;\n      border-radius: 7px;\n      background: linear-gradient(#23c450, #07872e);\n      box-shadow: 0 7px 0 #045b20, 0 15px 30px #0006;\n      color: #fff;\n      font-size: clamp(1rem, 3vw, 1.2rem);\n      font-weight: 900;\n      text-decoration: none;\n      text-transform: uppercase;\n      animation: buttonMove 1.35s ease-in-out infinite;\n    }\n\n    @keyframes buttonMove {\n      50% {\n        transform: translateY(-8px) scale(1.035);\n        filter: brightness(1.12);\n      }\n    }\n\n    .slope {\n      position: absolute;\n      z-index: 1;\n      right: -5%;\n      bottom: -1px;\n      left: -5%;\n      height: 150px;\n      background: #fff;\n      clip-path: polygon(\n        0 25%,\n        50% 100%,\n        100% 25%,\n        100% 100%,\n        0 100%\n      );\n    }\n\n    \/* BAHAGIAN KELEBIHAN *\/\n\n    .impact {\n      position: relative;\n      margin-top: -2px;\n      padding: 32px 20px 92px;\n      background: #fff;\n      color: #111;\n      text-align: center;\n    }\n\n    .impact-inner {\n      width: min(650px, 100%);\n      margin: auto;\n    }\n\n    .impact-badge {\n      display: inline-block;\n      margin-bottom: 18px;\n      padding: 10px 20px;\n      border: 3px solid #f1b900;\n      border-radius: 7px;\n      background: linear-gradient(135deg, #3d0000, #9d0000, #390000);\n      box-shadow: 0 7px 0 #d7a700;\n      color: #fff;\n      font-size: clamp(1rem, 3vw, 1.4rem);\n      font-style: italic;\n      font-weight: 900;\n      text-transform: uppercase;\n    }\n\n    .impact-badge b {\n      color: #ffd12d;\n      font-size: 1.35em;\n    }\n\n    .impact h2 {\n      margin: 8px 0 7px;\n      font-size: clamp(2.3rem, 7vw, 4.5rem);\n      font-style: italic;\n      font-weight: 1000;\n      letter-spacing: -.05em;\n      line-height: .9;\n      text-transform: uppercase;\n    }\n\n    .impact h2 span {\n      display: block;\n      background: linear-gradient(#ffd94b, #bd7200);\n      background-clip: text;\n      color: transparent;\n      -webkit-background-clip: text;\n    }\n\n    .impact-lead {\n      max-width: 590px;\n      margin: 15px auto 27px;\n      color: #3e3e3e;\n      font-size: clamp(.95rem, 2.7vw, 1.12rem);\n      font-weight: 700;\n    }\n\n    .benefit-list {\n      display: grid;\n      gap: 9px;\n      width: min(550px, 100%);\n      margin: auto;\n      text-align: left;\n    }\n\n    .benefit {\n      display: grid;\n      grid-template-columns: 56px 1fr;\n      align-items: center;\n      min-height: 66px;\n      border-top: 3px solid #111;\n      border-bottom: 3px solid #111;\n      background: linear-gradient(90deg, #fff4c2, #fff);\n    }\n\n    .benefit + .benefit {\n      margin-top: -6px;\n    }\n\n    .benefit-icon {\n      display: grid;\n      width: 45px;\n      height: 45px;\n      margin-left: 4px;\n      place-items: center;\n      border: 4px solid #111;\n      border-radius: 50%;\n      background: #ffc400;\n      font-size: 1.2rem;\n      font-weight: 900;\n    }\n\n    .benefit strong {\n      display: block;\n      font-size: clamp(.95rem, 3vw, 1.18rem);\n      font-style: italic;\n      text-transform: uppercase;\n    }\n\n    .benefit small {\n      display: block;\n      color: #666;\n      font-size: .72rem;\n    }\n\n    .impact-arrow {\n      display: block;\n      width: 90px;\n      height: 55px;\n      margin: 30px auto 8px;\n      animation: arrowMove 1.2s ease-in-out infinite;\n    }\n\n    .impact-arrow path {\n      fill: none;\n      stroke: #e50000;\n      stroke-width: 13;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .impact-end {\n      color: #a80000;\n      font-size: clamp(1rem, 3vw, 1.25rem);\n      font-weight: 1000;\n      text-transform: uppercase;\n    }\n\n    \/* KENALI PRODUK *\/\n\n    .product-story {\n      position: relative;\n      overflow: hidden;\n      background: #fff;\n      color: #111;\n    }\n\n    .story-top {\n      position: relative;\n      padding: 38px 18px 86px;\n      background:\n        radial-gradient(circle at 50% 35%, #810707, #430000 68%);\n      text-align: center;\n    }\n\n    .story-top::after {\n      position: absolute;\n      right: -5%;\n      bottom: -1px;\n      left: -5%;\n      height: 86px;\n      background: #fff;\n      content: \"\";\n      clip-path: polygon(\n        0 30%,\n        50% 100%,\n        100% 30%,\n        100% 100%,\n        0 100%\n      );\n    }\n\n    .story-label {\n      display: inline-block;\n      margin-bottom: 20px;\n      padding: 9px 20px;\n      border: 2px solid #f5be23;\n      border-radius: 999px;\n      background: #160000;\n      color: #ffd12e;\n      font-size: clamp(.82rem, 2.5vw, 1rem);\n      font-weight: 900;\n      letter-spacing: .07em;\n      text-transform: uppercase;\n    }\n\n    .story-main-image {\n      display: block;\n      width: min(620px, 94%);\n      height: auto;\n      margin: auto;\n      border: 2px solid rgba(255, 214, 86, .55);\n      border-radius: 12px;\n      box-shadow: 0 24px 60px #0009;\n    }\n\n    .story-content {\n      width: min(1120px, calc(100% - 28px));\n      margin: auto;\n      padding: 15px 0 80px;\n      text-align: center;\n    }\n\n    .story-heading {\n      margin: 0 0 10px;\n      color: #8f0000;\n      font-size: clamp(2rem, 5vw, 3.4rem);\n      font-style: italic;\n      font-weight: 1000;\n      text-transform: uppercase;\n    }\n\n    .story-copy {\n      max-width: 650px;\n      margin: 0 auto 30px;\n      color: #5a5a5a;\n      font-weight: 700;\n    }\n\n    .story-gallery {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n      align-items: start;\n    }\n\n    .story-card {\n      position: relative;\n      margin: 0;\n      padding: 10px;\n      border: 2px solid #d7a51a;\n      border-radius: 16px;\n      background: linear-gradient(145deg, #fff, #fff5d4);\n      box-shadow: 0 17px 40px #4d28001c;\n      transition: .25s;\n    }\n\n    .story-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 24px 50px #4d28002b;\n    }\n\n    .story-card img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 10px;\n    }\n\n    .story-card figcaption {\n      padding: 14px 8px 7px;\n      color: #8e0000;\n      font-size: clamp(1rem, 2.4vw, 1.25rem);\n      font-weight: 1000;\n      text-transform: uppercase;\n    }\n\n    .story-note {\n      margin: 28px auto 0;\n      color: #777;\n      font-size: .75rem;\n    }\n\n    \/* FEEDBACK *\/\n\n    .feedback {\n      position: relative;\n      overflow: hidden;\n      padding: 100px 20px 110px;\n      background:\n        radial-gradient(circle at 50% 30%, #3e2800 0, #0b0b09 42%, #030303 100%);\n      color: #fff;\n      text-align: center;\n    }\n\n    .feedback::before {\n      position: absolute;\n      top: 0;\n      right: -5%;\n      left: -5%;\n      height: 75px;\n      background: #fff;\n      content: \"\";\n      clip-path: polygon(0 0, 100% 0, 50% 100%);\n    }\n\n    .feedback::after {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      opacity: .12;\n      background:\n        repeating-linear-gradient(\n          115deg,\n          transparent 0 48px,\n          #ffc400 49px 51px,\n          transparent 52px 96px\n        );\n      content: \"\";\n    }\n\n    .feedback-inner {\n      position: relative;\n      z-index: 2;\n      width: min(1120px, 100%);\n      margin: auto;\n    }\n\n    .feedback-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      color: #ffd138;\n      font-size: .78rem;\n      font-weight: 900;\n      letter-spacing: .17em;\n      text-transform: uppercase;\n    }\n\n    .feedback-kicker::before,\n    .feedback-kicker::after {\n      width: 34px;\n      height: 2px;\n      background: #ffd138;\n      content: \"\";\n    }\n\n    .feedback-title {\n      margin: 10px 0 8px;\n      font-size: clamp(2.7rem, 7vw, 5rem);\n      font-style: italic;\n      font-weight: 1000;\n      line-height: .88;\n      text-transform: uppercase;\n    }\n\n    .feedback-title span {\n      display: block;\n      background: linear-gradient(#ffe676, #e69b00);\n      background-clip: text;\n      color: transparent;\n      -webkit-background-clip: text;\n    }\n\n    .feedback-copy {\n      max-width: 600px;\n      margin: 16px auto 38px;\n      color: #c8c2b4;\n      font-weight: 700;\n    }\n\n    .feedback-stars {\n      margin-bottom: 22px;\n      color: #ffd128;\n      font-size: 1.3rem;\n      letter-spacing: .18em;\n    }\n\n    .feedback-grid {\n      display: grid;\n      grid-template-columns: repeat(6, 1fr);\n      gap: 22px 18px;\n      align-items: center;\n      perspective: 1200px;\n    }\n\n    .feedback-card {\n      position: relative;\n      grid-column: span 2;\n      margin: 0;\n      padding: 8px;\n      border: 2px solid #c89413;\n      border-radius: 18px;\n      background: linear-gradient(145deg, #4f3300, #0b0b0a 18%);\n      box-shadow: 0 25px 55px #000b;\n      transition: transform .3s ease, box-shadow .3s ease;\n    }\n\n    .feedback-card:nth-child(1) {\n      transform: rotate(-2deg);\n    }\n\n    .feedback-card:nth-child(2) {\n      z-index: 2;\n      transform: translateY(-12px);\n      border-color: #ffd13b;\n      box-shadow: 0 30px 70px #000, 0 0 30px #ffbd002b;\n    }\n\n    .feedback-card:nth-child(3) {\n      transform: rotate(2deg);\n    }\n\n    .feedback-card:nth-child(4) {\n      grid-column: 2 \/ span 2;\n      transform: rotate(-1.5deg);\n    }\n\n    .feedback-card:nth-child(5) {\n      grid-column: 4 \/ span 2;\n      transform: rotate(1.5deg);\n    }\n\n    .feedback-card:hover {\n      z-index: 3;\n      transform: translateY(-12px) scale(1.025);\n      box-shadow: 0 34px 75px #000, 0 0 34px #ffbd003d;\n    }\n\n    .feedback-card img {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 11px;\n    }\n\n    .feedback-card figcaption {\n      padding: 12px 8px 8px;\n      color: #ffd35a;\n      font-size: .78rem;\n      font-weight: 900;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    .feedback-foot {\n      display: inline-block;\n      margin-top: 40px;\n      padding: 11px 22px;\n      border: 1px solid #b88613;\n      border-radius: 999px;\n      background: #1b1204;\n      color: #eecb75;\n      font-size: .8rem;\n      font-weight: 800;\n    }\n\n    .feedback-arrow {\n      display: block;\n      width: 74px;\n      height: 45px;\n      margin: 25px auto 0;\n      animation: arrowMove 1.2s ease-in-out infinite;\n    }\n\n    .feedback-arrow path {\n      fill: none;\n      stroke: #ffd029;\n      stroke-width: 11;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* PAKEJ *\/\n\n    .packages-section {\n      position: relative;\n      overflow: hidden;\n      padding: 110px 20px 100px;\n      background: linear-gradient(180deg, #fff9e7, #eee4c6);\n      color: #111;\n      text-align: center;\n    }\n\n    .packages-section::before {\n      position: absolute;\n      top: 0;\n      right: -5%;\n      left: -5%;\n      height: 78px;\n      background: #050505;\n      content: \"\";\n      clip-path: polygon(0 0, 100% 0, 50% 100%);\n    }\n\n    .packages-inner {\n      width: min(1150px, 100%);\n      margin: auto;\n    }\n\n    .packages-kicker {\n      display: inline-block;\n      padding: 7px 16px;\n      border-radius: 999px;\n      background: #8e0000;\n      color: #ffd43d;\n      font-size: .76rem;\n      font-weight: 900;\n      letter-spacing: .13em;\n      text-transform: uppercase;\n    }\n\n    .packages-title {\n      margin: 13px 0 10px;\n      color: #111;\n      font-size: clamp(2.7rem, 7vw, 5rem);\n      font-style: italic;\n      font-weight: 1000;\n      letter-spacing: -.055em;\n      line-height: .88;\n      text-transform: uppercase;\n    }\n\n    .packages-title span {\n      display: block;\n      color: #a90000;\n    }\n\n    .packages-copy {\n      max-width: 650px;\n      margin: 18px auto 44px;\n      color: #5e5644;\n      font-weight: 700;\n    }\n\n    .packages-grid {\n      display: grid;\n      grid-template-columns: 1fr 1.08fr 1fr;\n      gap: 20px;\n      align-items: center;\n    }\n\n    .package-card {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: 10px 10px 20px;\n      border: 3px solid #171717;\n      border-radius: 18px;\n      background: #080807;\n      box-shadow: 0 18px 0 #c99b19, 0 30px 55px #2d190033;\n      transition: .25s;\n    }\n\n    .package-card:hover {\n      transform: translateY(-8px);\n      box-shadow: 0 22px 0 #c99b19, 0 38px 65px #2d19003d;\n    }\n\n    .package-card.featured {\n      z-index: 2;\n      transform: scale(1.04);\n      border-color: #d60000;\n      box-shadow: 0 20px 0 #990000, 0 34px 65px #50000040;\n    }\n\n    .package-card.featured:hover {\n      transform: scale(1.04) translateY(-8px);\n    }\n\n    .package-ribbon {\n      position: absolute;\n      z-index: 2;\n      top: -18px;\n      left: 50%;\n      width: max-content;\n      padding: 7px 18px;\n      transform: translateX(-50%);\n      border: 2px solid #ffe073;\n      border-radius: 999px;\n      background: #c90000;\n      color: #fff;\n      font-size: .74rem;\n      font-weight: 1000;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n    }\n\n    .package-image {\n      display: block;\n      width: 100%;\n      height: auto;\n      border-radius: 10px;\n    }\n\n    .package-info {\n      padding: 17px 8px 0;\n      color: #fff;\n    }\n\n    .package-name {\n      margin: 0;\n      color: #ffd23a;\n      font-size: 1.25rem;\n      font-weight: 1000;\n      text-transform: uppercase;\n    }\n\n    .package-saving {\n      min-height: 22px;\n      margin: 5px 0 14px;\n      color: #d4c394;\n      font-size: .8rem;\n      font-weight: 700;\n    }\n\n    .package-button {\n      display: block;\n      width: 100%;\n      padding: 14px 12px;\n      border: 2px solid #7aff9b;\n      border-radius: 7px;\n      background: linear-gradient(#24c852, #07832d);\n      box-shadow: 0 6px 0 #045b20;\n      color: #fff;\n      font-size: .96rem;\n      font-weight: 1000;\n      text-decoration: none;\n      text-transform: uppercase;\n      cursor: pointer;\n      animation: packagePulse 1.5s ease-in-out infinite;\n    }\n\n    .featured .package-button {\n      border-color: #ffe46d;\n      background: linear-gradient(#e72424, #a00000);\n      box-shadow: 0 6px 0 #680000;\n    }\n\n    @keyframes packagePulse {\n      50% {\n        transform: translateY(-3px);\n        filter: brightness(1.12);\n      }\n    }\n\n    .packages-note {\n      margin: 45px auto 0;\n      color: #756b50;\n      font-size: .78rem;\n      font-weight: 700;\n    }\n\n    \/* NOTIS TEPI *\/\n\n    .choice-toast {\n      position: fixed;\n      z-index: 99;\n      right: 18px;\n      bottom: 20px;\n      display: flex;\n      align-items: center;\n      gap: 11px;\n      width: min(330px, calc(100% - 28px));\n      padding: 12px 15px;\n      transform: translateX(calc(100% + 40px));\n      border: 2px solid #e4b52c;\n      border-radius: 13px;\n      opacity: 0;\n      background: linear-gradient(135deg, #220000, #650000);\n      box-shadow: 0 16px 40px #0007;\n      color: #fff;\n      transition: .45s ease;\n    }\n\n    .choice-toast.show {\n      transform: translateX(0);\n      opacity: 1;\n    }\n\n    .choice-toast-icon {\n      display: grid;\n      flex: 0 0 43px;\n      height: 43px;\n      place-items: center;\n      border-radius: 50%;\n      background: #ffd22d;\n      color: #4d0000;\n      font-size: 1.25rem;\n    }\n\n    .choice-toast strong {\n      display: block;\n      color: #ffd659;\n      font-size: .86rem;\n      text-transform: uppercase;\n    }\n\n    .choice-toast span {\n      display: block;\n      margin-top: 2px;\n      color: #f1e9d7;\n      font-size: .76rem;\n      line-height: 1.3;\n    }\n\n    .package-button.is-loading {\n      pointer-events: none;\n      opacity: .78;\n      filter: grayscale(.15);\n    }\n\n    .package-button.is-selected {\n      border-color: #fff;\n      background: linear-gradient(#f2b900, #b66c00);\n      box-shadow: 0 6px 0 #744500;\n      color: #1b0d00;\n      animation: none;\n    }\n\n    \/* TELEFON *\/\n\n    @media (max-width: 600px) {\n      .hero {\n        min-height: 860px;\n      }\n\n      .content {\n        padding-top: 22px;\n        padding-bottom: 115px;\n      }\n\n      .arrow {\n        width: 125px;\n        height: 62px;\n        margin: 17px auto 23px;\n      }\n\n      .arrow path {\n        stroke-width: 10;\n      }\n\n      .product {\n        width: min(410px, 94%);\n        border-width: 3px;\n      }\n\n      .slope {\n        height: 90px;\n      }\n\n      .name {\n        margin-top: 17px;\n      }\n\n      .cta {\n        margin-top: 13px;\n      }\n\n      .impact {\n        padding-top: 22px;\n      }\n\n      .benefit {\n        grid-template-columns: 51px 1fr;\n      }\n\n      .benefit-icon {\n        width: 41px;\n        height: 41px;\n      }\n\n      .story-gallery {\n        grid-template-columns: 1fr;\n        gap: 18px;\n      }\n\n      .story-content {\n        padding-bottom: 55px;\n      }\n\n      .feedback {\n        padding: 85px 0;\n      }\n\n      .feedback-inner {\n        width: 100%;\n      }\n\n      .feedback-title,\n      .feedback-copy,\n      .feedback-kicker,\n      .feedback-stars {\n        margin-right: 18px;\n        margin-left: 18px;\n      }\n\n      .feedback-grid {\n        display: flex;\n        gap: 14px;\n        overflow-x: auto;\n        padding: 18px 24px 32px;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n      }\n\n      .feedback-grid::-webkit-scrollbar {\n        display: none;\n      }\n\n      .feedback-card,\n      .feedback-card:nth-child(1),\n      .feedback-card:nth-child(2),\n      .feedback-card:nth-child(3),\n      .feedback-card:nth-child(4),\n      .feedback-card:nth-child(5) {\n        grid-column: auto;\n        flex: 0 0 82%;\n        transform: none;\n        scroll-snap-align: center;\n      }\n\n      .feedback-card:nth-child(2) {\n        order: -1;\n      }\n\n      .packages-section {\n        padding: 95px 14px 75px;\n      }\n\n      .packages-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n      }\n\n      .package-card,\n      .package-card.featured,\n      .package-card.featured:hover {\n        width: min(440px, 100%);\n        margin: auto;\n        transform: none;\n      }\n\n      .package-card.featured {\n        order: -1;\n      }\n\n      .choice-toast {\n        right: 14px;\n        bottom: 14px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html {\n        scroll-behavior: auto;\n      }\n\n      .offer-track,\n      .arrow,\n      .cta,\n      .package-button {\n        animation: none;\n      }\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n  <!-- PROMOSI BERGERAK -->\n\n  <div class=\"offer\" aria-label=\"Promosi terhad\">\n    <div class=\"offer-track\">\n      <span>\n        \ud83d\udd25 Limited Offer \u2022 Promosi Terhad \u2022 Stok Terhad \u2022\n        Dapatkan Sekarang \u2022\n      <\/span>\n\n      <span aria-hidden=\"true\">\n        \ud83d\udd25 Limited Offer \u2022 Promosi Terhad \u2022 Stok Terhad \u2022\n        Dapatkan Sekarang \u2022\n      <\/span>\n    <\/div>\n  <\/div>\n\n  <!-- HERO -->\n\n  <section class=\"hero\">\n    <div class=\"content\">\n      <div class=\"eyebrow\">Jamu Paklongman Original<\/div>\n\n      <h1>\n        Jamu Hitam Lagend\n        <span>Paklongman<\/span>\n      <\/h1>\n\n      <p class=\"sub\">\n        100% asli \u2022 1 paket mengandungi 10 biji \u2022 Ramuan herba terpilih\n      <\/p>\n\n      <svg class=\"arrow\" viewBox=\"0 0 200 100\" aria-hidden=\"true\">\n        <path d=\"M10 18 L100 82 L190 18\"><\/path>\n      <\/svg>\n\n      <img decoding=\"async\"\n        class=\"product\"\n        src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-03_19_54-PM.png\"\n        alt=\"Jamu Hitam Lagend Paklongman\"\n      >\n\n      <div class=\"name\">\n        Jamu Hitam Lagend Paklongman\n      <\/div>\n\n      <a class=\"cta\" href=\"#pakej\">\n        Lihat Pakej Sekarang\n      <\/a>\n    <\/div>\n\n    <div class=\"slope\" aria-hidden=\"true\"><\/div>\n  <\/section>\n\n  <!-- BAHAGIAN KEDUA -->\n\n  <section class=\"impact\" id=\"bahagian-seterusnya\">\n    <div class=\"impact-inner\">\n      <div class=\"impact-badge\">\n        <b>10X<\/b> Lebih Padu &amp; Mantap\n      <\/div>\n\n      <h2>\n        Kembali Yakin\n        <span>Ketika Bersama<\/span>\n      <\/h2>\n\n      <p class=\"impact-lead\">\n        Untuk lelaki yang mahu bertahan lebih lama, lebih mantap dan\n        kembali yakin memberikan kepuasan kepada pasangan.\n      <\/p>\n\n      <div class=\"benefit-list\">\n        <div class=\"benefit\">\n          <div class=\"benefit-icon\">\u23f1\ufe0f<\/div>\n          <div>\n            <strong>Tahan Lebih Lama<\/strong>\n            <small>Membantu menyokong kawalan ketika bersama.<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"benefit\">\n          <div class=\"benefit-icon\">\u26a1<\/div>\n          <div>\n            <strong>Ereksi Lebih Mantap<\/strong>\n            <small>Membantu menyokong prestasi lelaki.<\/small>\n          <\/div>\n        <\/div>\n\n        <div class=\"benefit\">\n          <div class=\"benefit-icon\">\u2605<\/div>\n          <div>\n            <strong>Stamina Batin<\/strong>\n            <small>Lebih yakin ketika memuaskan pasangan.<\/small>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <svg\n        class=\"impact-arrow\"\n        viewBox=\"0 0 100 60\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M10 12 L50 50 L90 12\"><\/path>\n      <\/svg>\n\n      <div class=\"impact-end\">\n        Kenali Produk Paklongman\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BAHAGIAN KETIGA -->\n\n  <section class=\"product-story\" id=\"kenali-produk\">\n    <div class=\"story-top\">\n      <div class=\"story-label\">\n        Kenali Produk Paklongman\n      <\/div>\n\n      <img decoding=\"async\"\n        class=\"story-main-image\"\n        src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_58-PM.png\"\n        alt=\"Jamu Paklongman dengan ramuan herba pilihan\"\n      >\n    <\/div>\n\n    <div class=\"story-content\">\n      <h2 class=\"story-heading\">\n        Warisan Herba Paklongman\n      <\/h2>\n\n      <p class=\"story-copy\">\n        Kenali ramuan yang digunakan dan keistimewaan Jamu Paklongman\n        melalui visual di bawah.\n      <\/p>\n\n      <div class=\"story-gallery\">\n        <figure class=\"story-card\">\n          <a\n            href=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_24_41-PM.png\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <img decoding=\"async\"\n              src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_24_41-PM.png\"\n              alt=\"Ramuan Jamu Paklongman\"\n              loading=\"lazy\"\n            >\n          <\/a>\n\n          <figcaption>\n            Ramuan Jamu Paklongman\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"story-card\">\n          <a\n            href=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_26-PM.png\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            <img decoding=\"async\"\n              src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-05_22_26-PM.png\"\n              alt=\"Kelebihan Jamu Paklongman\"\n              loading=\"lazy\"\n            >\n          <\/a>\n\n          <figcaption>\n            Kelebihan Jamu Paklongman\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <p class=\"story-note\">\n        Tekan pada gambar untuk melihatnya dalam saiz penuh.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- FEEDBACK -->\n\n  <section class=\"feedback\" id=\"feedback\">\n    <div class=\"feedback-inner\">\n      <div class=\"feedback-kicker\">\n        Maklum Balas Pelanggan\n      <\/div>\n\n      <h2 class=\"feedback-title\">\n        Mereka Dah Cuba\n        <span>Ini Cerita Mereka<\/span>\n      <\/h2>\n\n      <p class=\"feedback-copy\">\n        Koleksi feedback pelanggan Jamu Paklongman yang dikongsikan\n        melalui perbualan WhatsApp.\n      <\/p>\n\n      <div class=\"feedback-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n\n      <div class=\"feedback-grid\">\n        <figure class=\"feedback-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3630.png\"\n            alt=\"Feedback pelanggan pertama\"\n            loading=\"lazy\"\n          >\n          <figcaption>Feedback Pelanggan 01<\/figcaption>\n        <\/figure>\n\n        <figure class=\"feedback-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3633.png\"\n            alt=\"Feedback pelanggan kedua\"\n            loading=\"lazy\"\n          >\n          <figcaption>Feedback Pelanggan 02<\/figcaption>\n        <\/figure>\n\n        <figure class=\"feedback-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3631.png\"\n            alt=\"Feedback pelanggan ketiga\"\n            loading=\"lazy\"\n          >\n          <figcaption>Feedback Pelanggan 03<\/figcaption>\n        <\/figure>\n\n        <figure class=\"feedback-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3632.png\"\n            alt=\"Feedback pelanggan keempat\"\n            loading=\"lazy\"\n          >\n          <figcaption>Feedback Pelanggan 04<\/figcaption>\n        <\/figure>\n\n        <figure class=\"feedback-card\">\n          <img decoding=\"async\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/IMG_3629.png\"\n            alt=\"Feedback pelanggan kelima\"\n            loading=\"lazy\"\n          >\n          <figcaption>Feedback Pelanggan 05<\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"feedback-foot\">\n        Geser gambar untuk lihat semua feedback\n      <\/div>\n\n      <svg\n        class=\"feedback-arrow\"\n        viewBox=\"0 0 100 60\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M10 12 L50 50 L90 12\"><\/path>\n      <\/svg>\n    <\/div>\n  <\/section>\n\n  <!-- BAHAGIAN PAKEJ -->\n\n  <section class=\"packages-section\" id=\"pakej\">\n    <div class=\"packages-inner\">\n      <div class=\"packages-kicker\">\n        Promosi Pakej Paklongman\n      <\/div>\n\n      <h2 class=\"packages-title\">\n        Pilih Pakej\n        <span>Paling Sesuai<\/span>\n      <\/h2>\n\n      <p class=\"packages-copy\">\n        Pilih pakej pilihan anda. Lebih banyak paket, lebih banyak\n        penjimatan dan bonus.\n      <\/p>\n\n      <div class=\"packages-grid\">\n\n        <!-- RM50 \/ ID 4256 -->\n\n        <article class=\"package-card\">\n          <img decoding=\"async\"\n            class=\"package-image\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_20_25-PM.png\"\n            alt=\"Pakej satu Jamu Paklongman RM50\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"package-info\">\n            <h3 class=\"package-name\">\n              Pakej 1 \u2014 RM50\n            <\/h3>\n\n            <p class=\"package-saving\">\n              1 paket hitam \u2022 10 biji\n            <\/p>\n\n            <button\n              class=\"package-button\"\n              type=\"button\"\n              data-product-id=\"4256\"\n              data-package-name=\"1 Paket Hitam \u2014 RM50\"\n            >\n              Pilih Pakej RM50\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <!-- RM130 \/ ID 3597 -->\n\n        <article class=\"package-card featured\">\n          <div class=\"package-ribbon\">\n            Paling Berbaloi\n          <\/div>\n\n          <img decoding=\"async\"\n            class=\"package-image\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_58_42-PM.png\"\n            alt=\"Pakej tiga Jamu Hitam dan satu Jamu Merah percuma RM130\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"package-info\">\n            <h3 class=\"package-name\">\n              Pakej 3 \u2014 RM130\n            <\/h3>\n\n            <p class=\"package-saving\">\n              3 paket hitam + 1 paket merah percuma\n            <\/p>\n\n            <button\n              class=\"package-button\"\n              type=\"button\"\n              data-product-id=\"3597\"\n              data-package-name=\"3 Paket Hitam + 1 Merah \u2014 RM130\"\n            >\n              Pilih Pakej RM130\n            <\/button>\n          <\/div>\n        <\/article>\n\n        <!-- RM90 \/ ID 4255 -->\n\n        <article class=\"package-card\">\n          <img decoding=\"async\"\n            class=\"package-image\"\n            src=\"https:\/\/paklongmanutarahq.site\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-1-2026-07_20_31-PM.png\"\n            alt=\"Pakej dua Jamu Paklongman RM90\"\n            loading=\"lazy\"\n          >\n\n          <div class=\"package-info\">\n            <h3 class=\"package-name\">\n              Pakej 2 \u2014 RM90\n            <\/h3>\n\n            <p class=\"package-saving\">\n              2 paket hitam \u2022 Jimat RM10\n            <\/p>\n\n            <button\n              class=\"package-button\"\n              type=\"button\"\n              data-product-id=\"4255\"\n              data-package-name=\"2 Paket Hitam \u2014 RM90\"\n            >\n              Pilih Pakej RM90\n            <\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <p class=\"packages-note\">\n        Pilih pakej dan anda akan dibawa terus ke borang tempahan.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- NOTIS TEPI -->\n\n  <aside\n    class=\"choice-toast\"\n    id=\"choice-toast\"\n    aria-live=\"polite\"\n  >\n    <div class=\"choice-toast-icon\">\u2605<\/div>\n\n    <div>\n      <strong>Pilihan Ramai Pelanggan<\/strong>\n      <span>\n        Pakej RM130 menawarkan penjimatan paling berbaloi.\n      <\/span>\n    <\/div>\n  <\/aside>\n\n  <!-- FUNGSI BUTANG DAN CARTFLOWS -->\n\n  <script>\n    (function () {\n      var packageSection = document.getElementById(\"pakej\");\n      var heroButton = document.querySelector(\".cta\");\n      var toast = document.getElementById(\"choice-toast\");\n      var toastTimer;\n\n      function smoothScrollTo(element) {\n        if (!element) {\n          return;\n        }\n\n        element.scrollIntoView({\n          behavior: \"smooth\",\n          block: \"start\"\n        });\n      }\n\n      \/* BUTANG HERO TURUN KE PAKEJ *\/\n\n      if (heroButton) {\n        heroButton.addEventListener(\"click\", function (event) {\n          if (!packageSection) {\n            return;\n          }\n\n          event.preventDefault();\n          smoothScrollTo(packageSection);\n          history.replaceState(null, \"\", \"#pakej\");\n        });\n      }\n\n      \/* NOTIS TEPI *\/\n\n      function showToast(title, message) {\n        if (!toast) {\n          return;\n        }\n\n        toast.querySelector(\"strong\").textContent = title;\n        toast.querySelector(\"span\").textContent = message;\n        toast.classList.add(\"show\");\n\n        clearTimeout(toastTimer);\n\n        toastTimer = setTimeout(function () {\n          toast.classList.remove(\"show\");\n        }, 5200);\n      }\n\n      \/* PILIH PRODUK CARTFLOWS *\/\n\n      function selectCartFlowsProduct(productId, button) {\n        var radio =\n          document.getElementById(\n            \"wcf-item-product-\" + productId\n          ) ||\n          document.querySelector(\n            'input.wcf-single-sel[value=\"' + productId + '\"]'\n          );\n\n        \/*\n         * Input CartFlows:\n         * RM50  = #wcf-item-product-4256\n         * RM90  = #wcf-item-product-4255\n         * RM130 = #wcf-item-product-3597\n         *\/\n\n        if (!radio) {\n          showToast(\n            \"Bahagian Billing Belum Ditemui\",\n            \"Pastikan HTML ini dipasang pada halaman utama yang mempunyai borang CartFlows.\"\n          );\n\n          return;\n        }\n\n        document\n          .querySelectorAll(\".package-button\")\n          .forEach(function (item) {\n            item.classList.remove(\"is-selected\");\n\n            item.textContent =\n              item.getAttribute(\"data-original-text\") ||\n              item.textContent;\n          });\n\n        if (!button.getAttribute(\"data-original-text\")) {\n          button.setAttribute(\n            \"data-original-text\",\n            button.textContent\n          );\n        }\n\n        button.classList.add(\"is-loading\");\n\n        \/*\n         * Klik pilihan CartFlows sebenar.\n         *\/\n\n        radio.click();\n        radio.checked = true;\n\n        radio.dispatchEvent(\n          new Event(\"change\", {\n            bubbles: true\n          })\n        );\n\n        \/*\n         * Tunggu CartFlows kemas kini harga,\n         * kemudian turun ke billing.\n         *\/\n\n        setTimeout(function () {\n          var billing =\n            document.getElementById(\"order\") ||\n            document.getElementById(\n              \"wcf-embed-checkout-form\"\n            ) ||\n            document.getElementById(\n              \"billing_first_name_field\"\n            );\n\n          button.classList.remove(\"is-loading\");\n          button.classList.add(\"is-selected\");\n          button.textContent = \"\u2713 Pakej Dipilih\";\n\n          showToast(\n            \"Pakej Berjaya Dipilih\",\n            button.getAttribute(\"data-package-name\") +\n              \" \u2014 lengkapkan maklumat billing di bawah.\"\n          );\n\n          smoothScrollTo(billing);\n\n          if (billing) {\n            history.replaceState(null, \"\", \"#order\");\n          }\n        }, 900);\n      }\n\n      \/*\n       * AKTIFKAN SEMUA BUTANG PAKEJ.\n       *\/\n\n      document\n        .querySelectorAll(\n          \".package-button[data-product-id]\"\n        )\n        .forEach(function (button) {\n          button.setAttribute(\n            \"data-original-text\",\n            button.textContent.trim()\n          );\n\n          button.addEventListener(\"click\", function () {\n            selectCartFlowsProduct(\n              button.getAttribute(\"data-product-id\"),\n              button\n            );\n          });\n        });\n\n      \/*\n       * PAPARKAN NOTIS SELEPAS 3.5 SAAT.\n       *\/\n\n      setTimeout(function () {\n        showToast(\n          \"Pilihan Ramai Pelanggan\",\n          \"Pakej RM130 menawarkan penjimatan paling berbaloi.\"\n        );\n      }, 3500);\n    })();\n  <\/script>\n<\/body>\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-bf138c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bf138c3\" 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-095cd2c\" data-id=\"095cd2c\" 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\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-eeedf2f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eeedf2f\" 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-2b82501\" data-id=\"2b82501\" 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-2e679e3 elementor-widget elementor-widget-html\" data-id=\"2e679e3\" 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 &amp; 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 = \"601127581462\";\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:\/\/paklongmanhq.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=\/wp\/v2\/cartflows_step"}],"about":[{"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=\/wp\/v2\/types\/cartflows_step"}],"version-history":[{"count":17,"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238\/revisions"}],"predecessor-version":[{"id":3581,"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=\/wp\/v2\/cartflows_step\/3238\/revisions\/3581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"https:\/\/paklongmanhq.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}