{"product_id":"4d-joint-support","title":"4D Joint Support","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Google Fonts for crisp, modern, high-performance typography --\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --primary: #0f172a; \/* Deep Obsidian Charcoal *\/\n            --accent: #ef4444; \/* Aggressive Crimson Red Accent *\/\n            --accent-dark: #b91c1c; \/* High-Contrast Text Red *\/\n            --accent-light: #fee2e2; \/* Soft Crimson Tint *\/\n            --text-dark: #1e293b; \/* Readable Slate Charcoal *\/\n            --text-muted: #64748b; \/* Slate Gray *\/\n            --bg-light: #f8fafc; \/* Clean Gray-50 Base *\/\n            --border-color: #e2e8f0; \/* Soft Border Line *\/\n            --radius: 8px; \/* Sharper, more aggressive corners for a fitness brand *\/\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Inter', sans-serif;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        body {\n            background-color: #ffffff;\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n\n        .product-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n\n        \/* --- HERO \u0026 OVERVIEW SECTION --- *\/\n        .product-hero {\n            margin-bottom: 40px;\n        }\n\n        .badge-title {\n            display: inline-block;\n            background: var(--accent-light);\n            color: var(--accent-dark);\n            font-weight: 700;\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            padding: 6px 16px;\n            border-radius: 50px;\n            margin-bottom: 16px;\n        }\n\n        .product-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            color: var(--primary);\n            margin-bottom: 20px;\n            letter-spacing: -0.03em;\n            text-transform: uppercase;\n        }\n\n        .product-lead {\n            font-size: 1.15rem;\n            color: var(--text-dark);\n            margin-bottom: 24px;\n            font-weight: 400;\n        }\n\n        \/* High-Converting Highlights List *\/\n        .highlights-list {\n            list-style: none;\n            margin-bottom: 40px;\n            display: grid;\n            gap: 12px;\n        }\n\n        .highlights-list li {\n            position: relative;\n            padding-left: 28px;\n            font-size: 1rem;\n            color: var(--text-dark);\n            font-weight: 600;\n        }\n\n        .highlights-list li::before {\n            content: \"✓\";\n            position: absolute;\n            left: 0;\n            top: -2px;\n            color: var(--accent-dark);\n            font-weight: 700;\n            font-size: 1.2rem;\n        }\n\n        \/* --- VISUAL GRAPHS SECTION --- *\/\n        .section-title {\n            font-size: 1.6rem;\n            color: var(--primary);\n            margin-bottom: 30px;\n            font-weight: 800;\n            letter-spacing: -0.01em;\n            text-transform: uppercase;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .section-title::after {\n            content: '';\n            flex-grow: 1;\n            height: 2px;\n            background: var(--primary);\n        }\n\n        .graphs-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 50px;\n        }\n\n        @media (max-width: 768px) {\n            .graphs-grid { grid-template-columns: 1fr; }\n        }\n\n        .graph-card {\n            background: #ffffff;\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius);\n            padding: 25px;\n            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01);\n        }\n\n        .graph-card h4 {\n            font-size: 1.1rem;\n            margin-bottom: 20px;\n            color: var(--primary);\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: -0.01em;\n        }\n\n        .bar-group {\n            margin-bottom: 18px;\n        }\n\n        .bar-label {\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.875rem;\n            font-weight: 500;\n            margin-bottom: 6px;\n        }\n\n        .bar-label span:last-child {\n            color: var(--accent-dark);\n            font-weight: 600;\n        }\n\n        .bar-container {\n            background: var(--bg-light);\n            height: 10px;\n            border-radius: 50px;\n            overflow: hidden;\n        }\n\n        .bar-fill {\n            background: linear-gradient(90deg, var(--primary), var(--accent));\n            height: 100%;\n            border-radius: 50px;\n        }\n\n        \/* --- INGREDIENT HIGHLIGHTS GRID --- *\/\n        .ingredients-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 20px;\n            margin-bottom: 50px;\n        }\n\n        .ingredient-card {\n            background: var(--bg-light);\n            border-radius: var(--radius);\n            padding: 20px;\n            border: 1px solid transparent;\n            transition: var(--transition);\n        }\n\n        .ingredient-card:hover {\n            border-color: var(--accent);\n            background: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 15px -3px rgba(0,0,0,0.03);\n        }\n\n        .ingredient-card h4 {\n            color: var(--primary);\n            font-size: 1.05rem;\n            margin-bottom: 8px;\n            font-weight: 700;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .ingredient-card .amount {\n            font-size: 0.8rem;\n            background: var(--primary);\n            padding: 2px 8px;\n            border-radius: 4px;\n            color: #ffffff;\n            font-weight: 600;\n        }\n\n        .ingredient-card p {\n            font-size: 0.875rem;\n            color: var(--text-muted);\n        }\n\n        \/* --- INTERACTIVE ACCORDION --- *\/\n        .accordion {\n            margin-bottom: 50px;\n        }\n\n        .accordion-item {\n            border-bottom: 1px solid var(--border-color);\n        }\n\n        .accordion-header {\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 20px 0;\n            background: none;\n            border: none;\n            text-align: left;\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--primary);\n            cursor: pointer;\n            transition: var(--transition);\n        }\n\n        .accordion-header:hover {\n            color: var(--accent-dark);\n        }\n\n        .accordion-icon {\n            font-size: 1.25rem;\n            transition: var(--transition);\n            font-weight: 300;\n        }\n\n        .accordion-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n\n        .accordion-content-inner {\n            padding: 0 0 20px 0;\n            color: var(--text-muted);\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n\n        .accordion-item.active .accordion-icon {\n            transform: rotate(45deg);\n            color: var(--accent-dark);\n        }\n\n        \/* Clean Specifications Data Alignment *\/\n        .specs-table {\n            display: grid;\n            grid-template-columns: max-content 1fr;\n            gap: 12px 30px;\n            font-size: 0.9rem;\n        }\n\n        .specs-label {\n            font-weight: 600;\n            color: var(--text-dark);\n        }\n\n        \/* --- WARNINGS \u0026 DISCLAIMERS --- *\/\n        .disclaimer-box {\n            background: var(--bg-light);\n            border-left: 4px solid var(--accent-dark);\n            padding: 20px;\n            border-radius: 0 var(--radius) var(--radius) 0;\n            margin-bottom: 20px;\n            font-size: 0.85rem;\n            color: var(--text-muted);\n        }\n\n        .fda-statement {\n            font-size: 0.8rem;\n            font-style: italic;\n            color: var(--text-muted);\n            line-height: 1.4;\n            margin-top: 20px;\n            border-top: 1px solid var(--border-color);\n            padding-top: 15px;\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003c!-- Hero \/ Intro Section --\u003e\n\u003csection class=\"product-hero\"\u003e\u003cspan class=\"badge-title\"\u003eElite Lifting Mobility Matrix\u003c\/span\u003e\n\u003ch1 class=\"product-title\"\u003e4D Joint Support\u003c\/h1\u003e\n\u003cp class=\"product-lead\"\u003eCrush your heavy compounds and shield your joints from the brutal friction life throws at you. 4D Joint Support delivers a potent, zero-additive matrix designed specifically to promote joint flexibility, slam the brakes on post-training discomfort, and support optimal, fluid mobility. Powered by natural structural compounds and high-potency botanicals, it keeps you lifting heavy without the nagging physical limits.\u003c\/p\u003e\n\u003c!-- 3 High Impact Bullet Points --\u003e\n\u003cul class=\"highlights-list\"\u003e\n\u003cli\u003eFeatures GlucosaGreen® Non-Shellfish Vegetal Glucosamine HCl\u003c\/li\u003e\n\u003cli\u003ePromotes Superior Joint Flexibility, Lubrication, \u0026amp; Overall Function\u003c\/li\u003e\n\u003cli\u003eSourced with Ultra-Pure, Potent Ingredients with 0% Artificial Additives\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/section\u003e\n\u003c!-- Product Alignment Focus Graphs --\u003e\n\u003ch3 class=\"section-title\"\u003eAnabolic Mobility Metrics\u003c\/h3\u003e\n\u003cdiv class=\"graphs-grid\"\u003e\n\u003cdiv class=\"graph-card\"\u003e\n\u003ch4\u003eTarget Biomechanical Pillars\u003c\/h4\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eFlexibility \u0026amp; Range of Motion\u003c\/span\u003e\u003cspan\u003eOptimized\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 95%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eJoint Discomfort Reduction\u003c\/span\u003e\u003cspan\u003eMaximum Relief\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 91%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eOverall Joint Protection \u0026amp; Longevity\u003c\/span\u003e\u003cspan\u003eSustained\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 94%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"graph-card\"\u003e\n\u003ch4\u003eActive Formula Composition\u003c\/h4\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eGlucosaGreen® Vegetal Matrix\u003c\/span\u003e\u003cspan\u003ePremium Tech\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 100%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eStandardized Botanical Extracts\u003c\/span\u003e\u003cspan\u003eHigh Bioavailability\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 93%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-group\"\u003e\n\u003cdiv class=\"bar-label\"\u003e\n\u003cspan\u003eArtificial Additives \u0026amp; Chemical Fillers\u003c\/span\u003e\u003cspan\u003e0% Clean Label\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bar-container\"\u003e\n\u003cdiv class=\"bar-fill\" style=\"width: 0%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Ingredient Highlights Grid --\u003e\n\u003ch3 class=\"section-title\"\u003eThe Joint Armor\u003c\/h3\u003e\n\u003cdiv class=\"ingredients-grid\"\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003eGlucosaGreen® \u003cspan class=\"amount\"\u003eVegetal\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003eAdvanced plant-sourced glucosamine HCl that structurally reinforces cartilage density and integrity without relying on low-grade shellfish allergens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003eMSM Matrix \u003cspan class=\"amount\"\u003ePure\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003eMethylsulfonylmethane supplies organic sulfur to your connective tissues, helping reduce joint stiffness and kickstart post-workout cellular recovery.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003eBoswellia Serrata \u003cspan class=\"amount\"\u003e65% Acids\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003ePremium resin extract standardized to 65% active boswellic acids to naturally target inflammatory path pathways and enhance mobility under load.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-card\"\u003e\n\u003ch4\u003eBlack Pepper \u003cspan class=\"amount\"\u003e95% Piperine\u003c\/span\u003e\n\u003c\/h4\u003e\n\u003cp\u003eHigh-yield fruit extract included specifically to spike the absorption rate of the entire formula, ensuring rapid utilization of every milligram.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Details \u0026 FAQ Accordion Section --\u003e\n\u003ch3 class=\"section-title\"\u003eProduct Specifications\u003c\/h3\u003e\n\u003cdiv class=\"accordion\"\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cbutton class=\"accordion-header\"\u003e \u003cspan\u003eThe Science of 4D Joint Protection\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003eLifting heavy loads creates high-impact friction inside your joint capsules. 4D Joint Support delivers a meticulous blend of MSM, non-shellfish GlucosaGreen®, and traditional botanical extract warriors like Turmeric Powder, White Willow Bark, and Hyaluronic Acid.\u003cbr\u003e\u003cbr\u003eThis clean-label combination works synergistically to supply the precise structural components your body needs to fuel cartilage function, nourish joint fluids, and suppress heavy-lifting distress, all while completely steering clear of artificial additives.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cbutton class=\"accordion-header\"\u003e \u003cspan\u003eSuggested Use \u0026amp; Optimal Daily Timing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003eAs a dietary supplement, adults take two (2) capsules daily. For best physiological results, take consistently with 6–8 oz of water, or consume exactly as directed by your qualified healthcare professional.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cbutton class=\"accordion-header\"\u003e \u003cspan\u003eFull Transparent Ingredient Profile\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cstrong\u003eActive Structural \u0026amp; Botanical Elements:\u003c\/strong\u003e MSM (methylsulfonylmethane), GlucosaGreen® vegetal glucosamine HCl, Turmeric Powder (root), White Willow Bark Extract, Boswellia serrata Extract (resin) (standardized to 65% boswellic acids), Black Pepper Extract (fruit) (standardized to 95% piperine), Hyaluronic Acid.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eCapsule \u0026amp; Manufacturing Composition:\u003c\/strong\u003e Gelatin (capsule), Microcrystalline Cellulose (MCC), Magnesium Stearate, Olive Oil, Silicon Dioxide.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cbutton class=\"accordion-header\"\u003e \u003cspan\u003eProduct Specifications \u0026amp; Sizing\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cdiv class=\"specs-table\"\u003e\n\u003cdiv class=\"specs-label\"\u003eProduct Amount:\u003c\/div\u003e\n\u003cdiv\u003e60 Capsules\u003c\/div\u003e\n\u003cdiv class=\"specs-label\"\u003eGross Weight:\u003c\/div\u003e\n\u003cdiv\u003e0.15 lbs \/ 70 g\u003c\/div\u003e\n\u003cdiv class=\"specs-label\"\u003eManufacturer Country:\u003c\/div\u003e\n\u003cdiv\u003eUSA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"accordion-item\"\u003e\n\u003cbutton class=\"accordion-header\"\u003e \u003cspan\u003eSafety \u0026amp; Warnings\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"accordion-content-inner\"\u003e\n\u003cdiv class=\"disclaimer-box\"\u003e\n\u003cstrong\u003eSafety Warning:\u003c\/strong\u003e Do not exceed the recommended daily dose. Pregnant or nursing mothers, children under the age of 18, and individuals with known medical conditions must consult a physician before using this or any dietary supplement.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eStorage:\u003c\/strong\u003e KEEP OUT OF THE REACH OF CHILDREN. DO NOT USE IF SAFETY SEAL IS DAMAGED OR MISSING. STORE IN A COOL, DRY PLACE.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FDA Mandatory Disclaimer Footer --\u003e\n\u003cp class=\"fda-statement\"\u003e*These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure or prevent any disease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    document.querySelectorAll('.accordion-header').forEach(button =\u003e {\n        button.addEventListener('click', () =\u003e {\n            const accordionItem = button.parentElement;\n            const content = accordionItem.querySelector('.accordion-content');\n            \n            \/\/ Auto-collapse alternative panels for clean UX\n            document.querySelectorAll('.accordion-item').forEach(item =\u003e {\n                if (item !== accordionItem) {\n                    item.classList.remove('active');\n                    item.querySelector('.accordion-content').style.maxHeight = null;\n                }\n            });\n\n            \/\/ Toggle active status safely\n            accordionItem.classList.toggle('active');\n            \n            if (accordionItem.classList.contains('active')) {\n                \/\/ Instantly calculates exact inner height for zero glitching across all browsers\n                content.style.maxHeight = content.scrollHeight + \"px\";\n            } else {\n                content.style.maxHeight = null;\n            }\n        });\n    });\n\u003c\/script\u003e","brand":"Heavyweights.app","offers":[{"title":"Default Title","offer_id":44233583165539,"sku":"JTP4JOIN","price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/1780474201402-generated-label-image-0.jpg?v=1780474259","url":"https:\/\/heavyweights.app\/products\/4d-joint-support","provider":"Heavyweights.app","version":"1.0","type":"link"}