{"title":"Health-Grail Accessories Collection","description":"\u003cp data-start=\"238\" data-end=\"288\"\u003e\u003cstrong data-start=\"238\" data-end=\"288\"\u003eGear built for performance — style that lasts.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"290\" data-end=\"640\"\u003eComplete your Health-Grail lifestyle with premium accessories designed for athletes, creators, and everyday achievers. From our \u003cstrong data-start=\"418\" data-end=\"437\"\u003eelectric shaker\u003c\/strong\u003e that delivers perfectly blended shakes on the go, to the \u003cstrong data-start=\"495\" data-end=\"518\"\u003e750 ML steel shaker\u003c\/strong\u003e built for durability and sleek style — every detail reflects our commitment to \u003cstrong data-start=\"598\" data-end=\"637\"\u003eclean performance and modern design\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp data-start=\"642\" data-end=\"850\"\u003eTop off your look with the \u003cstrong data-start=\"669\" data-end=\"705\"\u003eHealth-Grail HG embroidered hats\u003c\/strong\u003e — available in \u003cstrong data-start=\"721\" data-end=\"754\"\u003esnapback and strapback styles\u003c\/strong\u003e — blending comfort, versatility, and statement branding that stands out in or out of the gym.\u003c\/p\u003e\n\u003ch4 data-start=\"852\" data-end=\"884\"\u003e\u003cstrong data-start=\"857\" data-end=\"882\"\u003eCollection Highlights\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cul data-start=\"885\" data-end=\"1154\"\u003e\n\u003cli data-start=\"885\" data-end=\"960\"\u003e\n\u003cp data-start=\"887\" data-end=\"960\"\u003e⚡ \u003cstrong data-start=\"889\" data-end=\"909\"\u003eElectric Shaker:\u003c\/strong\u003e Effortless mixing with built-in motorized power.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"961\" data-end=\"1054\"\u003e\n\u003cp data-start=\"963\" data-end=\"1054\"\u003e🥤 \u003cstrong data-start=\"966\" data-end=\"990\"\u003e750 ML Steel Shaker:\u003c\/strong\u003e Stainless-steel build for durability and temperature control.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1055\" data-end=\"1154\"\u003e\n\u003cp data-start=\"1057\" data-end=\"1154\"\u003e🧢 \u003cstrong data-start=\"1060\" data-end=\"1093\"\u003eHG Snapback \u0026amp; Strapback Hats:\u003c\/strong\u003e Premium embroidery, breathable comfort, and a perfect fit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-start=\"1156\" data-end=\"1285\"\u003eStay equipped. Stay authentic. Every Health-Grail accessory is made to \u003cstrong data-start=\"1227\" data-end=\"1282\"\u003eenhance performance, style, and everyday confidence\u003c\/strong\u003e.\u003c\/p\u003e","products":[{"product_id":"electric-shaker","title":"Electric Protein Shaker Bottle (550 ML)","description":"\u003csection class=\"hg-shaker-section\"\u003e\n  \u003cdiv class=\"hg-shaker-container\"\u003e\n    \n    \u003c!-- SEO \u0026 Conversion Optimized Content Block --\u003e\n    \u003cdiv class=\"hg-shaker-content\"\u003e\n      \u003cspan class=\"hg-bundle-eyebrow\"\u003eNEXT-GENERATION GEAR • ELITE MIXING\u003c\/span\u003e\n      \u003ch2\u003eEnd the Era of\u003cbr\u003eClumpy Shakes.\u003c\/h2\u003e\n      \n      \u003cp class=\"hg-shaker-copy\"\u003eUpgrade your supplement ritual with the Health-Grail Electric Shaker. Engineered for the modern athlete and high-performer, this premium device is designed to deliver hyper-smooth, perfectly blended nutrition at the push of a button.\u003c\/p\u003e\n      \u003cp class=\"hg-shaker-copy\"\u003eNo more violent manual shaking. Powered by a high-torque motor, it generates a precision vortex that effortlessly blends thick proteins, pre-workouts, and daily greens into a silky-smooth consistency without the chalky clumps.\u003c\/p\u003e\n      \n      \u003c!-- \"So You Can\" Benefits Framework --\u003e\n      \u003cdiv class=\"hg-shaker-highlights\"\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eHigh-Torque Vortex Motor\u003c\/h3\u003e\n            \u003cp\u003eTears through the densest formulas so you can enjoy a flawlessly smooth, clump-free blend in seconds.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eUniform Nutrient Distribution\u003c\/h3\u003e\n            \u003cp\u003ePerfectly blends the entire mixture so you can ensure your body absorbs vital active ingredients efficiently without wasted sediment.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eUSB Rechargeable Power\u003c\/h3\u003e\n            \u003cp\u003eFeatures a long-lasting, heavy-duty battery cycle so you can keep your blending routine consistent at home, the office, or the gym.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eOdor \u0026amp; Stain Resistant\u003c\/h3\u003e\n            \u003cp\u003eCrafted from premium, BPA-free material so you can maintain a clean, refreshing taste profile free of lingering supplement smells.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e05\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eLeak-Proof Locking System\u003c\/h3\u003e\n            \u003cp\u003eEngineered with a secure sealing mechanism so you can confidently toss your gear into a gym bag or commute stress-free.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Premium Urgent FOMO Box --\u003e\n      \u003cdiv class=\"hg-shaker-fomo\"\u003e\n        \u003cstrong\u003eThe Foundation of Greatness\u003c\/strong\u003e\n        \u003cp\u003eInferior mixing degrades taste, texture, and convenience. If you are still relying on primitive manual shaker cups, you are compromising your daily ritual. Upgrade your output and experience precision vortex hardware today.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Conversion Trigger - Aligned and Proportional --\u003e\n      \u003cdiv class=\"hg-shaker-buttons\"\u003e\n        \u003ca class=\"hg-shaker-primary\" href=\"#ProductSubmitButton\"\u003eSubscribe \u0026amp; Save 10%\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"hg-shaker-microcopy\"\u003ePremium hardware for elite performance. High sell-out risk.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Sticky Visual Side Layout --\u003e\n    \u003cdiv class=\"hg-shaker-visual\"\u003e\n      \u003cdiv class=\"hg-shaker-card\"\u003e\n        \u003cimg class=\"hg-shaker-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/electric_shaker_health-grail_smile.png?v=1778374192\" alt=\"Health-Grail Electric Vortex Shaker Bottle for premium sports supplements\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-shaker-badge\"\u003e\n        \u003cspan\u003ePRECISION MIXING\u003c\/span\u003e \n        \u003cstrong\u003eZERO-CLUMP TECH\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- AEO Built-Out FAQ Section --\u003e\n  \u003cdiv class=\"hg-faq-container\"\u003e\n    \u003ch3 class=\"hg-faq-headline\"\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \n    \u003cdetails class=\"hg-faq-item\" open\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eWhat makes the Health-Grail Electric Shaker good for thick protein shakes?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eOur shaker uses a specialized high-torque motor that generates a powerful fluid vortex. This mechanic pulls powders down through the center blade path, cutting through dense whey proteins and plant isolates to eliminate clumps completely.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eHow do I clean the electric shaker bottle safely?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eCleaning is automated. Simply add warm water, drop in a small amount of dish soap, and activate the vortex motor for 15 seconds. Detach the motorized base assembly before rinsing out the specialized BPA-free container cup.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eHow long does a single battery charge last?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eThe heavy-duty, integrated lith-ion battery cell is designed to deliver up to 30 mixing uses on a single standard USB charge, making it exceptionally reliable for traveling or busy training schedules.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* =========================================\n   AGGRESSIVE BACKEND RESET \u0026 CONTAINER\n   ========================================= *\/\n.hg-shaker-section, \n.hg-shaker-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n}\n\n.hg-shaker-section {\n  background: radial-gradient(circle at top right, rgba(255,255,255,0.03), transparent 45%),\n              linear-gradient(135deg, #111111 0%, #050505 50%, #000000 100%);\n  padding: 80px 24px;\n  color: #ffffff;\n  overflow: hidden;\n  font-family: inherit;\n  display: block;\n  width: 100%;\n}\n\n.hg-shaker-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 64px;\n  align-items: flex-start;\n}\n\n\/* Stacking structural definitions *\/\n.hg-shaker-content {\n  order: 1;\n}\n\n.hg-shaker-visual {\n  position: relative;\n  display: block;\n  width: 100%;\n  order: 2;\n  position: sticky;\n  top: 40px; \/* Locks down side element while reading text *\/\n}\n\n\/* =========================================\n   TYPOGRAPHY \u0026 READABILITY GUARDRAILS\n   ========================================= *\/\n.hg-bundle-eyebrow {\n  color: #d1d1d1; \/* Removed orange from structural layout *\/\n  letter-spacing: 0.22em;\n  font-size: clamp(12px, 1.5vw, 13px);\n  font-weight: 900;\n  margin: 0 0 18px 0;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-shaker-content h2 {\n  font-size: clamp(42px, 5vw, 68px);\n  line-height: 1.05;\n  letter-spacing: -0.04em;\n  margin: 0 0 24px 0;\n  font-weight: 900;\n  color: #ffffff;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-shaker-copy {\n  color: #a3a3a3;\n  font-size: clamp(16px, 1.8vw, 18px);\n  line-height: 1.65;\n  max-width: 70ch; \/* Text readability boundary *\/\n  margin: 0 0 20px 0;\n  font-weight: 400;\n  display: block;\n}\n\n\/* =========================================\n   \"SO YOU CAN\" HIGHLIGHT ARCHITECTURE\n   ========================================= *\/\n.hg-shaker-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 40px 0;\n}\n\n.hg-shaker-highlight {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 24px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 12px;\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n\n.hg-shaker-highlight:hover {\n  background: rgba(255,255,255,0.04);\n  transform: translateX(8px);\n  border-color: rgba(255,255,255,0.15);\n}\n\n.hg-shaker-highlight span {\n  color: #ffffff; \/* Cleaned away structural orange *\/\n  font-weight: 900;\n  font-size: 15px;\n  letter-spacing: 0.1em;\n  padding-top: 2px;\n  display: inline-block;\n}\n\n.hg-shaker-highlight h3 {\n  margin: 0 0 8px 0;\n  color: #ffffff;\n  font-size: clamp(16px, 1.8vw, 18px);\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n  display: block;\n}\n\n.hg-shaker-highlight p {\n  color: #8c8c8c;\n  font-size: clamp(14px, 1.5vw, 15px);\n  line-height: 1.6;\n  max-width: 65ch;\n  display: block;\n}\n\n\/* =========================================\n   URGENT PREMIUM FOMO CARD\n   ========================================= *\/\n.hg-shaker-fomo {\n  background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(0,0,0,0.8));\n  border-left: 4px solid rgba(255,255,255,0.8); \/* Clean minimalist anchor border *\/\n  padding: 24px;\n  border-radius: 8px;\n  margin: 0 0 28px 0;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  display: block;\n}\n\n.hg-shaker-fomo strong {\n  display: block;\n  font-size: clamp(17px, 2vw, 19px);\n  color: #ffffff;\n  font-weight: 900;\n  margin: 0 0 8px 0;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.hg-shaker-fomo p {\n  color: #a3a3a3;\n  line-height: 1.6;\n  font-size: clamp(15px, 1.6vw, 16px);\n  max-width: 70ch;\n  display: block;\n}\n\n\/* =========================================\n   CONVERSION CTA BUTTON (Strict Orange Isolation)\n   ========================================= *\/\n.hg-shaker-buttons {\n  display: flex;\n  align-items: center; \n  margin: 26px 0 0 0;\n}\n\n.hg-shaker-primary {\n  text-decoration: none;\n  border-radius: 4px;\n  padding: 18px 36px;\n  font-weight: 900;\n  font-size: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: all 0.25s ease;\n  background: #FFBF10; \/* Strictly reserved conversion target color *\/\n  color: #000000;\n  box-shadow: 0 10px 20px rgba(255,191,16,0.25);\n  display: inline-flex; \n  align-items: center;\n  justify-content: center;\n  min-height: 44px; \/* Minimum mobile touch standard enforced *\/\n  min-width: 44px;\n}\n\n.hg-shaker-primary:hover {\n  transform: translateY(-3px);\n  background: #ffcc33;\n  box-shadow: 0 15px 30px rgba(255,191,16,0.45);\n}\n\n.hg-shaker-microcopy {\n  color: #7a7a7a;\n  font-size: 13px;\n  margin: 16px 0 0 0;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  display: block;\n}\n\n\/* =========================================\n   MEDIA COMPONENT \u0026 BADGE ASSET\n   ========================================= *\/\n.hg-shaker-card {\n  background: linear-gradient(145deg, #1f1f1f, #0d0d0d); \n  border-radius: 16px;\n  padding: 16px;\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9);\n  border: 1px solid rgba(255,255,255,0.08);\n  display: block;\n}\n\n.hg-shaker-img {\n  width: 100%;\n  height: auto; \n  display: block; \n  border-radius: 12px;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 5;\n}\n\n.hg-shaker-badge {\n  position: absolute;\n  bottom: -24px;\n  left: 20px;\n  background: #050505;\n  border: 1px solid rgba(255,255,255,0.2); \/* Shielded accent border *\/\n  border-radius: 8px;\n  padding: 18px 24px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n  display: block;\n  z-index: 2;\n}\n\n.hg-shaker-badge span {\n  display: block;\n  color: #ffffff;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n  margin: 0 0 6px 0;\n}\n\n.hg-shaker-badge strong {\n  display: block;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n\/* =========================================\n   AEO SEMANTIC FAQ ACCORDIONS\n   ========================================= *\/\n.hg-faq-container {\n  max-width: 800px;\n  margin: 80px auto 0;\n  padding-top: 60px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.hg-faq-headline {\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 800;\n  color: #ffffff;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.hg-faq-item {\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  padding: 24px 0;\n}\n\n.hg-faq-question {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 800;\n  color: #ffffff;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 44px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n.hg-faq-question::after {\n  content: '+';\n  color: #ffffff; \n  font-size: 24px;\n  font-weight: 400;\n  margin-left: 16px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-item[open] .hg-faq-question::after {\n  content: '−';\n  color: #FFBF10; \/* Active accent color toggle *\/\n}\n\n.hg-faq-item[open] .hg-faq-question {\n  color: #FFBF10;\n}\n\n.hg-faq-question:hover,\n.hg-faq-question:hover::after {\n  color: #FFBF10;\n}\n\n.hg-faq-answer {\n  padding-top: 16px;\n  padding-right: 40px;\n}\n\n.hg-faq-answer p {\n  color: #a3a3a3;\n  font-size: clamp(15px, 1.6vw, 16px);\n  line-height: 1.7;\n  max-width: 70ch;\n}\n\n\/* =========================================\n   RESPONSIVE DESIGN (Strict Mobile Overrides)\n   ========================================= *\/\n@media screen and (max-width: 900px) {\n  .hg-shaker-section {\n    padding: 60px 20px;\n  }\n\n  .hg-shaker-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  \/* Strict Mobile Rule: Image stays top, text flows below *\/\n  .hg-shaker-visual {\n    order: 1; \n    position: relative;\n    top: 0;\n  }\n\n  .hg-shaker-content {\n    order: 2;\n  }\n\n  \/* Full width interactive touch profile *\/\n  .hg-shaker-primary {\n    width: 100%;\n  }\n\n  .hg-shaker-badge {\n    left: 20px;\n    right: 20px;\n    bottom: -20px;\n    text-align: center;\n  }\n  \n  .hg-faq-container {\n    margin-top: 60px;\n    padding-top: 40px;\n  }\n}\n\u003c\/style\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":47681649475826,"sku":"ee11","price":23.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Health_Grail_Electric_shaker.png?v=1764537470"},{"product_id":"health-grail-embroidered-snapback-strapback-hats","title":"Camo Lifestyle Off-Duty Cap","description":"\u003csection class=\"hg-camo-cap-section\"\u003e\n  \u003cdiv class=\"hg-camo-container\"\u003e\n    \n    \u003c!-- Content Block --\u003e\n    \u003cdiv class=\"hg-camo-content\"\u003e\n      \u003cspan class=\"hg-camo-eyebrow\"\u003eTACTICAL LIFESTYLE • EVERYDAY ESSENTIAL\u003c\/span\u003e\n      \u003ch2\u003eBlend In to Stand Out.\u003cbr\u003eThe Camo Off-Duty Cap.\u003c\/h2\u003e\n      \n      \u003cp class=\"hg-camo-copy\"\u003eElevate your daily rotation with the Health-Grail Camo Off-Duty Cap. Built for high-performers, this tactical piece integrates rugged durability with a refined, clean streetwear aesthetic.\u003c\/p\u003e\n      \u003cp class=\"hg-camo-copy\"\u003eFeaturing an engineered woodland pattern, signature low-profile paneling, and an adaptive contour structure, it serves as your ultimate lifestyle anchor—designed to transition smoothly from high-intensity training sessions to off-duty weekend recovery.\u003c\/p\u003e\n      \n      \u003c!-- \"So You Can\" Highlights Framework --\u003e\n      \u003cdiv class=\"hg-camo-highlights\"\u003e\n        \u003cdiv class=\"hg-camo-highlight\"\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eTactical Camo Aesthetic\u003c\/h3\u003e\n            \u003cp\u003eUtilizes a structured woodland pattern so you can make an authoritative, minimal style statement with any functional outfit.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-camo-highlight\"\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePerformance Breathability\u003c\/h3\u003e\n            \u003cp\u003eEngineered with premium, lightweight fibers so you can stay cool, ventilated, and dry when daily environmental variables shift.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-camo-highlight\"\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePrecision Lockdown Fit\u003c\/h3\u003e\n            \u003cp\u003eFeatures an adjustable low-profile strap closure so you can lock down an exact, secure contour fit that stays in place during transit.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-camo-highlight\"\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eRefined Embroidery Detail\u003c\/h3\u003e\n            \u003cp\u003eShowcases precise, tone-on-tone crown stitch geometry so you can represent the Health-Grail identity with understated execution.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Premium Urgent FOMO Block --\u003e\n      \u003cdiv class=\"hg-camo-fomo\"\u003e\n        \u003cstrong\u003eLimited Off-Duty Capsule Drop\u003c\/strong\u003e\n        \u003cp\u003eThis customized tactical colorway is micro-batched in low volume. Avoid missing the rotation—secure your lifestyle essential before this limited run clears completely.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"hg-camo-buttons\"\u003e\n        \u003ca class=\"hg-camo-primary-btn\" href=\"#ProductSubmitButton\"\u003eSecure Your Camo Cap\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"hg-camo-microcopy\"\u003eHigh-demand asset. Small batch production allocation.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Block --\u003e\n    \u003cdiv class=\"hg-camo-visual\"\u003e\n      \u003cdiv class=\"hg-camo-card\"\u003e\n        \u003cimg class=\"hg-camo-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/hat_model_post_2.png?v=1778359148\" alt=\"Health-Grail Premium Camo Off-Duty Cap worn by model in athletic training environment\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-camo-badge\"\u003e\n        \u003cspan\u003eRUGGED \u0026amp; REFINED\u003c\/span\u003e \n        \u003cstrong\u003eENGINEERED FOR THE HUSTLE\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- AEO \/ FAQ Answer Engine Section --\u003e\n  \u003cdiv class=\"hg-faq-container\"\u003e\n    \u003ch3 class=\"hg-faq-headline\"\u003eProduct Specifications \u0026amp; FAQ\u003c\/h3\u003e\n    \n    \u003cdetails class=\"hg-faq-item\" open\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eWhat makes the Health-Grail Camo Cap unique?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eThe Camo Off-Duty Cap features premium materials engineered to bridge performance and daily comfort. Unlike traditional bulky caps, it utilizes a custom low-profile crown pattern that scales cleanly to your head geometry for a sharp, streamlined appearance.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eIs this hat adjustable for different head sizes?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eYes. The back panel features a heavy-duty, clean buckle closure that allows for infinite micro-adjustments, ensuring a personalized, highly secure lockdown fit for all athletes.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eHow should I wash and care for my Camo Cap?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eTo preserve the structural integrity of the front brim, the woodland print coloring, and the detailed custom embroidery profile, we recommend spot cleaning with a damp cloth or hand-washing in cold water, followed by air-drying.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* =========================================\n   AGGRESSIVE BACKEND RESET\n   ========================================= *\/\n.hg-camo-cap-section, \n.hg-camo-cap-section * {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n}\n\n.hg-camo-cap-section {\n  background: radial-gradient(circle at top right, rgba(255,255,255,0.03), transparent 40%),\n              linear-gradient(135deg, #050505 0%, #111111 50%, #0a0a0a 100%);\n  padding: 80px 24px;\n  color: #ffffff;\n  overflow: hidden;\n  font-family: inherit;\n  display: block;\n  width: 100%;\n}\n\n.hg-camo-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 64px;\n  align-items: flex-start;\n}\n\n\/* Stacking Rules - Default Desktop Layout *\/\n.hg-camo-content {\n  order: 1;\n}\n\n.hg-camo-visual {\n  position: relative;\n  order: 2;\n  position: sticky;\n  top: 40px;\n}\n\n\/* =========================================\n   TYPOGRAPHY \u0026 READABILITY GUARDRAILS\n   ========================================= *\/\n.hg-camo-eyebrow {\n  color: #a3a3a3; \/* Stripped Orange *\/\n  letter-spacing: 0.22em;\n  font-size: clamp(11px, 1.5vw, 13px);\n  font-weight: 900;\n  margin-bottom: 18px;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-camo-content h2 {\n  font-size: clamp(42px, 5vw, 68px);\n  line-height: 1.02;\n  letter-spacing: -0.05em;\n  margin: 0 0 24px;\n  font-weight: 900;\n  color: #ffffff;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-camo-copy {\n  color: #b5b5b5;\n  font-size: clamp(16px, 1.8vw, 18px);\n  line-height: 1.65;\n  max-width: 70ch; \/* Enforced readability length *\/\n  margin-bottom: 20px;\n  font-weight: 400;\n  display: block;\n}\n\n\/* =========================================\n   HIGHLIGHT MODULES\n   ========================================= *\/\n.hg-camo-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 40px 0;\n}\n\n.hg-camo-highlight {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 24px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 12px; \n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n\n.hg-camo-highlight:hover {\n  background: rgba(255,255,255,0.04);\n  transform: translateX(8px);\n  border-color: rgba(255,255,255,0.15); \/* Stripped Orange *\/\n}\n\n.hg-camo-highlight span {\n  color: #ffffff; \/* Stripped Orange *\/\n  font-weight: 900;\n  font-size: 15px;\n  letter-spacing: 0.1em;\n  padding-top: 2px;\n  display: inline-block;\n}\n\n.hg-camo-highlight h3 {\n  margin: 0 0 6px;\n  color: #ffffff;\n  font-size: clamp(16px, 1.8vw, 17px);\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n  display: block;\n}\n\n.hg-camo-highlight p {\n  color: #8c8c8c;\n  font-size: clamp(14px, 1.5vw, 15px);\n  line-height: 1.6;\n  max-width: 65ch;\n  display: block;\n}\n\n\/* =========================================\n   URGENT FOMO BOX\n   ========================================= *\/\n.hg-camo-fomo {\n  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(0,0,0,0.8));\n  border-left: 4px solid rgba(255,255,255,0.8); \/* Stripped Orange *\/\n  padding: 24px;\n  border-radius: 8px;\n  margin-bottom: 28px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  display: block;\n  max-width: 800px;\n}\n\n.hg-camo-fomo strong {\n  display: block;\n  font-size: clamp(17px, 2vw, 19px);\n  color: #ffffff;\n  font-weight: 900;\n  margin-bottom: 8px;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.hg-camo-fomo p {\n  color: #a3a3a3;\n  line-height: 1.6;\n  font-size: clamp(15px, 1.6vw, 16px);\n  max-width: 70ch;\n  display: block;\n}\n\n\/* =========================================\n   PRIMARY BUTTON SYSTEM (Strict Orange Isolation)\n   ========================================= *\/\n.hg-camo-buttons {\n  display: flex;\n  margin-top: 26px;\n}\n\n.hg-camo-primary-btn {\n  text-decoration: none;\n  border-radius: 4px; \n  padding: 18px 36px;\n  font-weight: 900;\n  font-size: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: all 0.25s ease;\n  background: #FFBF10; \/* Enforced Orange *\/\n  color: #000000;\n  box-shadow: 0 10px 20px rgba(255,191,16,0.25);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px; \/* Touch Target Compliance *\/\n  min-width: 44px;\n}\n\n.hg-camo-primary-btn:hover {\n  transform: translateY(-3px);\n  background: #ffcc33;\n  box-shadow: 0 15px 30px rgba(255,191,16,0.45);\n}\n\n.hg-camo-microcopy {\n  color: #555555;\n  font-size: 13px;\n  margin-top: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  display: block;\n}\n\n\/* =========================================\n   VISUAL HOUSINGS \u0026 BADGEWORK\n   ========================================= *\/\n.hg-camo-card {\n  background: linear-gradient(145deg, #1a1b18, #0d0e0d); \/* Camo tone matching overlay *\/\n  border-radius: 16px;\n  padding: 16px;\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9);\n  border: 1px solid rgba(255,255,255,0.06);\n  display: block;\n}\n\n.hg-camo-card img {\n  width: 100%;\n  display: block;\n  border-radius: 12px;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 5;\n}\n\n.hg-camo-badge {\n  position: absolute;\n  bottom: -24px;\n  left: 20px;\n  background: #050505;\n  border: 1px solid rgba(255,255,255,0.2); \/* Stripped Orange *\/\n  border-radius: 8px;\n  padding: 18px 24px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n  z-index: 2;\n  display: block;\n}\n\n.hg-camo-badge span {\n  display: block;\n  color: #a3a3a3; \/* Stripped Orange *\/\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n  margin-bottom: 6px;\n}\n\n.hg-camo-badge strong {\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  display: block;\n}\n\n\/* =========================================\n   AEO SEMANTIC ACCORDIONS\n   ========================================= *\/\n.hg-faq-container {\n  max-width: 800px;\n  margin: 80px auto 0;\n  padding-top: 60px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n  width: 100%;\n}\n\n.hg-faq-headline {\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 800;\n  color: #ffffff;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.hg-faq-item {\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  padding: 24px 0;\n}\n\n.hg-faq-question {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 800;\n  color: #ffffff;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 44px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n.hg-faq-question::after {\n  content: '+';\n  color: #ffffff; \n  font-size: 24px;\n  font-weight: 400;\n  margin-left: 16px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-item[open] .hg-faq-question::after {\n  content: '−';\n  color: #FFBF10;\n}\n\n.hg-faq-item[open] .hg-faq-question {\n  color: #FFBF10; \/* Orange isolated to interactive open states *\/\n}\n\n.hg-faq-question:hover,\n.hg-faq-question:hover::after {\n  color: #FFBF10;\n}\n\n.hg-faq-answer {\n  padding-top: 16px;\n  padding-right: 40px;\n}\n\n.hg-faq-answer p {\n  color: #a3a3a3;\n  font-size: clamp(15px, 1.6vw, 16px);\n  line-height: 1.7;\n  max-width: 70ch;\n}\n\n\/* =========================================\n   STRICT MOBILE RESPONSIVENESS\n   ========================================= *\/\n@media screen and (max-width: 900px) {\n  .hg-camo-cap-section {\n    padding: 60px 20px;\n  }\n\n  .hg-camo-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  \/* Structural Rule: Image Top (Order 1), Text Bottom (Order 2) *\/\n  .hg-camo-visual {\n    order: 1; \n    position: relative;\n    top: 0;\n  }\n\n  .hg-camo-content {\n    order: 2;\n  }\n\n  \/* Structural Rule: Buttons scale to 100% full width *\/\n  .hg-camo-primary-btn {\n    width: 100%;\n  }\n\n  .hg-camo-badge {\n    left: 20px;\n    right: 20px;\n    bottom: -20px;\n    text-align: center;\n  }\n  \n  .hg-faq-container {\n    margin-top: 60px;\n    padding-top: 40px;\n  }\n}\n\u003c\/style\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":48148699087090,"sku":"Camo11","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Health-Grail_Camo.png?v=1764140618"},{"product_id":"health-grail-25-ounce-stainless-steel-shaker-bottle","title":"Stainless Steel Protein Shaker","description":"\u003csection class=\"hg-shaker-section\"\u003e\n  \u003cdiv class=\"hg-shaker-container\"\u003e\n    \n    \u003c!-- SEO-Optimized Content Block --\u003e\n    \u003cdiv class=\"hg-shaker-content\"\u003e\n      \u003cspan class=\"hg-shaker-eyebrow\"\u003ePREMIUM GEAR • UNBREAKABLE DESIGN\u003c\/span\u003e\n      \u003ch2\u003eEngineered For\u003cbr\u003eThe Relentless.\u003c\/h2\u003e\n      \n      \u003cp class=\"hg-shaker-copy\"\u003eUpgrade your daily routine with the Health-Grail 25-Ounce Stainless Steel Shaker. Built for athletes who demand uncompromising quality, this premium vessel keeps your pre-workout icy cold and your protein perfectly blended.\u003c\/p\u003e\n      \u003cp class=\"hg-shaker-copy\"\u003eDitch the cheap, odor-absorbing plastic. Crafted from pro-grade stainless steel with a leak-proof seal and a sleek minimalist finish, this is the last shaker bottle you will ever need to buy.\u003c\/p\u003e\n      \n      \u003c!-- SEO Benefit Bullets (\"So You Can\" Framework) --\u003e\n      \u003cdiv class=\"hg-shaker-highlights\"\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePro-Grade Stainless Steel\u003c\/h3\u003e\n            \u003cp\u003eUtilizes ultra-durable, double-walled construction so you can protect your shakes from ambient heat while resisting odors and stubborn stains.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eIce-Cold Temperature Control\u003c\/h3\u003e\n            \u003cp\u003eDeploys advanced vacuum insulation so you can keep your hydration and premium supplements crisp, cold, and refreshing for hours on end.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eFlawless Mixing Technology\u003c\/h3\u003e\n            \u003cp\u003eEngineered for smooth, kinetic blending so you can eliminate clumps and get the absolute most out of every single supplement scoop.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003e100% Leak-Proof Seal\u003c\/h3\u003e\n            \u003cp\u003eFeatures a precision-molded geometric lid mechanism so you can toss your bottle into any gym bag with total, spill-free confidence.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-shaker-highlight\"\u003e\n          \u003cspan\u003e05\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eOptimal 25-Ounce Capacity\u003c\/h3\u003e\n            \u003cp\u003eProvides the ideal volumetric architecture so you can easily scale dense recovery shakes, intra-workout aminos, or daily hydration needs.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- Conversion FOMO Box --\u003e\n      \u003cdiv class=\"hg-shaker-fomo\"\u003e\n        \u003cstrong\u003eThe Ultimate Gym Essential\u003c\/strong\u003e\n        \u003cp\u003eA premium supplement routine requires premium gear. Our limited-run clinical stainless steel shakers move fast—secure your system hardware and upgrade your training output today.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- High-Action Conversion Button --\u003e\n      \u003cdiv class=\"hg-shaker-buttons\"\u003e\n        \u003ca class=\"hg-shaker-primary\" href=\"#ProductSubmitButton\"\u003eUpgrade Your Shaker\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"hg-shaker-microcopy\"\u003eBuilt to last. Designed to perform.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Block --\u003e\n    \u003cdiv class=\"hg-shaker-visual\"\u003e\n      \u003cdiv class=\"hg-shaker-card\"\u003e\n        \u003cimg class=\"hg-shaker-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/stainless_steel_Health_Grail_Car_shot.png?v=1778371076\" alt=\"Health-Grail Insulated Stainless Steel Shaker Bottle 25 Ounce Capacity\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-shaker-badge\"\u003e\n        \u003cspan\u003ePREMIUM HARDWARE\u003c\/span\u003e \n        \u003cstrong\u003eICE-COLD HYDRATION\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- AEO \/ FAQ Answer Engine Section --\u003e\n  \u003cdiv class=\"hg-faq-container\"\u003e\n    \u003ch3 class=\"hg-faq-headline\"\u003eProduct Architecture \u0026amp; FAQ\u003c\/h3\u003e\n    \n    \u003cdetails class=\"hg-faq-item\" open\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eWhat makes the Health-Grail Stainless Steel Shaker better than plastic?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eTraditional plastic shaker bottles absorb bacteria, leading to persistent foul odors and stains that ruin your supplement profile. Our shaker is built with high-grade, food-safe stainless steel that completely resists odor absorption while providing double-walled insulation to maintain freezing temperatures.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eIs this shaker bottle easy to clean and dishwasher safe?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eYes. The stainless steel body features an electro-polished interior that washes clean with minimal effort. To safeguard the premium matte texture and finish of the exterior wall, hand washing the chassis is recommended, while the leak-proof lid assembly is fully top-rack dishwasher safe.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eDoes it fit inside standard vehicle cup holders?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eAbsolutely. We engineered the base diameter specifically to taper into standard cup holder profiles, allowing you to seamlessly transition your pre-workout and intra-workout protocols from your vehicle to the gym locker room.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* =========================================\n   CORE BACKEND RESET \u0026 RESET PROTECTION\n   ========================================= *\/\n.hg-shaker-section, \n.hg-shaker-section * {\n  box-sizing: border-box !important; \n  margin: 0;\n  padding: 0;\n}\n\n.hg-shaker-section {\n  background: radial-gradient(circle at top right, rgba(255,255,255,0.03), transparent 45%),\n              linear-gradient(135deg, #111111 0%, #050505 50%, #000000 100%);\n  padding: 80px 24px;\n  color: #ffffff;\n  overflow: hidden;\n  font-family: inherit;\n  display: block;\n  width: 100%;\n}\n\n.hg-shaker-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 64px;\n  align-items: flex-start;\n}\n\n\/* Stacking Architecture Configurations *\/\n.hg-shaker-content {\n  order: 1;\n}\n\n.hg-shaker-visual {\n  position: relative;\n  display: block;\n  width: 100%;\n  order: 2;\n  position: sticky;\n  top: 40px; \n}\n\n\/* =========================================\n   TYPOGRAPHY \u0026 READABILITY GUARDRAILS\n   ========================================= *\/\n.hg-shaker-eyebrow {\n  color: #a3a3a3; \/* Stripped Orange *\/\n  letter-spacing: 0.22em;\n  font-size: clamp(11px, 1.4vw, 13px);\n  font-weight: 900;\n  margin: 0 0 18px 0;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-shaker-content h2 {\n  font-size: clamp(42px, 5vw, 72px);\n  line-height: 0.95;\n  letter-spacing: -0.04em;\n  margin: 0 0 24px 0;\n  font-weight: 900;\n  color: #ffffff;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-shaker-copy {\n  color: #d1d1d1;\n  font-size: clamp(16px, 1.8vw, 18px);\n  line-height: 1.65;\n  max-width: 70ch; \/* Text measure strict layout rule *\/\n  margin: 0 0 20px 0;\n  font-weight: 400;\n  display: block;\n}\n\n\/* =========================================\n   EDITORIAL HIGHLIGHT BLOCKS (\"So You Can\")\n   ========================================= *\/\n.hg-shaker-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 40px 0;\n}\n\n.hg-shaker-highlight {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 24px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 12px;\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n\n.hg-shaker-highlight:hover {\n  background: rgba(255,255,255,0.04);\n  transform: translateX(8px);\n  border-color: rgba(255,255,255,0.2); \n}\n\n.hg-shaker-highlight span {\n  color: #ffffff; \/* Stripped Orange *\/\n  font-weight: 900;\n  font-size: 15px;\n  letter-spacing: 0.1em;\n  padding-top: 2px;\n  display: inline-block;\n}\n\n.hg-shaker-highlight h3 {\n  margin: 0 0 6px 0;\n  color: #ffffff;\n  font-size: clamp(16px, 1.8vw, 17px);\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n  display: block;\n}\n\n.hg-shaker-highlight p {\n  color: #a3a3a3;\n  font-size: clamp(14px, 1.5vw, 15px);\n  line-height: 1.6;\n  max-width: 65ch;\n  display: block;\n}\n\n\/* =========================================\n   PREMIUM FOMO BLOCK\n   ========================================= *\/\n.hg-shaker-fomo {\n  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(0,0,0,0.8));\n  border-left: 4px solid rgba(255,255,255,0.6); \/* Stripped Orange *\/\n  padding: 24px;\n  border-radius: 8px;\n  margin: 0 0 28px 0;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  display: block;\n}\n\n.hg-shaker-fomo strong {\n  display: block;\n  font-size: clamp(17px, 2vw, 19px);\n  color: #ffffff;\n  font-weight: 900;\n  margin: 0 0 8px 0;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.hg-shaker-fomo p {\n  color: #b5b5b5;\n  line-height: 1.6;\n  font-size: clamp(15px, 1.6vw, 16px);\n  max-width: 70ch;\n  display: block;\n}\n\n\/* =========================================\n   PRIMARY BUTTON STYLING (Orange Reserved)\n   ========================================= *\/\n.hg-shaker-buttons {\n  display: flex;\n  align-items: center; \n  margin: 26px 0 0 0;\n}\n\n.hg-shaker-primary {\n  text-decoration: none;\n  border-radius: 4px;\n  padding: 18px 36px;\n  font-weight: 900;\n  font-size: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: all 0.25s ease;\n  background: #FFBF10; \/* Strictly Orange *\/\n  color: #000000;\n  box-shadow: 0 10px 20px rgba(255,191,16,0.25);\n  display: inline-flex; \n  align-items: center;\n  justify-content: center;\n  min-height: 44px; \/* Touch target strict compliance *\/\n  min-width: 44px;\n}\n\n.hg-shaker-primary:hover {\n  transform: translateY(-3px);\n  background: #ffcc33;\n  box-shadow: 0 15px 30px rgba(255,191,16,0.45);\n}\n\n.hg-shaker-microcopy {\n  color: #7a7a7a;\n  font-size: 13px;\n  margin: 14px 0 0 0;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  display: block;\n}\n\n\/* =========================================\n   VISUAL SIDE COMPONENT DISPLAY\n   ========================================= *\/\n.hg-shaker-card {\n  background: linear-gradient(145deg, #1f1f1f, #0d0d0d); \n  border-radius: 16px;\n  padding: 16px;\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9);\n  border: 1px solid rgba(255,255,255,0.08);\n  display: block;\n}\n\n.hg-shaker-img {\n  width: 100%;\n  height: auto; \n  display: block; \n  border-radius: 12px;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 5;\n}\n\n.hg-shaker-badge {\n  position: absolute;\n  bottom: -24px;\n  left: 20px;\n  background: #050505;\n  border: 1px solid rgba(255,255,255,0.2); \/* Stripped Orange *\/\n  border-radius: 8px;\n  padding: 18px 24px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n  display: block;\n  z-index: 2;\n}\n\n.hg-shaker-badge span {\n  display: block;\n  color: #a3a3a3; \/* Stripped Orange *\/\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n  margin: 0 0 6px 0;\n}\n\n.hg-shaker-badge strong {\n  display: block;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n\/* =========================================\n   AEO \/ FAQ HARDCODED SEMANTIC ACCORDIONS\n   ========================================= *\/\n.hg-faq-container {\n  max-width: 800px;\n  margin: 80px auto 0;\n  padding-top: 60px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.hg-faq-headline {\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 800;\n  color: #ffffff;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.hg-faq-item {\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  padding: 24px 0;\n}\n\n.hg-faq-question {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 800;\n  color: #ffffff;\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 44px; \/* Touch target verification *\/\n  transition: color 0.3s ease;\n}\n\n.hg-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n.hg-faq-question::after {\n  content: '+';\n  color: #ffffff;\n  font-size: 24px;\n  font-weight: 400;\n  margin-left: 16px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-item[open] .hg-faq-question::after {\n  content: '−';\n  color: #FFBF10; \/* Interactive Orange Action State *\/\n}\n\n.hg-faq-item[open] .hg-faq-question {\n  color: #FFBF10; \/* Interactive Orange Action State *\/\n}\n\n.hg-faq-question:hover,\n.hg-faq-question:hover::after {\n  color: #FFBF10; \/* Interactive Orange Hover State *\/\n}\n\n.hg-faq-answer {\n  padding-top: 16px;\n  padding-right: 40px;\n}\n\n.hg-faq-answer p {\n  color: #a3a3a3;\n  font-size: clamp(15px, 1.6vw, 16px);\n  line-height: 1.7;\n  max-width: 70ch;\n}\n\n\/* =========================================\n   STRICT MOBILE LAYOUT OVERRIDES\n   ========================================= *\/\n@media screen and (max-width: 900px) {\n  .hg-shaker-section {\n    padding: 60px 20px;\n  }\n\n  .hg-shaker-container {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n\n  \/* Strict Rule Alignment: Visual content shifts above context copy elements *\/\n  .hg-shaker-visual {\n    order: 1; \n    position: relative;\n    top: 0;\n  }\n\n  .hg-shaker-content {\n    order: 2;\n  }\n\n  \/* Strict Rule Alignment: Button target transforms to 100% device span width *\/\n  .hg-shaker-primary {\n    width: 100%;\n  }\n\n  .hg-shaker-badge {\n    left: 20px;\n    right: 20px;\n    bottom: -20px;\n    text-align: center;\n  }\n  \n  .hg-faq-container {\n    margin-top: 60px;\n    padding-top: 40px;\n  }\n}\n\u003c\/style\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":48125880991986,"sku":"ss12","price":21.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Man_holding_a_black_Health_Grain_supplement_shaker_cup_on_a_rooftop_with_cityscape_in_the_background.png?v=1764537063"},{"product_id":"health-grail-sleek-black-athletic-hat","title":"Black Lifestyle Off-Duty Cap","description":"\u003csection class=\"hg-off-duty-cap-section\"\u003e\n  \u003cdiv class=\"hg-odc-container\"\u003e\n    \n    \u003c!-- Content Block --\u003e\n    \u003cdiv class=\"hg-odc-content\"\u003e\n      \u003cspan class=\"hg-odc-eyebrow\"\u003ePREMIUM ATHLETIC GEAR • LIFESTYLE ESSENTIAL\u003c\/span\u003e\n      \u003ch2\u003eOwn Your Vibe.\u003cbr\u003eThe Off-Duty Cap.\u003c\/h2\u003e\n      \n      \u003cp class=\"hg-odc-copy\"\u003eElevate your everyday uniform with the Health-Grail Sleek Black Athletic Hat. Designed for the relentless, this cap blends bold aesthetics with high-performance, all-day comfort.\u003c\/p\u003e\n      \u003cp class=\"hg-odc-copy\"\u003eFeaturing a deep, true-black finish, sharp signature Health-Grail embroidery, and an adaptive contour fit, it’s the ultimate accessory to top off your look—whether you're crushing it at the gym or owning your weekend.\u003c\/p\u003e\n      \n      \u003c!-- \"So You Can\" Benefits Framework --\u003e\n      \u003cdiv class=\"hg-odc-highlights\"\u003e\n        \u003cdiv class=\"hg-odc-highlight\"\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eDeep Black Aesthetic\u003c\/h3\u003e\n            \u003cp\u003eFeatures a striking, true-black colorway so you can command attention and pair it perfectly with any athletic or casual fit.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-odc-highlight\"\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePerformance Breathability\u003c\/h3\u003e\n            \u003cp\u003eUtilizes lightweight, premium engineered textiles so you can stay cool, dry, and comfortable under intense daily pressure.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-odc-highlight\"\u003e\n          \u003cspan\u003e03\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eThe Perfect Contour Fit\u003c\/h3\u003e\n            \u003cp\u003eEngineered with a low-profile structured silhouette so you can maintain an effortlessly sleek, secure look all day long.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"hg-odc-highlight\"\u003e\n          \u003cspan\u003e04\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePremium Luxury Embroidery\u003c\/h3\u003e\n            \u003cp\u003eShowcases high-density precision stitching so you can boldly represent your commitment to performance and lifestyle excellence.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \n      \u003c!-- FOMO \/ Urgency Block --\u003e\n      \u003cdiv class=\"hg-odc-fomo\"\u003e\n        \u003cstrong\u003eThe Ultimate Wardrobe Staple\u003c\/strong\u003e\n        \u003cp\u003eTrue black goes with everything, which means our micro-batches move incredibly fast. Secure your everyday essential today before this limited production run disappears entirely.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \n      \u003cdiv class=\"hg-odc-buttons\"\u003e\n        \u003ca class=\"hg-odc-primary-btn\" href=\"#ProductSubmitButton\"\u003eSecure Your Cap Now\u003c\/a\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"hg-odc-microcopy\"\u003eHigh-demand item. Grab yours while supplies last.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Block --\u003e\n    \u003cdiv class=\"hg-odc-visual\"\u003e\n      \u003cdiv class=\"hg-odc-card\"\u003e\n        \u003cimg class=\"hg-odc-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/hat_model_post.png?v=1778357809\" alt=\"Health-Grail Matte Black Off-Duty Athletic Cap\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"hg-odc-badge\"\u003e\n        \u003cspan\u003eSTREET TO GYM\u003c\/span\u003e \n        \u003cstrong\u003eTHE PERFECT ALL-DAY FIT\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- AEO \/ FAQ Answer Engine Section --\u003e\n  \u003cdiv class=\"hg-faq-container\"\u003e\n    \u003ch3 class=\"hg-faq-headline\"\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \n    \u003cdetails class=\"hg-faq-item\" open\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eWhat materials are used in the Health-Grail Off-Duty Cap?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eThe Off-Duty Cap is constructed from high-grade, lightweight performance textiles designed for maximum breathability. It features a sweat-wicking internal band and precision embroidered branding built to withstand daily workouts and outdoor elements.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eIs this hat adjustable for different head sizes?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eYes. The cap features an adjustable premium closure system at the back, allowing you to customize the tightness for a secure, comfortable, and personalized contour fit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"hg-faq-item\"\u003e\n      \u003csummary class=\"hg-faq-question\"\u003eHow should I clean my athletic cap to maintain the deep black look?\u003c\/summary\u003e\n      \u003cdiv class=\"hg-faq-answer\"\u003e\n        \u003cp\u003eTo preserve the deep, true-black finish and crisp embroidery, we recommend spot-cleaning with a damp cloth and mild detergent, then allowing it to air dry. Avoid machine washing or harsh bleaching agents.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\/* =========================================\n   AGGRESSIVE BACKEND RESET\n   ========================================= *\/\n.hg-off-duty-cap-section, \n.hg-off-duty-cap-section * {\n  box-sizing: border-box !important; \n  margin: 0;\n  padding: 0;\n}\n\n.hg-off-duty-cap-section {\n  background: radial-gradient(circle at top right, rgba(255,255,255,0.03), transparent 40%),\n              linear-gradient(135deg, #050505 0%, #121212 50%, #1a1a1a 100%);\n  padding: 80px 24px;\n  color: #ffffff;\n  overflow: hidden;\n  font-family: inherit;\n  display: block;\n  width: 100%;\n}\n\n.hg-odc-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 64px;\n  align-items: flex-start;\n}\n\n\/* Structural Ordering for Desktop Default *\/\n.hg-odc-content {\n  order: 1;\n}\n\n.hg-odc-visual {\n  position: relative;\n  display: block;\n  width: 100%;\n  order: 2;\n  position: sticky;\n  top: 40px; \n}\n\n\/* =========================================\n   TYPOGRAPHY \u0026 COPY (Strict Guardrails)\n   ========================================= *\/\n.hg-odc-eyebrow {\n  color: #d1d1d1; \/* Stripped Orange *\/\n  letter-spacing: 0.22em;\n  font-size: clamp(12px, 1.5vw, 13px);\n  font-weight: 900;\n  margin: 0 0 18px 0;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-odc-content h2 {\n  font-size: clamp(42px, 5vw, 68px);\n  line-height: 1.05;\n  letter-spacing: -0.04em;\n  margin: 0 0 24px 0;\n  font-weight: 900;\n  color: #ffffff;\n  text-transform: uppercase;\n  display: block;\n}\n\n.hg-odc-copy {\n  color: #a3a3a3;\n  font-size: clamp(16px, 1.8vw, 18px);\n  line-height: 1.65;\n  max-width: 70ch; \/* Readability measure *\/\n  margin: 0 0 20px 0;\n  font-weight: 400;\n  display: block;\n}\n\n\/* =========================================\n   \"SO YOU CAN\" HIGHLIGHT BLOCKS\n   ========================================= *\/\n.hg-odc-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 40px 0;\n}\n\n.hg-odc-highlight {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  padding: 24px;\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 12px;\n  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;\n}\n\n.hg-odc-highlight:hover {\n  background: rgba(255,255,255,0.04);\n  transform: translateX(8px);\n  border-color: rgba(255,255,255,0.15); \n}\n\n.hg-odc-highlight span {\n  color: #ffffff; \/* Stripped Orange *\/\n  font-weight: 900;\n  font-size: 15px;\n  letter-spacing: 0.1em;\n  padding-top: 2px;\n  display: inline-block;\n}\n\n.hg-odc-highlight h3 {\n  margin: 0 0 8px 0;\n  color: #ffffff;\n  font-size: clamp(16px, 1.8vw, 18px);\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.02em;\n  display: block;\n}\n\n.hg-odc-highlight p {\n  color: #8c8c8c;\n  font-size: clamp(14px, 1.5vw, 15px);\n  line-height: 1.6;\n  max-width: 65ch; \n  display: block;\n}\n\n\/* =========================================\n   FOMO BOX\n   ========================================= *\/\n.hg-odc-fomo {\n  background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(0,0,0,0.8));\n  border-left: 4px solid rgba(255,255,255,0.8); \/* Stripped Orange *\/\n  padding: 24px;\n  border-radius: 8px;\n  margin: 0 0 28px 0;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.6);\n  display: block;\n}\n\n.hg-odc-fomo strong {\n  display: block;\n  font-size: clamp(17px, 2vw, 19px);\n  color: #ffffff;\n  font-weight: 900;\n  margin: 0 0 8px 0;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.hg-odc-fomo p {\n  color: #a3a3a3;\n  line-height: 1.6;\n  font-size: clamp(15px, 1.6vw, 16px);\n  max-width: 70ch;\n  display: block;\n}\n\n\/* =========================================\n   PRIMARY INTERACTIVE CTA (Orange Reserved Here)\n   ========================================= *\/\n.hg-odc-buttons {\n  display: flex;\n  align-items: center; \n  margin: 26px 0 0 0;\n}\n\n.hg-odc-primary-btn {\n  text-decoration: none;\n  border-radius: 4px;\n  padding: 18px 36px;\n  font-weight: 900;\n  font-size: 16px;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  transition: all 0.25s ease;\n  background: #FFBF10; \/* Strictly Orange *\/\n  color: #000000;\n  box-shadow: 0 10px 20px rgba(255,191,16,0.25);\n  display: inline-flex; \n  align-items: center;\n  justify-content: center;\n  min-height: 44px; \/* Touch target check *\/\n  min-width: 44px;\n}\n\n.hg-odc-primary-btn:hover {\n  transform: translateY(-3px);\n  background: #ffcc33;\n  box-shadow: 0 15px 30px rgba(255,191,16,0.45);\n}\n\n.hg-odc-microcopy {\n  color: #7a7a7a;\n  font-size: 13px;\n  margin: 16px 0 0 0;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  display: block;\n}\n\n\/* =========================================\n   VISUAL BLOCK \u0026 BADGE\n   ========================================= *\/\n.hg-odc-card {\n  background: linear-gradient(145deg, #1f1f1f, #0d0d0d); \n  border-radius: 16px;\n  padding: 16px;\n  box-shadow: 0 40px 100px rgba(0,0,0,0.9);\n  border: 1px solid rgba(255,255,255,0.08);\n  display: block;\n}\n\n.hg-odc-img {\n  width: 100%;\n  height: auto; \n  display: block; \n  border-radius: 12px;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 5;\n}\n\n.hg-odc-badge {\n  position: absolute;\n  bottom: -24px;\n  left: 20px;\n  background: #050505;\n  border: 1px solid rgba(255,255,255,0.2); \/* Stripped Orange *\/\n  border-radius: 8px;\n  padding: 18px 24px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n  display: block;\n  z-index: 2;\n}\n\n.hg-odc-badge span {\n  display: block;\n  color: #ffffff; \/* Stripped Orange *\/\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 0.2em;\n  margin: 0 0 6px 0;\n}\n\n.hg-odc-badge strong {\n  display: block;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n}\n\n\/* =========================================\n   AEO \/ FAQ SECTION STYLING\n   ========================================= *\/\n.hg-faq-container {\n  max-width: 800px;\n  margin: 80px auto 0;\n  padding-top: 60px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.hg-faq-headline {\n  font-size: clamp(24px, 3vw, 32px);\n  font-weight: 800;\n  color: #ffffff;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.hg-faq-item {\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  padding: 24px 0;\n}\n\n.hg-faq-question {\n  font-size: clamp(16px, 2vw, 18px);\n  font-weight: 800;\n  color: #ffffff;\n  cursor: pointer;\n  list-style: none; \n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  min-height: 44px; \n  transition: color 0.3s ease;\n}\n\n.hg-faq-question::-webkit-details-marker {\n  display: none;\n}\n\n\/* Custom + \/ - Icons (Orange reserved for interaction) *\/\n.hg-faq-question::after {\n  content: '+';\n  color: #ffffff; \n  font-size: 24px;\n  font-weight: 400;\n  margin-left: 16px;\n  transition: color 0.3s ease;\n}\n\n.hg-faq-item[open] .hg-faq-question::after {\n  content: '−';\n  color: #FFBF10;\n}\n\n.hg-faq-item[open] .hg-faq-question {\n  color: #FFBF10;\n}\n\n.hg-faq-question:hover,\n.hg-faq-question:hover::after {\n  color: #FFBF10;\n}\n\n.hg-faq-answer {\n  padding-top: 16px;\n  padding-right: 40px;\n}\n\n.hg-faq-answer p {\n  color: #a3a3a3;\n  font-size: clamp(15px, 1.6vw, 16px);\n  line-height: 1.7;\n  max-width: 70ch;\n}\n\n\/* =========================================\n   MOBILE RESPONSIVENESS (Strict Guardrails)\n   ========================================= *\/\n@media screen and (max-width: 900px) {\n  .hg-off-duty-cap-section {\n    padding: 60px 20px;\n  }\n\n  .hg-odc-container {\n    grid-template-columns: 1fr;\n    gap: 50px;\n  }\n\n  \/* Strict Rule: Image Top, Text Bottom *\/\n  .hg-odc-visual {\n    order: 1; \n    position: relative;\n    top: 0;\n  }\n\n  .hg-odc-content {\n    order: 2;\n  }\n\n  \/* Strict Rule: Full width mobile touch targets *\/\n  .hg-odc-primary-btn {\n    width: 100%;\n  }\n\n  .hg-odc-badge {\n    left: 20px;\n    right: 20px;\n    bottom: -20px;\n    text-align: center;\n  }\n  \n  .hg-faq-container {\n    margin-top: 60px;\n    padding-top: 40px;\n  }\n}\n\u003c\/style\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":48148696072434,"sku":"blk11","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Health_-_Grail_Signatue_Black_Hat.png?v=1778456382"},{"product_id":"mothers-day-edition-hat","title":"Black Lifestyle Off-Duty Cap Pink Logo","description":"\u003csection class=\"hg-pink-hat-section\"\u003e\n\u003cdiv class=\"hg-ph-container\"\u003e\n\u003cdiv class=\"hg-ph-content\"\u003e\n\u003cp class=\"hg-ph-eyebrow\"\u003eSIGNATURE EDITION\u003c\/p\u003e\n\u003ch2\u003eThe Signature\u003cbr\u003ePink Version\u003c\/h2\u003e\n\u003cp class=\"hg-ph-copy\"\u003eElevate your everyday uniform with the Health-Grail Signature Pink Cap. Featuring a washed black cotton finish contrasted by our standout soft pink embroidery, it’s designed to merge bold aesthetics with everyday wearability.\u003c\/p\u003e\n\u003cp class=\"hg-ph-copy\"\u003eBuilt for performance and made to elevate every day, this adjustable strap-back cap is your new go-to for workouts, errands, and everything in between.\u003c\/p\u003e\n\u003cdiv class=\"hg-ph-highlights\"\u003e\n\u003cdiv class=\"hg-ph-highlight\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003ePremium Pink Embroidery\u003c\/h3\u003e\n\u003cp\u003eHigh-density precision stitching featuring our signature logo in a striking soft pink.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-highlight\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eAdjustable Strap-Back Fit\u003c\/h3\u003e\n\u003cp\u003eA customizable rear strap ensures a secure, comfortable, and personalized contour fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-highlight\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBuilt For Performance\u003c\/h3\u003e\n\u003cp\u003eLightweight, premium textiles designed to keep you cool and comfortable under pressure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-highlight\"\u003e\n\u003cspan\u003e04\u003c\/span\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMade To Elevate Every Day\u003c\/h3\u003e\n\u003cp\u003eA lived-in, washed black texture that pairs effortlessly with any athletic or off-duty look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-fomo\"\u003e\n\u003cstrong\u003eSignature Pink Drop\u003c\/strong\u003e\n\u003cp\u003eThis striking pink-on-black colorway is highly sought after. Secure your signature cap today and add a bold pop of color to your everyday lineup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-buttons\"\u003e\u003ca class=\"hg-ph-primary\" href=\"#ProductSubmitButton\"\u003eSecure The Pink Edition\u003c\/a\u003e\u003c\/div\u003e\n\u003cp class=\"hg-ph-microcopy\"\u003eHigh-demand item. Grab yours while supplies last.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-visual\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"hg-ph-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/1_9b458590-7f63-4485-87f0-49c1a940f416.png?v=1779753337\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hg-ph-badge\"\u003e\n\u003cspan\u003eSIGNATURE EDITION\u003c\/span\u003e \u003cstrong\u003eADJUSTABLE STRAP-BACK CAP\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n.hg-pink-hat-section {\n  background: radial-gradient(circle at top left, rgba(255, 182, 199, 0.15), transparent 30%),\n              linear-gradient(135deg, #0a0a0a 0%, #141414 45%, #1a1a1a 100%);\n  padding: 80px 24px;\n  color: #ffffff;\n  overflow: hidden;\n  font-family: inherit;\n}\n\n.hg-ph-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 64px;\n  align-items: center;\n}\n\n.hg-ph-eyebrow {\n  color: #ffb6c7;\n  letter-spacing: 0.18em;\n  font-size: 12px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  text-transform: uppercase;\n}\n\n.hg-ph-content h2 {\n  font-size: clamp(38px, 5vw, 68px);\n  line-height: 0.95;\n  letter-spacing: -0.03em;\n  margin: 0 0 24px;\n  font-weight: 800;\n  color: #ffffff;\n}\n\n.hg-ph-copy {\n  color: #d1d1d1;\n  font-size: 17px;\n  line-height: 1.7;\n  max-width: 660px;\n  margin-bottom: 18px;\n}\n\n.hg-ph-highlights {\n  display: grid;\n  gap: 16px;\n  margin: 34px 0;\n}\n\n.hg-ph-highlight {\n  display: flex;\n  gap: 18px;\n  padding: 18px 0; \/* Removed side padding to align text perfectly left *\/\n  background: transparent; \/* Removed the background highlight box *\/\n}\n\n.hg-ph-highlight span {\n  color: #ffb6c7;\n  font-weight: 800;\n  font-size: 14px;\n  letter-spacing: 0.08em;\n  padding-top: 4px;\n}\n\n.hg-ph-highlight h3 {\n  margin: 0 0 5px;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.hg-ph-highlight p {\n  margin: 0;\n  color: #a3a3a3;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.hg-ph-fomo {\n  background: linear-gradient(135deg, rgba(255, 182, 199, 0.1), rgba(255, 182, 199, 0.02));\n  border: 1px solid rgba(255, 182, 199, 0.25);\n  padding: 22px;\n  border-radius: 22px;\n  margin-bottom: 28px;\n  box-shadow: 0 0 40px rgba(255, 182, 199, 0.05);\n}\n\n.hg-ph-fomo strong {\n  display: block;\n  font-size: 18px;\n  color: #ffb6c7;\n  margin-bottom: 8px;\n}\n\n.hg-ph-fomo p {\n  margin: 0;\n  color: #e0e0e0;\n  line-height: 1.6;\n  font-size: 15px;\n}\n\n.hg-ph-buttons {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-top: 26px;\n}\n\n.hg-ph-primary {\n  text-decoration: none;\n  border-radius: 999px;\n  padding: 16px 32px;\n  font-weight: 800;\n  font-size: 15px;\n  transition: all 0.25s ease;\n  background: #ffb6c7;\n  color: #111111;\n  box-shadow: 0 14px 34px rgba(255, 182, 199, 0.2);\n  display: inline-block;\n}\n\n.hg-ph-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 18px 44px rgba(255, 182, 199, 0.35);\n  background: #ffc4d2;\n}\n\n.hg-ph-microcopy {\n  color: #7a7a7a;\n  font-size: 13px;\n  margin-top: 14px;\n}\n\n.hg-ph-visual {\n  position: relative;\n}\n\n.hg-ph-card {\n  background: linear-gradient(145deg, #2a2a2a, #111111);\n  border-radius: 34px;\n  padding: 14px;\n  box-shadow: 0 30px 80px rgba(0,0,0,0.6);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.hg-ph-card img {\n  width: 100%;\n  display: block;\n  border-radius: 26px;\n  object-fit: cover;\n  aspect-ratio: 4 \/ 5;\n}\n\n.hg-ph-badge {\n  position: absolute;\n  bottom: -24px;\n  left: 28px;\n  background: rgba(17, 17, 17, 0.95);\n  border: 1px solid rgba(255, 182, 199, 0.3);\n  border-radius: 18px;\n  padding: 16px 20px;\n  box-shadow: 0 18px 44px rgba(0,0,0,0.5);\n  backdrop-filter: blur(8px);\n}\n\n.hg-ph-badge span {\n  display: block;\n  color: #ffb6c7;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  margin-bottom: 4px;\n}\n\n.hg-ph-badge strong {\n  color: #ffffff;\n  font-size: 14px;\n  letter-spacing: 0.04em;\n}\n\n@media screen and (max-width: 900px) {\n  .hg-pink-hat-section {\n    padding: 56px 18px;\n  }\n\n  .hg-ph-container {\n    grid-template-columns: 1fr;\n    gap: 42px;\n  }\n\n  .hg-ph-content h2 {\n    font-size: 42px;\n  }\n\n  .hg-ph-primary {\n    width: 100%;\n    text-align: center;\n  }\n\n  .hg-ph-badge {\n    left: 18px;\n    right: 18px;\n    bottom: -20px;\n    text-align: center;\n  }\n}\n\u003c\/style\u003e","brand":"Health Grail","offers":[{"title":"Default Title","offer_id":49172643873010,"sku":"HM-001","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/1995\/1346\/files\/Health-Grail_Mothers_day_solo_shot_hat.png?v=1778456851"}],"url":"https:\/\/www.health-grail.com\/collections\/health-grail-accessories-collection.oembed","provider":"Health Grail","version":"1.0","type":"link"}