4D Joint Support
:root { --primary: #0f172a; /* Deep Obsidian Charcoal */ --accent: #ef4444; /* Aggressive Crimson Red Accent */ --accent-dark: #b91c1c; /* High-Contrast Text Red */ --accent-light: #fee2e2; /* Soft Crimson Tint */ --text-dark: #1e293b; /* Readable Slate Charcoal */ --text-muted: #64748b; /* Slate Gray */ --bg-light: #f8fafc; /* Clean Gray-50 Base */ --border-color: #e2e8f0; /* Soft Border Line */ --radius: 8px; /* Sharper, more aggressive corners for a fitness brand */ --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; } body { background-color: #ffffff; color: var(--text-dark); line-height: 1.6; } .product-container { max-width: 1100px; margin: 0 auto; padding: 40px 20px; } /* --- HERO & OVERVIEW SECTION --- */ .product-hero { margin-bottom: 40px; } .badge-title { display: inline-block; background: var(--accent-light); color: var(--accent-dark); font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; } .product-title { font-size: 2.8rem; font-weight: 800; color: var(--primary); margin-bottom: 20px; letter-spacing: -0.03em; text-transform: uppercase; } .product-lead { font-size: 1.15rem; color: var(--text-dark); margin-bottom: 24px; font-weight: 400; } /* High-Converting Highlights List */ .highlights-list { list-style: none; margin-bottom: 40px; display: grid; gap: 12px; } .highlights-list li { position: relative; padding-left: 28px; font-size: 1rem; color: var(--text-dark); font-weight: 600; } .highlights-list li::before { content: "✓"; position: absolute; left: 0; top: -2px; color: var(--accent-dark); font-weight: 700; font-size: 1.2rem; } /* --- VISUAL GRAPHS SECTION --- */ .section-title { font-size: 1.6rem; color: var(--primary); margin-bottom: 30px; font-weight: 800; letter-spacing: -0.01em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .section-title::after { content: ''; flex-grow: 1; height: 2px; background: var(--primary); } .graphs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 50px; } @media (max-width: 768px) { .graphs-grid { grid-template-columns: 1fr; } } .graph-card { background: #ffffff; border: 1px solid var(--border-color); border-radius: var(--radius); padding: 25px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01); } .graph-card h4 { font-size: 1.1rem; margin-bottom: 20px; color: var(--primary); font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; } .bar-group { margin-bottom: 18px; } .bar-label { display: flex; justify-content: space-between; font-size: 0.875rem; font-weight: 500; margin-bottom: 6px; } .bar-label span:last-child { color: var(--accent-dark); font-weight: 600; } .bar-container { background: var(--bg-light); height: 10px; border-radius: 50px; overflow: hidden; } .bar-fill { background: linear-gradient(90deg, var(--primary), var(--accent)); height: 100%; border-radius: 50px; } /* --- INGREDIENT HIGHLIGHTS GRID --- */ .ingredients-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-bottom: 50px; } .ingredient-card { background: var(--bg-light); border-radius: var(--radius); padding: 20px; border: 1px solid transparent; transition: var(--transition); } .ingredient-card:hover { border-color: var(--accent); background: #fff; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.03); } .ingredient-card h4 { color: var(--primary); font-size: 1.05rem; margin-bottom: 8px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; } .ingredient-card .amount { font-size: 0.8rem; background: var(--primary); padding: 2px 8px; border-radius: 4px; color: #ffffff; font-weight: 600; } .ingredient-card p { font-size: 0.875rem; color: var(--text-muted); } /* --- INTERACTIVE ACCORDION --- */ .accordion { margin-bottom: 50px; } .accordion-item { border-bottom: 1px solid var(--border-color); } .accordion-header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; background: none; border: none; text-align: left; font-size: 1.05rem; font-weight: 700; color: var(--primary); cursor: pointer; transition: var(--transition); } .accordion-header:hover { color: var(--accent-dark); } .accordion-icon { font-size: 1.25rem; transition: var(--transition); font-weight: 300; } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; } .accordion-content-inner { padding: 0 0 20px 0; color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; } .accordion-item.active .accordion-icon { transform: rotate(45deg); color: var(--accent-dark); } /* Clean Specifications Data Alignment */ .specs-table { display: grid; grid-template-columns: max-content 1fr; gap: 12px 30px; font-size: 0.9rem; } .specs-label { font-weight: 600; color: var(--text-dark); } /* --- WARNINGS & DISCLAIMERS --- */ .disclaimer-box { background: var(--bg-light); border-left: 4px solid var(--accent-dark); padding: 20px; border-radius: 0 var(--radius) var(--radius) 0; margin-bottom: 20px; font-size: 0.85rem; color: var(--text-muted); } .fda-statement { font-size: 0.8rem; font-style: italic; color: var(--text-muted); line-height: 1.4; margin-top: 20px; border-top: 1px solid var(--border-color); padding-top: 15px; } Elite Lifting Mobility Matrix 4D Joint Support Crush 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. Features GlucosaGreen® Non-Shellfish Vegetal Glucosamine HCl Promotes Superior Joint Flexibility, Lubrication, & Overall Function Sourced with Ultra-Pure, Potent Ingredients with 0% Artificial Additives Anabolic Mobility Metrics Target Biomechanical Pillars Flexibility & Range of MotionOptimized Joint Discomfort ReductionMaximum Relief Overall Joint Protection & LongevitySustained Active Formula Composition GlucosaGreen® Vegetal MatrixPremium Tech Standardized Botanical ExtractsHigh Bioavailability Artificial Additives & Chemical Fillers0% Clean Label The Joint Armor GlucosaGreen® Vegetal Advanced plant-sourced glucosamine HCl that structurally reinforces cartilage density and integrity without relying on low-grade shellfish allergens. MSM Matrix Pure Methylsulfonylmethane supplies organic sulfur to your connective tissues, helping reduce joint stiffness and kickstart post-workout cellular recovery. Boswellia Serrata 65% Acids Premium resin extract standardized to 65% active boswellic acids to naturally target inflammatory path pathways and enhance mobility under load. Black Pepper 95% Piperine High-yield fruit extract included specifically to spike the absorption rate of the entire formula, ensuring rapid utilization of every milligram. Product Specifications The Science of 4D Joint Protection + Lifting 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.This 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. Suggested Use & Optimal Daily Timing + As 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. Full Transparent Ingredient Profile + Active Structural & Botanical Elements: 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.Capsule & Manufacturing Composition: Gelatin (capsule), Microcrystalline Cellulose (MCC), Magnesium Stearate, Olive Oil, Silicon Dioxide. Product Specifications & Sizing + Product Amount: 60 Capsules Gross Weight: 0.15 lbs / 70 g Manufacturer Country: USA Safety & Warnings + Safety Warning: 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.Storage: KEEP OUT OF THE REACH OF CHILDREN. DO NOT USE IF SAFETY SEAL IS DAMAGED OR MISSING. STORE IN A COOL, DRY PLACE. *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. document.querySelectorAll('.accordion-header').forEach(button => { button.addEventListener('click', () => { const accordionItem = button.parentElement; const content = accordionItem.querySelector('.accordion-content'); // Auto-collapse alternative panels for clean UX document.querySelectorAll('.accordion-item').forEach(item => { if (item !== accordionItem) { item.classList.remove('active'); item.querySelector('.accordion-content').style.maxHeight = null; } }); // Toggle active status safely accordionItem.classList.toggle('active'); if (accordionItem.classList.contains('active')) { // Instantly calculates exact inner height for zero glitching across all browsers content.style.maxHeight = content.scrollHeight + "px"; } else { content.style.maxHeight = null; } }); });
More you might like
Related
Selkirk 4D Knitted Ankle Support — Advanced Joint Protection
Related
Selkirk 4D Knitted Elbow Support — Protective Joint Stabiliz
Related
Borgeson Steering Shaft Joints/U-Joints Steel U-Joint 3/4DD
Related