{%- comment -%} Cocoa + Natto ingredient cards + the label check. v3 Nov 10 2026 from build_pdp.py (one copy source): the bottle, the label's figures.
Same structure and CSS as sections/beef-protein-ingredients.liquid. {%- endcomment -%}
<link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap" rel="stylesheet">
<style>
/* the bespoke ingredients section (verbatim structure and CSS of the live beef-protein-ingredients section) */
#shopify-section-{{ section.id }}{background:#f9f7f3}
.pci{margin-inline:auto;padding:56px 20px 64px;max-width:1280px;font-family:'Roboto Slab',serif;color:#1b1a18}
.pci-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 56px;padding:0;list-style:none}
.pci-stat{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7e2da;border-radius:16px;background:#fff}
.pci-stat-media{aspect-ratio:5/3;overflow:hidden;background:#2b231e}.pci-stat-media img{width:100%;height:100%;object-fit:cover}
.pci-stat-body{display:flex;flex:1;flex-direction:column;align-items:center;padding:22px 22px 20px;text-align:center}
.pci-stat-value{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:0 0 8px;line-height:1}
.pci-stat-number,.pci-stat-unit,.pci-stat-name{font-family:'Alfa Slab One','Roboto Slab',serif;font-weight:400}
.pci-stat-number{color:#B5835A;font-size:2.75rem}.pci-stat-unit{font-size:1.375rem;color:#B5835A}
.pci-stat-name{margin:0 0 8px;font-size:1.125rem;line-height:1.2;letter-spacing:.03em;text-transform:uppercase}
.pci-stat-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#B5835A}
.pci-stat-eyebrow::before,.pci-stat-eyebrow::after{content:'';width:14px;height:2px;background:currentColor}
.pci-stat-text{margin:0;font-size:.9375rem;line-height:1.7;color:#5f5a54}
.pci-stat-source{align-self:stretch;margin:auto 0 0;padding-top:16px;font-size:.75rem;line-height:1.5;color:#5f5a54}
.pci-stat-source span{display:block;padding-top:12px;border-top:1px solid #e7e2da;font-style:italic}
.pci-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:48px;overflow:hidden;padding:56px 40px 56px 56px;
          border-radius:20px;background:linear-gradient(135deg,#3a302a 0%,#26201c 55%,#1a1614 100%);color:#fff}
.pci-card-visual{order:2;display:flex;justify-content:center}
.pci-card-visual img{width:100%;max-width:330px;filter:drop-shadow(0 22px 26px rgba(0,0,0,.5))}
.pci-card-eyebrow{margin:0 0 14px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d9b98c}
.pci-card-title{margin:0 0 14px;font-size:2rem;font-weight:800;line-height:1.25;color:#fff}
.pci-card-intro{margin:0 0 28px;font-size:1.0625rem;line-height:1.6;color:rgba(255,255,255,.85)}
.pci-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.pci-note{display:flex;align-items:center;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04);font-size:1rem;line-height:1.65;color:rgba(255,255,255,.9)}
.pci-card-outro{margin:28px 0 0;font-size:1.125rem;font-weight:700}


@media (max-width:1100px){.pci-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1023px){.pci-card{grid-template-columns:minmax(0,1fr);gap:20px;padding:32px 40px 44px}.pci-card-visual{order:0}}
@media (max-width:770px){.pci{padding:40px 0 48px}.pci-stats{grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 12px}.pci-stat{scroll-snap-align:start}.pci-card{margin-inline:16px;padding:24px 18px 32px}.pci-notes{grid-template-columns:1fr}}
</style>
<div class="pci"><ul class="pci-stats"><li class="pci-stat"><div class="pci-stat-media"><img src="{{ 'cn-ing-1.jpg' | file_url }}" alt="Flavanols &amp; Flavonoids" loading="lazy"></div><div class="pci-stat-body"><p class="pci-stat-value"><span class="pci-stat-number">1,200</span><span class="pci-stat-unit">MG</span></p><h3 class="pci-stat-name">Flavanols &amp; Flavonoids</h3><p class="pci-stat-eyebrow">Arteries that open wide</p><p class="pci-stat-text">Cocoa flavanols and flavonoids, printed on the front of the bottle. Alkali processing, the step that darkens most grocery cocoa, strips flavanols out; our proprietary process preserves them, to support nitric oxide production and blood vessel function.*</p><p class="pci-stat-source"><span>Journal of Agricultural and Food Chemistry, 2008</span></p></div></li><li class="pci-stat"><div class="pci-stat-media"><img src="{{ 'cn-ing-2.jpg' | file_url }}" alt="Ingredients" loading="lazy"></div><div class="pci-stat-body"><p class="pci-stat-value"><span class="pci-stat-number">2</span></p><h3 class="pci-stat-name">Ingredients</h3><p class="pci-stat-eyebrow">Dual-action</p><p class="pci-stat-text">Cocoa for your arteries, natto for your blood flow. Each one has its own research, and each one has its own amount on the front of the bottle: 1,200 mg and 10,800 FU.*</p></div></li><li class="pci-stat"><div class="pci-stat-media"><img src="{{ 'cn-ing-3.jpg' | file_url }}" alt="Nattokinase" loading="lazy"></div><div class="pci-stat-body"><p class="pci-stat-value"><span class="pci-stat-number">10,800</span><span class="pci-stat-unit">FU</span></p><h3 class="pci-stat-name">Nattokinase</h3><p class="pci-stat-eyebrow">Blood that flows freely</p><p class="pci-stat-text">The enzyme in natto, the fermented soybean Japan has eaten for about a thousand years, found by Dr. Hiroyuki Sumi in 1987 when he screened 173 foods. It supports your body&rsquo;s natural ability to break down fibrin. Most bottles give you 2,000 FU.*</p><p class="pci-stat-source"><span>Experientia, 1987</span></p></div></li><li class="pci-stat"><div class="pci-stat-media"><img src="{{ 'cn-ing-4.jpg' | file_url }}" alt="Capsules" loading="lazy"></div><div class="pci-stat-body"><p class="pci-stat-value"><span class="pci-stat-number">90</span></p><h3 class="pci-stat-name">Capsules</h3><p class="pci-stat-eyebrow">Three a day</p><p class="pci-stat-text">Three capsules with water is one serving, so every bottle holds 30. Nothing to mix, nothing to taste. Vegetable capsules, non-GMO and vegan, made in the USA in a GMP facility.</p></div></li></ul><div class="pci-card"><div class="pci-card-visual"><img src="{{ 'cn-bottle.png' | file_url }}" alt="SuperCocoa&trade; Blood Flow Capsules bottle"></div><div><p class="pci-card-eyebrow">The label check · 39 products, October 27</p><h2 class="pci-card-title">Two numbers on one label. Not one of 39 products printed both.</h2><p class="pci-card-intro">1,200 mg flavanols &amp; flavonoids. 10,800 FU nattokinase. Both on the front of one bottle.</p><ul class="pci-notes"><li class="pci-note">1,200 mg of cocoa flavanols and flavonoids, printed on the front.</li><li class="pci-note">10,800 FU of nattokinase. Most bottles give you 2,000.</li><li class="pci-note">Dual-action: one ingredient for your arteries, one for your blood flow.*</li><li class="pci-note">Made in the USA in a GMP facility. Non-GMO and vegan.</li></ul><p class="pci-card-outro">90 capsules. 30 servings.</p></div></div></div>
{% schema %}
{"name": "Cocoa Natto ingredients", "settings": [], "presets": [{"name": "Cocoa Natto ingredients"}]}
{% endschema %}
