{"product_id":"grail-surge-bundle-1","title":"Grail Surge Bundle","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eGrail Surge Bundle | Health-Grail\u003c\/title\u003e\n\u003cstyle\u003e\n    :root {\n        --bg-main: #050505;\n        --bg-card: #111111;\n        --text-main: #e0e0e0;\n        --text-muted: #999;\n        --brand-gradient: linear-gradient(90deg, #F58C28 0%, #FFD700 100%);\n        --grape-glow: #9b59b6;\n        --cotton-glow: #ff7eb3;\n    }\n    body {\n        margin: 0;\n        padding: 0;\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n        background-color: var(--bg-main);\n        color: var(--text-main);\n        line-height: 1.6;\n    }\n    header {\n        text-align: center;\n        padding: 40px 20px;\n        border-bottom: 1px solid #222;\n        background-color: #000;\n    }\n    .logo {\n        font-size: 2.2em;\n        font-weight: 900;\n        background: var(--brand-gradient);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n    }\n    .tagline {\n        font-size: 0.8em;\n        color: #F58C28;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin-top: 5px;\n        font-weight: bold;\n    }\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 60px 20px;\n    }\n    .hero {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    .hero h1 {\n        font-size: 4em;\n        margin: 0 0 20px 0;\n        text-transform: uppercase;\n        font-weight: 900;\n        color: #fff;\n        letter-spacing: 1px;\n        line-height: 1.1;\n    }\n    .hero h1 span {\n        background: var(--brand-gradient);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .hero p {\n        font-size: 1.25em;\n        color: var(--text-muted);\n        max-width: 750px;\n        margin: 0 auto 30px auto;\n    }\n    .bundle-grid {\n        display: flex;\n        gap: 40px;\n        justify-content: center;\n        flex-wrap: wrap;\n        margin-bottom: 60px;\n    }\n    .product-card {\n        background-color: var(--bg-card);\n        border-radius: 12px;\n        padding: 50px 40px;\n        flex: 1;\n        min-width: 320px;\n        max-width: 450px;\n        text-align: center;\n        border: 1px solid #222;\n        position: relative;\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n    .product-card:hover {\n        transform: translateY(-8px);\n    }\n    .card-grape {\n        box-shadow: 0 10px 40px rgba(155, 89, 182, 0.08);\n    }\n    .card-grape:hover {\n        box-shadow: 0 15px 50px rgba(155, 89, 182, 0.2);\n        border-color: rgba(155, 89, 182, 0.4);\n    }\n    .card-grape::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; height: 6px;\n        background: linear-gradient(90deg, #8e44ad, #9b59b6);\n    }\n    .card-cotton {\n        box-shadow: 0 10px 40px rgba(255, 126, 179, 0.08);\n    }\n    .card-cotton:hover {\n        box-shadow: 0 15px 50px rgba(255, 126, 179, 0.2);\n        border-color: rgba(255, 126, 179, 0.4);\n    }\n    .card-cotton::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; height: 6px;\n        background: linear-gradient(90deg, #ff7eb3, #ff9ada);\n    }\n    .flavor-tag {\n        font-size: 0.9em;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 15px;\n        display: inline-block;\n        background: #222;\n        padding: 6px 15px;\n        border-radius: 20px;\n    }\n    .grape-tag { color: var(--grape-glow); }\n    .cotton-tag { color: var(--cotton-glow); }\n    .product-card h3 {\n        font-size: 2.2em;\n        margin: 0 0 15px 0;\n        color: #fff;\n        text-transform: uppercase;\n    }\n    .features-list {\n        list-style: none;\n        padding: 0;\n        margin: 30px 0 0 0;\n        text-align: left;\n    }\n    .features-list li {\n        padding: 12px 0;\n        border-bottom: 1px solid #333;\n        display: flex;\n        align-items: center;\n        font-size: 1.1em;\n        color: #FFD700;\n        font-weight: 600;\n    }\n    .features-list li:last-child {\n        border-bottom: none;\n    }\n    .features-list li::before {\n        content: '✓';\n        color: #F58C28;\n        font-weight: bold;\n        margin-right: 15px;\n        font-size: 1.3em;\n    }\n    .pricing-section {\n        background: var(--bg-card);\n        border: 1px solid #333;\n        border-radius: 12px;\n        padding: 60px 40px;\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto;\n        position: relative;\n        overflow: hidden;\n    }\n    .pricing-section::after {\n        content: '';\n        position: absolute;\n        bottom: 0; left: 0; right: 0; height: 4px;\n        background: var(--brand-gradient);\n    }\n    .price-strike {\n        text-decoration: line-through;\n        color: #666;\n        font-size: 1.8em;\n        margin-right: 20px;\n        font-weight: bold;\n    }\n    .price-new {\n        font-size: 4em;\n        font-weight: 900;\n        color: #FFD700;\n        line-height: 1;\n    }\n    .cta-button {\n        display: inline-block;\n        background: var(--brand-gradient);\n        color: #000;\n        text-decoration: none;\n        font-size: 1.3em;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        padding: 22px 60px;\n        border-radius: 8px;\n        margin-top: 40px;\n        border: none;\n        cursor: pointer;\n        box-shadow: 0 4px 25px rgba(245, 140, 40, 0.4);\n        transition: all 0.3s ease;\n    }\n    .cta-button:hover {\n        box-shadow: 0 8px 35px rgba(245, 140, 40, 0.6);\n        transform: scale(1.03);\n    }\n    .benefits-banner {\n        display: flex;\n        justify-content: center;\n        gap: 50px;\n        margin-top: 60px;\n        flex-wrap: wrap;\n        border-top: 1px solid #222;\n        padding-top: 50px;\n    }\n    .benefit-item {\n        text-align: center;\n        max-width: 220px;\n    }\n    .benefit-icon {\n        font-size: 2.5em;\n        margin-bottom: 15px;\n    }\n    .benefit-item h4 {\n        color: #fff;\n        margin: 0 0 10px 0;\n        font-size: 1.2em;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .benefit-item p {\n        color: var(--text-muted);\n        font-size: 0.95em;\n        margin: 0;\n    }\n    \n    @media (max-width: 768px) {\n        .hero h1 { font-size: 2.8em; }\n        .price-new { font-size: 3em; }\n        .bundle-grid { gap: 20px; }\n        .benefits-banner { gap: 30px; }\n    }\n\u003c\/style\u003e\n\n\n    \u003cheader\u003e\n        \u003cdiv class=\"logo\"\u003eHealth-Grail\u003c\/div\u003e\n        \u003cdiv class=\"tagline\"\u003eElevate Your Everyday.\u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"hero\"\u003e\n            \u003ch1\u003eThe \u003cspan\u003eGrail Surge\u003c\/span\u003e Bundle\u003c\/h1\u003e\n            \u003cp\u003eTwo explosive flavors. One unrelenting wave of energy. Elevate your everyday performance with the ultimate pre-training and focus stack. No jitters, no crash—just pure, dialed-in momentum.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bundle-grid\"\u003e\n            \u003cdiv class=\"product-card card-grape\"\u003e\n                \u003cspan class=\"flavor-tag grape-tag\"\u003eFlavor 01\u003c\/span\u003e\n                \u003ch3\u003eSour Grape\u003c\/h3\u003e\n                \u003cp style=\"color: #bbb; margin-bottom: 25px; min-height: 50px;\"\u003eA bold, lip-puckering burst of dark grape that wakes up your senses before the energy even hits.\u003c\/p\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003eExplosive clean energy matrix\u003c\/li\u003e\n                    \u003cli\u003eLaser-focus nootropics\u003c\/li\u003e\n                    \u003cli\u003eZero sugar, zero artificial dyes\u003c\/li\u003e\n                    \u003cli\u003eElectrolyte hydration support\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"product-card card-cotton\"\u003e\n                \u003cspan class=\"flavor-tag cotton-tag\"\u003eFlavor 02\u003c\/span\u003e\n                \u003ch3\u003eCotton Candy\u003c\/h3\u003e\n                \u003cp style=\"color: #bbb; margin-bottom: 25px; min-height: 50px;\"\u003eNostalgic, carnival-sweet perfection. A smooth, delicious ride to peak mental and physical output.\u003c\/p\u003e\n                \u003cul class=\"features-list\"\u003e\n                    \u003cli\u003eExplosive clean energy matrix\u003c\/li\u003e\n                    \u003cli\u003eLaser-focus nootropics\u003c\/li\u003e\n                    \u003cli\u003eZero sugar, zero artificial dyes\u003c\/li\u003e\n                    \u003cli\u003eEndurance \u0026amp; pump amplifiers\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"pricing-section\"\u003e\n            \u003ch2 style=\"font-size: 2.5em; margin-top: 0; color: #fff; text-transform: uppercase; letter-spacing: 1px;\"\u003eDouble The Surge. Zero The Crash.\u003c\/h2\u003e\n            \u003cp style=\"color: #bbb; margin-bottom: 30px; font-size: 1.1em;\"\u003eGet both premium flavors in the ultimate performance bundle and save instantly.\u003c\/p\u003e\n            \u003cdiv style=\"display: flex; justify-content: center; align-items: center; gap: 10px;\"\u003e\n                \u003cspan class=\"price-strike\"\u003e$69.99\u003c\/span\u003e\n                \u003cspan class=\"price-new\"\u003e$59.99\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003ca href=\"#add-to-cart\" class=\"cta-button\"\u003eAdd Bundle to Cart\u003c\/a\u003e\n            \n            \u003cdiv class=\"benefits-banner\"\u003e\n                \u003cdiv class=\"benefit-item\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e⚡\u003c\/div\u003e\n                    \u003ch4\u003eClean Energy\u003c\/h4\u003e\n                    \u003cp\u003eSustained, hard-hitting output without the sudden drop-off.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-item\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e🧠\u003c\/div\u003e\n                    \u003ch4\u003eDeep Focus\u003c\/h4\u003e\n                    \u003cp\u003ePowerful nootropics to help you dial into your flow state immediately.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"benefit-item\"\u003e\n                    \u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n                    \u003ch4\u003ePremium Taste\u003c\/h4\u003e\n                    \u003cp\u003eExpertly formulated for incredible, addictive flavor profiles.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":49633256112370,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Two_Grail_Surge_Health-grail.com.png?v=1780718927","url":"https:\/\/www.health-grail.com\/products\/grail-surge-bundle-1","provider":"Health Grail","version":"1.0","type":"link"}