Energy Powder
ENERGY + HYDRATION .why-wrapper { max-width: 900px; margin: 30px auto; font-family: 'Inter', -apple-system, sans-serif; color: #1a1a1a; padding: 0 10px; line-height: 1.6; } .why-se ction { display: flex; gap: 40px; margin-bottom: 10px; align-items: flex-start; } .why-number { font-size: 80px; font-weight: 900; color: #f0f0f0; /* Subtle background number */ line-height: 1; flex-shrink: 0; font-family: 'Dela Gothic One', sans-serif; } .why-content { padding-top: 15px; } .why-content h2 { font-size: 24px; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: -0.5px; display: flex; align-items: center; gap: 12px; } .why-content h2 span { background: #ffd600; /* Your signature yellow */ color: #000; padding: 2px 10px; font-size: 14px; border-radius: 4px; } .why-text { font-size: 16px; color: #444; } .why-text b { color: #000; } /* Mobile Layout */ @media (max-width: 768px) { .why-section { flex-direction: column; gap: 10px; margin-bottom: 50px; } .why-number { font-size: 60px; } } 01 Master Mental Acuity Focus Say goodbye to "brain fog" and the afternoon slump. 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. 02 Elite Fitness & Strength Performance Push past the wall and recover before you leave the gym. 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. 03 A Daily Life Upgrade Vitality Wake up your metabolism and sustain your baseline. 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. .ai-grid-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px; box-sizing: border-box; } .ai-grid-container { display: grid; /* Mobile: 2x2 grid */ grid-template-columns: repeat(2, 1fr); gap: 15px; } .ai-square { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 8px; cursor: pointer; background-color: #f0f0f0; } .ai-square img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } /* The hidden text overlay */ .ai-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.7); /* Dark semi-transparent bg */ color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px; opacity: 0; transition: opacity 0.3s ease; } .ai-overlay h3 { margin: 0 0 10px 0; font-size: 1.2rem; transform: translateY(20px); transition: transform 0.3s ease; } .ai-overlay p { margin: 0; font-size: 0.9rem; transform: translateY(20px); transition: transform 0.3s ease 0.1s; } /* Hover & Tap State */ .ai-square:hover img, .ai-square:active img { transform: scale(1.1); } .ai-square:hover .ai-overlay, .ai-square:active .ai-overlay { opacity: 1; } .ai-square:hover h3, .ai-square:hover p, .ai-square:active h3, .ai-square:active p { transform: translateY(0); } /* Desktop: 4 horizontal */ @media screen and (min-width: 768px) { .ai-grid-container { grid-template-columns: repeat(4, 1fr); } } Inside the 4.9oz (140g) jar there is one plastic slim scoop and... Green Tea Caffeine Folate B Vitamins Potassium .product-intro-container { max-width: 1100px; margin: 10px auto; font-family: 'Inter', -apple-system, sans-serif; display: grid; grid-template-columns: 1.5fr 1fr; gap: 30px; padding: 10px; } .intro-text-block { display: flex; flex-direction: column; justify-content: center; } .intro-text-block h3 { font-size: clamp(28px, 4vw, 42px); font-weight: 900; margin: 0 0 20px 0; line-height: 1.1; color: #1a1a1a; text-transform: uppercase; } .intro-text-block p { font-size: 17px; line-height: 1.6; color: #4a4a4a; margin-bottom: 20px; } .highlight-banner { background: #fff9c4; border-left: 4px solid #ffd600; padding: 15px 20px; font-style: italic; font-weight: 600; margin-bottom: 25px; border-radius: 0 8px 8px 0; } .use-case-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; list-style: none; padding: 0; margin: 0; } .use-case-item { background: #f4f4f4; padding: 12px 15px; border-radius: 10px; font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 10px; } .use-case-item::before { content: '⚡'; color: #ffd600; } .intro-image-block { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .intro-image-block img { width: 100%; height: 100%; object-fit: cover; display: block; } .flavor-badge { position: absolute; bottom: 20px; left: 20px; right: 20px; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); padding: 15px; border-radius: 12px; text-align: center; font-weight: 800; color: #0084ff; /* Cotton Candy Blue */ text-transform: uppercase; font-size: 13px; letter-spacing: 1px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); } @media (max-width: 850px) { .product-intro-container { grid-template-columns: 1fr; } .use-case-list { grid-template-columns: 1fr; } .intro-image-block { order: -1; /* Image moves to top on mobile */ height: 350px; } } Tiny Jar,Big Energy. Add 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. "Our formula gives you the peace of mind to keep up with the pace of life." Morning Recovery Pre-Workout Spark Deep Work Focus Coffee Substitute ✨ Signature Blue Cotton Candy Flavor One jar contains more energy than a 12-pack of high-sugar drinks and more electrolytes than a pouch of hydration sticks—for half the cost. This is the lowest cost way to hydrate and energize. .comparison-wrapper { width: 100%; padding: 40px 0; display: flex; justify-content: center; background-color: #ffffff; } .jhj-table { border-collapse: separate; border-spacing: 0; width: 100%; max-width: 600px; /* Skinny & centered */ font-family: 'Inter', sans-serif; font-size: 14px; color: #333; table-layout: fixed; } /* Table Headers */ .jhj-table th { padding: 20px 10px; font-weight: 800; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; vertical-align: bottom; border-bottom: 2px solid #f0f0f0; } /* Sticky/Feature Column Styling */ .jhj-table td:first-child { width: 35%; text-align: left; font-weight: 700; color: #1a1a1a; background: #ffffff; padding-left: 0; } .jhj-table td { padding: 16px 10px; text-align: center; border-bottom: 1px solid #f0f0f0; transition: all 0.2s ease; } /* The Highlighted JHJ Column */ .jhj-highlight { background-color: #fffdec !important; /* Soft yellow glow */ border-left: 3px solid #ffd600; border-right: 3px solid #ffd600; position: relative; z-index: 2; } th.jhj-highlight { background-color: #ffd600 !important; /* Solid yellow header */ color: #000; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom: none; box-shadow: 0 -5px 15px rgba(0,0,0,0.05); } tr:last-child td.jhj-highlight { border-bottom: 2px solid #ffd600; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Visual Cues */ .check-mark { color: #2e7d32; font-weight: 900; font-size: 16px; } .x-mark { color: #ccc; font-weight: 400; } .stat-sub { display: block; font-size: 10px; color: #999; font-weight: 400; margin-top: 2px; } .price-glow { font-weight: 900; color: #000; font-size: 16px; } @media (max-width: 600px) { .jhj-table { font-size: 12px; } .jhj-table th { font-size: 9px; padding: 15px 5px; } } Energy Drinks Hydration Sticks JHJ's Energy Powder Price Per Serving $3.07 $1.44 $1.25 Caffeine Content 160mg 0mg 200mg Sugar 27g ✘ 11g ✘ 0g ✔ Electrolytes Low High Optimal B-Vitamin Blend Partial ✘ 100% DV Portability Bulky Easy Pocket-Size Shelf Life 6 Mo. 12 Mo. 12 Mo. .info-grid-wrapper { max-width: 1200px; /* Widened slightly to accommodate 3 cards better */ margin: 10px auto; font-family: 'Inter', -apple-system, sans-serif; padding: 0 20px; } .info-header { text-align: center; margin-bottom: 40px; } .info-header h2 { font-size: 28px; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 10px; } .info-grid { display: grid; /* This forces 3 equal columns and prevents wrapping */ grid-template-columns: repeat(3, 1fr); gap: 20px; } .info-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #eee; transition: transform 0.3s ease; display: flex; flex-direction: column; } .info-card:hover { transform: translateY(-5px); } .card-image { height: 150px; /* Reduced height slightly for horizontal fit */ width: 100%; background-size: cover; background-position: center; position: relative; } /* Nature-themed Overlays */ .overlay-b { background-image: url('https://cdn.shopify.com/s/files/1/0671/6207/9331/files/pexels-mustafa-bodur-587679690-17182234.jpg?v=1777783155'); } .overlay-e { background-image: url('https://cdn.shopify.com/s/files/1/0671/6207/9331/files/pexels-blanxybuilding-20400636.jpg?v=1777783050'); } .overlay-f { background-image: url('https://cdn.shopify.com/s/files/1/0671/6207/9331/files/pexels-leonmart-1552106.jpg?v=1777783050'); } .card-content { padding: 20px; /* Tighter padding for horizontal layout */ flex-grow: 1; } .card-content h3 { margin-top: 0; color: #1a1a1a; font-size: 18px; /* Balanced size */ display: flex; flex-direction: column; /* Stacked badge for skinnier cards */ align-items: flex-start; gap: 5px; } .card-content h3 span { background: #ffd600; padding: 2px 6px; border-radius: 4px; font-size: 10px; text-transform: uppercase; } .ingredient-item { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #f5f5f5; } .ing-name { display: block; font-weight: 700; font-size: 13px; color: #333; } .ing-desc { font-size: 12px; color: #666; line-height: 1.3; } /* MOBILE HORIZONTAL FIX */ @media (max-width: 850px) { .info-grid-wrapper { padding: 0 10px; } .info-grid { display: flex; /* Switch to flex for easier scrolling */ flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 15px; padding-bottom: 20px; /* Space for scrollbar */ scroll-snap-type: x mandatory; } .info-card { flex: 0 0 85%; /* Shows most of one card and a peek at the next */ scroll-snap-align: center; min-width: 280px; } /* Hide scrollbar for a clean app-like look */ .info-grid::-webkit-scrollbar { display: none; } } Advanced Ingredient Science Clinically dosed ingredients for peak performance. B-VitaminsEnergy Keys B1, B2 & B3 The essential trio for unlocking glucose metabolism and supporting DNA repair. Vitamin B6 & Folate Vital for brain development, nerve health, and red blood cell production. B12 (Methylcobalamin) The "Gold Standard" for nerve function and preventing fatigue. Electrolytes Hydration Magnesium Citrate Highly absorbable form that prevents cramping and relaxes tight muscles. Sodium & Potassium Maintains perfect fluid balance and supports rapid nerve signaling. Focus Blend No Crash Natural Caffeine (Green Tea) A cleaner, smoother stimulant effect compared to synthetic sources. L-Theanine The "chill factor" that eliminates jitters and provides laser focus. Taurine Amino acid for metabolic stability and antioxidant protection.
