{"product_id":"ai-infrastructure-for-8-figure-cpg-brand","title":"AI Infrastructure for 8-Figure CPG Brand","description":"\u003cstyle\u003e\n  \/* 1. Neutralize Shopify's page templates, narrow width, and theme padding *\/\n  div:has(#ghma-cpg-ai-iframe),\n  section:has(#ghma-cpg-ai-iframe),\n  article:has(#ghma-cpg-ai-iframe),\n  main:has(#ghma-cpg-ai-iframe),\n  .page-width:has(#ghma-cpg-ai-iframe),\n  .rte:has(#ghma-cpg-ai-iframe),\n  .main-page-content,\n  .template-page {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 auto !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n    float: none !important;\n    grid-column: 1 \/ -1 !important;\n    grid-template-columns: 1fr !important;\n    grid-template-areas: none !important;\n    flex: 0 0 100% !important;\n    left: auto !important;\n    right: auto !important;\n    transform: none !important;\n    overflow: visible !important;\n  }\n\n  \/* 2. Match the 1200px centered canvas across the advisory ecosystem *\/\n  .ghma-cpg-ai-centered-container {\n    width: 100% !important;\n    max-width: 1200px !important;\n    margin: 0 auto !important;\n    padding: 0 1.5rem !important;\n    box-sizing: border-box !important;\n    position: relative !important;\n  }\n\n  \/* 3. Suppress native theme page headers and duplicate titles *\/\n  .main-page-title,\n  h1.page-title,\n  .page-header,\n  .title-wrapper {\n    display: none !important;\n    visibility: hidden !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ghma-cpg-ai-centered-container\"\u003e\n  \u003ciframe id=\"ghma-cpg-ai-iframe\" src=\"https:\/\/pixel-perfect-replay-67803.lovable.app\" style=\"width: 100%; height: 100vh; border: none; overflow: hidden; display: block; margin: 0 auto;\" scrolling=\"no\" title=\"Enterprise AI Infrastructure for 8-Figure CPG Brands\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  \/\/ DOM Flattener: Climbs ancestors to eliminate theme padding and center the canvas\n  function snapCpgAiToCenter() {\n    const iframe = document.getElementById('ghma-cpg-ai-iframe');\n    if (!iframe) return;\n\n    let el = iframe;\n    while (el \u0026\u0026 el.tagName !== 'BODY') {\n      el.style.setProperty('width', '100%', 'important');\n      el.style.setProperty('max-width', el.classList.contains('ghma-cpg-ai-centered-container') ? '1200px' : '100%', 'important');\n      el.style.setProperty('margin', '0 auto', 'important');\n      el.style.setProperty('padding-left', '0', 'important');\n      el.style.setProperty('padding-right', '0', 'important');\n      el.style.setProperty('float', 'none', 'important');\n      el.style.setProperty('grid-column', '1 \/ -1', 'important');\n      el.style.setProperty('flex', '0 0 100%', 'important');\n      el.style.setProperty('display', 'block', 'important');\n      el.style.setProperty('left', '0', 'important');\n      el.style.setProperty('transform', 'none', 'important');\n\n      \/\/ Hide sibling elements (native page titles, extra theme blocks)\n      if (el.parentElement \u0026\u0026 el.parentElement.tagName !== 'BODY') {\n        Array.from(el.parentElement.children).forEach(sibling =\u003e {\n          if (sibling !== el \u0026\u0026 !sibling.contains(iframe)) {\n            sibling.style.setProperty('display', 'none', 'important');\n          }\n        });\n      }\n      el = el.parentElement;\n    }\n  }\n\n  snapCpgAiToCenter();\n  document.addEventListener('DOMContentLoaded', snapCpgAiToCenter);\n  window.addEventListener('load', snapCpgAiToCenter);\n\n  \/\/ Debounced iframe height sync with anti-loop threshold\n  let lastReportedHeight = 0;\n  window.addEventListener('message', function(e) {\n    if (e.data \u0026\u0026 e.data.type === 'setIframeHeight' \u0026\u0026 e.data.height) {\n      const iframe = document.getElementById('ghma-cpg-ai-iframe');\n      \n      \/\/ Threshold increased to 80px to break the ResizeObserver infinite loop\n      if (iframe \u0026\u0026 Math.abs(e.data.height - lastReportedHeight) \u003e 80) {\n        lastReportedHeight = e.data.height;\n        iframe.style.height = e.data.height + 'px';\n      }\n    }\n  });\n\u003c\/script\u003e","brand":"Growth Hacker Marketing Agency","offers":[{"title":"Default Title","offer_id":67846357516479,"sku":null,"price":40000.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0281\/0658\/8233\/files\/AiInfrastructure_dc9bcbe7-5bee-49c0-8786-371fb1815384.jpg?v=1793639998","url":"https:\/\/growthhackermarketingagency.com\/products\/ai-infrastructure-for-8-figure-cpg-brand","provider":"Growth Hacker Marketing Agency","version":"1.0","type":"link"}