{"product_id":"energy-powder","title":"Energy Powder","description":"\u003ch3 style=\"text-align: center;\"\u003eENERGY + HYDRATION\u003c\/h3\u003e\n\u003cstyle\u003e\n  .why-wrapper {\n    max-width: 900px;\n    margin: 30px auto;\n    font-family: 'Inter', -apple-system, sans-serif;\n    color: #1a1a1a;\n    padding: 0 10px;\n    line-height: 1.6;\n  }\n\n  .why-section {\n    display: flex;\n    gap: 40px;\n    margin-bottom: 10px;\n    align-items: flex-start;\n  }\n\n  .why-number {\n    font-size: 80px;\n    font-weight: 900;\n    color: #f0f0f0; \/* Subtle background number *\/\n    line-height: 1;\n    flex-shrink: 0;\n    font-family: 'Dela Gothic One', sans-serif;\n  }\n\n  .why-content {\n    padding-top: 15px;\n  }\n\n  .why-content h2 {\n    font-size: 24px;\n    margin: 0 0 15px 0;\n    text-transform: uppercase;\n    letter-spacing: -0.5px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .why-content h2 span {\n    background: #ffd600; \/* Your signature yellow *\/\n    color: #000;\n    padding: 2px 10px;\n    font-size: 14px;\n    border-radius: 4px;\n  }\n\n  .why-text {\n    font-size: 16px;\n    color: #444;\n  }\n\n  .why-text b {\n    color: #000;\n  }\n\n  \/* Mobile Layout *\/\n  @media (max-width: 768px) {\n    .why-section {\n      flex-direction: column;\n      gap: 10px;\n      margin-bottom: 50px;\n    }\n    .why-number {\n      font-size: 60px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"why-wrapper\"\u003e\n\u003c!-- 01: Mental Acuity --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003cdiv class=\"why-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"why-content\"\u003e\n\u003ch2\u003eMaster Mental Acuity \u003cspan\u003eFocus\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cb\u003eSay goodbye to \"brain fog\" and the afternoon slump.\u003c\/b\u003e By combining Natural Green Tea Caffeine with L-Theanine, we’ve unlocked the secret to \"Calm Alertness.\" While standard energy drinks force your brain into a frantic, jittery state, this duo creates alpha-wave brain activity. You’ll experience a sharp, laser-like focus for deep work without the background noise of anxiety or the inevitable crash.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02: Performance --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003cdiv class=\"why-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"why-content\"\u003e\n\u003ch2\u003eElite Fitness \u0026amp; Strength \u003cspan\u003ePerformance\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cb\u003ePush past the wall and recover before you leave the gym.\u003c\/b\u003e Our Triple-Citrate Electrolyte Blend ensures hydration at a cellular level. These bioavailable minerals prevent the cramping and premature muscle fatigue that kill your sets. Coupled with Taurine for cellular stability, you aren’t just working out harder; you’re protecting your muscles from oxidative stress for a faster recovery.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03: Daily Life --\u003e\n\u003cdiv class=\"why-section\"\u003e\n\u003cdiv class=\"why-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"why-content\"\u003e\n\u003ch2\u003eA Daily Life Upgrade \u003cspan\u003eVitality\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"why-text\"\u003e\n\u003cb\u003eWake up your metabolism and sustain your baseline.\u003c\/b\u003e Most people feel tired because their \"metabolic engine\" is idling. Our B-Vitamin Powerhouse act as high-octane spark plugs for your system. Featuring Methylcobalamin (B12), we help your body convert meals into usable ATP. You’ll feel a sense of long-term vitality because you’re finally fueling the nervous system that keeps you moving.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .ai-grid-wrapper {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .ai-grid-container {\n    display: grid;\n    \/* Mobile: 2x2 grid *\/\n    grid-template-columns: repeat(2, 1fr);\n    gap: 15px;\n  }\n\n  .ai-square {\n    position: relative;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: #f0f0f0;\n  }\n\n  .ai-square img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  \/* The hidden text overlay *\/\n  .ai-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.7); \/* Dark semi-transparent bg *\/\n    color: white;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 20px;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n\n  .ai-overlay h3 {\n    margin: 0 0 10px 0;\n    font-size: 1.2rem;\n    transform: translateY(20px);\n    transition: transform 0.3s ease;\n  }\n\n  .ai-overlay p {\n    margin: 0;\n    font-size: 0.9rem;\n    transform: translateY(20px);\n    transition: transform 0.3s ease 0.1s;\n  }\n\n  \/* Hover \u0026 Tap State *\/\n  .ai-square:hover img, \n  .ai-square:active img {\n    transform: scale(1.1);\n  }\n\n  .ai-square:hover .ai-overlay,\n  .ai-square:active .ai-overlay {\n    opacity: 1;\n  }\n\n  .ai-square:hover h3, \n  .ai-square:hover p,\n  .ai-square:active h3,\n  .ai-square:active p {\n    transform: translateY(0);\n  }\n\n  \/* Desktop: 4 horizontal *\/\n  @media screen and (min-width: 768px) {\n    .ai-grid-container {\n      grid-template-columns: repeat(4, 1fr);\n    }\n  }\n\u003c\/style\u003e\n\u003ch3\u003eInside the 4.9oz (140g) jar there is one plastic slim scoop and...\u003c\/h3\u003e\n\u003cdiv class=\"ai-grid-wrapper\"\u003e\n\u003cdiv class=\"ai-grid-container\"\u003e\n\u003c!-- Square 1 --\u003e\n\u003cdiv class=\"ai-square\"\u003e\n\u003cimg alt=\"Step 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/green-tea-caffeine.png?v=1777669312\"\u003e\n\u003cdiv class=\"ai-overlay\"\u003e\n\u003ch3\u003eGreen Tea Caffeine\u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Square 2 --\u003e\n\u003cdiv class=\"ai-square\"\u003e\n\u003cimg alt=\"Step 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-santaclarastudio-12363216.jpg?v=1777779903\"\u003e\n\u003cdiv class=\"ai-overlay\"\u003e\n\u003ch3\u003eFolate\u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Square 3 --\u003e\n\u003cdiv class=\"ai-square\"\u003e\n\u003cimg alt=\"Step 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-anntarazevich-7772001.jpg?v=1777779903\"\u003e\n\u003cdiv class=\"ai-overlay\"\u003e\n\u003ch3\u003eB Vitamins\u003c\/h3\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Square 4 --\u003e\n\u003cdiv class=\"ai-square\"\u003e\n\u003cimg alt=\"Step 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-mikhail-nilov-7676875.jpg?v=1777779903\"\u003e\n\u003cdiv class=\"ai-overlay\"\u003e\n\u003ch3\u003ePotassium\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .product-intro-container {\n    max-width: 1100px;\n    margin: 10px auto;\n    font-family: 'Inter', -apple-system, sans-serif;\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 30px;\n    padding: 10px;\n  }\n\n  .intro-text-block {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .intro-text-block h3 {\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 900;\n    margin: 0 0 20px 0;\n    line-height: 1.1;\n    color: #1a1a1a;\n    text-transform: uppercase;\n  }\n\n  .intro-text-block p {\n    font-size: 17px;\n    line-height: 1.6;\n    color: #4a4a4a;\n    margin-bottom: 20px;\n  }\n\n  .highlight-banner {\n    background: #fff9c4;\n    border-left: 4px solid #ffd600;\n    padding: 15px 20px;\n    font-style: italic;\n    font-weight: 600;\n    margin-bottom: 25px;\n    border-radius: 0 8px 8px 0;\n  }\n\n  .use-case-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .use-case-item {\n    background: #f4f4f4;\n    padding: 12px 15px;\n    border-radius: 10px;\n    font-size: 14px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .use-case-item::before {\n    content: '⚡';\n    color: #ffd600;\n  }\n\n  .intro-image-block {\n    position: relative;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n  }\n\n  .intro-image-block img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  .flavor-badge {\n    position: absolute;\n    bottom: 20px;\n    left: 20px;\n    right: 20px;\n    background: rgba(255, 255, 255, 0.9);\n    backdrop-filter: blur(10px);\n    padding: 15px;\n    border-radius: 12px;\n    text-align: center;\n    font-weight: 800;\n    color: #0084ff; \/* Cotton Candy Blue *\/\n    text-transform: uppercase;\n    font-size: 13px;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n  }\n\n  @media (max-width: 850px) {\n    .product-intro-container {\n      grid-template-columns: 1fr;\n    }\n    .use-case-list {\n      grid-template-columns: 1fr;\n    }\n    .intro-image-block {\n      order: -1; \/* Image moves to top on mobile *\/\n      height: 350px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-intro-container\"\u003e\n\u003c!-- Content Side --\u003e\n\u003cdiv class=\"intro-text-block\"\u003e\n\u003ch3\u003eTiny Jar,\u003cbr\u003eBig Energy.\u003c\/h3\u003e\n\u003cp\u003eAdd a big blue splash of energy, vitamins, and electrolytes to your day. This formula is scientifically crafted to supplement a healthy diet with Green Tea Caffeine, B-Vitamins, Magnesium, and Potassium. Take your performance to the next level with this 360° vitality formula.\u003c\/p\u003e\n\u003cdiv class=\"highlight-banner\"\u003e\"Our formula gives you the peace of mind to keep up with the pace of life.\"\u003c\/div\u003e\n\u003cdiv class=\"use-case-list\"\u003e\n\u003cdiv class=\"use-case-item\"\u003eMorning Recovery\u003c\/div\u003e\n\u003cdiv class=\"use-case-item\"\u003ePre-Workout Spark\u003c\/div\u003e\n\u003cdiv class=\"use-case-item\"\u003eDeep Work Focus\u003c\/div\u003e\n\u003cdiv class=\"use-case-item\"\u003eCoffee Substitute\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Image Side --\u003e\n\u003cdiv class=\"intro-image-block\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-niko-twisty-13993595.jpg?v=1777668404\" alt=\"JHJ Energy Powder\"\u003e\n\u003cdiv class=\"flavor-badge\"\u003e✨ Signature Blue Cotton Candy Flavor\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c!-- The Text block before the comparison table --\u003e\n\u003cdiv style=\"max-width: 1100px; margin: 0 auto 10px; padding: 0 10px; text-align: center;\"\u003e\n\u003cp style=\"font-size: 18px; line-height: 1.6; color: #444;\"\u003eOne jar contains \u003cb\u003emore energy\u003c\/b\u003e than a 12-pack of high-sugar drinks and \u003cb\u003emore electrolytes\u003c\/b\u003e than a pouch of hydration sticks—for half the cost. This is the lowest cost way to hydrate and energize.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .comparison-wrapper {\n    width: 100%;\n    padding: 40px 0;\n    display: flex;\n    justify-content: center;\n    background-color: #ffffff;\n  }\n\n  .jhj-table {\n    border-collapse: separate;\n    border-spacing: 0;\n    width: 100%;\n    max-width: 600px; \/* Skinny \u0026 centered *\/\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    color: #333;\n    table-layout: fixed;\n  }\n\n  \/* Table Headers *\/\n  .jhj-table th {\n    padding: 20px 10px;\n    font-weight: 800;\n    text-transform: uppercase;\n    font-size: 11px;\n    letter-spacing: 0.5px;\n    vertical-align: bottom;\n    border-bottom: 2px solid #f0f0f0;\n  }\n\n  \/* Sticky\/Feature Column Styling *\/\n  .jhj-table td:first-child {\n    width: 35%;\n    text-align: left;\n    font-weight: 700;\n    color: #1a1a1a;\n    background: #ffffff;\n    padding-left: 0;\n  }\n\n  .jhj-table td {\n    padding: 16px 10px;\n    text-align: center;\n    border-bottom: 1px solid #f0f0f0;\n    transition: all 0.2s ease;\n  }\n\n  \/* The Highlighted JHJ Column *\/\n  .jhj-highlight {\n    background-color: #fffdec !important; \/* Soft yellow glow *\/\n    border-left: 3px solid #ffd600;\n    border-right: 3px solid #ffd600;\n    position: relative;\n    z-index: 2;\n  }\n\n  th.jhj-highlight {\n    background-color: #ffd600 !important; \/* Solid yellow header *\/\n    color: #000;\n    border-top-left-radius: 12px;\n    border-top-right-radius: 12px;\n    border-bottom: none;\n    box-shadow: 0 -5px 15px rgba(0,0,0,0.05);\n  }\n\n  tr:last-child td.jhj-highlight {\n    border-bottom: 2px solid #ffd600;\n    border-bottom-left-radius: 12px;\n    border-bottom-right-radius: 12px;\n  }\n\n  \/* Visual Cues *\/\n  .check-mark { color: #2e7d32; font-weight: 900; font-size: 16px; }\n  .x-mark { color: #ccc; font-weight: 400; }\n  .stat-sub { display: block; font-size: 10px; color: #999; font-weight: 400; margin-top: 2px; }\n  .price-glow { font-weight: 900; color: #000; font-size: 16px; }\n\n  @media (max-width: 600px) {\n    .jhj-table { font-size: 12px; }\n    .jhj-table th { font-size: 9px; padding: 15px 5px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"comparison-wrapper\"\u003e\n\u003ctable class=\"jhj-table\" style=\"width: 100%; height: 153.6px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"height: 12.6px;\"\u003e\n\u003cth style=\"width: 22.4849%; height: 12.6px;\"\u003e\u003cbr\u003e\u003c\/th\u003e\n\u003cth style=\"width: 22.4849%; height: 12.6px;\"\u003eEnergy Drinks\u003c\/th\u003e\n\u003cth style=\"width: 22.4849%; height: 12.6px;\"\u003eHydration Sticks\u003c\/th\u003e\n\u003cth class=\"jhj-highlight\" style=\"width: 22.0825%; height: 12.6px; text-align: center;\"\u003eJHJ's Energy Powder\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003ePrice Per Serving\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003e$3.07\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003e$1.44\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 22.4px;\"\u003e\u003cspan class=\"price-glow\"\u003e$1.25\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 16.8px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003eCaffeine Content\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003e160mg\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003e0mg\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 16.8px;\"\u003e\u003cstrong\u003e200mg\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003eSugar \u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003e27g \u003cspan class=\"x-mark\"\u003e✘\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003e11g \u003cspan class=\"x-mark\"\u003e✘\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 22.4px;\"\u003e\u003cstrong\u003e0g \u003cspan class=\"check-mark\"\u003e✔\u003c\/span\u003e\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003eElectrolytes\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003eLow\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003eHigh\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 22.4px;\"\u003e\u003cspan class=\"check-mark\"\u003eOptimal\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 22.4px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003eB-Vitamin Blend\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003ePartial\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 22.4px;\"\u003e\u003cspan class=\"x-mark\"\u003e✘\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 22.4px;\"\u003e\u003cspan class=\"check-mark\"\u003e100% DV\u003c\/span\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 16.8px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003ePortability\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003eBulky\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 16.8px;\"\u003eEasy\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 16.8px;\"\u003e\u003cstrong\u003ePocket-Size\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"height: 17.8px;\"\u003e\n\u003ctd style=\"width: 22.4849%; height: 17.8px;\"\u003eShelf Life\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 17.8px;\"\u003e6 Mo.\u003c\/td\u003e\n\u003ctd style=\"width: 22.4849%; height: 17.8px;\"\u003e12 Mo.\u003c\/td\u003e\n\u003ctd class=\"jhj-highlight\" style=\"width: 22.0825%; height: 17.8px;\"\u003e\u003cstrong\u003e12 Mo.\u003c\/strong\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  .info-grid-wrapper {\n    max-width: 1200px; \/* Widened slightly to accommodate 3 cards better *\/\n    margin: 10px auto;\n    font-family: 'Inter', -apple-system, sans-serif;\n    padding: 0 20px;\n  }\n\n  .info-header {\n    text-align: center;\n    margin-bottom: 40px;\n  }\n\n  .info-header h2 {\n    font-size: 28px;\n    letter-spacing: -1px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n\n  .info-grid {\n    display: grid;\n    \/* This forces 3 equal columns and prevents wrapping *\/\n    grid-template-columns: repeat(3, 1fr); \n    gap: 20px;\n  }\n\n  .info-card {\n    background: #fff;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    border: 1px solid #eee;\n    transition: transform 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .info-card:hover {\n    transform: translateY(-5px);\n  }\n\n  .card-image {\n    height: 150px; \/* Reduced height slightly for horizontal fit *\/\n    width: 100%;\n    background-size: cover;\n    background-position: center;\n    position: relative;\n  }\n\n  \/* Nature-themed Overlays *\/\n  .overlay-b { background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-mustafa-bodur-587679690-17182234.jpg?v=1777783155'); }\n  .overlay-e { background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-blanxybuilding-20400636.jpg?v=1777783050'); }\n  .overlay-f { background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/pexels-leonmart-1552106.jpg?v=1777783050'); }\n\n  .card-content {\n    padding: 20px; \/* Tighter padding for horizontal layout *\/\n    flex-grow: 1;\n  }\n\n  .card-content h3 {\n    margin-top: 0;\n    color: #1a1a1a;\n    font-size: 18px; \/* Balanced size *\/\n    display: flex;\n    flex-direction: column; \/* Stacked badge for skinnier cards *\/\n    align-items: flex-start;\n    gap: 5px;\n  }\n\n  .card-content h3 span {\n    background: #ffd600;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n    text-transform: uppercase;\n  }\n\n  .ingredient-item {\n    margin-bottom: 12px;\n    padding-bottom: 12px;\n    border-bottom: 1px solid #f5f5f5;\n  }\n\n  .ing-name {\n    display: block;\n    font-weight: 700;\n    font-size: 13px;\n    color: #333;\n  }\n\n  .ing-desc {\n    font-size: 12px;\n    color: #666;\n    line-height: 1.3;\n  }\n\n  \/* MOBILE HORIZONTAL FIX *\/\n  @media (max-width: 850px) {\n    .info-grid-wrapper {\n        padding: 0 10px;\n    }\n    .info-grid {\n      display: flex; \/* Switch to flex for easier scrolling *\/\n      flex-wrap: nowrap;\n      overflow-x: auto;\n      -webkit-overflow-scrolling: touch;\n      gap: 15px;\n      padding-bottom: 20px; \/* Space for scrollbar *\/\n      scroll-snap-type: x mandatory;\n    }\n\n    .info-card {\n      flex: 0 0 85%; \/* Shows most of one card and a peek at the next *\/\n      scroll-snap-align: center;\n      min-width: 280px;\n    }\n\n    \/* Hide scrollbar for a clean app-like look *\/\n    .info-grid::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"info-grid-wrapper\"\u003e\n\u003cdiv class=\"info-header\"\u003e\n\u003ch2\u003eAdvanced Ingredient Science\u003c\/h2\u003e\n\u003cp\u003eClinically dosed ingredients for peak performance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003c!-- Column 1: B-Vitamins --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"card-image overlay-b\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-content\"\u003e\n\u003ch3\u003eB-Vitamins\u003cspan\u003eEnergy Keys\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-list\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eB1, B2 \u0026amp; B3\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eThe essential trio for unlocking glucose metabolism and supporting DNA repair.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eVitamin B6 \u0026amp; Folate\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eVital for brain development, nerve health, and red blood cell production.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eB12 (Methylcobalamin)\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eThe \"Gold Standard\" for nerve function and preventing fatigue.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Column 2: Electrolytes --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"card-image overlay-e\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-content\"\u003e\n\u003ch3\u003eElectrolytes \u003cspan\u003eHydration\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-list\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eMagnesium Citrate\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eHighly absorbable form that prevents cramping and relaxes tight muscles.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eSodium \u0026amp; Potassium\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eMaintains perfect fluid balance and supports rapid nerve signaling.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Column 3: Focus Blend --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"card-image overlay-f\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"card-content\"\u003e\n\u003ch3\u003eFocus Blend \u003cspan\u003eNo Crash\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"ingredient-list\"\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eNatural Caffeine (Green Tea)\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eA cleaner, smoother stimulant effect compared to synthetic sources.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eL-Theanine\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eThe \"chill factor\" that eliminates jitters and provides laser focus.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ingredient-item\"\u003e\n\u003cspan class=\"ing-name\"\u003eTaurine\u003c\/span\u003e \u003cspan class=\"ing-desc\"\u003eAmino acid for metabolic stability and antioxidant protection.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp data-path-to-node=\"8\"\u003e \u003c\/p\u003e","brand":"Heavyweights.app","offers":[{"title":"Default Title","offer_id":44158640423011,"sku":"OSM0CAND","price":25.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/6207\/9331\/files\/1777160999352-generated-label-image-0_d5de53e3-cc3e-4930-bac2-b9a38c6a92fa.jpg?v=1777610628","url":"https:\/\/heavyweights.app\/products\/energy-powder","provider":"Heavyweights.app","version":"1.0","type":"link"}