{"product_id":"other-example-product-2","title":"parodontax Active Gum Health Mouthwash Fresh Mint 500ml","description":"\u003cstyle\u003e\n  .pdx-wrap {\n    --blue: #0878d1;\n    --blue-dark: #034b88;\n    --blue-light: #eaf6ff;\n    --navy: #071c2d;\n    --text: #263746;\n    --muted: #667887;\n    --white: #ffffff;\n    --line: #dcecf7;\n\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    color: var(--text);\n    overflow: hidden;\n    background: #fff;\n  }\n\n  .pdx-wrap * {\n    box-sizing: border-box;\n  }\n\n  \/* HERO *\/\n  .pdx-hero {\n    position: relative;\n    text-align: center;\n    padding: 75px 22px 80px;\n    background:\n      radial-gradient(circle at 50% 5%, rgba(8,120,209,.18), transparent 42%),\n      linear-gradient(180deg, #f2faff 0%, #fff 100%);\n  }\n\n  .pdx-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 9px 18px;\n    border-radius: 50px;\n    background: #e2f3ff;\n    color: var(--blue-dark);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    animation: pdxFloat 3s ease-in-out infinite;\n  }\n\n  .pdx-hero h2 {\n    max-width: 850px;\n    margin: 22px auto 16px;\n    color: var(--navy);\n    font-size: clamp(36px, 6vw, 64px);\n    line-height: 1.02;\n    letter-spacing: -2.5px;\n    font-weight: 850;\n  }\n\n  .pdx-hero h2 span {\n    color: var(--blue);\n  }\n\n  .pdx-hero p {\n    max-width: 680px;\n    margin: auto;\n    color: var(--muted);\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  @keyframes pdxFloat {\n    0%,100% { transform: translateY(0); }\n    50% { transform: translateY(-5px); }\n  }\n\n  \/* ORBIT *\/\n  .pdx-orbit {\n    position: relative;\n    width: 230px;\n    height: 150px;\n    margin: 45px auto 15px;\n  }\n\n  .pdx-orbit-ring {\n    position: absolute;\n    inset: 20px 0;\n    border: 1px solid rgba(8,120,209,.25);\n    border-radius: 50%;\n    animation: pdxRotate 7s linear infinite;\n  }\n\n  .pdx-orbit-ring:before,\n  .pdx-orbit-ring:after {\n    content: \"\";\n    position: absolute;\n    width: 9px;\n    height: 9px;\n    background: var(--blue);\n    border-radius: 50%;\n  }\n\n  .pdx-orbit-ring:before {\n    top: 3px;\n    left: 50%;\n  }\n\n  .pdx-orbit-ring:after {\n    bottom: 10px;\n    right: 20px;\n  }\n\n  .pdx-droplet {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%,-50%);\n    font-size: 54px;\n    filter: drop-shadow(0 10px 20px rgba(8,120,209,.2));\n    animation: pdxPulse 2s ease-in-out infinite;\n  }\n\n  @keyframes pdxRotate {\n    to { transform: rotate(360deg); }\n  }\n\n  @keyframes pdxPulse {\n    0%,100% { transform: translate(-50%,-50%) scale(1); }\n    50% { transform: translate(-50%,-50%) scale(1.08); }\n  }\n\n  \/* STATS *\/\n  .pdx-stats {\n    max-width: 900px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    border: 1px solid var(--line);\n    border-radius: 22px;\n    overflow: hidden;\n    background: rgba(255,255,255,.9);\n    box-shadow: 0 15px 45px rgba(0,70,130,.08);\n  }\n\n  .pdx-stat {\n    padding: 27px 15px;\n    border-right: 1px solid var(--line);\n  }\n\n  .pdx-stat:last-child {\n    border-right: 0;\n  }\n\n  .pdx-stat strong {\n    display: block;\n    color: var(--blue);\n    font-size: 29px;\n    font-weight: 900;\n  }\n\n  .pdx-stat span {\n    display: block;\n    margin-top: 6px;\n    color: var(--muted);\n    font-size: 12px;\n  }\n\n  \/* SECTION *\/\n  .pdx-section {\n    max-width: 1150px;\n    margin: auto;\n    padding: 80px 22px;\n  }\n\n  .pdx-heading {\n    max-width: 700px;\n    margin: 0 auto 45px;\n    text-align: center;\n  }\n\n  .pdx-heading small {\n    color: var(--blue);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .pdx-heading h3 {\n    margin: 10px 0 12px;\n    color: var(--navy);\n    font-size: clamp(29px,4vw,44px);\n    letter-spacing: -1px;\n  }\n\n  .pdx-heading p {\n    color: var(--muted);\n    line-height: 1.7;\n  }\n\n  \/* FEATURES *\/\n  .pdx-grid {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n  }\n\n  .pdx-card {\n    position: relative;\n    padding: 30px;\n    border: 1px solid var(--line);\n    border-radius: 24px;\n    background: #fff;\n    overflow: hidden;\n    transition: .35s ease;\n    box-shadow: 0 10px 35px rgba(0,70,130,.05);\n  }\n\n  .pdx-card:before {\n    content: \"\";\n    position: absolute;\n    width: 130px;\n    height: 130px;\n    right: -65px;\n    top: -65px;\n    border-radius: 50%;\n    background: var(--blue-light);\n    transition: .45s ease;\n  }\n\n  .pdx-card:hover {\n    transform: translateY(-8px);\n    border-color: #a9d8f5;\n    box-shadow: 0 20px 45px rgba(0,100,180,.13);\n  }\n\n  .pdx-card:hover:before {\n    transform: scale(1.7);\n  }\n\n  .pdx-icon {\n    position: relative;\n    width: 52px;\n    height: 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--blue-light);\n    color: var(--blue);\n    border-radius: 16px;\n    font-size: 23px;\n    margin-bottom: 20px;\n  }\n\n  .pdx-card h4 {\n    position: relative;\n    margin: 0 0 10px;\n    color: var(--navy);\n    font-size: 19px;\n  }\n\n  .pdx-card p {\n    position: relative;\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  \/* PLAQUE SECTION *\/\n  .pdx-plaque {\n    padding: 80px 22px;\n    background: var(--navy);\n    color: white;\n  }\n\n  .pdx-plaque-inner {\n    max-width: 1100px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .pdx-plaque h3 {\n    margin: 0 0 18px;\n    font-size: clamp(31px,4vw,47px);\n    line-height: 1.1;\n  }\n\n  .pdx-plaque h3 span {\n    color: #45adff;\n  }\n\n  .pdx-plaque p {\n    color: #aebfce;\n    line-height: 1.75;\n  }\n\n  .pdx-plaque-visual {\n    position: relative;\n    height: 300px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .pdx-circle {\n    position: absolute;\n    width: 250px;\n    height: 250px;\n    border: 1px solid rgba(69,173,255,.4);\n    border-radius: 50%;\n    animation: pdxSpin 8s linear infinite;\n  }\n\n  .pdx-circle:before {\n    content: \"\";\n    position: absolute;\n    top: -5px;\n    left: 50%;\n    width: 11px;\n    height: 11px;\n    border-radius: 50%;\n    background: #45adff;\n    box-shadow: 0 0 20px #45adff;\n  }\n\n  .pdx-3x {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .pdx-3x strong {\n    display: block;\n    color: #45adff;\n    font-size: 82px;\n    line-height: 1;\n    font-weight: 900;\n  }\n\n  .pdx-3x span {\n    color: #fff;\n    font-size: 13px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  @keyframes pdxSpin {\n    to { transform: rotate(360deg); }\n  }\n\n  \/* ROUTINE *\/\n  .pdx-routine {\n    background: #f3faff;\n    padding: 80px 22px;\n  }\n\n  .pdx-routine-inner {\n    max-width: 1050px;\n    margin: auto;\n  }\n\n  .pdx-steps {\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 20px;\n  }\n\n  .pdx-step {\n    position: relative;\n    padding: 30px;\n    background: white;\n    border: 1px solid var(--line);\n    border-radius: 22px;\n    transition: .3s ease;\n  }\n\n  .pdx-step:hover {\n    transform: translateY(-6px);\n  }\n\n  .pdx-step-number {\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: var(--blue);\n    color: white;\n    font-weight: 800;\n    margin-bottom: 20px;\n  }\n\n  .pdx-step h4 {\n    margin: 0 0 9px;\n    color: var(--navy);\n  }\n\n  .pdx-step p {\n    margin: 0;\n    color: var(--muted);\n    font-size: 14px;\n    line-height: 1.65;\n  }\n\n  \/* SAFETY *\/\n  .pdx-safety {\n    max-width: 900px;\n    margin: auto;\n    padding: 70px 22px;\n  }\n\n  .pdx-safety-box {\n    padding: 30px;\n    border-radius: 22px;\n    background: #f8fbfd;\n    border: 1px solid var(--line);\n  }\n\n  .pdx-safety-box h3 {\n    margin-top: 0;\n    color: var(--navy);\n  }\n\n  .pdx-safety-box ul {\n    padding-left: 20px;\n    color: var(--muted);\n    line-height: 1.8;\n    font-size: 14px;\n  }\n\n  \/* FINAL *\/\n  .pdx-final {\n    padding: 75px 22px;\n    text-align: center;\n    color: white;\n    background:\n      radial-gradient(circle at center, rgba(8,120,209,.35), transparent 55%),\n      var(--navy);\n  }\n\n  .pdx-final h3 {\n    margin: 0 0 14px;\n    font-size: clamp(31px,5vw,48px);\n  }\n\n  .pdx-final p {\n    max-width: 620px;\n    margin: auto;\n    color: #b9c9d6;\n    line-height: 1.7;\n  }\n\n  \/* MOBILE *\/\n  @media(max-width:750px) {\n\n    .pdx-stats {\n      grid-template-columns: 1fr;\n    }\n\n    .pdx-stat {\n      border-right: 0;\n      border-bottom: 1px solid var(--line);\n    }\n\n    .pdx-stat:last-child {\n      border-bottom: 0;\n    }\n\n    .pdx-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .pdx-plaque-inner {\n      grid-template-columns: 1fr;\n      text-align: center;\n      gap: 30px;\n    }\n\n    .pdx-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .pdx-hero {\n      padding-top: 55px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"pdx-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"pdx-hero\"\u003e\n\n    \u003cdiv class=\"pdx-pill\"\u003e\n      ✦ Daily Gum Care\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Go Beyond Brushing.\u003cbr\u003e\n      \u003cspan\u003eCare For Your Gums.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Parodontax Active Gum Health Invigorating Mint mouthwash\n      helps target plaque germs that brushing can leave behind,\n      supporting your daily gum and oral-care routine.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"pdx-orbit\"\u003e\n      \u003cdiv class=\"pdx-orbit-ring\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"pdx-droplet\"\u003e💧\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pdx-stats\"\u003e\n\n      \u003cdiv class=\"pdx-stat\"\u003e\n        \u003cstrong\u003e3×\u003c\/strong\u003e\n        \u003cspan\u003eMore plaque germs targeted*\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pdx-stat\"\u003e\n        \u003cstrong\u003e500ml\u003c\/strong\u003e\n        \u003cspan\u003eLarge daily-use bottle\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pdx-stat\"\u003e\n        \u003cstrong\u003e2×\u003c\/strong\u003e\n        \u003cspan\u003eDaily-use routine\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"pdx-section\"\u003e\n\n    \u003cdiv class=\"pdx-heading\"\u003e\n\n      \u003csmall\u003eActive Gum Health\u003c\/small\u003e\n\n      \u003ch3\u003e\n        Complete your oral-care routine.\n      \u003c\/h3\u003e\n\n      \u003cp\u003e\n        Brushing is essential, but your daily routine can go further.\n        Parodontax mouthwash helps reach areas around the gum line\n        and between teeth.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"pdx-grid\"\u003e\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e🦷\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Targets Plaque Germs\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Scientifically proven to target 3× more plaque germs\n          that brushing leaves behind.*\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e◎\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Gum Line Care\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Helps reduce plaque build-up in hard-to-reach areas\n          along the gum line.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e✦\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Invigorating Mint\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Enjoy a refreshing mint flavour as part of your\n          everyday oral-care routine.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e↔\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Between Teeth\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Helps care for areas between teeth that can be difficult\n          to reach through brushing alone.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e◌\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Daily Gum Health\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Designed for regular use to help maintain healthy gums\n          and teeth.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-card\"\u003e\n\n        \u003cdiv class=\"pdx-icon\"\u003e✓\u003c\/div\u003e\n\n        \u003ch4\u003e\n          Easy Daily Routine\n        \u003c\/h4\u003e\n\n        \u003cp\u003e\n          Simple to incorporate into your oral-care routine\n          twice a day.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- PLAQUE --\u003e\n  \u003csection class=\"pdx-plaque\"\u003e\n\n    \u003cdiv class=\"pdx-plaque-inner\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003ch3\u003e\n          Brushing doesn't reach \u003cspan\u003eeverything.\u003c\/span\u003e\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Plaque can build up in areas that are difficult to reach,\n          including along the gum line and between teeth.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Parodontax Active Gum Health mouthwash works alongside\n          brushing to help target plaque germs left behind.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-plaque-visual\"\u003e\n\n        \u003cdiv class=\"pdx-circle\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"pdx-3x\"\u003e\n          \u003cstrong\u003e3×\u003c\/strong\u003e\n          \u003cspan\u003eMore plaque germs targeted*\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- ROUTINE --\u003e\n  \u003csection class=\"pdx-routine\"\u003e\n\n    \u003cdiv class=\"pdx-routine-inner\"\u003e\n\n      \u003cdiv class=\"pdx-heading\"\u003e\n\n        \u003csmall\u003eYour daily routine\u003c\/small\u003e\n\n        \u003ch3\u003e\n          Simple. Fresh. Effective.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Add mouthwash to your routine after brushing for\n          comprehensive everyday oral care.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pdx-steps\"\u003e\n\n        \u003cdiv class=\"pdx-step\"\u003e\n\n          \u003cdiv class=\"pdx-step-number\"\u003e01\u003c\/div\u003e\n\n          \u003ch4\u003e\n            Measure\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Measure the recommended amount using the cap.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pdx-step\"\u003e\n\n          \u003cdiv class=\"pdx-step-number\"\u003e02\u003c\/div\u003e\n\n          \u003ch4\u003e\n            Swish\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Vigorously swish the rinse between your teeth\n            for 30 seconds.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pdx-step\"\u003e\n\n          \u003cdiv class=\"pdx-step-number\"\u003e03\u003c\/div\u003e\n\n          \u003ch4\u003e\n            Spit\n          \u003c\/h4\u003e\n\n          \u003cp\u003e\n            Spit out the rinse. Do not swallow and do not\n            rinse with water afterward.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- SAFETY --\u003e\n  \u003csection class=\"pdx-safety\"\u003e\n\n    \u003cdiv class=\"pdx-safety-box\"\u003e\n\n      \u003ch3\u003e\n        Important information\n      \u003c\/h3\u003e\n\n      \u003cul\u003e\n\n        \u003cli\u003eDo not swallow.\u003c\/li\u003e\n\n        \u003cli\u003eKeep out of reach of children.\u003c\/li\u003e\n\n        \u003cli\u003eDo not use for children under 6 years of age.\u003c\/li\u003e\n\n        \u003cli\u003eChildren aged 6–11 should be supervised.\u003c\/li\u003e\n\n        \u003cli\u003eIf irritation occurs, discontinue use.\u003c\/li\u003e\n\n        \u003cli\u003eDo not drink directly from the bottle.\u003c\/li\u003e\n\n        \u003cli\u003eDo not use if the cap seal is missing or damaged.\u003c\/li\u003e\n\n        \u003cli\u003eStore below 30°C.\u003c\/li\u003e\n\n      \u003c\/ul\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"pdx-final\"\u003e\n\n    \u003ch3\u003e\n      Take your gum care further.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Pair your everyday brushing routine with Parodontax Active\n      Gum Health Invigorating Mint mouthwash for a fresh,\n      comprehensive approach to daily oral care.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Sparkle Hub","offers":[{"title":"Default Title","offer_id":48661653520629,"sku":null,"price":129.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/3391\/0773\/files\/719MeIycZ_L._AC_SY450.jpg?v=1788973700","url":"https:\/\/sparklehub.co.za\/products\/other-example-product-2","provider":"Sparkle Hub","version":"1.0","type":"link"}