L-Citrulline & L-Arginine Stack
:root { --primary: #0f172a; /* Athletic Slate Black */ --accent: #ea580c; /* High-Octane Orange-600 */ --accent-light: #ffedd5; /* Soft Orange Tint */ --text-dark: #1e293b; /* Read able Slate Charcoal */ --text-muted: #475569; /* Slate Gray */ --bg-light: #f8fafc; /* Crisp, Clean Gray-50 */ --border-color: #e2e8f0; /* Soft Border Line */ --radius: 12px; --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); 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.5rem; font-weight: 700; color: var(--primary); margin-bottom: 20px; letter-spacing: -0.02em; } .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); font-weight: 700; font-size: 1.2rem; } /* --- VISUAL GRAPHS SECTION --- */ .section-title { font-size: 1.6rem; color: var(--primary); margin-bottom: 30px; font-weight: 700; letter-spacing: -0.01em; display: flex; align-items: center; gap: 10px; } .section-title::after { content: ''; flex-grow: 1; height: 1px; background: var(--border-color); } .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); } .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); 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; display: flex; justify-content: space-between; align-items: center; } .ingredient-card .amount { font-size: 0.8rem; background: #e2e8f0; padding: 2px 8px; border-radius: 20px; color: var(--text-dark); 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: 600; color: var(--primary); cursor: pointer; transition: var(--transition); } .accordion-header:hover { color: var(--accent); } .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); } /* 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); 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; } Advanced Muscular Output High-Performance Amino Blend Take your training and performance to the next level with a targeted blend of performance-supporting amino acids. Engineered to assist body nitric oxide production, this matrix ensures swift delivery of oxygen and nutrients right where you need them most. Enhances Circulation & Exercise Efficiency Supports Muscle Stamina, Focus & Physical Readiness Accelerates Recovery After Intense Activity Product Performance Focus Target Wellness Pillars Nitric Oxide ProductionOptimized Exercise Efficiency & RecoveryHigh Support Nutrient Delivery AccelerationMaximum Flow Active Amino Distribution L-Citrulline DL-Malate400 mg L-Arginine Hydrochloride350 mg L-Arginine Alpha-Ketoglutarate50 mg Key Active Ingredients L-Citrulline DL-Malate 400mg An elite performance amino acid commonly used by active individuals to support strong circulation, stamina, and training output. L-Arginine HCl 350mg A pure premium compound that works directly to help the body unlock systemic nitric oxide production for physical endurance. L-Arginine AKG 50mg Alpha-Ketoglutarate compound targeted to optimize performance efficiency and promote steady muscular readiness. Clean Base Pure Formulated cleanly using Vegetable Cellulose and Brown Rice Flour without any unnecessary modern additives. Product Details & FAQ Description & Versatile Athletic Support + Whether you're lifting, sprinting, competing, or gaming for hours, consistent energy and endurance matter. This formula is designed to complement your routine by supporting muscle performance and recovery after physical activity. It’s suitable for a wide range of high-performance lifestyles, from strength training and team sports to long practice sessions and tournaments. The simple capsule format makes it convenient to take at home or on the go.Quality and simplicity are at the core of this supplement. Each serving contains carefully measured amounts of active ingredients without unnecessary additives. Add it to your regimen as a reliable way to support your body’s natural performance processes. Suggested Use & Application + As a dietary supplement, adults take two (2) capsules daily. For best results, take with 6-8 oz (177-237ml) of water, or execute daily use precisely as directed by a healthcare professional. Full Ingredient Profile + Active Formulation: L-Citrulline DL-Malate (400 mg), L-Arginine Hydrochloride (350 mg), L-Arginine Alpha-Ketoglutarate (50 mg).Other Ingredients: Vegetable Cellulose (Capsule), Brown Rice Flour. Product Specifications & Origin + Product Amount: 60 capsules / 2.5 oz / 0.15 lbs / 70 g Gross Weight: 2.4 oz / 0.15 lbs / 68 g Manufacturer Country: USA Safety Information & Cautions + Warning: Do not exceed recommended dose. Pregnant or nursing mothers, children under the age of 18, and individuals with a known medical condition should consult a physician before using this or any dietary supplement. Handling & Storage: KEEP OUT OF 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'); // Close all other items first document.querySelectorAll('.accordion-item').forEach(item => { if (item !== accordionItem) { item.classList.remove('active'); item.querySelector('.accordion-content').style.maxHeight = null; } }); // Toggle current item accordionItem.classList.toggle('active'); if (accordionItem.classList.contains('active')) { // Dynamically set max-height to the exact scroll height of the content content.style.maxHeight = content.scrollHeight + "px"; } else { content.style.maxHeight = null; } }); });