Sorry

This feed does not validate.

In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.

Source: https://bioptimizers.com/

  1. <!--
  2.  
  3. HERO VARIABLES
  4.  
  5.  
  6.  
  7.  
  8. -->
  9. <!doctype html>
  10. <html lang="en">
  11.  
  12.    <head>
  13.        <script src="https://js.sentry-cdn.com/7e59457ec155440f86ff1b54343366e7.min.js" crossorigin="anonymous" type="c809cfb0dd3ae4ab72768f5b-text/javascript"></script>
  14. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript"> window.FunnelBuilderUser = {"id":null,"firstName":null,"lastName":null,"fullName":null,"initials":null,"gender":"unknown","country":null,"clientCountryCode":"US","deviceType":"desktop","visitorType":"new","hasOrders":false,"productsOrdered":[],"subscriptions":[],"isNew":false,"pointsStatus":"unknown","canSeePoints":true,"canEarnPoints":false,"hasPoints":false,"points":0,"pointsFormatted":"$0.00","hasPointsExpiring":false,"pointsExpiring":[],"referralStatus":"unknown","referralCode":null,"canSeeReferrals":true,"type":"guest","loginUrl":"https:\/\/bioptimizers.com\/account\/auth\/login?return_url=https%3A%2F%2Fbioptimizers.com","logoutUrl":"https:\/\/bioptimizers.com\/account\/auth\/logout?return_url=https%3A%2F%2Fbioptimizers.com","profileUrl":"https:\/\/bioptimizers.com\/account\/auth\/profile?return_url=https%3A%2F%2Fbioptimizers.com"}; </script>
  15. <style> .fb-user-wrapper-customer,.fb-user-wrapper-gender-male,.fb-user-wrapper-gender-female,.fb-user-wrapper-country-us,.fb-user-wrapper-country-ca,.fb-user-wrapper-country-int,.fb-user-wrapper-device-type-mobile,.fb-user-wrapper-device-type-tablet,.fb-user-wrapper-visitor-type-returning,.fb-user-wrapper-points-status-enrolled,.fb-user-wrapper-points-status-not-enrolled,.fb-user-wrapper-points-status-not-eligible,.fb-user-wrapper-points-status-unenrolled,.fb-user-wrapper-referral-status-enrolled,.fb-user-wrapper-referral-status-not-enrolled,.fb-user-wrapper-referral-status-not-eligible,.fb-user-wrapper-referral-status-unenrolled,.fb-user-wrapper-has-orders,.fb-user-wrapper-is-new,.fb-user-wrapper-cannot-see-points,.fb-user-wrapper-can-earn-points,.fb-user-wrapper-has-points,.fb-user-wrapper-has-points-expiring,.fb-user-wrapper-cannot-see-referrals{display:none!important} </style>
  16. <!-- Google Tag Manager -->
  17. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  18. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  19. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  20. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  21. })(window,document,'script','dataLayer','GTM-MJ5FMXK');</script>
  22. <!-- End Google Tag Manager -->
  23.  
  24. <!--begin Convert Experiences code-->
  25.  <script data-cfasync="false" type="text/javascript">
  26.  // fill in the values for the variables that you want to use
  27.  var _conv_page_type = "homepage";
  28.  </script>
  29.  <script data-cfasync="false" type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10034455-10032506.js"></script>
  30. <!-- end Convert Experiences code -->
  31.  
  32.        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  33.        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  34.        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
  35.        <meta name="facebook-domain-verification" content="xforjykadadwtsodmwpwasu2wg7t8m" />
  36.        <meta name="theme-color" content="#fe9400">
  37.  
  38.        <title>BIOptimizers | Health & Performance Optimizers</title>
  39.        <meta name="description" content="Optimize Your Health, Strength, Brain, and Appearance">
  40.        <meta name="keywords" content="">
  41.  
  42.        <meta property="og:site_name" content="BIOptimizers">
  43.        <meta property="og:url" content="https://bioptimizers.com/shop">
  44.        <meta property="og:title" content="Bioptimizers | Health and Performance Optimizers" />
  45.        <meta property="og:type" content="product.group">
  46.        <meta property="og:description" content="Optimize Your Health, Strength, Brain, and Appearance">
  47.        <meta property="og:image" content="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=600/assets/uploads/cb95-852c-8942-4b0c_BIO_Products-Triangle_Mobile.png">
  48.        <meta property="og:image:width" content="600">
  49.        <meta property="og:image:height" content="562">
  50.  
  51.        <meta name="twitter:card" content="summary_large_image">
  52.        <meta name="twitter:title" content="Bioptimizers | Health and Performance Optimizers">
  53.        <meta name="twitter:description" content="Optimize Your Health, Strength, Brain, and Appearance">
  54.        <meta name="twitter:image" content="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=600/assets/uploads/cb95-852c-8942-4b0c_BIO_Products-Triangle_Mobile.png">
  55.  
  56.        <link rel="canonical" href="https://bioptimizers.com">
  57.        <meta name="p:domain_verify" content="b44dc4b07277947f96ded82536c97192"/>
  58.        
  59.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" />
  60.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/95eb-cf9e-0f26-471e_bioptimizers-tag1-desktop.jpg" />
  61.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" />
  62.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" />
  63.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7de5-8563-5690-41ef_bioptimizers-tag2-desktop.jpg" />
  64.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" />
  65.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" />
  66.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7b67-9d96-5778-4fc8_bioptimizers-tag3-desktop.jpg" />
  67.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" />
  68.        
  69.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/1d8a-c724-6de1-4c52_berberine_breakthrough_desktop.jpg" />
  70.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/5514-208e-796d-42d3_berberine_breakthrouhg_mobile.jpg" />
  71.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/5514-208e-796d-42d3_berberine_breakthrouhg_mobile.jpg" />
  72.  
  73.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/9edd-6d6c-0b5a-46a1_Probiotic-breakthrough_brown-Desktop.png"/>
  74.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/72d4-0a1e-2908-4cd8_Probiotic-breakthrough_brown_Mobile.png"/>
  75.  
  76.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png" />
  77.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/050c-5ea9-b588-463d_health_potential_desktop.png" />
  78.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png" />
  79.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/d524-0c7c-bb39-44bc_ingredients_you_can_trust_desktop.png" />
  80.                
  81.  
  82.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/31eb-d1fa-f658-4e77_BIO-NEW-HP-BANNER-0424-2.jpg" />
  83.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" />
  84.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" />
  85.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/assets/uploads/da75-3c4f-c9cd-4b1b_super_human_health_v1.png" />
  86.          
  87.        <!-- BIOBUCKS PRELOADS -->
  88.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=600px,quality=30/assets/uploads/2c45-90cb-5a41-4be5_biobucks-mobile.png" />
  89.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1600px/assets/uploads/0e19-52c3-4a7c-4ffd_biobucks-desktop.png" />
  90.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000px/assets/uploads/2c45-90cb-5a41-4be5_biobucks-mobile.png" />        
  91.        <!-- END BIOBUCKS PRELOADS -->
  92.  
  93.        <!-- PRELOADERS -->
  94.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/da75-3c4f-c9cd-4b1b_super_human_health_v1.png">
  95.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,quality=50/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg">
  96.        <!-- END PRELOADERS -->
  97.  
  98.        <!-- OPTIN PRELOAD -->
  99.        <link rel="preload" as="image" href="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/56c9-6dc6-652e-4063_BIObucks-popup-bg-m.png" />
  100.        <!-- OPTIN PRELOAD END -->
  101.  
  102.        <script type="c809cfb0dd3ae4ab72768f5b-text/javascript" src="https://db.revoffers.com/js/bioptimizers.js" async></script>
  103.        <style>
  104.            /* latin-ext */
  105.            @font-face {
  106.                font-family: 'Lato';
  107.                font-style: normal;
  108.                font-weight: 300;
  109.                font-display: swap;
  110.                src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  111.                unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  112.            }
  113.            /* latin */
  114.            @font-face {
  115.                font-family: 'Lato';
  116.                font-style: normal;
  117.                font-weight: 300;
  118.                font-display: swap;
  119.                src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  120.                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  121.            }
  122.            /* latin-ext */
  123.            @font-face {
  124.                font-family: 'Lato';
  125.                font-style: normal;
  126.                font-weight: 400;
  127.                font-display: swap;
  128.                src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  129.                unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  130.            }
  131.            /* latin */
  132.            @font-face {
  133.                font-family: 'Lato';
  134.                font-style: normal;
  135.                font-weight: 400;
  136.                font-display: swap;
  137.                src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  138.                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  139.            }
  140.            /* latin-ext */
  141.            @font-face {
  142.                font-family: 'Lato';
  143.                font-style: normal;
  144.                font-weight: 700;
  145.                font-display: swap;
  146.                src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  147.                unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  148.            }
  149.            /* latin */
  150.            @font-face {
  151.                font-family: 'Lato';
  152.                font-style: normal;
  153.                font-weight: 700;
  154.                font-display: swap;
  155.                src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  156.                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  157.            }
  158.        </style>
  159.        
  160.  
  161.        <!--
  162.        cfsicALuotY
  163.        m1PNEsjJEUA
  164.        -cBSiiRNbUs
  165.        -->
  166.        <style>
  167.            .hero-home-slider, .triangle-section {display:none !important;}
  168.            .image-relators {
  169.                transition: 1s all ease;
  170.            }
  171. .scroll-target {
  172.  scroll-margin-top: 200px;
  173. }
  174.        </style>
  175.  
  176.        <!-- Swiper Slider -->
  177.        <!-- <link rel="preload stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" as="style"> -->
  178.        <!-- END Swiper Slider -->
  179.  
  180.        <!-- begin Convert Experiences code-->
  181.            <!-- <script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10034455-10032506.js"></script> -->
  182.        <!-- end Convert Experiences code -->
  183.        <!-- HUBSPOT FORMS -->
  184.        <script charset="utf-8" type="c809cfb0dd3ae4ab72768f5b-text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
  185.        <!-- END HUBSPOT FORMS -->
  186.        <script type="c809cfb0dd3ae4ab72768f5b-text/javascript"> function fb_on_out_of_stock_check(t,o,e){void 0===e&&(e=!1);var n=Object.prototype.toString.call(t);if(!t||!t.length)return console.log("Invalid skus");if("[object String]"===n)t=[t];else if("[object Array]"!==n)return console.log("Invalid skus");if(!o||"[object Function]"!==Object.prototype.toString.call(o))return console.log("Invalid callback");for(var r=[],a=0;a<t.length;a++)r.push("sku[]="+encodeURIComponent(t[a]));var i=new XMLHttpRequest;i.open("GET","https://api.bioptimizers.com/dock/v1/inventory/checkout_v1/products/stock_status?"+r.join("&"),!0),i.onreadystatechange=function(){if(4===this.readyState){if(200===this.status){var t=JSON.parse(this.responseText);if(t&&"ok"===t.status&&t.data){if(e)console.log("[bio] inventory map:",t.data),o(t.data);else{var n={};for(var r in t.data)t.data.hasOwnProperty(r)&&(n[r]=t.data[r].disallow_orders?1:0);console.log("[bio] inventory map:",n),o(n)}}}else console.log("Error loading data")}},i.send(),i=null}function fb_on_out_of_stock_disable(t,o){if(!t||"[object String]"!==Object.prototype.toString.call(t))return console.log("Invalid selector");if(!o||"[object Function]"!==Object.prototype.toString.call(o))return console.log("Invalid callback");for(var e,n,r,a=[],i=[],l=document.querySelectorAll(t),c=RegExp("[?&]cbitems(=([^&#']*)|&|#|$)"),s=0;s<l.length;s++){if(l[s].href)n=l[s].href;else{if(!l[s].getAttribute("onclick"))continue;n=l[s].getAttribute("onclick")}e=null,(r=c.exec(n))&&r[2]&&(e=decodeURIComponent(r[2].replace(/\+/g," ")),a.push(e),i.push({sku:e,element:l[s]}))}console.log("[bio] matched ctas:",i),fb_on_out_of_stock_check(a,function(t){for(var e=[],n=0;n<i.length;n++)t[i[n].sku]&&e.push({sku:i[n].sku,element:i[n].element});console.log("[bio] target ctas:",e),e.length&&o(e)})}function fb_on_out_of_stock_auto(t){if(!t||"[object String]"!==Object.prototype.toString.call(t))return console.log("Invalid selector");fb_on_out_of_stock_disable(t,function(t){for(var o=0;o<t.length;o++){var e=t[o].element;e.href?(e.href="javascript:void(0)",e.innerHTML="Out of Stock",e.style.opacity="0.5"):(e.onclick=null,e.style.cursor="auto")}})} </script>
  187.  
  188.            <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  189.                function fb_get_url_parameter(key) {
  190.                    var match = RegExp("[?&]" + key + "=([^&]*)").exec(window.location.search);
  191.                    return match && decodeURIComponent(match[1].replace(/\+/g, " "));
  192.                }
  193.                function fb_set_cookie(key, value, ttl, path, domain, secure) {
  194.                    var parts = [encodeURIComponent(key) + "=" + encodeURIComponent(value)];
  195.                    if (ttl) parts.push("expires=" + new Date(Date.now() + (ttl * 1000)).toUTCString());
  196.                    if (domain) parts.push("domain=" + domain);
  197.                    if (path) parts.push("path=" + path);
  198.                    if (secure) parts.push("secure");
  199.                    document.cookie = parts.join(";");
  200.                    return true;
  201.                }
  202.                function fb_capture_referral() {
  203.                    var code = fb_get_url_parameter("brid");
  204.                    var campaign = fb_get_url_parameter("brcm");
  205.                    if (code && campaign && /^[a-z0-9_]+$/.test(code + campaign)) {
  206.                        var data = JSON.stringify({ version: 1, code: code, campaign: campaign, url: window.location.href });
  207.                        fb_set_cookie("__bio_referral", data, 86400 * 40, "/", "", true);
  208.                    }
  209.                }
  210.                fb_capture_referral();
  211.            </script>
  212.        
  213.  
  214.            <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  215.                window.FunnelBuilderShop = {
  216.                    config: {
  217.                        cartVersion: 2,
  218.                        cartStorageKey: '__bio_cart',
  219.                        couponVersion: 1,
  220.                        couponStorageKey: '__bio_coupon',
  221.                        vtidVersion: 1,
  222.                        vtidStorageKey: '__bio_vtid',
  223.                        popVersion: 1,
  224.                        popStorageKey: '__bio_pop',
  225.                        shopUrl: 'https://bioptimizers.com/shop',
  226.                        cartUrl: 'https://bioptimizers.com/shop/cart',
  227.                        checkoutBaseUrl: 'https://bioptimizers.com/nocb/checkout',
  228.                        checkoutUrlParts: '',
  229.                        checkoutDefaultParameters: {
  230.                            referral_page: 'https://bioptimizers.com/shop',
  231.                            up: 1,
  232.                        },
  233.                        cartDataEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/cart',
  234.                        bundlesEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/bundles',
  235.                        popEventsEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/pop-events',
  236.                        clientCountryCode: 'US',
  237.                        localStoreUrlMap: {
  238.                            'GB': 'https://bioptimizers.co.uk/',
  239.                            'DE': 'https://bioptimizers.co.uk/',
  240.                            'FI': 'https://en.livehelfi.com/collections/bioptimizers',
  241.                            'NL': 'https://en.livehelfi.com/collections/bioptimizers',
  242.                            'EE': 'https://en.livehelfi.com/collections/bioptimizers',
  243.                            'NO': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-norway',
  244.                            'SE': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-sweden',
  245.                            'DK': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-denmark',
  246.                            'AE': 'https://bhealth.shop/collections/bioptimizers',
  247.                            'QA': 'https://bhealth.shop/collections/bioptimizers',
  248.                            'BH': 'https://bhealth.shop/collections/bioptimizers',
  249.                            'KW': 'https://bhealth.shop/collections/bioptimizers',
  250.                            'OM': 'https://bhealth.shop/collections/bioptimizers',
  251.                            'SA': 'https://bhealth.shop/collections/bioptimizers',
  252.                            'JO': 'https://bhealth.shop/collections/bioptimizers',
  253.                            'IS': 'https://www.heilsubarinn.is/collections/vendors?q=Bioptimizers',
  254.                            'CZ': 'https://www.pravebio.cz/bioptimizers/',
  255.                            'SK': 'https://www.pravebio.cz/bioptimizers/'
  256.                        },
  257.                        disableLocalStoreRedirect: '',
  258.                        onAddToCart: 'shop',
  259.                        minQuantity: 1,
  260.                        maxQuantity: 6,
  261.                        defaultFrequencyInterval: 1,
  262.                        defaultFrequencyUnit: 'month',
  263.                        vtidExpiry: 3600 * 2 * 1000,
  264.                        popDismissExpiry: 86400 * 90 * 1000,
  265.                        hiddenClass: 'd-none',
  266.                        animeAnimateClass: 'animate__animated',
  267.                        animeHiddenClass: 'animate__hidden',
  268.                        animeFadeInUpClass: 'animate__fadeInUp',
  269.                        animeFadeOutDownClass: 'animate__fadeOutDown',
  270.                    },
  271.                    selectors: {
  272.                        labelCartItemCounter: '.js-fb-shop-label-cart-item-counter',
  273.                        linkGoToCart: '.js-fb-shop-link-go-to-cart',
  274.                        linkContinueShopping: '.js-fb-shop-link-continue-shopping',
  275.                        buttonAddToCart: '.js-fb-shop-button-add-to-cart',
  276.                        buttonCheckOut: '.js-fb-shop-button-check-out',
  277.                        inputPaymentMethod: '.js-fb-shop-input-payment-method',
  278.                        inputFrequencyInterval: '.js-fb-shop-input-frequency-interval',
  279.                        inputFrequencyUnit: '.js-fb-shop-input-frequency-unit',
  280.                        wrapperCartExtendedData: '.js-fb-shop-wrapper-cart-extended-data',
  281.                        wrapperCartContent: '.js-fb-shop-wrapper-cart-content',
  282.                        wrapperCartEmpty: '.js-fb-shop-wrapper-cart-empty',
  283.                        wrapperCartTemplates: '.js-fb-shop-wrapper-cart-templates',
  284.                        wrapperCartItems: '.js-fb-shop-wrapper-cart-items',
  285.                        rowCartItem: '.js-fb-shop-row-cart-item',
  286.                        imageCartItemImage: '.js-fb-shop-image-cart-item-image',
  287.                        linkCartItem: '.js-fb-shop-link-cart-item',
  288.                        labelCartItemFrequency: '.js-fb-shop-label-cart-item-frequency',
  289.                        buttonCartItemRemove: '.js-fb-shop-button-cart-item-remove',
  290.                        labelCartItemPrice: '.js-fb-shop-label-cart-item-price',
  291.                        fieldCartItemQuantity: '.js-fb-shop-field-cart-item-quantity',
  292.                        buttonCartItemQuantityIncrease: '.js-fb-shop-field-cart-item-quantity-increase',
  293.                        buttonCartItemQuantityDecrease: '.js-fb-shop-field-cart-item-quantity-decrease',
  294.                        labelCartItemTotal: '.js-fb-shop-label-cart-item-total',
  295.                        wrapperCartItemSavings: '.js-fb-shop-wrapper-cart-item-savings',
  296.                        labelCartItemCompareAtPrice: '.js-fb-shop-label-cart-item-compare-at-price',
  297.                        labelCartItemCompareAtTotal: '.js-fb-shop-label-cart-item-compare-at-total',
  298.                        labelCartItemSavingsAmount: '.js-fb-shop-label-cart-item-savings-amount',
  299.                        labelCartItemSavingsTotal: '.js-fb-shop-label-cart-item-savings-total',
  300.                        labelCartItemSavingsPercentage: '.js-fb-shop-label-cart-item-savings-percentage',
  301.                        labelCartSummarySubtotal: '.js-fb-shop-label-cart-summary-subtotal',
  302.                        wrapperCouponCode: '.js-fb-shop-wrapper-coupon-code',
  303.                        labelCouponCode: '.js-fb-shop-label-coupon-code',
  304.                        buttonCouponRemove: '.js-fb-shop-button-coupon-remove',
  305.                        inputFbt: '.js-fb-shop-input-fbt',
  306.                        labelFbt: '.js-fb-shop-label-fbt',
  307.                        imageFbt: '.js-fb-shop-image-fbt',
  308.                        buttonFbt: '.js-fb-shop-button-fbt',
  309.                        labelFbtRegularPrice: '.js-fb-shop-label-fbt-regular-price',
  310.                        labelFbtBundlePrice: '.js-fb-shop-label-fbt-bundle-price',
  311.                        labelFbtBundleSavings: '.js-fb-shop-label-fbt-bundle-savings',
  312.                        wrapperFbtAction: '.js-fb-shop-label-fb-action',
  313.                        wrapperFbt: '.js-fb-shop-wrapper-fbt',
  314.                        wrapperPop: '.js-fb-shop-wrapper-pop',
  315.                        buttonPopDismiss: '.js-fb-shop-button-pop-dismiss',
  316.                        imagePopProduct: '.js-fb-shop-image-pop-product',
  317.                        labelPopCustomer: '.js-fb-shop-label-pop-customer',
  318.                        labelPopAction: '.js-fb-shop-label-pop-action',
  319.                        labelPopTime: '.js-fb-shop-label-pop-time',
  320.                        wrapperGifts: '.js-fb-shop-wrapper-gifts',
  321.                        wrapperGiftTemplates: '.js-fb-shop-wrapper-gift-templates',
  322.                        wrapperGiftItems: '.js-fb-shop-wrapper-gift-items',
  323.                        rowGiftItem: '.js-fb-shop-row-gift-item',
  324.                        imageGiftItemImage: '.js-fb-shop-image-gift-item-image',
  325.                        labelGiftItemName: '.js-fb-shop-label-gift-item-name',
  326.                        labelGiftItemPrice: '.js-fb-shop-label-gift-item-price',
  327.                        labelGiftItemQuantity: '.js-fb-shop-label-gift-item-quantity',
  328.                        labelGiftItemPurchaseType: '.js-fb-shop-label-gift-item-purchase-type',
  329.                        labelGiftItemPurchaseTypeNotice: '.js-fb-shop-label-gift-item-purchase-type-notice',
  330.                        outOfStockFormWrapper: '.js-fb-shop-oos-form-wrapper',
  331.                        outOfStockFormElement: '.js-fb-shop-oos-form-element',
  332.                        wrapperOffer: '.js-fb-shop-wrapper-offer',
  333.                    },
  334.                    requests: {},
  335.                    processes: {},
  336.                    init: function () {
  337.                        var context = this;
  338.                        context.checkLocalStoreRedirect();
  339.                        context.captureCartItems();
  340.                        context.captureCouponCode();
  341.                        context.captureVtid();
  342.                        context.loadCouponCode();
  343.                        context.loadCartItemCounter();
  344.                        context.loadCartData();
  345.                        context.loadCart();
  346.                        context.loadFbt();
  347.                        context.loadPop();
  348.                        context.checkOutOfStock();
  349.                        document.addEventListener('click', function (e) {
  350.                            for (var target = e.target; target && target !== this; target = target.parentNode) {
  351.                                if (target && target.disabled) {
  352.                                    continue;
  353.                                } else if (target.matches(context.selectors.buttonAddToCart)) {
  354.                                    context.handleAddToCart(target);
  355.                                    break;
  356.                                } else if (target.matches(context.selectors.buttonCartItemQuantityIncrease)) {
  357.                                    context.updateCartItemQuantity(target.getAttribute('data-sku'), 'increase');
  358.                                    break;
  359.                                } else if (target.matches(context.selectors.buttonCartItemQuantityDecrease)) {
  360.                                    context.updateCartItemQuantity(target.getAttribute('data-sku'), 'decrease');
  361.                                    break;
  362.                                } else if (target.matches(context.selectors.buttonCartItemRemove)) {
  363.                                    context.removeCartItem(target.getAttribute('data-sku'));
  364.                                    break;
  365.                                } else if (target.matches(context.selectors.buttonCouponRemove)) {
  366.                                    context.removeCouponCode();
  367.                                    break;
  368.                                }
  369.                            }
  370.                        }, false);
  371.                        document.addEventListener('change', function (e) {
  372.                            for (var target = e.target; target && target !== this; target = target.parentNode) {
  373.                                if (target.matches(context.selectors.fieldCartItemQuantity)) {
  374.                                    context.updateCartItemQuantity(target.getAttribute('data-sku'), target.value);
  375.                                    break;
  376.                                }
  377.                            }
  378.                        }, false);
  379.                        var goToCartElements = document.querySelectorAll(this.selectors.linkGoToCart);
  380.                        Array.prototype.forEach.call(goToCartElements, function (element) {
  381.                            element.setAttribute('href', context.config.cartUrl);
  382.                        });
  383.                        var continueShoppingElements = document.querySelectorAll(this.selectors.linkContinueShopping);
  384.                        Array.prototype.forEach.call(continueShoppingElements, function (element) {
  385.                            element.setAttribute('href', context.config.shopUrl);
  386.                        });
  387.                    },
  388.                    ready: function (fn) {
  389.                        if (document.readyState !== 'loading') {
  390.                            fn();
  391.                        } else {
  392.                            document.addEventListener('DOMContentLoaded', fn);
  393.                        }
  394.                    },
  395.                    getCartItemData: function (element) {
  396.                        var data = element.getAttribute('data-cart-item');
  397.                        if (data) {
  398.                            var item = atob(data);
  399.                            if (item) {
  400.                                var product = JSON.parse(item);
  401.                                if (product) {
  402.                                    return product;
  403.                                }
  404.                            }
  405.                        }
  406.                        return null;
  407.                    },
  408.                    handleAddToCart: function (element) {
  409.                        var product = this.getCartItemData(element);
  410.                        if (product) {
  411.                            var offerWrapper = this.getWrapperElement(element, this.selectors.wrapperOffer);
  412.                            product.isSubscription = this.getSelectedPaymentMethod(offerWrapper) === 'subscription';
  413.                            if (product.isSubscription) {
  414.                                product.frequencyInterval = offerWrapper.querySelector(this.selectors.inputFrequencyInterval).value;
  415.                                product.frequencyUnit = offerWrapper.querySelector(this.selectors.inputFrequencyUnit).value;
  416.                            }
  417.                            var redirectOnAddToCart = element.getAttribute('data-redirect-on-add-to-cart');
  418.                            this.addProductsToCart([product], redirectOnAddToCart || this.config.onAddToCart);
  419.                        }
  420.                    },
  421.                    addProductsToCart: function (products, onAddToCart) {
  422.                        if (products && products.length) {
  423.                            var cart = this.getCartData();
  424.                            var ceProperties = this.getCeProperties();
  425.                            for (var i = 0; i < products.length; i++) {
  426.                                var product = products[i];
  427.                                if (product && product.sku) {
  428.                                    var productExists = false;
  429.                                    for (var j = 0; j < cart.items.length; j++) {
  430.                                        if (cart.items[j].sku === product.sku) {
  431.                                            if (cart.items[j].quantity < this.config.maxQuantity) {
  432.                                                cart.items[j].quantity++;
  433.                                            }
  434.                                            cart.items[j].isSubscription = !!product.isSubscription;
  435.                                            cart.items[j].frequencyInterval = product.frequencyInterval || null;
  436.                                            cart.items[j].frequencyUnit = product.frequencyUnit || null;
  437.                                            cart.items[j].ceExperimentId = ceProperties.experimentId || null;
  438.                                            cart.items[j].ceVariationId = ceProperties.variationId || null;
  439.                                            productExists = true;
  440.                                            break;
  441.                                        }
  442.                                    }
  443.                                    if (!productExists) {
  444.                                        cart.items.push({
  445.                                            name: product.name,
  446.                                            sku: product.sku,
  447.                                            url: product.url || null,
  448.                                            image: product.image || null,
  449.                                            price: parseInt(product.price, 10),
  450.                                            quantity: product.quantity || 1,
  451.                                            isSubscription: !!product.isSubscription,
  452.                                            frequencyInterval: product.frequencyInterval || null,
  453.                                            frequencyUnit: product.frequencyUnit || null,
  454.                                            ceExperimentId: ceProperties.experimentId || null,
  455.                                            ceVariationId: ceProperties.variationId || null,
  456.                                        });
  457.                                    }
  458.                                }
  459.                            }
  460.                            this.setCartData(cart, false);
  461.                        }
  462.                        if (onAddToCart === 'shop') {
  463.                            window.location.href = this.config.shopUrl;
  464.                        } else if (onAddToCart === 'cart') {
  465.                            window.location.href = this.config.cartUrl;
  466.                        }
  467.                    },
  468.                    removeCartItem: function (sku) {
  469.                        var cart = this.getCartData();
  470.                        var items = [];
  471.                        for (var i = 0; i < cart.items.length; i++) {
  472.                            if (cart.items[i].sku !== sku) {
  473.                                items.push(cart.items[i]);
  474.                            }
  475.                        }
  476.                        cart.items = items;
  477.                        this.setCartData(cart, false);
  478.                    },
  479.                    updateCartItemQuantity: function (sku, quantity) {
  480.                        var cart = this.getCartData();
  481.                        if (quantity === 'increase' || quantity === 'decrease') {
  482.                            for (var i = 0; i < cart.items.length; i++) {
  483.                                if (cart.items[i].sku === sku) {
  484.                                    quantity = cart.items[i].quantity + (quantity === 'increase' ? 1 : -1);
  485.                                    break;
  486.                                }
  487.                            }
  488.                        }
  489.                        quantity = parseInt(quantity, 10);
  490.                        if (quantity >= this.config.minQuantity && quantity <= this.config.maxQuantity) {
  491.                            for (var j = 0; j < cart.items.length; j++) {
  492.                                if (cart.items[j].sku === sku) {
  493.                                    cart.items[j].quantity = quantity;
  494.                                    break;
  495.                                }
  496.                            }
  497.                            this.setCartData(cart, false);
  498.                        } else {
  499.                            this.removeCartItem(sku);
  500.                        }
  501.                    },
  502.                    loadCartItemCounter: function () {
  503.                        var cart = this.getCartData();
  504.                        var count = cart.totalQuantity;
  505.                        var elements = document.querySelectorAll(this.selectors.labelCartItemCounter);
  506.                        Array.prototype.forEach.call(elements, function (element) {
  507.                            element.textContent = count;
  508.                        });
  509.                    },
  510.                    getSelectedPaymentMethod: function (wrapper) {
  511.                        var elements = wrapper.querySelectorAll(this.selectors.inputPaymentMethod);
  512.                        var selection = null;
  513.                        Array.prototype.forEach.call(elements, function (element) {
  514.                            if (element.checked) {
  515.                                selection = element.value;
  516.                            }
  517.                        });
  518.                        return selection;
  519.                    },
  520.                    checkOutOfStock: function () {
  521.                        var context = this;
  522.                        var itemSkus = [];
  523.                        var itemElements = [];
  524.                        var elements = document.querySelectorAll('[data-cart-item]');
  525.                        Array.prototype.forEach.call(elements, function (element) {
  526.                            var product = context.getCartItemData(element);
  527.                            if (product && product.sku) {
  528.                                itemSkus.push(product.sku);
  529.                                itemElements.push({
  530.                                    sku: product.sku,
  531.                                    element: element,
  532.                                    type: 'cart-item',
  533.                                });
  534.                            }
  535.                        });
  536.                        if (context.fbtConfig && context.fbtConfig.skuList && context.fbtConfig.skuList.length) {
  537.                            for (var i = 0; i < context.fbtConfig.skuList.length; i++) {
  538.                                var sku = context.fbtConfig.skuList[i];
  539.                                var filter = '[data-sku="' + sku + '"]';
  540.                                var input = document.querySelector(context.selectors.inputFbt + filter);
  541.                                var label = document.querySelector(context.selectors.labelFbt + filter);
  542.                                if (input && label) {
  543.                                    itemSkus.push(sku);
  544.                                    itemElements.push({
  545.                                        sku: sku,
  546.                                        input: input,
  547.                                        label: label,
  548.                                        type: 'fbt-item',
  549.                                    });
  550.                                }
  551.                            }
  552.                        }
  553.                        if (typeof fb_on_out_of_stock_check !== 'undefined' && itemSkus.length) {
  554.                            fb_on_out_of_stock_check(itemSkus, function (stockStatusMap) {
  555.                                for (var i = 0; i < itemElements.length; i++) {
  556.                                    var item = itemElements[i];
  557.                                    if (stockStatusMap[item.sku].disallow_orders) {
  558.                                        item.hubspotFormId = stockStatusMap[item.sku].hubspot_form_id;
  559.                                        context.handleOutOfStock(item);
  560.                                    }
  561.                                }
  562.                            }, true);
  563.                        }
  564.                    },
  565.                    handleOutOfStock: function (item) {
  566.                        if (item.type === 'fbt-item') {
  567.                            var marker = document.createElement('span');
  568.                            marker.textContent = '[SOLD OUT]';
  569.                            marker.classList.add('fbt-oos-marker');
  570.                            item.label.insertBefore(marker, item.label.firstChild);
  571.                            item.input.disabled = true;
  572.                            item.input.checked = false;
  573.                            this.updateFbtSelection();
  574.                        } else if (item.element.getAttribute('data-oos-ignore') !== 'true') {
  575.                            var buttonLabel = item.element.getAttribute('data-oos-button-label');
  576.                            var noticeSelector = item.element.getAttribute('data-oos-notice-selector');
  577.                            var outOfStockHubspotFormId = item.hubspotFormId;
  578.                            var offerWrapper = this.getWrapperElement(item.element, this.selectors.wrapperOffer);
  579.                            var outOfStockFormElement = offerWrapper.querySelector(this.selectors.outOfStockFormElement);
  580.                            var outOfStockFormWrapper = offerWrapper.querySelector(this.selectors.outOfStockFormWrapper);
  581.                            item.element.textContent = buttonLabel ? buttonLabel : 'Sold Out';
  582.                            item.element.disabled = true;
  583.                            if (noticeSelector) {
  584.                                var noticeHiddenClass = this.config.hiddenClass;
  585.                                var noticeElements = document.querySelectorAll(noticeSelector);
  586.                                Array.prototype.forEach.call(noticeElements, function (element) {
  587.                                    element.classList.remove(noticeHiddenClass);
  588.                                });
  589.                            }
  590.                            if (outOfStockHubspotFormId && outOfStockFormElement && outOfStockFormWrapper && outOfStockFormWrapper.classList.contains(this.config.hiddenClass) && window.hbspt && window.hbspt.forms) {
  591.                                outOfStockFormWrapper.classList.remove(this.config.hiddenClass);
  592.                                outOfStockFormElement.setAttribute('data-oos-form-id', outOfStockHubspotFormId);
  593.                                window.hbspt.forms.create({
  594.                                    region: 'na1',
  595.                                    portalId: '6875107',
  596.                                    formId: outOfStockHubspotFormId,
  597.                                    target: '[data-oos-form-id="' + outOfStockHubspotFormId + '"]',
  598.                                });
  599.                            }
  600.                        }
  601.                    },
  602.                    captureCartItems: function () {
  603.                        var action = this.getQueryParameter('cba');
  604.                        if (action !== 'r') {
  605.                            return;
  606.                        }
  607.                        var cbitems, cbcart, skus = [], itemMap = {};
  608.                        cbitems = this.getQueryParameter('cbitems');
  609.                        cbcart = this.getQueryParameter('cbcart');
  610.                        if (cbitems !== '') {
  611.                            itemMap[cbitems] = 1;
  612.                            skus.push(cbitems);
  613.                        } else if (cbcart !== '') {
  614.                            var parsed = null;
  615.                            try {
  616.                                parsed = JSON.parse(cbcart);
  617.                            } catch (error) {
  618.                                console.log(error);
  619.                            }
  620.                            if (parsed && parsed.items && Array.isArray(parsed.items) && parsed.items.length) {
  621.                                for (var i = 0; i < parsed.items.length; i++) {
  622.                                    var item = parsed.items[i], sku = null, quantity = null;
  623.                                    if (typeof item.sku === 'string' && item.sku !== '') {
  624.                                        sku = item.sku;
  625.                                    }
  626.                                    if (typeof item.qty === 'number' && /^[1-9]\d*$/.test(item.qty.toString())) {
  627.                                        if (item.qty >= this.config.minQuantity && item.qty <= this.config.maxQuantity) {
  628.                                            quantity = item.qty;
  629.                                        }
  630.                                    }
  631.                                    if (sku !== null && quantity !== null) {
  632.                                        itemMap[sku] = quantity;
  633.                                        skus.push(sku);
  634.                                    }
  635.                                }
  636.                            }
  637.                        }
  638.                        if (skus.length) {
  639.                            var context = this;
  640.                            context.processes.isCapturingCartItems = true;
  641.                            context.fetchBundlesData(skus, function (map) {
  642.                                var products = [];
  643.                                for (var sku in map) {
  644.                                    if (map.hasOwnProperty(sku)) {
  645.                                        var product = map[sku];
  646.                                        product.quantity = itemMap[sku];
  647.                                        product.price = product.price * 100;
  648.                                        product.isSubscription = product.is_subscription === true;
  649.                                        if (product.isSubscription) {
  650.                                            product.frequencyInterval = context.config.defaultFrequencyInterval;
  651.                                            product.frequencyUnit = context.config.defaultFrequencyUnit;
  652.                                        }
  653.                                        products.push(product);
  654.                                    }
  655.                                }
  656.                                context.setCartData({ items: [] }, true);
  657.                                context.processes.isCapturingCartItems = false;
  658.                                context.addProductsToCart(products, 'none');
  659.                            });
  660.                        }
  661.                    },
  662.                    loadCart: function () {
  663.                        if (this.processes.isCapturingCartItems === true) {
  664.                            return;
  665.                        }
  666.                        var cart = this.getCartData();
  667.                        var cartContent = document.querySelector(this.selectors.wrapperCartContent);
  668.                        var cartEmpty = document.querySelector(this.selectors.wrapperCartEmpty);
  669.                        var cartSubtotal = document.querySelector(this.selectors.labelCartSummarySubtotal);
  670.                        var cartItems = document.querySelector(this.selectors.wrapperCartItems);
  671.                        var cartTemplates = document.querySelector(this.selectors.wrapperCartTemplates);
  672.                        var cartRowTemplate = cartTemplates && cartTemplates.querySelector(this.selectors.rowCartItem);
  673.                        while (cartItems && cartItems.firstChild) {
  674.                            cartItems.removeChild(cartItems.firstChild);
  675.                        }
  676.                        if (cart.items.length > 0) {
  677.                            for (var i = 0; i < cart.items.length; i++) {
  678.                                if (cartItems && cartRowTemplate) {
  679.                                    cartItems.appendChild(this.buildCartRow(cartRowTemplate, cart.items[i]));
  680.                                }
  681.                            }
  682.                            if (cartSubtotal) {
  683.                                cartSubtotal.textContent = this.formatCurrency(cart.totalPrice, 2, true);
  684.                            }
  685.                            if (cartContent) {
  686.                                cartContent.classList.remove(this.config.hiddenClass);
  687.                            }
  688.                            if (cartEmpty) {
  689.                                cartEmpty.classList.add(this.config.hiddenClass);
  690.                            }
  691.                            this.loadCheckoutButton();
  692.                        } else {
  693.                            if (cartContent) {
  694.                                cartContent.classList.add(this.config.hiddenClass);
  695.                            }
  696.                            if (cartEmpty) {
  697.                                cartEmpty.classList.remove(this.config.hiddenClass);
  698.                            }
  699.                        }
  700.                    },
  701.                    buildCartRow: function (template, data) {
  702.                        var row = template.cloneNode(true);
  703.                        var itemLinks = row.querySelectorAll(this.selectors.linkCartItem);
  704.                        var frequencyLabels = row.querySelectorAll(this.selectors.labelCartItemFrequency);
  705.                        var priceLabels = row.querySelectorAll(this.selectors.labelCartItemPrice);
  706.                        var totalLabels = row.querySelectorAll(this.selectors.labelCartItemTotal);
  707.                        var imageImages = row.querySelectorAll(this.selectors.imageCartItemImage);
  708.                        var quantityFields = row.querySelectorAll(this.selectors.fieldCartItemQuantity);
  709.                        var quantityIncreaseButtons = row.querySelectorAll(this.selectors.buttonCartItemQuantityIncrease);
  710.                        var quantityDecreaseButtons = row.querySelectorAll(this.selectors.buttonCartItemQuantityDecrease);
  711.                        var removeButtons = row.querySelectorAll(this.selectors.buttonCartItemRemove);
  712.                        var savingsWrappers = row.querySelectorAll(this.selectors.wrapperCartItemSavings);
  713.                        var context = this;
  714.                        row.setAttribute('data-sku', data.sku);
  715.                        Array.prototype.forEach.call(itemLinks, function (element) {
  716.                            element.textContent = data.name;
  717.                            element.setAttribute('href', data.url ? data.url : '');
  718.                        });
  719.                        Array.prototype.forEach.call(frequencyLabels, function (element) {
  720.                            if (data.frequencyInterval && data.frequencyUnit) {
  721.                                var frequencyText = 'delivered every ' + data.frequencyInterval + ' ';
  722.                                frequencyText += data.frequencyUnit + (data.frequencyInterval > 1 ? 's' : '');
  723.                                element.textContent = frequencyText;
  724.                            } else {
  725.                                element.parentNode.removeChild(element);
  726.                            }
  727.                        });
  728.                        Array.prototype.forEach.call(priceLabels, function (element) {
  729.                            element.textContent = context.formatCurrency(data.price, 2, true);
  730.                        });
  731.                        Array.prototype.forEach.call(totalLabels, function (element) {
  732.                            element.textContent = context.formatCurrency(data.price * data.quantity, 2, true);
  733.                        });
  734.                        Array.prototype.forEach.call(quantityFields, function (element) {
  735.                            element.value = data.quantity;
  736.                            element.setAttribute('data-sku', data.sku);
  737.                        });
  738.                        Array.prototype.forEach.call(quantityIncreaseButtons, function (element) {
  739.                            element.disabled = data.quantity >= context.config.maxQuantity;
  740.                            element.setAttribute('data-sku', data.sku);
  741.                        });
  742.                        Array.prototype.forEach.call(quantityDecreaseButtons, function (element) {
  743.                            element.disabled = data.quantity <= context.config.minQuantity;
  744.                            element.setAttribute('data-sku', data.sku);
  745.                        });
  746.                        Array.prototype.forEach.call(removeButtons, function (element) {
  747.                            element.setAttribute('data-sku', data.sku);
  748.                        });
  749.                        Array.prototype.forEach.call(savingsWrappers, function (element) {
  750.                            element.setAttribute('data-sku', data.sku);
  751.                        });
  752.                        Array.prototype.forEach.call(imageImages, function (element) {
  753.                            if (data.image) {
  754.                                element.setAttribute('src', data.image);
  755.                            } else {
  756.                                element.parentNode.removeChild(element);
  757.                            }
  758.                        });
  759.                        return row;
  760.                    },
  761.                    loadCheckoutButton: function () {
  762.                        var checkoutButton = document.querySelector(this.selectors.buttonCheckOut);
  763.                        var checkoutUrl = this.config.checkoutBaseUrl;
  764.                        var queryStringParts = [];
  765.                        for (var key in this.config.checkoutDefaultParameters) {
  766.                            if (this.config.checkoutDefaultParameters.hasOwnProperty(key)) {
  767.                                var value = this.config.checkoutDefaultParameters[key];
  768.                                queryStringParts.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
  769.                            }
  770.                        }
  771.                        if (this.config.checkoutUrlParts) {
  772.                            queryStringParts.push(this.config.checkoutUrlParts);
  773.                        }
  774.                        var cartJsonString = JSON.stringify(this.getCartJson(this.getCartData()));
  775.                        queryStringParts.push('cbcart=' + encodeURIComponent(cartJsonString));
  776.                        var vtid = this.getVtid();
  777.                        if (vtid) {
  778.                            queryStringParts.push('vtid=' + encodeURIComponent(vtid));
  779.                        }
  780.                        var coupon = this.getCouponCode();
  781.                        if (coupon) {
  782.                            queryStringParts.push('coupon=' + encodeURIComponent(coupon));
  783.                        }
  784.                        if (checkoutButton) {
  785.                            checkoutButton.setAttribute('href', checkoutUrl + '?' + queryStringParts.join('&'));
  786.                        }
  787.                    },
  788.                    captureCouponCode: function () {
  789.                        var match = RegExp('[?&]coupon=([^&]*)').exec(window.location.search);
  790.                        if (match) {
  791.                            this.setCouponCode(decodeURIComponent(match[1].replace(/\+/g, ' ')), true);
  792.                        }
  793.                    },
  794.                    loadCouponCode: function () {
  795.                        var coupon = this.getCouponCode();
  796.                        var wrapper = document.querySelector(this.selectors.wrapperCouponCode);
  797.                        var label = document.querySelector(this.selectors.labelCouponCode);
  798.                        if (coupon && wrapper) {
  799.                            wrapper.classList.remove(this.config.hiddenClass);
  800.                            if (label) {
  801.                                label.textContent = coupon;
  802.                            }
  803.                        } else if (wrapper) {
  804.                            wrapper.classList.add(this.config.hiddenClass);
  805.                        }
  806.                    },
  807.                    removeCouponCode: function () {
  808.                        this.setCouponCode('', false);
  809.                        this.loadCouponCode();
  810.                        this.loadCheckoutButton();
  811.                    },
  812.                    captureVtid: function () {
  813.                        var match = RegExp('[?&]vtid=([^&]*)').exec(window.location.search);
  814.                        if (match) {
  815.                            this.setVtid(decodeURIComponent(match[1].replace(/\+/g, ' ')), true);
  816.                        }
  817.                    },
  818.                    getCartData: function () {
  819.                        var cart = this.getLocalStorageObject(this.config.cartStorageKey);
  820.                        if (!cart || cart.version !== this.config.cartVersion || !cart.items || !cart.items.length) {
  821.                            cart = { version: this.config.cartVersion, items: [], totalPrice: 0, totalQuantity: 0, totalCount: 0 };
  822.                        }
  823.                        return cart;
  824.                    },
  825.                    setCartData: function (value, skipLoadCartData) {
  826.                        value.totalPrice = value.totalQuantity = value.totalCount = 0;
  827.                        for (var i = 0; i < value.items.length; i++) {
  828.                            value.totalPrice += value.items[i].price * value.items[i].quantity;
  829.                            value.totalQuantity += value.items[i].quantity;
  830.                            value.totalCount++;
  831.                        }
  832.                        this.setLocalStorageObject(this.config.cartStorageKey, value);
  833.                        this.loadCartItemCounter();
  834.                        this.loadCart();
  835.                        if (!skipLoadCartData) {
  836.                            this.loadCartData();
  837.                        }
  838.                    },
  839.                    getCartTotalPrice: function () {
  840.                        return this.getCartData().totalPrice;
  841.                    },
  842.                    getCartTotalQuantity: function () {
  843.                        return this.getCartData().totalQuantity;
  844.                    },
  845.                    getCartTotalCount: function () {
  846.                        return this.getCartData().totalCount;
  847.                    },
  848.                    getCartItems: function () {
  849.                        return this.getCartData().items;
  850.                    },
  851.                    getCartJson: function (cart) {
  852.                        var items = [];
  853.                        for (var i = 0; i < cart.items.length; i++) {
  854.                            var item = {
  855.                                sku: cart.items[i].sku,
  856.                                qty: cart.items[i].quantity,
  857.                            };
  858.                            if (cart.items[i].frequencyInterval && cart.items[i].frequencyUnit) {
  859.                                item.fqi = cart.items[i].frequencyInterval;
  860.                                item.fqu = cart.items[i].frequencyUnit;
  861.                            }
  862.                            if (cart.items[i].ceExperimentId) {
  863.                                item.cee = cart.items[i].ceExperimentId;
  864.                            }
  865.                            if (cart.items[i].ceVariationId) {
  866.                                item.cev = cart.items[i].ceVariationId;
  867.                            }
  868.                            items.push(item);
  869.                        }
  870.                        return { items: items };
  871.                    },
  872.                    getCouponData: function () {
  873.                        var coupon = this.getLocalStorageObject(this.config.couponStorageKey);
  874.                        if (!coupon || coupon.version !== this.config.couponVersion || typeof coupon.code !== 'string') {
  875.                            coupon = { version: this.config.couponVersion, code: null };
  876.                        }
  877.                        return coupon;
  878.                    },
  879.                    setCouponData: function (value) {
  880.                        this.setLocalStorageObject(this.config.couponStorageKey, value);
  881.                    },
  882.                    getCouponCode: function () {
  883.                        return this.getCouponData().code;
  884.                    },
  885.                    setCouponCode: function (value, skipLoadCartData) {
  886.                        var coupon = this.getCouponData();
  887.                        coupon.code = typeof value === 'string' && value !== '' ? value : null;
  888.                        this.setCouponData(coupon);
  889.                        if (!skipLoadCartData) {
  890.                            this.loadCartData();
  891.                        }
  892.                    },
  893.                    getVtidData: function () {
  894.                        var vtid = this.getLocalStorageObject(this.config.vtidStorageKey);
  895.                        if (!vtid || vtid.version !== this.config.vtidVersion || typeof vtid.value !== 'string') {
  896.                            vtid = { version: this.config.vtidVersion, value: null };
  897.                        }
  898.                        return vtid;
  899.                    },
  900.                    setVtidData: function (value) {
  901.                        this.setLocalStorageObject(this.config.vtidStorageKey, value);
  902.                    },
  903.                    getVtid: function () {
  904.                        var vtid = this.getVtidData();
  905.                        if (vtid.setAt > 0 && (Date.now() - vtid.setAt) < this.config.vtidExpiry) {
  906.                            return vtid.value;
  907.                        }
  908.                        return null;
  909.                    },
  910.                    setVtid: function (value, skipLoadCartData) {
  911.                        var vtid = this.getVtidData();
  912.                        vtid.value = typeof value === 'string' && value !== '' ? value : null;
  913.                        vtid.setAt = Date.now();
  914.                        this.setVtidData(vtid);
  915.                        if (!skipLoadCartData) {
  916.                            this.loadCartData();
  917.                        }
  918.                    },
  919.                    fetchBundlesData: function (skus, callback) {
  920.                        var queryParts = [];
  921.                        for (var i = 0; i < skus.length; i++) {
  922.                            queryParts.push('sku[]=' + encodeURIComponent(skus[i]));
  923.                        }
  924.                        var request = new XMLHttpRequest();
  925.                        request.open('GET', this.config.bundlesEndpoint + '?' + queryParts.join('&'), true);
  926.                        request.onreadystatechange = function () {
  927.                            if (this.readyState === 4 && this.status === 200) {
  928.                                var response = JSON.parse(this.responseText);
  929.                                if (response && response.status === 'ok' && response.data) {
  930.                                    callback(response.data);
  931.                                }
  932.                            }
  933.                        };
  934.                        request.send();
  935.                        request = null;
  936.                    },
  937.                    loadFbt: function () {
  938.                        var wrapper = document.querySelector(this.selectors.wrapperFbt);
  939.                        if (wrapper) {
  940.                            var context = this;
  941.                            var targetSelector = wrapper.getAttribute('data-selector');
  942.                            var thisSku = wrapper.getAttribute('data-this-sku');
  943.                            var otherSkus = JSON.parse(wrapper.getAttribute('data-other-skus'));
  944.                            var bundleSku = wrapper.getAttribute('data-bundle-sku');
  945.                            var skus = [thisSku, bundleSku].concat(otherSkus);
  946.                            var addToCartButtonText = wrapper.getAttribute('data-add-to-cart-button-text');
  947.                            var onAddToCart = wrapper.getAttribute('data-on-add-to-cart');
  948.                            var showBundleSavings = wrapper.getAttribute('data-show-bundle-savings') === 'true';
  949.                            context.fetchBundlesData(skus, function (data) {
  950.                                for (var property in data) {
  951.                                    if (data.hasOwnProperty(property)) {
  952.                                        data[property].price = data[property].price * 100;
  953.                                    }
  954.                                }
  955.                                var config = {
  956.                                    thisItem: data[thisSku],
  957.                                    otherItems: [],
  958.                                    bundleItem: data[bundleSku],
  959.                                    addToCartButtonText: addToCartButtonText,
  960.                                    onAddToCart: onAddToCart,
  961.                                    showBundleSavings: showBundleSavings,
  962.                                };
  963.                                for (var i = 0; i < otherSkus.length; i++) {
  964.                                    config.otherItems.push(data[otherSkus[i]]);
  965.                                }
  966.                                context.createFbt(targetSelector, config);
  967.                                wrapper.classList.remove(context.config.hiddenClass);
  968.                            });
  969.                        }
  970.                    },
  971.                    createFbt: function (selector, config) {
  972.                        var container = document.querySelector(selector);
  973.                        if (container) {
  974.                            this.fbtConfig = config;
  975.                            config.skuList = [];
  976.                            config.bundleMap = {};
  977.                            var contentContainer = document.createElement('div');
  978.                            var imagesContainer = document.createElement('div');
  979.                            var optionsContainer = document.createElement('div');
  980.                            var actionContainer = document.createElement('div');
  981.                            contentContainer.classList.add('fbt-content');
  982.                            imagesContainer.classList.add('fbt-images');
  983.                            optionsContainer.classList.add('fbt-options');
  984.                            actionContainer.classList.add('fbt-action');
  985.                            actionContainer.classList.add(this.selectors.wrapperFbtAction.slice(1));
  986.                            this.buildFbtItem(config.thisItem, imagesContainer, optionsContainer);
  987.                            config.skuList.push(config.thisItem.sku);
  988.                            config.bundleMap[config.thisItem.sku] = config.thisItem;
  989.                            for (var i = 0; i < config.otherItems.length; i++) {
  990.                                this.buildFbtItem(config.otherItems[i], imagesContainer, optionsContainer);
  991.                                config.skuList.push(config.otherItems[i].sku);
  992.                                config.bundleMap[config.otherItems[i].sku] = config.otherItems[i];
  993.                            }
  994.                            this.buildFbtAction(actionContainer);
  995.                            contentContainer.appendChild(imagesContainer);
  996.                            contentContainer.appendChild(actionContainer);
  997.                            container.appendChild(contentContainer);
  998.                            container.appendChild(optionsContainer);
  999.                            this.updateFbtSelection();
  1000.                            var context = this;
  1001.                            document.addEventListener('change', function (e) {
  1002.                                for (var target = e.target; target && target !== this; target = target.parentNode) {
  1003.                                    if (target.matches(context.selectors.inputFbt)) {
  1004.                                        context.updateFbtSelection();
  1005.                                        break;
  1006.                                    }
  1007.                                }
  1008.                            }, false);
  1009.                            document.addEventListener('click', function (e) {
  1010.                                for (var target = e.target; target && target !== this; target = target.parentNode) {
  1011.                                    if (target.matches(context.selectors.buttonFbt)) {
  1012.                                        context.processFbtSelection();
  1013.                                        break;
  1014.                                    }
  1015.                                }
  1016.                            }, false);
  1017.                        }
  1018.                    },
  1019.                    buildFbtItem: function (data, imagesContainer, optionsContainer) {
  1020.                        var imageContainer = document.createElement('div');
  1021.                        var optionContainer = document.createElement('div');
  1022.                        var image = document.createElement('img');
  1023.                        var input = document.createElement('input');
  1024.                        var label = document.createElement('label');
  1025.                        var span = document.createElement('span');
  1026.                        image.setAttribute('src', data.image);
  1027.                        imageContainer.setAttribute('data-sku', data.sku);
  1028.                        imageContainer.classList.add('fbt-image');
  1029.                        imageContainer.classList.add(this.selectors.imageFbt.slice(1));
  1030.                        imageContainer.appendChild(image);
  1031.                        span.classList.add('fbt-price');
  1032.                        span.textContent = this.formatCurrency(data.price, 2, true);
  1033.                        label.textContent = data.name;
  1034.                        label.appendChild(span);
  1035.                        label.classList.add('form-check-label');
  1036.                        label.classList.add(this.selectors.labelFbt.slice(1));
  1037.                        label.setAttribute('for', 'fbt_option_' + data.sku);
  1038.                        label.setAttribute('data-sku', data.sku);
  1039.                        input.classList.add('form-check-input');
  1040.                        input.classList.add(this.selectors.inputFbt.slice(1));
  1041.                        input.setAttribute('type', 'checkbox');
  1042.                        input.setAttribute('id', 'fbt_option_' + data.sku);
  1043.                        input.setAttribute('data-sku', data.sku);
  1044.                        input.checked = true;
  1045.                        optionContainer.classList.add('form-group');
  1046.                        optionContainer.classList.add('form-check');
  1047.                        optionContainer.appendChild(input);
  1048.                        optionContainer.appendChild(label);
  1049.                        imagesContainer.appendChild(imageContainer);
  1050.                        optionsContainer.appendChild(optionContainer);
  1051.                    },
  1052.                    buildFbtAction: function (actionContainer) {
  1053.                        var priceLabel = document.createElement('div');
  1054.                        var regularPriceLabel = document.createElement('span');
  1055.                        var bundlePriceLabel = document.createElement('span');
  1056.                        var bundleSavingsLabel = document.createElement('span');
  1057.                        var actionButton = document.createElement('button');
  1058.                        priceLabel.textContent = 'Total Price: ';
  1059.                        regularPriceLabel.classList.add('fbt-regular-price');
  1060.                        regularPriceLabel.classList.add(this.selectors.labelFbtRegularPrice.slice(1));
  1061.                        bundlePriceLabel.classList.add('fbt-bundle-price');
  1062.                        bundlePriceLabel.classList.add(this.selectors.labelFbtBundlePrice.slice(1));
  1063.                        bundleSavingsLabel.classList.add('fbt-bundle-savings');
  1064.                        bundleSavingsLabel.classList.add(this.selectors.labelFbtBundleSavings.slice(1));
  1065.                        actionButton.setAttribute('type', 'button');
  1066.                        actionButton.classList.add('btn');
  1067.                        actionButton.classList.add('btn-primary');
  1068.                        actionButton.classList.add(this.selectors.buttonFbt.slice(1));
  1069.                        actionButton.textContent = this.fbtConfig.addToCartButtonText || 'Add Selected To Cart';
  1070.                        priceLabel.appendChild(regularPriceLabel);
  1071.                        priceLabel.appendChild(bundlePriceLabel);
  1072.                        if (this.fbtConfig.showBundleSavings === true) {
  1073.                            priceLabel.appendChild(bundleSavingsLabel);
  1074.                        }
  1075.                        actionContainer.appendChild(priceLabel);
  1076.                        actionContainer.appendChild(actionButton);
  1077.                    },
  1078.                    updateFbtSelection: function () {
  1079.                        var lastVisibleImage = null;
  1080.                        var isBundleSelected = true;
  1081.                        var isAnySelected = false;
  1082.                        var regularPriceTotal = 0;
  1083.                        for (var i = 0; i < this.fbtConfig.skuList.length; i++) {
  1084.                            var sku = this.fbtConfig.skuList[i];
  1085.                            var filter = '[data-sku="' + sku + '"]';
  1086.                            var image = document.querySelector(this.selectors.imageFbt + filter);
  1087.                            var input = document.querySelector(this.selectors.inputFbt + filter);
  1088.                            if (image && input) {
  1089.                                image.classList.remove('fbt-image-last');
  1090.                                if (input.checked) {
  1091.                                    image.classList.remove(this.config.hiddenClass);
  1092.                                    lastVisibleImage = image;
  1093.                                    regularPriceTotal += this.fbtConfig.bundleMap[sku].price;
  1094.                                    isAnySelected = true;
  1095.                                } else {
  1096.                                    image.classList.add(this.config.hiddenClass);
  1097.                                    isBundleSelected = false;
  1098.                                }
  1099.                            }
  1100.                        }
  1101.                        if (lastVisibleImage !== null) {
  1102.                            lastVisibleImage.classList.add('fbt-image-last');
  1103.                        }
  1104.                        var actionWrapper = document.querySelector(this.selectors.wrapperFbtAction);
  1105.                        if (isAnySelected) {
  1106.                            var regularPrice = document.querySelector(this.selectors.labelFbtRegularPrice);
  1107.                            regularPrice.textContent = this.formatCurrency(regularPriceTotal, 2, true);
  1108.                            var bundlePrice = document.querySelector(this.selectors.labelFbtBundlePrice);
  1109.                            bundlePrice.textContent = this.formatCurrency(this.fbtConfig.bundleItem.price, 2, true);
  1110.                            if (isBundleSelected) {
  1111.                                regularPrice.classList.add('fbt-compare-price');
  1112.                                bundlePrice.classList.remove(this.config.hiddenClass);
  1113.                            } else {
  1114.                                regularPrice.classList.remove('fbt-compare-price');
  1115.                                bundlePrice.classList.add(this.config.hiddenClass);
  1116.                            }
  1117.                            var bundleSavings = document.querySelector(this.selectors.labelFbtBundleSavings);
  1118.                            if (bundleSavings) {
  1119.                                var savingsAmount = Math.max(regularPriceTotal - this.fbtConfig.bundleItem.price, 0);
  1120.                                bundleSavings.textContent = '(save ' + this.formatCurrency(savingsAmount, 2, true) + ')';
  1121.                                if (isBundleSelected && savingsAmount > 0) {
  1122.                                    bundlePrice.classList.remove(this.config.hiddenClass);
  1123.                                } else {
  1124.                                    bundleSavings.classList.add(this.config.hiddenClass);
  1125.                                }
  1126.                            }
  1127.                            actionWrapper.classList.remove(this.config.hiddenClass);
  1128.                        } else {
  1129.                            actionWrapper.classList.add(this.config.hiddenClass);
  1130.                        }
  1131.                    },
  1132.                    processFbtSelection: function () {
  1133.                        var selectedProducts = [];
  1134.                        var isBundleSelected = true;
  1135.                        for (var i = 0; i < this.fbtConfig.skuList.length; i++) {
  1136.                            var sku = this.fbtConfig.skuList[i];
  1137.                            var filter = '[data-sku="' + sku + '"]';
  1138.                            var input = document.querySelector(this.selectors.inputFbt + filter);
  1139.                            if (input.checked) {
  1140.                                selectedProducts.push(this.fbtConfig.bundleMap[sku]);
  1141.                            } else {
  1142.                                isBundleSelected = false;
  1143.                            }
  1144.                        }
  1145.                        var onAddToCart = this.fbtConfig.onAddToCart || this.config.onAddToCart;
  1146.                        if (isBundleSelected) {
  1147.                            this.addProductsToCart([this.fbtConfig.bundleItem], onAddToCart);
  1148.                        } else {
  1149.                            this.addProductsToCart(selectedProducts, onAddToCart);
  1150.                        }
  1151.                    },
  1152.                    loadPop: function () {
  1153.                        var wrapper = document.querySelector(this.selectors.wrapperPop);
  1154.                        if (wrapper && !this.getPopDismissed()) {
  1155.                            var context = this;
  1156.                            var request = new XMLHttpRequest();
  1157.                            request.open('GET', this.config.popEventsEndpoint, true);
  1158.                            request.onreadystatechange = function () {
  1159.                                if (this.readyState === 4 && this.status === 200) {
  1160.                                    var response = JSON.parse(this.responseText);
  1161.                                    if (response && response.status === 'ok') {
  1162.                                        if (response.events && response.events.length) {
  1163.                                            context.setupPop(response.events);
  1164.                                        }
  1165.                                    }
  1166.                                }
  1167.                            };
  1168.                            request.send();
  1169.                            request = null;
  1170.                        }
  1171.                    },
  1172.                    setupPop: function (popEvents) {
  1173.                        var context = this;
  1174.                        context.popEvents = popEvents;
  1175.                        context.popStep = 0;
  1176.                        context.popHidden = true;
  1177.                        context.popPaused = false;
  1178.                        context.popDismissed = false;
  1179.                        context.popTimer = setTimeout(context.showPop.bind(context), 6000);
  1180.                        var wrapper = document.querySelector(this.selectors.wrapperPop);
  1181.                        wrapper.addEventListener('mouseenter', function () {
  1182.                            if (context.popHidden === false) {
  1183.                                clearTimeout(context.popTimer);
  1184.                                context.popPaused = true;
  1185.                            }
  1186.                        });
  1187.                        wrapper.addEventListener('mouseleave', function () {
  1188.                            if (context.popPaused) {
  1189.                                context.popTimer = setTimeout(context.hidePop.bind(context), 5000);
  1190.                                context.popPaused = false;
  1191.                            }
  1192.                        });
  1193.                        document.addEventListener('click', function (e) {
  1194.                            for (var target = e.target; target && target !== this; target = target.parentNode) {
  1195.                                if (target.matches(context.selectors.buttonPopDismiss)) {
  1196.                                    context.dismissPop();
  1197.                                    break;
  1198.                                } else if (target.matches(context.selectors.wrapperPop)) {
  1199.                                    if (context.popEvents && context.popStep && context.popEvents[context.popStep - 1]) {
  1200.                                        window.location.href = context.popEvents[context.popStep - 1].product_shop_url;
  1201.                                    }
  1202.                                    break;
  1203.                                }
  1204.                            }
  1205.                        }, false);
  1206.                    },
  1207.                    showPop: function () {
  1208.                        if (this.popDismissed === true) {
  1209.                            return false;
  1210.                        } else if (this.popStep >= this.popEvents.length) {
  1211.                            this.popStep = 0;
  1212.                        }
  1213.                        this.updatePopData();
  1214.                        this.animateFadeInUp(document.querySelector(this.selectors.wrapperPop));
  1215.                        this.popStep++;
  1216.                        this.popHidden = false;
  1217.                        this.popTimer = setTimeout(this.hidePop.bind(this), 7000);
  1218.                    },
  1219.                    hidePop: function () {
  1220.                        this.animateFadeOutDown(document.querySelector(this.selectors.wrapperPop));
  1221.                        this.popHidden = true;
  1222.                        this.popTimer = setTimeout(this.showPop.bind(this), 8000);
  1223.                    },
  1224.                    dismissPop: function () {
  1225.                        clearTimeout(this.popTimer);
  1226.                        this.hidePop();
  1227.                        clearTimeout(this.popTimer);
  1228.                        this.setPopDismissed(true);
  1229.                    },
  1230.                    updatePopData: function () {
  1231.                        var imageProduct = document.querySelector(this.selectors.imagePopProduct);
  1232.                        var labelCustomer = document.querySelector(this.selectors.labelPopCustomer);
  1233.                        var labelAction = document.querySelector(this.selectors.labelPopAction);
  1234.                        var labelTime = document.querySelector(this.selectors.labelPopTime);
  1235.                        var popEvent = this.popEvents[this.popStep];
  1236.                        labelCustomer.textContent = popEvent.customer;
  1237.                        labelAction.textContent = popEvent.action;
  1238.                        labelTime.textContent = popEvent.time;
  1239.                        if (popEvent.product_image_url && (/^https:\/\//i).test(popEvent.product_image_url)) {
  1240.                            imageProduct.style.backgroundImage = 'url(\'' + popEvent.product_image_url + '\')';
  1241.                            imageProduct.style.backgroundColor = 'transparent';
  1242.                        } else {
  1243.                            imageProduct.style.backgroundImage = '';
  1244.                            imageProduct.style.backgroundColor = '#F4F6F8';
  1245.                        }
  1246.                    },
  1247.                    getPopData: function () {
  1248.                        var pop = this.getLocalStorageObject(this.config.popStorageKey);
  1249.                        if (!pop || pop.version !== this.config.popVersion) {
  1250.                            pop = { version: this.config.popVersion, dismissed: false };
  1251.                        }
  1252.                        return pop;
  1253.                    },
  1254.                    setPopData: function (value) {
  1255.                        this.setLocalStorageObject(this.config.popStorageKey, value);
  1256.                    },
  1257.                    getPopDismissed: function () {
  1258.                        var pop = this.getPopData();
  1259.                        if (pop.dismissedAt > 0) {
  1260.                            return (Date.now() - pop.dismissedAt) < this.config.popDismissExpiry;
  1261.                        }
  1262.                        return !!pop.dismissed;
  1263.                    },
  1264.                    setPopDismissed: function (value) {
  1265.                        var pop = this.getPopData();
  1266.                        pop.dismissed = value;
  1267.                        pop.dismissedAt = Date.now();
  1268.                        this.setPopData(pop);
  1269.                        this.popDismissed = true;
  1270.                    },
  1271.                    loadCartData: function () {
  1272.                        var wrapper = document.querySelector(this.selectors.wrapperCartExtendedData);
  1273.                        if (wrapper && this.processes.isCapturingCartItems !== true) {
  1274.                            var context = this;
  1275.                            var cartData = context.getCartData();
  1276.                            var cartJsonString = JSON.stringify(this.getCartJson(cartData));
  1277.                            var couponCode = context.getCouponCode();
  1278.                            var vtid = context.getVtid();
  1279.                            var queryParts = [
  1280.                                'cbcart=' + encodeURIComponent(cartJsonString),
  1281.                                'mode=' + encodeURIComponent(context.getQueryParameter('mode')),
  1282.                                'coupon_code=' + encodeURIComponent(couponCode ? couponCode : ''),
  1283.                                'vtid=' + encodeURIComponent(vtid ? vtid : ''),
  1284.                                'referral_page=' + encodeURIComponent(context.config.shopUrl),
  1285.                            ];
  1286.                            if (context.requests.cart && context.requests.cart.readyState !== 4) {
  1287.                                context.requests.cart.abort && context.requests.cart.abort();
  1288.                            }
  1289.                            if (!cartData.items.length) {
  1290.                                return null;
  1291.                            }
  1292.                            context.triggerCustomEvent(wrapper, 'before-cart-load', queryParts);
  1293.                            context.requests.cart = new XMLHttpRequest();
  1294.                            context.requests.cart.open('GET', this.config.cartDataEndpoint + '?' + queryParts.join('&'), true);
  1295.                            context.requests.cart.onreadystatechange = function () {
  1296.                                if (this.readyState === 4 && this.status === 200) {
  1297.                                    var response = JSON.parse(this.responseText);
  1298.                                    if (response && response.status === 'ok') {
  1299.                                        context.triggerCustomEvent(wrapper, 'before-cart-loaded', response);
  1300.                                        context.enhanceCartItems(response.items);
  1301.                                        context.buildGifts(response.gifts);
  1302.                                        context.triggerCustomEvent(wrapper, 'after-cart-loaded', response);
  1303.                                    }
  1304.                                }
  1305.                            };
  1306.                            context.requests.cart.send();
  1307.                        }
  1308.                    },
  1309.                    enhanceCartItems: function (items) {
  1310.                        var context = this;
  1311.                        var cartContent = document.querySelector(this.selectors.wrapperCartContent);
  1312.                        var allWrappers = cartContent.querySelectorAll(this.selectors.wrapperCartItemSavings);
  1313.                        Array.prototype.forEach.call(allWrappers, function (element) {
  1314.                            element.classList.add(context.config.hiddenClass);
  1315.                        });
  1316.                        if (items && items.length) {
  1317.                            var propertySelectorMap = {
  1318.                                compare_at_price: 'labelCartItemCompareAtPrice',
  1319.                                total_compare_at_price: 'labelCartItemCompareAtTotal',
  1320.                                savings_amount: 'labelCartItemSavingsAmount',
  1321.                                total_savings_amount: 'labelCartItemSavingsTotal',
  1322.                                savings_percentage: 'labelCartItemSavingsPercentage',
  1323.                            };
  1324.                            for (var i = 0; i < items.length; i++) {
  1325.                                var item = items[i];
  1326.                                var filter = '[data-sku="' + item.sku + '"]';
  1327.                                var itemWrappers = cartContent.querySelectorAll(this.selectors.wrapperCartItemSavings + filter);
  1328.                                if (item.compare_at_price !== null) {
  1329.                                    Array.prototype.forEach.call(itemWrappers, function (element) {
  1330.                                        for (var property in propertySelectorMap) {
  1331.                                            var label = element.querySelector(context.selectors[propertySelectorMap[property]]);
  1332.                                            if (label) {
  1333.                                                var precision = parseInt(label.getAttribute('data-decimal-places'), 10);
  1334.                                                if (property.indexOf('percentage') !== -1) {
  1335.                                                    label.textContent = context.formatNumber(item[property], precision >= 0 ? precision : 0) + '%';
  1336.                                                } else {
  1337.                                                    label.textContent = context.formatCurrency(item[property], precision >= 0 ? precision : 0);
  1338.                                                }
  1339.                                            }
  1340.                                        }
  1341.                                        element.classList.remove(context.config.hiddenClass);
  1342.                                    });
  1343.                                }
  1344.                            }
  1345.                        }
  1346.                    },
  1347.                    buildGifts: function (gifts) {
  1348.                        var wrapper = document.querySelector(this.selectors.wrapperGifts);
  1349.                        var items = document.querySelector(this.selectors.wrapperGiftItems);
  1350.                        var templates = document.querySelector(this.selectors.wrapperGiftTemplates);
  1351.                        var rowTemplate = templates && templates.querySelector(this.selectors.rowGiftItem);
  1352.                        while (items && items.firstChild) {
  1353.                            items.removeChild(items.firstChild);
  1354.                        }
  1355.                        if (gifts && gifts.length) {
  1356.                            for (var i = 0; i < gifts.length; i++) {
  1357.                                if (items && rowTemplate) {
  1358.                                    items.appendChild(this.buildGiftRow(rowTemplate, gifts[i]));
  1359.                                }
  1360.                            }
  1361.                            wrapper.classList.remove(this.config.hiddenClass);
  1362.                        } else {
  1363.                            wrapper.classList.add(this.config.hiddenClass);
  1364.                        }
  1365.                    },
  1366.                    buildGiftRow: function (template, data) {
  1367.                        var row = template.cloneNode(true);
  1368.                        var imageImages = row.querySelectorAll(this.selectors.imageGiftItemImage);
  1369.                        var nameLabels = row.querySelectorAll(this.selectors.labelGiftItemName);
  1370.                        var priceLabels = row.querySelectorAll(this.selectors.labelGiftItemPrice);
  1371.                        var quantityLabels = row.querySelectorAll(this.selectors.labelGiftItemQuantity);
  1372.                        var purchaseTypeLabels = row.querySelectorAll(this.selectors.labelGiftItemPurchaseType);
  1373.                        var purchaseTypeNoticeLabel = row.querySelectorAll(this.selectors.labelGiftItemPurchaseTypeNotice);
  1374.                        var context = this;
  1375.                        Array.prototype.forEach.call(nameLabels, function (element) {
  1376.                            element.textContent = data.name;
  1377.                        });
  1378.                        Array.prototype.forEach.call(priceLabels, function (element) {
  1379.                            if (data.compare_at_price !== null) {
  1380.                                element.textContent = context.formatCurrency(data.compare_at_price);
  1381.                            } else {
  1382.                                element.parentNode.removeChild(element);
  1383.                            }
  1384.                        });
  1385.                        Array.prototype.forEach.call(quantityLabels, function (element) {
  1386.                            element.textContent = context.formatNumber(data.quantity);
  1387.                        });
  1388.                        Array.prototype.forEach.call(purchaseTypeLabels, function (element) {
  1389.                            if (element.getAttribute('data-id') !== data.purchase_type) {
  1390.                                element.parentNode.removeChild(element);
  1391.                            }
  1392.                        });
  1393.                        Array.prototype.forEach.call(purchaseTypeNoticeLabel, function (element) {
  1394.                            if (data.purchase_type_notice) {
  1395.                                element.textContent = data.purchase_type_notice;
  1396.                            } else {
  1397.                                element.parentNode.removeChild(element);
  1398.                            }
  1399.                        });
  1400.                        Array.prototype.forEach.call(imageImages, function (element) {
  1401.                            if (data.image_url) {
  1402.                                element.setAttribute('src', data.image_url);
  1403.                            } else {
  1404.                                element.parentNode.removeChild(element);
  1405.                            }
  1406.                        });
  1407.                        return row;
  1408.                    },
  1409.                    getWrapperElement: function (element, selector) {
  1410.                        while ((element = element.parentElement)) {
  1411.                            if (element.matches(selector)) {
  1412.                                return element;
  1413.                            }
  1414.                        }
  1415.                        return document;
  1416.                    },
  1417.                    getCeProperties: function () {
  1418.                        var experimentId = null, variationId = null;
  1419.                        /*
  1420.                        try {
  1421.                            if (window.convert && window.convert.currentData && window.convert.currentData.experiments) {
  1422.                                experimentId = Object.keys(window.convert.currentData.experiments)[0];
  1423.                                if (experimentId && window.convert.currentData.experiments[experimentId]) {
  1424.                                    variationId = window.convert.currentData.experiments[experimentId].variation_id;
  1425.                                }
  1426.                            }
  1427.                        } catch (error) {
  1428.                            console.log(error);
  1429.                        }
  1430.                        */
  1431.                        return {
  1432.                            experimentId: experimentId || null,
  1433.                            variationId: variationId || null,
  1434.                        };
  1435.                    },
  1436.                    checkLocalStoreRedirect: function () {
  1437.                        this.checkLocalStoreOverride();
  1438.                        var countryCodeOverride = this.getLocalStoreOverride();
  1439.                        this.redirectToLocalStore(countryCodeOverride ? countryCodeOverride : this.config.clientCountryCode);
  1440.                    },
  1441.                    redirectToLocalStore: function (countryCode) {
  1442.                        var localStoreUrl = this.config.localStoreUrlMap[countryCode];
  1443.                        if (localStoreUrl && !this.config.disableLocalStoreRedirect) {
  1444.                            var notice = document.createElement('div');
  1445.                            notice.textContent = 'Redirecting you to our local shop...';
  1446.                            notice.style.backgroundColor = '#fe9400';
  1447.                            notice.style.color = '#fff';
  1448.                            notice.style.textAlign = 'center';
  1449.                            notice.style.padding = '0.5rem';
  1450.                            notice.style.lineHeight = '1.5rem';
  1451.                            notice.style.fontWeight = 'bold';
  1452.                            notice.style.position = 'absolute';
  1453.                            notice.style.width = '100%';
  1454.                            notice.style.zIndex = '99999';
  1455.                            notice.style.top = '0';
  1456.                            document.body.insertBefore(notice, document.body.firstChild);
  1457.                            setTimeout(function () {
  1458.                                window.location.replace(localStoreUrl);
  1459.                            }, 1000);
  1460.                        }
  1461.                    },
  1462.                    checkLocalStoreOverride: function () {
  1463.                        var regex = new RegExp('[?&]bsc(=([^&#]*)|&|#|$)');
  1464.                        var match = regex.exec(window.location.href);
  1465.                        if (match && match[2]) {
  1466.                            if (match[2] === 'auto') {
  1467.                                this.setLocalStoreOverride('', 1);
  1468.                            } else if (match[2].length === 2) {
  1469.                                this.setLocalStoreOverride(match[2].toUpperCase(), 24 * 7);
  1470.                            }
  1471.                        }
  1472.                    },
  1473.                    getLocalStoreOverride: function getLocalStoreCountry() {
  1474.                        var match = document.cookie.match('(^|;)\\s*localStoreOverride\\s*=\\s*([^;]+)');
  1475.                        return match ? match.pop() : '';
  1476.                    },
  1477.                    setLocalStoreOverride: function setLocalStoreCountry(countryCode, duration) {
  1478.                        var expires = new Date(Date.now());
  1479.                        expires.setTime(expires.getTime() + 3600 * 1000 * duration);
  1480.                        document.cookie = 'localStoreOverride=' + countryCode + '; expires=' + expires + '; path=/';
  1481.                    },
  1482.                    getLocalStorageObject: function (key) {
  1483.                        try {
  1484.                            if (window.localStorage) {
  1485.                                return JSON.parse(window.localStorage.getItem(key));
  1486.                            } else {
  1487.                                return null;
  1488.                            }
  1489.                        } catch (error) {
  1490.                            console.log(error);
  1491.                            return null;
  1492.                        }
  1493.                    },
  1494.                    setLocalStorageObject: function (key, value) {
  1495.                        try {
  1496.                            if (window.localStorage) {
  1497.                                window.localStorage.setItem(key, JSON.stringify(value));
  1498.                            }
  1499.                        } catch (error) {
  1500.                            console.log(error);
  1501.                        }
  1502.                    },
  1503.                    getQueryParameter: function (name) {
  1504.                        var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
  1505.                        return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : '';
  1506.                    },
  1507.                    triggerCustomEvent: function (element, name, data) {
  1508.                        var event;
  1509.                        if (window.CustomEvent && typeof window.CustomEvent === 'function') {
  1510.                            event = new CustomEvent('fb-shop-' + name, { detail: data });
  1511.                        } else if (typeof document.createEvent === 'function') {
  1512.                            event = document.createEvent('CustomEvent');
  1513.                            event.initCustomEvent('fb-shop-' + name, true, true, data);
  1514.                        }
  1515.                        if (event) {
  1516.                            element.dispatchEvent(event);
  1517.                        }
  1518.                    },
  1519.                    animateFadeInUp: function (element) {
  1520.                        element.classList.remove(this.config.animeAnimateClass);
  1521.                        element.classList.remove(this.config.animeFadeOutDownClass);
  1522.                        element.classList.add(this.config.animeAnimateClass);
  1523.                        element.classList.add(this.config.animeFadeInUpClass);
  1524.                        element.classList.remove(this.config.animeHiddenClass);
  1525.                    },
  1526.                    animateFadeOutDown: function (element) {
  1527.                        element.classList.remove(this.config.animeAnimateClass);
  1528.                        element.classList.remove(this.config.animeFadeInUpClass);
  1529.                        element.classList.add(this.config.animeAnimateClass);
  1530.                        element.classList.add(this.config.animeFadeOutDownClass);
  1531.                    },
  1532.                    formatNumber: function (number, decimalPlaces, decimalSeparator, thousandsSeparator) {
  1533.                        number = (number + '').replace(/[^0-9+\-Ee.]/g, '');
  1534.                        number = !isFinite(+number) ? 0 : +number;
  1535.                        decimalPlaces = !isFinite(+decimalPlaces) || +decimalPlaces < 1 ? 0 : +decimalPlaces;
  1536.                        if (typeof decimalSeparator === 'undefined') {
  1537.                            decimalSeparator = '.';
  1538.                        }
  1539.                        if (typeof thousandsSeparator === 'undefined') {
  1540.                            thousandsSeparator = ',';
  1541.                        }
  1542.                        var result;
  1543.                        var toFixedFix = function (number, decimalPlaces) {
  1544.                            var temp = Math.pow(10, decimalPlaces);
  1545.                            return '' + Math.round(number * temp) / temp;
  1546.                        };
  1547.                        result = (decimalPlaces ? toFixedFix(number, decimalPlaces) : '' + Math.round(number)).split('.');
  1548.                        if (result[0].length > 3) {
  1549.                            result[0] = result[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, thousandsSeparator);
  1550.                        }
  1551.                        if ((result[1] || '').length < decimalPlaces) {
  1552.                            result[1] = result[1] || '';
  1553.                            result[1] += new Array(decimalPlaces - result[1].length + 1).join('0');
  1554.                        }
  1555.                        result = result.join(decimalSeparator);
  1556.                        return result;
  1557.                    },
  1558.                    formatCurrency: function (amount, decimalPlaces, isCents) {
  1559.                        if (typeof decimalPlaces === 'undefined') {
  1560.                            decimalPlaces = 2;
  1561.                        }
  1562.                        if (typeof isCents === 'undefined') {
  1563.                            isCents = false;
  1564.                        }
  1565.                        if (isCents) {
  1566.                            amount /= 100;
  1567.                        }
  1568.                        var sign = '';
  1569.                        var formattedNumber = this.formatNumber(amount, decimalPlaces);
  1570.                        if (formattedNumber[0] === '-') {
  1571.                            formattedNumber = formattedNumber.substr(1);
  1572.                            sign += '-';
  1573.                        }
  1574.                        return sign + '$' + formattedNumber;
  1575.                    },
  1576.                };
  1577.                if (!Element.prototype.matches) {
  1578.                    Element.prototype.matches =
  1579.                        Element.prototype.matchesSelector ||
  1580.                        Element.prototype.mozMatchesSelector ||
  1581.                        Element.prototype.msMatchesSelector ||
  1582.                        Element.prototype.oMatchesSelector ||
  1583.                        Element.prototype.webkitMatchesSelector;
  1584.                }
  1585.                FunnelBuilderShop.ready(function () {
  1586.                    FunnelBuilderShop.init.call(FunnelBuilderShop);
  1587.                });
  1588.            </script>
  1589.        
  1590. <script type="application/ld+json">
  1591. {
  1592.  "@context": "https://schema.org/",
  1593.  "@type": "Organization",
  1594.  "name": "BiOptmizers",
  1595.  "url": "https://bioptimizers.com/",
  1596.  "legalName": "BiOptimizers USA Inc.",
  1597.  "logo": "https://bioptimizers.com/wp-content/uploads/2021/03/bio-logo-optimizing-humans-2004.png",
  1598.  "foundingDate": "2004",
  1599.  "founders": [
  1600.    {
  1601.    "@type": "Person",
  1602.    "name": "Wade Lightheart"
  1603.   },
  1604.   {
  1605.   "@type": "Person",
  1606.   "name": "Matt Gallant"
  1607.   }
  1608.   ],
  1609.  "address": {
  1610.   "@type": "PostalAddress",
  1611.   "streetAddress": "5470 Kietzke Lane Suite 300",
  1612.   "addressLocality": "Reno",
  1613.   "addressRegion": "NV",
  1614.   "postalCode": "89511",
  1615.   "addressCountry": "USA"
  1616.   },
  1617.  "contactPoint": {
  1618.   "@type": "ContactPoint",
  1619.   "contactType": "customer support",
  1620.   "telephone": "[+1-800-719-2467]"
  1621.   },
  1622.  "sameAs": [
  1623.   "https://www.facebook.com/bioptimizers",
  1624.   "https://www.youtube.com/bioptimizers",
  1625.   "https://www.instagram.com/bioptimizers",
  1626.   "https://www.youtube.com/user/biOptimizers",
  1627.   "https://www.linkedin.com/company/bioptimizers-usa-inc",
  1628.   "https://www.trustpilot.com/review/bioptimizers.com/",
  1629.   "https://www.amazon.com/stores/BiOptimizers/BiOptimizers/page/A2EEF68E-B063-444B-82EF-A947BE0E2326"
  1630.   ]
  1631. }
  1632. </script>
  1633. <style>
  1634. .scientists-section img{
  1635. height:auto;}
  1636. </style>
  1637.  
  1638.  
  1639.  
  1640.  
  1641.      <script type="c809cfb0dd3ae4ab72768f5b-module" crossorigin src="https://fb-v1.cdn-bio.com/assets/index-glfH8vFa-2e007abfa2d98eaba2e322913492400f.js"></script>
  1642.      <link rel="stylesheet" crossorigin href="https://fb-v1.cdn-bio.com/assets/index-DxpCydYW-48216f712b20ea712f9b6484e98dc18a.css">
  1643.    </head>
  1644.  
  1645.    <body class="font-lato subpixel-antialiased antialiased">
  1646.  
  1647.        <!-- Google Tag Manager (noscript) -->
  1648. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ5FMXK"
  1649. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  1650. <!-- End Google Tag Manager (noscript) -->
  1651.  
  1652.        
  1653.            
  1654. <!-- ACCESSIBILTY FIX -->
  1655. <script src="https://cdn.userway.org/widget.js" data-account="LPdK2ECqlp" type="c809cfb0dd3ae4ab72768f5b-text/javascript"></script>
  1656.  
  1657. <style>
  1658. .userway_buttons_wrapper {
  1659.    @media screen and (max-width: 768px) {
  1660.         bottom: 50px !important;
  1661.         top: unset !important;
  1662.    }
  1663. }
  1664. </style>
  1665. <!-- END ACCESSIBILTY FIX -->
  1666.  
  1667.  
  1668. <style>
  1669.    .shopbtn_placeholder {
  1670.           display: none;
  1671.     }
  1672.     @media screen and (max-width: 991px) {
  1673.        .shopbtn_placeholder {
  1674.             display: block;
  1675.        }
  1676.    }
  1677.    /* * {
  1678.        margin: 0;
  1679.        padding: 0;
  1680.    } */
  1681.    *, ::after, ::before {
  1682.        -webkit-box-sizing: border-box;
  1683.        box-sizing: border-box;
  1684.    }
  1685.    nav .italic {
  1686.        font-style: italic !important;
  1687.    }
  1688.    /* Nav Style Start Here */
  1689.    nav .underline {
  1690.        text-decoration: underline;
  1691.    }
  1692.    nav .sm-none {
  1693.        display: none !important;
  1694.    }
  1695.    nav .flex {
  1696.        display: -webkit-box;
  1697.        display: -ms-flexbox;
  1698.        display: flex;
  1699.    }
  1700.    nav .align-center {
  1701.        -webkit-box-align: center;
  1702.            -ms-flex-align: center;
  1703.                align-items: center;
  1704.    }
  1705.    nav .justify-center {
  1706.        -webkit-box-pack: center;
  1707.            -ms-flex-pack: center;
  1708.                justify-content: center;
  1709.    }
  1710.    nav .gap-x-5 {
  1711.        -webkit-column-gap: 5px;
  1712.            -moz-column-gap: 5px;
  1713.                column-gap: 5px;
  1714.    }
  1715.    nav .uppercase {
  1716.        text-transform: uppercase;
  1717.    }
  1718.  
  1719.    nav .relative {
  1720.        position: relative;
  1721.    }
  1722.    nav {
  1723.        position: relative;
  1724.        z-index: 99992;
  1725.    }
  1726.    nav.sticky-header {
  1727.        position: fixed;
  1728.        top: -60px;
  1729.        left: 0;
  1730.        -webkit-animation: goDown .5s ease-in-out forwards;
  1731.                animation: goDown .5s ease-in-out forwards;
  1732.        opacity: 0;
  1733.        width: 100%;
  1734.        border: 8px solid #0b3c0b;
  1735.        border-bottom: none;
  1736.    }
  1737.    nav.sticky-header .nav-menu {
  1738.        background-color: #fff;
  1739.    }
  1740.    nav.sticky-header #black-menu {
  1741.        display: none;
  1742.    }
  1743.    @keyframes goDown {
  1744.        0% {
  1745.            top: -60px;
  1746.            opacity: 0;
  1747.        }
  1748.        50% {
  1749.            opacity: 0.5;
  1750.        }
  1751.        100% {
  1752.            -webkit-transform: translateY(60px);
  1753.                -ms-transform: translateY(60px);
  1754.                    transform: translateY(60px);
  1755.            opacity: 1;
  1756.        }
  1757.    }
  1758.    nav #black-menu,
  1759.    nav #black-menu li {
  1760.        background-color: #252525;
  1761.        font-size: 0.75rem !important;
  1762.        font-family: "Open Sans", sans-serif !important;
  1763.        line-height: 1.1 !important;
  1764.        padding: 2px 0;
  1765.    }
  1766.    nav #black-menu ul{
  1767.        margin-bottom: 0;
  1768.        padding-left: 0;
  1769.        color: #C2D500 !important;
  1770.    }
  1771.    nav li {
  1772.        list-style: none;
  1773.    }
  1774.    nav a{
  1775.        text-decoration: none;
  1776.        cursor: pointer;
  1777.    }
  1778.  
  1779.    nav #black-menu .account_menu .shop-preheader{
  1780.        color: #fff;
  1781.    }
  1782.  
  1783.    nav .contact-num,
  1784.    nav .contact-num span {
  1785.        text-align: center;
  1786.        color: #C2D500 !important;
  1787.    }
  1788.    nav  .filter-bio-hover:hover {
  1789.        -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%);
  1790.                filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%);
  1791.    }
  1792.    nav #black-menu .account_menu .shop-preheader:hover {
  1793.        color: #C2D500;
  1794.        text-decoration: underline;
  1795.        
  1796.    }
  1797.    nav .contact-num {
  1798.        cursor: pointer;
  1799.    }
  1800.  
  1801.    nav .filter-bio {
  1802. margin: 0;
  1803.        -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%);
  1804.                filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%);
  1805.    }
  1806.  
  1807.    nav .nav-menu {
  1808.        height: 70px;
  1809.        padding: 0 15px;
  1810.        -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
  1811.                box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
  1812.    }
  1813.  
  1814.    nav .bio-icon-mobile {
  1815.        width: 55px;
  1816.        height: 37px;
  1817.    }
  1818.    nav .bio-icon-mobile {
  1819.        width: auto;
  1820.        height: auto;
  1821.    }
  1822.    nav .icons img {
  1823.        min-width: 22px;
  1824.        /* height: 16px; */
  1825.    }
  1826.  
  1827.    nav .icon-cart-image {
  1828.        min-width: 28px;
  1829.    }
  1830.  
  1831.    nav .qsc-btn__badge {
  1832.        position: absolute;
  1833.        background: #e75f33;
  1834.        color: #fff;
  1835.        width: 20px;
  1836.        height: 20px;
  1837.        display: flex;
  1838.        opacity: 0;
  1839.        align-items: center;
  1840.        justify-content: center;
  1841.        border-radius: 50%;
  1842.        font-size: 0.75rem;
  1843.        font-weight: 600;
  1844.        top: -8px;
  1845.        right: -11px;
  1846.    }
  1847.  
  1848.    nav .nav-menu .menu_items {
  1849.        font-family: 'lato', sans-serif;
  1850.        
  1851.    }
  1852.  
  1853.    nav .nav-menu .menu_items {
  1854.        position: fixed;
  1855.        background-color: #ffff;
  1856.        -webkit-transition: left .5s;
  1857.        -o-transition: left .5s;
  1858.        transition: left .5s;
  1859.        top: 0;
  1860.        -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
  1861.                box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
  1862.        left: -140%;
  1863.        width: 280px;
  1864.        z-index: 1;
  1865.        height: 100vh;
  1866.        cursor: pointer;
  1867.    }
  1868.  
  1869.    nav .menu_items .menu-container {
  1870.        padding: 30px;
  1871.        height: 100vh;
  1872.        overflow-y: scroll;
  1873.    }
  1874.  
  1875.    nav .menu_items.active {
  1876.        left: 0;
  1877.    }
  1878.  
  1879.  
  1880.    nav .menu_items a {
  1881.        display: block;
  1882.        color: #232323;
  1883.        font-weight: 700;
  1884.        letter-spacing: 0.02em;
  1885.        font-size: 0.875rem;
  1886.        padding: 7px 0;
  1887.    }
  1888.  
  1889.    nav .menu_items a.shop-link {
  1890.        text-transform: uppercase;
  1891.    }
  1892.  
  1893.    /* nav .sub-menu-item a {
  1894.        padding-left: 15px;
  1895.    } */
  1896.  
  1897.    nav .sub-menu a {
  1898.        font-weight: 400;
  1899.    }
  1900.  
  1901.  
  1902.  
  1903.    nav .menu_items .menu-image {
  1904.        width: 340px;
  1905.        max-width: 100%;
  1906.        height: auto;
  1907.    }
  1908.  
  1909.    nav .shop-contents .fb-user-wrapper-customer,
  1910.    nav .shop-contents .fb-user-wrapper-guest,
  1911.    nav .menu_items .fb-user-wrapper-customer,
  1912.    nav .menu_items .fb-user-wrapper-guest {
  1913.        margin-bottom: -14px;
  1914.    }
  1915.  
  1916.    nav .menu_items .close-btn img{
  1917.        width: 44px;
  1918.        height: 44px;
  1919.        max-width: unset;
  1920.    }
  1921.  
  1922.    nav .menu_items .nav-mobile-sticky {
  1923.        position: fixed;
  1924.        background: #fff;
  1925.        width: 280px;
  1926.        z-index: 2;
  1927.        top: 0;
  1928.    }
  1929.  
  1930.    nav .overlayMenuItems {
  1931.        left: 100%; /* Initially off-screen */
  1932.        -webkit-transition: left .5s;
  1933.        -o-transition: left .5s;
  1934.        transition: left .5s; /* Add a smooth transition effect */
  1935.  
  1936.    }
  1937.  
  1938.    nav .overlayMenuItems.active {
  1939.        position: fixed;
  1940.        width: 100%;
  1941.        height: 100vh;
  1942.        left: 0;
  1943.        top: 0;
  1944.        background: rgba(0, 0, 0, 0.2);
  1945.    }
  1946.  
  1947.    nav .icon-plus,
  1948.    nav .right-icon {
  1949.        position: absolute;
  1950.        display: unset;
  1951.        right: 0;
  1952.        -webkit-transition: 0.3s ease-in-out;
  1953.        -o-transition: 0.3s ease-in-out;
  1954.        transition: 0.3s ease-in-out;
  1955.    }
  1956.  
  1957.    nav .right-icon {
  1958.        width: 12px;
  1959.    }
  1960.  
  1961.    nav .icon-plus-image.active .icon-plus {
  1962.        -webkit-transform: rotate(225deg);
  1963.            -ms-transform: rotate(225deg);
  1964.                transform: rotate(225deg);
  1965.    }
  1966.  
  1967.    nav .sub-menu,
  1968.    nav .sub-menu-item {
  1969.        position: relative;
  1970.        padding: 0 10px;
  1971.        height: 0;
  1972.        overflow: hidden;
  1973.        opacity: 0;
  1974.        -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-out;
  1975.        -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-out;
  1976.        transition: opacity 0.3s ease-in-out, height 0.3s ease-out;
  1977.    }
  1978.  
  1979.    nav .sub-menu.active,
  1980.    nav .sub-menu-item.active {
  1981.        height: auto;
  1982.        opacity: 1;
  1983.    }
  1984.  
  1985.    nav .dropdown-icon {
  1986.        display: none;
  1987.    }
  1988.  
  1989.    nav #search-bar button {
  1990.        cursor: pointer;
  1991.        display: flex;
  1992.        background: #fff;
  1993.        outline: none;
  1994.        border: none;
  1995.        align-items: center;
  1996.        gap: 10px;
  1997.        width: 8.813rem;
  1998.        width: 100%;
  1999.    }
  2000.  
  2001.    @media screen and (max-width: 767px) {
  2002.        body {
  2003.            border: 8px solid #0b3c0b;
  2004.        }
  2005.    }
  2006.  
  2007.    @media screen and (min-width: 361px) {
  2008.        nav .nav-menu .menu_items {
  2009.            width: 340px;
  2010.        }
  2011.    }
  2012.  
  2013.    @media screen and (min-width: 376px) {
  2014.        .gap-x-15 {
  2015.            -webkit-column-gap: 15px;
  2016.            -moz-column-gap: 15px;
  2017.            column-gap: 15px;
  2018.        }
  2019.  
  2020.        .fb-user-menu-main {
  2021.            margin-left: 0;
  2022.        }
  2023.    }
  2024.  
  2025.    .search-mobile {
  2026.        width: 128px;
  2027.    }
  2028.  
  2029.  
  2030.  
  2031.    .search-icon-mobile {
  2032.        display: block;
  2033.        margin: auto;
  2034.        margin-right: 0;
  2035.    }
  2036.  
  2037.    #search-bar {
  2038.        display: none;
  2039.    }
  2040.    
  2041.  
  2042.    
  2043.    /* Not yet autoprefixer */
  2044.    @media screen and (min-width: 992px) {
  2045.        #search-bar {
  2046.            display: flex;
  2047.        }
  2048.        nav .lg-none {
  2049.            display: none !important;
  2050.        }
  2051.        nav .lg-font-bold {
  2052.            font-weight: 700 !important;
  2053.        }
  2054.        nav .lg-underline {
  2055.            text-decoration: underline;
  2056.        }
  2057.        nav .lg-flex {
  2058.            display: -webkit-box;
  2059.            display: -ms-flexbox;
  2060.            display: flex;
  2061.        }
  2062.        nav .lg-items-center {
  2063.            align-items: center;
  2064.        }
  2065.        nav .lg-justify-center {
  2066.            -webkit-box-pack: center;
  2067.                -ms-flex-pack: center;
  2068.                    justify-content: center;
  2069.        }
  2070.        nav .lg-block {
  2071.            display: block !important;
  2072.        }
  2073.        nav .lg-order-1 {
  2074.            -webkit-box-ordinal-group: 2;
  2075.                -ms-flex-order: 1;
  2076.                    order: 1;
  2077.        }
  2078.        nav .lg-order-2 {
  2079.            -webkit-box-ordinal-group: 3;
  2080.                -ms-flex-order: 2;
  2081.                    order: 2;
  2082.        }
  2083.        nav .lg-order-3 {
  2084.            -webkit-box-ordinal-group: 4;
  2085.                -ms-flex-order: 3;
  2086.                    order: 3;
  2087.        }
  2088.        nav .lg-order-4 {
  2089.            -webkit-box-ordinal-group: 5;
  2090.                -ms-flex-order: 4;
  2091.                    order: 4;
  2092.        }
  2093.        nav .lg-order-5 {
  2094.            -webkit-box-ordinal-group: 6;
  2095.                -ms-flex-order: 5;
  2096.                    order: 5;
  2097.        }
  2098.        nav .lg-order-6 {
  2099.            -webkit-box-ordinal-group: 7;
  2100.                -ms-flex-order: 6;
  2101.                    order: 6;
  2102.        }
  2103.        nav .lg-order-7 {
  2104.            -webkit-box-ordinal-group: 8;
  2105.                -ms-flex-order: 7;
  2106.                    order: 7;
  2107.        }
  2108.        nav .lg-w-140 {
  2109.            width: 140px;
  2110.        }
  2111.        nav .lg-gap-x-10 {
  2112.            gap: 10px;
  2113.        }
  2114.        nav .lg-p-0 {
  2115.           padding: 0 !important;
  2116.        }
  2117.        nav .lg-gap-x-20 {
  2118.            gap: 20px;
  2119.        }
  2120.        nav .nav-menu .menu_items {
  2121.            font-family: 'open-sans', sans-serif;
  2122.        }
  2123.        nav.sticky-header {
  2124.            border: none;
  2125.        }
  2126.        nav #black-menu,
  2127.        nav .contact_nums {
  2128.            display: -webkit-box;
  2129.            display: -ms-flexbox;
  2130.            display: flex;
  2131.            -webkit-box-pack: center;
  2132.                -ms-flex-pack: center;
  2133.                    justify-content: center;
  2134.            gap: 5px;
  2135.            -webkit-box-align: center;
  2136.                -ms-flex-align: center;
  2137.                    align-items: center;
  2138.        }
  2139.        nav #black-menu,
  2140.        nav #black-menu li {
  2141.            font-size: 0.813rem !important;
  2142.            line-height: 1.5 !important;
  2143.        }
  2144.        
  2145.        nav .menu_items .menu-container {
  2146.            overflow: hidden;
  2147.            height: auto;
  2148.        }
  2149.  
  2150.        nav .social_icons img,
  2151.        nav #black-menu .account_menu .shop-preheader {
  2152.            vertical-align: middle;
  2153.        }
  2154.  
  2155.        nav .contact-num:not(:last-child) span {
  2156.            line-height: normal;
  2157.        }
  2158.  
  2159.        nav .icons.menu-btn {
  2160.            display: none;
  2161.        }
  2162.  
  2163.        nav .overlayMenuItems.active {
  2164.            display: none;
  2165.        }
  2166.  
  2167.        nav .bio-icon {
  2168.            height: 47px;
  2169.            width: auto;
  2170.        }
  2171.        nav .nav-menu {
  2172.            gap: 20px;
  2173.        }
  2174.        nav.sticky-header #black-menu {
  2175.            display: flex;
  2176.        }
  2177.  
  2178.        nav .nav-menu .menu_items {
  2179.            position: unset;
  2180.            /* display: flex; */
  2181.            left: unset;
  2182.            -webkit-box-shadow: unset;
  2183.                    box-shadow: unset;
  2184.            /* height: auto; */
  2185.            height: 100%;
  2186.            width: auto;
  2187.            background: transparent;
  2188.            /* width: auto; */
  2189.        }
  2190.  
  2191.        nav .menu_items .menu-container {
  2192.            padding: 0;
  2193.            display: -webkit-box;
  2194.            display: -ms-flexbox;
  2195.            display: flex;
  2196.            gap: 20px;
  2197.            height: 90px;
  2198.            cursor: default;
  2199.            -webkit-box-align: center;
  2200.                -ms-flex-align: center;
  2201.                    align-items: center;
  2202.        }
  2203.  
  2204.        nav .menu_items .menu-image {
  2205.            display: none;
  2206.        }
  2207.  
  2208.        nav .icon-plus {
  2209.            position: relative;
  2210.        }
  2211.  
  2212.        nav .sub-menu, nav .sub-menu-item {
  2213.            display: none;
  2214.        }
  2215.  
  2216.        nav .menu_items a {
  2217.            font-weight: 400;
  2218.            -webkit-transition: all 0.4s ease ;
  2219.            -o-transition: all 0.4s ease ;
  2220.            transition: all 0.4s ease ;
  2221.            padding: 4px 0;
  2222.            position: relative;
  2223.        }
  2224.  
  2225.  
  2226.        nav .menu_items a.img_uns {
  2227.            width: 70px;
  2228.        }
  2229.  
  2230.        nav .menu_items a:not(.cta-sub-menu-btn):hover,
  2231.        .fb-user-wrapper-guest>a>span>span:hover {
  2232.            color: #fe9400;
  2233.        }
  2234.  
  2235.        nav .img_uns,
  2236.        nav .img_fys {
  2237.            pointer-events: none;
  2238.            cursor:default;
  2239.        }
  2240.        nav .social_icons img,
  2241.        nav .filter-bio {
  2242.  
  2243.            width: 20px;
  2244.            height: 20px;
  2245.        }
  2246.        nav .icon-plus {
  2247.            display: none;
  2248.        }
  2249.  
  2250.        nav .nav-menu {
  2251.            height: 90px;
  2252.            position: relative;
  2253.        }
  2254.  
  2255.        nav .dropdown-icon {
  2256.            display: inline-block;
  2257.        }
  2258.  
  2259.        nav .menu_items a.shop-link {
  2260.            background-color: #fe9400;
  2261.            color: #000;
  2262.            border-radius: 50px;
  2263.            font-weight: 400;
  2264.            -webkit-transition: 0.3s;
  2265.            -o-transition: 0.3s;
  2266.            transition: 0.3s;
  2267.            padding: 10px 19px;
  2268.            text-transform: capitalize;
  2269.            border: 2px solid rgba(255, 255, 255, 0);
  2270.            position: relative;
  2271.        }
  2272.        nav .shop-link:hover {
  2273.            /* border-color: #fe9400 !important; */
  2274.            /* background-color: #000 !important; */
  2275.            color: #000 !important;
  2276.        }
  2277.    
  2278.        nav .sub-menu.sub-menu-shop,
  2279.        nav .sub-menu{
  2280.            /* display: block; */
  2281.            display: none;
  2282.            position: absolute;
  2283.            background: #f8f8f8;
  2284.            opacity: 1;
  2285.            z-index: 99999;
  2286.            height: auto;
  2287.            width: 100%;
  2288.            left: 0;
  2289.            top: 100%;
  2290.            border-top: 1px solid #e5e5e5;
  2291.            
  2292.        }
  2293.        nav .shop-link:hover + .sub-menu-shop,
  2294.        nav .sub-menu-shop:hover,
  2295.        nav .menu_items a:not(.cta-sub-menu-btn):hover + .sub-menu,
  2296.        nav .sub-menu:hover{
  2297.            display: block; /* Display the submenu when the link is hovered or the submenu itself is hovered */
  2298.        }
  2299.  
  2300.        nav .menu_items a.shop-link::after,
  2301.        nav .menu_items a.cta-menu-btn::after{
  2302.            content: '';
  2303.            position: absolute;
  2304.            /* height: 70px; */
  2305.            top: 0;
  2306.            left: 0;
  2307.            width: 100%;
  2308.        }
  2309.        nav .sub-menu-shop .sub-menu-item {
  2310.            display: block;
  2311.            opacity: 1;
  2312.            padding: 0;
  2313.            height: auto;
  2314.        }
  2315.  
  2316.        nav .sub-menu-item a {
  2317.            padding-left: 0;
  2318.        }
  2319.  
  2320.        nav .sub-menu a:not(.cta-sub-menu-btn):hover {
  2321.            padding-left: 10px;
  2322.            border-left: 5px solid #fe9400;
  2323.            color: #fe9400;
  2324.        }
  2325.        nav .sub-menu-item a:focus,
  2326.        nav .shop-contents a:focus {
  2327.            outline: none;
  2328.            border: 2px solid #000;
  2329.            padding-left: 10px;
  2330.            color: #fe9400;
  2331.            outline-offset: 0;
  2332.        }
  2333.  
  2334.        nav .sub-menu a:not(.cta-sub-menu-btn):hover img {
  2335.            color: #fe9400;
  2336.        }
  2337.  
  2338.        nav .link-image {
  2339.            padding: 0;
  2340.        }
  2341.        
  2342.        nav .link-image:hover {
  2343.            padding-left: 0 !important;
  2344.            border-left: none !important;
  2345.            color: transparent !important;
  2346.        }
  2347.  
  2348.        nav .icon {
  2349.            margin-top: -2px;
  2350.            display: inline;
  2351.        }
  2352.  
  2353.        nav .menu_items a.cta-sub-menu-btn {
  2354.            font-size: 0.875rem;
  2355.            font-weight: 700;
  2356.            padding: 8px 0 8px;
  2357.            margin-top: 0.5em;
  2358.            line-height: 1.2;
  2359.            text-decoration: underline;
  2360.            letter-spacing: 0;
  2361.        }
  2362.  
  2363.        nav .sub-menu .lg-container{
  2364.            max-width: 1200px;
  2365.            margin: 0 auto;
  2366.            padding: 1em 0;
  2367.        }
  2368.  
  2369.        nav .shop-contents {
  2370.            padding-right: 20px;
  2371.            width: 250px;
  2372.        }
  2373.        nav .shop-contents.stacks{
  2374.            width: 310px;
  2375.        }
  2376.        nav .shop-contents.brain{
  2377.            width: 230px;
  2378.        }
  2379.  
  2380.        /* nav .sub-menu .shop-contents a.cta-sub-menu-btn:first-child {
  2381.            margin-top: 0;
  2382.        } */
  2383.        
  2384.  
  2385.        nav .shop-contents:last-child{
  2386.            width: 450px;
  2387.            border-left: 5px solid #e5e5e5;
  2388.            padding-left: 25px;
  2389.        }
  2390.  
  2391.  
  2392.        nav .shop-contents img {
  2393.            width: 100%;
  2394.            margin-top: 0;
  2395.        }
  2396.  
  2397.        nav .stack-image {
  2398.            margin-top: 6px;
  2399.            margin-bottom: 6px;
  2400.        }
  2401.  
  2402.        nav .shop-contents .recommended-image .cta-sub-menu-btn{
  2403.            padding: 0;
  2404.            margin: 0;
  2405.        }
  2406.  
  2407.        nav .shop-contents.resources-content {
  2408.            border-left: 5px solid #e5e5e5;
  2409.            padding-left: 25px;
  2410.            /* padding: 1rem 1.2rem; */
  2411.        }
  2412.        nav .shop-contents.resources-content:nth-child(3) {
  2413.            width: 374px;
  2414.        }
  2415.        nav .shop-contents.resources-content:nth-child(2) {
  2416.            width: 369px;
  2417.        }
  2418.  
  2419.        nav .about-us .shop-contents p{
  2420.            margin-bottom: 14px;
  2421.            line-height: 1.2rem;
  2422.            font-size: 0.875rem !important;
  2423.        }
  2424.  
  2425.        nav .about-us .shop-contents {
  2426.            min-width: 250px;
  2427.        }
  2428.  
  2429.        nav .about-us .shop-contents:nth-child(2) {
  2430.            width: auto;
  2431.        }
  2432.  
  2433.        nav .about-us .shop-contents p a {
  2434.            display: inline-block;
  2435.            color: #fe9400;
  2436.            font-weight: 400;
  2437.            font-size: 0.875rem;
  2438.            padding: 0;
  2439.        }
  2440.        nav .about-us .shop-contents p a:hover {
  2441.            text-decoration: underline;
  2442.        }
  2443.  
  2444.        nav .about-us .shop-contents img {
  2445.            float: right;
  2446.            max-width: 200px;
  2447.            margin-left: 25px;
  2448.        }
  2449.  
  2450.        nav .featured {
  2451.            border-radius: 5px;
  2452.            background-color: #fe9400 ;
  2453.            color: #000;
  2454.    
  2455.            padding:4px 10px 4px 10px;
  2456.            font-size: 0.75rem;
  2457.            display: inline;
  2458.        }
  2459.  
  2460.        nav .blog img {
  2461.            height: 150px;
  2462.            width: 351px;
  2463.            border-radius: 5px;
  2464.            -o-object-fit: cover;
  2465.            object-fit: cover;
  2466.        }
  2467.  
  2468.        nav .menu_items a.identifying {
  2469.            color: #000;
  2470.            opacity: 0.8;
  2471.            -webkit-transition: all 0.5s ease;
  2472.            -o-transition: all 0.5s ease;
  2473.            transition: all 0.5s ease;
  2474.            font-size: 1.25rem;
  2475.            line-height: 1.2;
  2476.            margin-top: 0.2rem;
  2477.        }
  2478.  
  2479.        nav .blog .shop-contents:nth-child(2),
  2480.        nav .blog .shop-contents:nth-child(3) {
  2481.            /* border: red 1px solid; */
  2482.            margin-top: 15px;
  2483.  
  2484.        }
  2485.        
  2486.  
  2487.        nav .nav-menu .menu_items .fb-user-menu-mobile {
  2488.            display: none;
  2489.        }
  2490.  
  2491.        nav .shop-contents .fb-user-wrapper-customer,
  2492.        nav .shop-contents .fb-user-wrapper-guest,
  2493.        nav .menu_items .fb-user-wrapper-customer,
  2494.        nav .menu_items .fb-user-wrapper-guest {
  2495.            margin-bottom: -6px;
  2496.        }
  2497.  
  2498.  
  2499.        nav .search-icon {
  2500.            width: 1.188rem;
  2501.            height: 1.188rem;
  2502.        }
  2503.  
  2504.        nav #search-input {
  2505.            letter-spacing: 0.28px;
  2506.            color: #4d4d4d;
  2507.            width: 100%;
  2508.            border: none;
  2509.            outline: none;
  2510.            font-size: 0.875rem;
  2511.        }
  2512.        .search-mobile{
  2513.            display: none;
  2514.        }
  2515.    
  2516.    }
  2517.  
  2518.    @media screen and (min-width: 1280px) {
  2519.        nav .xl-block {
  2520.            display: block !important;
  2521.        }
  2522.        nav .menu_items .menu-container {
  2523.            width: 618px;
  2524.        }
  2525.        nav .lg-order-5 {
  2526.            margin-left: 90px;
  2527.        }
  2528.  
  2529.    }
  2530.  
  2531.    .sr-only {
  2532.        position: absolute;
  2533.        width: 1px;
  2534.        height: 1px;
  2535.        margin: -1px;
  2536.        padding: 0;
  2537.        border: 0;
  2538.        clip: rect(0, 0, 0, 0);
  2539.        overflow: hidden;
  2540.    }
  2541.  
  2542.  
  2543.    /* #search-bar {
  2544.        display: block;
  2545.    } */
  2546.     /* Nav Style End Here */
  2547. </style>
  2548. <!-- crp styles begin  -->
  2549. <style>
  2550. .fb-user-menu-main {
  2551.    padding-top: 0;
  2552.    padding-bottom: 0;
  2553.    /* margin-left: 10px; */
  2554. }
  2555. .fb-user-menu-mobile {
  2556.    margin-left: 15px;
  2557.    margin-right: -15px;
  2558. }
  2559. .fb-user-wrapper-customer>a,
  2560. .fb-user-wrapper-guest>a {
  2561.    display: flex !important;
  2562.    justify-content: center;
  2563.    align-items: center;
  2564. color: #000;
  2565.    padding-right: 0 !important;
  2566.    white-space: nowrap;
  2567.    font-family: 'lato', sans-serif !important;
  2568. }
  2569. .fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a {
  2570.    flex-direction: column;
  2571. }
  2572. .fb-user-wrapper-guest>a>img {
  2573.    height: 24px ;
  2574.    margin-left: 6px;
  2575. }
  2576. .fb-user-wrapper-guest>a>span {
  2577.    text-align: center;
  2578. }
  2579. .fb-user-wrapper-guest>a>span>span {
  2580.    display: block;
  2581.    font-size: 0.688rem;
  2582.    line-height: 120%;
  2583.    font-weight: 700;
  2584.    -webkit-transition: all 0.4s ease;
  2585.    -o-transition: all 0.4s ease;
  2586.    transition: all 0.4s ease;
  2587. }
  2588. .fb-user-wrapper-customer>a:hover,
  2589. .fb-user-wrapper-guest>a:hover {
  2590.    color: #fe9400 !important;
  2591. }
  2592. .fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a>img {
  2593.    height: 40px;
  2594.    width: 40px;
  2595. }
  2596. .fb-user-wrapper-customer.fb-user-wrapper-has-points>a>img {
  2597.    /*height: 24px !important;*/
  2598.    /*margin-right: 6px;*/
  2599.    filter: invert(35%) sepia(77%) saturate(650%) hue-rotate(36deg) brightness(91%) contrast(101%);
  2600. }
  2601. .fb-user-wrapper-customer>a>span {
  2602.    text-align: right;
  2603.    line-height: 1;
  2604. }
  2605. .fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a>span>span {
  2606.    display: block;
  2607.    margin-top: -6px;
  2608.    font-size: 0.75rem;
  2609.    font-weight: 700;
  2610. }
  2611. .fb-user-wrapper-customer.fb-user-wrapper-has-points>a>span>span {
  2612.    display: block;
  2613.    font-size: 8px;
  2614. }
  2615. .fb-user-wrapper-customer>a>span>span:nth-child(2) {
  2616.    font-size: 20px;
  2617.    font-weight: 700;
  2618.    color: #537000;
  2619. }
  2620.  
  2621. nav .nav-menu .menu_items .icon-user-nav {
  2622.    margin-left: 0;
  2623.    margin-right: 5px;
  2624.    height: 15px !important;
  2625.    width: auto;
  2626. }
  2627.  
  2628. nav .nav-menu .menu_items .fb-user-menu-mobile {
  2629.    margin-top: 40%;
  2630.    margin-left: 0;
  2631.    margin-right: 0;
  2632. }
  2633.  
  2634. nav .nav-menu .menu_items .fb-user-menu-mobile a{
  2635.    justify-content: start;
  2636. }
  2637.  
  2638. nav .nav-menu .menu_items a>span {
  2639.    font-size: 0.875rem;
  2640. }
  2641.  
  2642. nav .nav-menu .menu_items .fb-user-wrapper-customer a{
  2643.    color: #99A800;
  2644. }
  2645.  
  2646. @media screen and (max-width: 992px) {
  2647.    .mobile_shop_btn {
  2648.        margin-top: 10px;
  2649.        display: flex !important;
  2650.        align-items: center;
  2651.        font-size: 0.875rem;
  2652.        background: url('https://static-v1.cdn-bio.com/assets/icons/2024/dkgreen-arrow-right.svg') no-repeat 94% center #fe9400;
  2653.        margin-top: 5px;
  2654.        color: #fff !important;
  2655.        text-align: center;
  2656.        border-radius: 100px;
  2657.        height: 44px;
  2658.        box-sizing: border-box;
  2659.        justify-content: center;
  2660.    }
  2661.    
  2662. }
  2663.  
  2664. @media screen and (max-width: 376px) {
  2665.    nav .nav-menu {
  2666.        gap: 15px;
  2667.    }
  2668. }
  2669.  
  2670. @media screen and (max-width: 992px) {
  2671.    .skip-to-content {
  2672.        display: none;
  2673.        height: 0;
  2674.    }
  2675. }
  2676.  
  2677. /* Add this to your existing styles */
  2678. .skip-to-content {
  2679.    position: absolute;
  2680.    top: 5px;
  2681.    cursor: context-menu;
  2682.    opacity: 0;
  2683.    left: 20px;
  2684.    font-size: 0.875rem;
  2685.    z-index: 99992;
  2686.    background: #fff;
  2687.    color: #0b3c0b;
  2688.    padding: 7px 18px;
  2689.    top: 60%;
  2690.    border-radius: 4px;
  2691.    font-weight: normal;
  2692.    transform: translateY(-50%);
  2693.    transition: left 0.3s ease;
  2694. }
  2695.  
  2696. .skip-to-content:focus {
  2697.    outline: none; /* Removes default outline (optional, use with caution) */
  2698.    opacity: 1;
  2699.    border: 2px solid #FE9400;
  2700.    cursor: pointer;
  2701.    /* left: 50%;
  2702.    transform: translateX(-50%); */
  2703. }      
  2704. </style>
  2705. <!-- crp styles end -->
  2706. <!-- search style start here -->
  2707. <style>
  2708.    #search-results {
  2709.        display: none;
  2710.        background-color: #fff;
  2711.        width: 100%;
  2712.        /* display: flex; */
  2713.        flex-direction: column;
  2714.        justify-content: center;
  2715.        position: fixed;
  2716.        top: 0;
  2717.        z-index: 99993;
  2718.        left: 0;
  2719.        height: 100dvh;
  2720.        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  2721.        padding: 20px;
  2722.        /* z-index: 9999999; */
  2723.    }
  2724.  
  2725.    #search-input-results {
  2726.        color: #000;
  2727.        text-align: center;
  2728.        width: 100%;
  2729.        border: none;
  2730.        font-size: 1.25rem;
  2731.        outline: none;
  2732.        font-family: 'Lato', sans-serif;
  2733.        padding: 10px;
  2734.        margin-bottom: 20px;
  2735.        border-bottom: 1px solid #E5E5E5;
  2736.    }
  2737.    
  2738.  
  2739.    #search-input-results::placeholder {
  2740.        color: #A5A5A5;
  2741.    }
  2742.  
  2743.    .search-wrapper {
  2744.        position: relative;
  2745.        display: flex;
  2746.        align-items: center;
  2747.    }
  2748.  
  2749.    #clear-search {
  2750.        position: absolute;
  2751.        right: 10px;
  2752.        top: 16px;
  2753.        background: none;
  2754.        border: none;
  2755.        cursor: pointer;
  2756.        font-size: 16px;
  2757.        color: #A5A5A5;
  2758.    }
  2759.  
  2760.    .search-close-button {
  2761.        position: absolute;
  2762.        top: 20px;
  2763.        right: 20px;
  2764.        background: none;
  2765.        border: none;
  2766.        cursor: pointer;
  2767.        padding: 0;
  2768.        display: flex;
  2769.        align-items: center;
  2770.        justify-content: center;
  2771.        z-index: 99993;
  2772.    }
  2773.  
  2774.    .search-close-button img {
  2775.        width: 24px;
  2776.        height: 24px;
  2777.    }
  2778.  
  2779.    .search-close-button:hover {
  2780.        opacity: 0.8;
  2781.    }
  2782.  
  2783.    #search-submit {
  2784.        border-radius: 5px;
  2785.        background: #7D7A61;
  2786.        color: #fff;
  2787.        outline: none;
  2788.        border: none;
  2789.        width: 150px;
  2790.        margin-top: 20px;
  2791.        margin-left: auto;
  2792.        margin-right: auto;
  2793.        padding: 7px 20px;
  2794.        font-size: 1.25rem;
  2795.        font-weight: 400;
  2796.        cursor: pointer;
  2797.        
  2798.    }
  2799.  
  2800.    @media screen and (min-width: 992px) {
  2801.        .search-button {
  2802.            display: flex !important;
  2803.            align-items: center;
  2804.            gap: 11px;
  2805.            font-weight: 400;
  2806.            font-size: 0.875rem;
  2807.            color: #4d4d4d !important;
  2808.            letter-spacing: 0.28px;
  2809.        }
  2810.  
  2811.        #search-input-results{
  2812.            max-width: 600px;
  2813.            margin: auto;
  2814.        }
  2815.        #search-product-container,
  2816.        .search-wrapper{
  2817.            width: 600px;
  2818.            margin-left: auto;
  2819.            margin-right: auto;
  2820.        }
  2821.  
  2822.  
  2823.        #clear-search {
  2824.            top: 33px;
  2825.        }
  2826.  
  2827.        #search-input-results {
  2828.            font-size: 2.125rem;
  2829.        }
  2830.  
  2831.        #search-submit {
  2832.           padding: 15px 0;
  2833.           margin-top: 30px;
  2834.        }
  2835.  
  2836.    }
  2837. </style>
  2838.  
  2839.  
  2840.  
  2841. <header>
  2842. <div class="content-search">
  2843.    <div id="search-results" style="display: none;">
  2844.        <button role="button" tabindex="1" class="search-close-button" aria-label="Close search">
  2845.            <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
  2846.                <path d="M25.8389 8.83881L8.1612 26.5165" stroke="black" stroke-linecap="round"/>
  2847.                <path d="M25.8389 26.5165L8.1612 8.83881" stroke="black" stroke-linecap="round"/>
  2848.            </svg>
  2849.        </button>
  2850.  
  2851.        <div class="search-wrapper">
  2852.            <label for="search-input-results" class="sr-only">Search for a product:</label>
  2853.            <input id="search-input-results" placeholder="What product are you looking for?">
  2854.            <button id="clear-search" style="display: none;">
  2855.                <img src="https://fb-v1.cdn-bio.com/assets/clear-button-cde432b652059839f042949b8cd7fc73.svg" alt="clear-search">
  2856.            </button>
  2857.        </div>
  2858.        <button id="search-submit">Search</button>
  2859.  
  2860.    </div>
  2861. </div>
  2862.  
  2863. <!-- search style end here -->
  2864. <nav id="bio-header">
  2865. <div class="nav-container relative">
  2866.    <script src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js" data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" type="c809cfb0dd3ae4ab72768f5b-text/javascript"></script>
  2867.    <a aria-hidden="true" name="top"></a>
  2868.    <div id="black-menu">
  2869.        <div class="flex gap-x-5 justify-center align-center">
  2870.            <!-- <ul class="account_menu flex gap-x-5 uppercase">
  2871.                <li>
  2872.                    <a class="shop-preheader" header_source="account" href="https://bioptimizers.com/account/">My Account</a>
  2873.                </li>
  2874.                <li>
  2875.                    <a class="shop-preheader" header_source="logout" href="https://bioptimizers.com/account/" class="logout-link">Logout</a>
  2876.                </li>
  2877.            </ul> -->
  2878.        </div>
  2879.        <ul class="contact_nums">
  2880.            <li class="contact-num flex gap-x-5 align-center justify-center" class="shop-preheader" header_source="mobile-phone" aria-label="Contact number: 1-800-719-BIOP">
  2881.                <img alt="Headphone" class="filter-bio" src="https://static-v1.cdn-bio.com/assets/icons/icn-headphone.svg" width="17" height="17">
  2882.                <div style="color: #C2D500;">1-800-719-BIOP (1-800-719-2467)</div>
  2883.            </li>
  2884.            <li class="contact-num">
  2885.                <a href="/cdn-cgi/l/email-protection#196a6c6969766b6d597b7076696d707470637c6b6a377a7674" header_source="mail" class="shop-preheader flex gap-x-5 align-center justify-center" target="_blank" aria-label="Email support at support@bioptimizers.com">
  2886.                    <img alt="Mail" class="filter-bio" src="https://static-v1.cdn-bio.com/assets/icons/icn-mail.svg" width="17" height="17">
  2887.                    <span><span class="__cf_email__" data-cfemail="bfcccacfcfd0cdcbffddd6d0cfcbd6d2d6c5dacdcc91dcd0d2">[email&#160;protected]</span></span>
  2888.                </a>
  2889.            </li>
  2890.        </ul>
  2891.    </div>
  2892.    <div class="overlayMenuItems"></div>
  2893.    <div class="nav-menu flex align-center justify-center gap-x-15">
  2894.        <a role="button" class="icons menu-btn" aria-label="Toggle navigation menu">
  2895.            <img src="https://static-v1.cdn-bio.com/assets/icons/icn-burger.svg" width="22" height="16" alt="icon-hamburger">
  2896.        </a>
  2897.        <a href="https://bioptimizers.com/" aria-label="BIOptimizers Home">
  2898.            <img src="https://fb-v1.cdn-bio.com/assets/bio-logo-leaf-a346c5e75f72935b2634c7ab518aff7b.svg" class="bio-icon-mobile lg-none" alt="BIOptimizers Logo Mobile">
  2899.            <img src="https://fb-v1.cdn-bio.com/assets/0c79-299b-3180-47fc_bio-logo-2024-with-tagline-dfc9029c275b89bc022b286406b42b96.svg" class="sm-none lg-block" alt="BIOptimizers Logo Desktop">
  2900.        </a>      
  2901.        <div class="spacer"></div>
  2902.        <div class="search-mobile">
  2903.            <a role="button" class="search-button">
  2904.                <img src="https://fb-v1.cdn-bio.com/assets/search-icon-d4f2ad685582be96be206e395e1e54dc.svg" class="search-icon search-icon-mobile" alt="search-icon">
  2905.            </a>      
  2906.        </div>  
  2907.        <div class="menu_items">
  2908.            <div class="menu-container">
  2909.                <div class="flex align-center lg-order-2 float-logo lg-none xl-block">
  2910.                    <a type="button" class="close-btn lg-none" role="button" aria-label="Close navigation menu">
  2911.                        <img src="https://static-v1.cdn-bio.com/assets/icons/icn-close.svg" alt="icon-close">
  2912.                    </a>
  2913.                    <a href="https://bioptimizers.com/" class="lg-none" aria-label="Return to BIOptimizers home page">
  2914.                        <img src="https://fb-v1.cdn-bio.com/assets/0c79-299b-3180-47fc_bio-logo-2024-with-tagline-dfc9029c275b89bc022b286406b42b96.svg" class="bio-icon bio-icon-mobile" alt="Optimizing Health Since 2004">
  2915.                    </a>
  2916.                </div>
  2917.                <div class="lg-none">
  2918.                    <a href="https://bioptimizers.com/biobucks" class="img_uns lg-order-3 lg-w-140 fb-user-wrapper-customer" target="_blank" tabindex="0">
  2919.                        <picture>
  2920.                          <img loading="lazy" width="220" height="137" class="menu-image"
  2921.                               alt="Earn and redeem BIOBucks rewards"
  2922.                               src="https://static-v1.cdn-bio.com/bio-pages/bio-home/img-BIObucks-sm-v2.webp">
  2923.                        </picture>
  2924.                        <span class="sr-only">Learn more about BIOBucks rewards</span>
  2925.                      </a>
  2926.                      
  2927.                    <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" class="img_uns lg-order-3 lg-w-140 fb-user-wrapper-guest lg-none xl-block" target="_blank">
  2928.                        <picture>
  2929.                            <source media="(min-width: 358px) and (max-width: 361px)" srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/object-fit=contain,width=220,quality=90,format=webp/assets/uploads/211b-6499-a6cb-4eb7_the-ultimate-nutrition-system-menu.webp" type="image/webp">
  2930.                            <img loading="lazy" width="220" height="137" class="menu-image" alt="The Ultimate Nutrition System menu showing a selection of supplements" src="https://static-v1.cdn-bio.com/bio-shop/2023/the-ultimate-nutrition-system-menu.webp" />
  2931.                        </picture>
  2932.                        <span class="sr-only">Learn more about The Ultimate Nutrition System</span>
  2933.                    </a>
  2934.                    <a href="https://bioptimizers.com/shop/stacks" class="img_fys lg-order-4 lg-w-140 lg-none xl-block" target="_blank">
  2935.                        <picture>
  2936.                            <source media="(min-width: 358px) and (max-width: 361px)" srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/object-fit=contain,width=220,quality=90,format=webp/bio-pages/bio-home/find-your-stack-today-v2.1.webp" type="image/webp">
  2937.                            <img loading="lazy" width="220" height="50" class="menu-image" alt="find-your-stack-today" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/find-your-stack-today-v2.1.webp" />
  2938.                        </picture>
  2939.                        <span class="sr-only">Find your stack today</span>
  2940.                    </a>
  2941.                </div>
  2942.                <div class="lg-p-10 lg-order-1 lg-flex lg-gap-x-20 lg-items-center">
  2943.                    <a href="https://bioptimizers.com/shop" class="relative shop-link shop-btn icon-plus-image cta-menu-btn shop-link-prevent" aria-label="Shop all products">Shop</a>
  2944.                    <div class="sub-menu sub-menu-shop">
  2945.                        <a href="https://bioptimizers.com/shop" class="all-products lg-none">All Product </a>
  2946.                        <div class="lg-flex lg-container">
  2947.                            <div class="shop-contents">
  2948.                                <div class="by-order">
  2949.                                    <a href="https://bioptimizers.com/shop/collections/nutrients" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Nutrients Collection">Nutrients</a>
  2950.                                    <div class="sub-menu-item">
  2951.                                        <a href="https://bioptimizers.com/shop/products/berberine-breakthrough" aria-label="Shop Berberine Breakthrough">Berberine Breakthrough</a>
  2952.                                        <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough" aria-label="Shop Magnesium Breakthrough">Magnesium Breakthrough</a>
  2953.                                        <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough-drink" aria-label="Shop Magnesium Breakthrough Drink">Magnesium Breakthrough Drink</a>
  2954.                                        <a href="https://bioptimizers.com/shop/products/protein-breakthrough" aria-label="Shop Protein Breakthrough - Chocolate">Protein Breakthrough - Chocolate</a>
  2955.                                        <!-- <a href="https://bioptimizers.com/shop/products/protein-breakthrough-berry">Protein Breakthrough - Berry</a> -->
  2956.                                        <a href="https://bioptimizers.com/shop/products/stress-guardian" aria-label="Shop Stress Guardian">Stress Guardian</a>
  2957.                                    </div>
  2958.                                </div>
  2959.                                <div class="by-order">
  2960.                                    <a href="https://bioptimizers.com/shop/collections/probiotics" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Probiotics Collection">Probiotics</a>
  2961.                                    <div class="sub-menu-item">
  2962.                                        <a href="https://bioptimizers.com/shop/products/microbiome-breakthrough" aria-label="Shop Microbiome Breakthrough®">Microbiome Breakthrough®</a>
  2963.                                        <a href="https://bioptimizers.com/shop/products/probiotic-breakthrough" aria-label="Shop Probiotic Breakthrough">Probiotic Breakthrough</a>
  2964.                                    </div>
  2965.                                </div>
  2966.                                <div class="by-order">
  2967.                                    <a href="https://bioptimizers.com/shop/collections/sleep" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Sleep Collection">Sleep</a>
  2968.                                    <div class="sub-menu-item">
  2969.                                        <a href="https://bioptimizers.com/shop/products/sleep-breakthrough" aria-label="Shop Sleep Breakthrough Capsule">Sleep Breakthrough</a>
  2970.                                        <a href="https://bioptimizers.com/shop/products/sleep-breakthrough-drink" aria-label="Shop Sleep Breakthrough Drink">Sleep Breakthrough Drink</a>
  2971.                                    </div>
  2972.                                </div>
  2973.                                <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="Shop The Ultimate Nutrition System">The Ultimate Nutrition System</a>
  2974.                                <div class="sub-menu-item">
  2975.                                    <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-bible" aria-label="Shop Ultimate Nutrition Bible">Ultimate Nutrition Bible</a>
  2976.                                    <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-course" aria-label="Shop Ultimate Nutrition Course">Ultimate Nutrition Course</a>
  2977.                                </div>
  2978.                            </div>
  2979.                            <div class="shop-contents brain">
  2980.                                <div class="by-order">
  2981.                                    <a href="https://bioptimizers.com/shop/collections/brain" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Brain Collection">Brain</a>
  2982.                                    <div class="sub-menu-item">
  2983.                                        <a href="https://bioptimizers.com/shop/products/cognibiotics" aria-label="Shop Cognibiotics">Cognibiotics</a>
  2984.                                        <a href="https://bioptimizers.com/shop/products/mushroom-breakthrough" aria-label="Shop Mushroom Breakthrough">Mushroom Breakthrough</a>
  2985.                                    </div>
  2986.                                </div>
  2987.                                <div class="by-order">
  2988.                                    <a href="https://bioptimizers.com/shop/collections/enzymes" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Enzymes Collection">Enzymes</a>
  2989.                                    <div class="sub-menu-item">
  2990.                                        <a href="https://bioptimizers.com/shop/products/gluten-guardian" aria-label="Shop Gluten Guardian">Gluten Guardian</a>
  2991.                                        <a href="https://bioptimizers.com/shop/products/hcl-breakthrough" aria-label="Shop HCL Breakthrough">HCL Breakthrough</a>
  2992.                                        <a href="https://bioptimizers.com/shop/products/masszymes" aria-label="Shop MassZymes">MassZymes</a>
  2993.                                        <a href="https://bioptimizers.com/shop/products/vegzymes" aria-label="Shop Vegzymes">Vegzymes</a>
  2994.                                    </div>
  2995.                                </div>
  2996.                                <div class="by-order">
  2997.                                    <a href="https://bioptimizers.com/shop/collections/female-support" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Female Support Collection">Female Support</a>
  2998.                                    <div class="sub-menu-item">
  2999.                                        <a href="https://bioptimizers.com/shop/products/cycle-care" aria-label="Shop Cycle Care">Cycle Care</a>
  3000.                                    </div>
  3001.                                </div>
  3002.                                <div class="by-order">
  3003.                                    <a href="https://bioptimizers.com/shop/collections/enzymes" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Fitness Collection">Fitness</a>
  3004.                                    <div class="sub-menu-item">
  3005.                                        <a href="https://bioptimizers.com/shop/products/kapex" aria-label="Shop kApex">kApex</a>
  3006.                                    </div>
  3007.                                </div>
  3008.                                <div class="by-order">
  3009.                                    <a href="https://bioptimizers.com/shop/collections/digestive-health/" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Gut Flora And Movement Collection">Gut Flora And Movement</a>
  3010.                                    <div class="sub-menu-item">
  3011.                                        <a href="https://bioptimizers.com/shop/products/herbal-power-flush" aria-label="Shop Herbal Power Flush">Herbal Power Flush</a>
  3012.                                        <a href="https://bioptimizers.com/shop/products/herbal-parasite-guardian" aria-label="Shop Parasite Guardian">Para Guardian</a>
  3013.                                    </div>
  3014.                                </div>
  3015.                                
  3016.                            </div>
  3017.                            <div class="shop-contents stacks">
  3018.                                <div class="by-order">
  3019.                                    <a href="https://bioptimizers.com/shop/" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Stacks Collection">Stacks</a>
  3020.                                    <div class="sub-menu-item">
  3021.                                        <a href="https://bioptimizers.com/shop/products/90-day-total-gut-cleanse-stack-one-time-payment" aria-label="Shop 90 Day Total Gut Cleanse Stack">90 Day Total Gut Cleanse Stack</a>
  3022.                                        <a href="https://bioptimizers.com/shop/products/bioptimized-brain-bundle" aria-label="Shop BIOptimized Brain Bundle">BIOptimized Brain Bundle</a>
  3023.                                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" aria-label="Shop BIOptimized Digestive Health Stack">BIOptimized Digestive Health Stack</a>
  3024.                                        <a href="https://bioptimizers.com/shop/products/breakthrough-sleep-stack" aria-label="Shop Breakthrough Sleep Stack">Breakthrough Sleep Stack</a>
  3025.                                        <a href="https://bioptimizers.com/shop/products/cheat-meal-stack" aria-label="Shop Cheat Meal Stack">Cheat Meal Stack</a>
  3026.                                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" aria-label="Shop Keto/Paleo Diet Stack">Keto/Paleo Diet Stack</a>
  3027.                                        <a href="https://bioptimizers.com/shop/products/perfect-meal" aria-label="Shop The Perfect Meal Stack">The Perfect Meal Stack</a>
  3028.                                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack" aria-label="Shop The Ultimate Gut Health Stack">The Ultimate Gut Health Stack</a>
  3029.                                        <a href="https://bioptimizers.com/shop/products/wade-chocolate-diet-pudding" aria-label="Shop Wade's Diet Chocolate Pudding">Wade's Diet Chocolate Pudding</a>
  3030.                                        <a href="https://bioptimizers.com/shop/products/ultimate-biological-optimization-system" aria-label="Shop Ultimate BIOlogical Optimization System">Ultimate BIOlogical Optimization System</a>
  3031.                                    </div>
  3032.                                </div>
  3033.                                <div class="by-order">
  3034.                                    <a href="https://bioptimizers.com/shop/" class=" icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Travel Packets Collection">Travel Packets</a>
  3035.                                    <div class="sub-menu-item">
  3036.                                        <a href="https://bioptimizers.com/shop/products/travel-protection-stack" aria-label="Shop Travel Protection Stack">Travel Protection Stack</a>
  3037.                                    
  3038.                                    </div>
  3039.                                </div>
  3040.                                <div class="by-order">
  3041.                                    <a href="https://bioptimizers.com/shop/products/gift-cards" class=" icon-plus-image cta-sub-menu-btn  sm-none lg-block" aria-label="Shop Gift Cards">Gift Cards</a>
  3042.                                </div>
  3043.                                <!-- <div class="sub-menu-item">
  3044.                                    <a href="https://bioptimizers.com/shop/products/gift-cards">Gift Cards</a>
  3045.                                </div> -->
  3046.                              
  3047.                            </div>
  3048.                            <div class="shop-contents">
  3049.                                <div class="sm-none lg-block">
  3050.                                    <a href="https://bioptimizers.com/biobucks" class="link-image lg-p-0" target="_blank">
  3051.                                        <picture role="img" aria-label="Ultimate Nutrition System Menu - Click to learn more">
  3052.                                            <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/img-BIObucks-sm-v2.webp" type="image/webp">
  3053.                                            <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" class="fb-user-wrapper-customer" alt="Ultimate Nutrition System Menu - Click to learn more">
  3054.                                        </picture>
  3055.                                    </a>
  3056.                                </div>
  3057.                                <div class="sm-none lg-block">
  3058.                                    <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" class="link-image lg-p-0" target="_blank">
  3059.                                        <picture role="img" aria-label="Ultimate Nutrition System Menu - Click to learn more">
  3060.                                            <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/2023/the-ultimate-nutrition-system-menu.webp" type="image/webp">
  3061.                                            <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" class="fb-user-wrapper-guest " alt="Ultimate Nutrition System Menu - Click to learn more">
  3062.                                        </picture>
  3063.                                    </a>
  3064.                                </div>
  3065.                                <a href="https://bioptimizers.com/shop/stacks" class="link-image sm-none lg-block" target="_blank">
  3066.                                    <picture>
  3067.                                        <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/find-your-stack-today-v2.1.webp" type="image/webp">
  3068.                                        <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" class="stack-image sm-none lg-block" alt="find-your-stack-today">
  3069.                                    </picture>
  3070.                                </a>
  3071.                                <a href="https://bioptimizers.com/shop" class="sm-none lg-block lg-font-bold lg-underline" aria-label="Shop All Products">Shop All Products
  3072.                                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="currentColor">
  3073.                                        <path d="M9.03025 0.227013L13.273 4.46976C13.4136 4.61041 13.4926 4.80114 13.4926 5.00001C13.4926 5.19889 13.4136 5.38962 13.273 5.53026L9.03025 9.77301C8.8888 9.90963 8.69935 9.98523 8.5027 9.98352C8.30605 9.98181 8.11794 9.90293 7.97889 9.76388C7.83983 9.62482 7.76095 9.43671 7.75924 9.24006C7.75754 9.04342 7.83313 8.85397 7.96975 8.71251L10.9323 5.75001H1C0.801088 5.75001 0.610322 5.671 0.46967 5.53034C0.329018 5.38969 0.25 5.19893 0.25 5.00001C0.25 4.8011 0.329018 4.61034 0.46967 4.46968C0.610322 4.32903 0.801088 4.25001 1 4.25001H10.9323L7.96975 1.28751C7.89812 1.21833 7.84098 1.13557 7.80167 1.04407C7.76237 0.952563 7.74168 0.854149 7.74081 0.754564C7.73995 0.65498 7.75892 0.55622 7.79663 0.464047C7.83434 0.371875 7.89003 0.288137 7.96045 0.217717C8.03087 0.147297 8.11461 0.0916076 8.20678 0.053897C8.29896 0.0161863 8.39772 -0.00279017 8.4973 -0.00192481C8.59688 -0.00105945 8.6953 0.0196303 8.7868 0.058937C8.87831 0.0982438 8.96106 0.155381 9.03025 0.227013Z"/>
  3074.                                    </svg>
  3075.                                </a>
  3076.                                <a href="https://bioptimizers.com/shop/products/gift-cards" class="lg-none" aria-label="Shop Gift Cards">Gift Cards </a>
  3077.                                <a href="https://bioptimizers.com/shop/collections/merch" class="lg-font-bold lg-underline sm-none lg-block" aria-label="View Merchandise Collection">Merchandise </a>
  3078.                            </div>
  3079.                        </div>
  3080.                    </div>
  3081.                    <div id="search-bar">
  3082.                        <a role="button" class="search-button">
  3083.                            <img src="https://fb-v1.cdn-bio.com/assets/search-icon-d4f2ad685582be96be206e395e1e54dc.svg" class="search-icon " alt="search-icon">
  3084.                            Search Products
  3085.                        </a>
  3086.                    </div>
  3087.        
  3088.                </div>
  3089.                
  3090.                
  3091.                <a href="https://bioptimizers.com/bioptimization-blueprint/" class="lg-none relative">The Biological Optimization Blueprint <img class="right-icon" src="https://static-v1.cdn-bio.com/assets/icons/arrow.svg" alt="dropdown-icon"></a>
  3092.                <a href="https://bioptimizers.com/awesome-health-course" class="lg-none relative" aria-label="View The Awesome Health Course">The Awesome Health Course <img class="right-icon" src="https://static-v1.cdn-bio.com/assets/icons/arrow.svg" alt="dropdown-icon"></a>
  3093.                <a href="https://bioptimizers.com/shop/collections/merch" class="lg-none relative" aria-label="View Merchandise Collection">Merchandise <img class="right-icon" src="https://static-v1.cdn-bio.com/assets/icons/arrow.svg" alt="dropdown-icon"></a>
  3094.                <div class="lg-p-10 lg-order-5">
  3095.                    <a href="https://bioptimizers.com/blog" class="relative icon-plus-image blog-btn cta-menu-btn shop-link-prevent" aria-label="View Blog">Blog <img class="dropdown-icon" src="https://fb-v1.cdn-bio.com/assets/d3f2-23ac-5261-4c29_dropdown-eb4ea378493881f2eb6ae3d9a671c694.svg" alt="dropdown-icon"></a>
  3096.                    <div class="sub-menu blog">
  3097.                        <div class="lg-flex lg-container">
  3098.                            <div class="shop-contents">
  3099.                                <a role="button" class="cta-sub-menu-btn shop-link-prevent sm-none lg-block" style="cursor: default;" aria-label="View BIOptimizers Blog Categories">BIOptimizers Blog Categories</a>
  3100.                                <a href="https://bioptimizers.com/blog/category/biohacking/" aria-label="View BIOHacking">BIOHacking</a>
  3101.                                <a href="https://bioptimizers.com/blog/category/bioptimized-woman/" aria-label="View BIOptimized Woman">BIOptimized Woman</a>
  3102.                                <a href="https://bioptimizers.com/blog/category/brain/" aria-label="View Brain">Brain</a>
  3103.                                <a href="https://bioptimizers.com/blog/category/deep-sleep/" aria-label="View Deep Sleep">Deep Sleep</a>
  3104.                            </div>
  3105.                            <div class="shop-contents">
  3106.                                <a href="https://bioptimizers.com/blog/category/fitness/" aria-label="View Fitness">Fitness</a>
  3107.                                <a href="https://bioptimizers.com/blog/category/health/" aria-label="View Health">Health</a>
  3108.                                <a href="https://bioptimizers.com/blog/category/healthy-recipes/" aria-label="View Healthy Recipes">Healthy Recipes</a>
  3109.                                <a href="https://bioptimizers.com/blog/category/improved-digestion/" aria-label="View Improved Digestion">Improved Digestion</a>
  3110.                            </div>
  3111.                            <div class="shop-contents">
  3112.                                <a href="https://bioptimizers.com/blog/category/nutrition/" aria-label="View Nutrition">Nutrition</a>
  3113.                                <a href="https://bioptimizers.com/blog/category/uncategorized/" aria-label="View Uncategorized">Uncategorized</a>
  3114.                            </div>
  3115.                            <div class="shop-contents sm-none lg-block">
  3116.                                <a href="https://bioptimizers.com/blog/what-is-a-magnesium-supplement-good-for/" class="cta-sub-menu-btn" target="_blank" aria-label="View What Is A Magnesium Supplement Good For">
  3117.                                    <picture>
  3118.                                        <source media="(min-width: 992px)" srcset="https://bioptimizers.com/blog/wp-content/uploads/bb-plugin/cache/Optimized-GettyImages-1054282608-landscape.jpg" type="image/jpg">
  3119.                                        <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="magnesium-supplement">
  3120.                                    </picture>
  3121.                                </a>
  3122.                                <div class="featured">Featured</div>
  3123.                                <a href="https://bioptimizers.com/blog/what-is-a-magnesium-supplement-good-for/?gl=634aeaed3f5d602d528b45d8" class="identifying" aria-label="View Identifying The Benefits: What Is A Magnesium Supplement Good for?">Identifying The Benefits: What Is A Magnesium Supplement Good for?</a>
  3124.                            </div>
  3125.                        </div>
  3126.                    </div>
  3127.                </div>
  3128.                <div class="lg-p-10 lg-order-6">
  3129.                    <a role="button" class="relative icon-plus-image resource-btn cta-menu-btn" id="resources" aria-label="View Resources">Resources <img class="dropdown-icon" src="https://fb-v1.cdn-bio.com/assets/d3f2-23ac-5261-4c29_dropdown-eb4ea378493881f2eb6ae3d9a671c694.svg" alt="dropdown-icon"></a>
  3130.                    <div class="sub-menu">
  3131.                        <div class="lg-flex lg-container justify-center">
  3132.                            <div class="shop-contents">
  3133.                                <a role="button" class="cta-sub-menu-btn shop-link-prevent sm-none lg-block" style="cursor: default;" aria-label="View Health Resource">Health Resource</a>
  3134.                                <a href="https://bioptimizers.com/awesome-health-podcast/" aria-label="View Awesome Health Podcast">Awesome Health Podcast </a>
  3135.                                <a href="https://bioptimizers.com/external-podcasts" aria-label="View Media And Appearances">Media And Appearances </a>
  3136.                                <a href="https://bioptimizers.com/blog" aria-label="View Blog">Blog </a>
  3137.                                <a href="https://bioptimizers.com/wade/" aria-label="View Hire Wade to Speak">Hire Wade to Speak </a>
  3138.                            </div>
  3139.                            <div class="shop-contents resources-content sm-none lg-block">
  3140.                                <a href="https://bioptimizers.com/recommended-products/" class="cta-sub-menu-btn shop-link-prevent sm-none lg-block underline" aria-label="View Recommended Products">Recommended Products</a>
  3141.                                <div class="lg-flex lg-gap-x-10 recommended-image" >
  3142.                                    <a href="https://puralityhealth.com/" class="cta-sub-menu-btn" target="_blank" aria-label="View Purality Health">
  3143.                                        <picture>
  3144.                                            <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-recommended-1.webp" type="image/webp">
  3145.                                            <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="header-recommended-1">
  3146.                                        </picture>
  3147.                                    </a>
  3148.                                    <a href="https://truedark.com/" class="cta-sub-menu-btn" target="_blank" aria-label="View True Dark">
  3149.                                        <picture>
  3150.                                            <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-recommended-2.webp" type="image/webp">
  3151.                                            <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="header-recommended-2">
  3152.                                        </picture>
  3153.                                    </a>
  3154.                                </div>
  3155.                            </div>
  3156.                            <div class="shop-contents resources-content sm-none lg-block">
  3157.                                <a href="https://bioptimizers.com/awesome-health-podcast/" class="cta-sub-menu-btn" target="_blank" aria-label="View Awesome Health Podcast">
  3158.                                    <picture>
  3159.                                        <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-img-ahp.webp" type="image/webp">
  3160.                                        <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" class="sm-none lg-block" alt="header-recommended-1">
  3161.                                    </picture>
  3162.                                </a>
  3163.                            </div>
  3164.                        </div>
  3165.                    </div>
  3166.                </div>
  3167.                <div class="lg-p-10 lg-order-7">
  3168.                    <a role="button" class="relative icon-plus-image about-btn cta-menu-btn " id="aboutUs " aria-label="View About Us">About Us <img class="dropdown-icon" src="https://fb-v1.cdn-bio.com/assets/d3f2-23ac-5261-4c29_dropdown-eb4ea378493881f2eb6ae3d9a671c694.svg" alt="dropdown-icon"></a>
  3169.                    <div class="sub-menu">
  3170.                        <div class="lg-flex lg-container about-us">
  3171.                            <div class="shop-contents">
  3172.                                <a role="button" class="cta-sub-menu-btn shop-link-prevent sm-none lg-block" style="cursor: default;" aria-label="View About Our Company">About Our Company</a>
  3173.                                <a href="https://bioptimizers.com/about-us/" aria-label="View Our Story">Our Story </a>
  3174.                                <a href="https://bioptimizers.com/meet-team/" aria-label="View Meet the Team">Meet the Team </a>
  3175.                                <a href="https://bioptimizers.com/join-the-biofamily" aria-label="View Careers">Careers </a>
  3176.                                <a href="https://bioptimizers.com/scholarship/" aria-label="View Scholarship">Scholarship </a>
  3177.                            </div>
  3178.                            <div class="shop-contents sm-none lg-block">
  3179.                                <picture>
  3180.                                    <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/2023/menu-logo.svg" type="image/webp">
  3181.                                    <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" class="logo sm-none lg-block" alt="header-recommended-1">
  3182.                                </picture>
  3183.                                <p>Why BIOptimizers Is A Different Kind Of Company</p>
  3184.                                <p class="italic">BIOptimizers Was Born From Pain And Passion</p>
  3185.                                <p>Wade and Matt were both trainers working with pro athletes and other high performers. They both spend a decade in the gym helping people transform their health. Wade and Matt met in the gym, struck a friendship, and then started a business partnership...<a href="https://bioptimizers.com/about-us/" target="_blank" class="cta-sub-menu-btn read-more italic">[read more]</a></p>
  3186.                            </div>
  3187.                        </div>
  3188.                    </div>
  3189.                </div>
  3190.                <div class="shopbtn_placeholder">
  3191.                    <a class="mobile_shop_btn" href="https://bioptimizers.com/shop" aria-label="View Shop Now">
  3192.                        <span>SHOP NOW</span>
  3193.                    </a>
  3194.                </div>
  3195.                <div class="fb-user-menu-mobile fb-user-wrapper-guest">
  3196.                    <a href="https://bioptimizers.com/account/auth/login?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="Sign up or log in to your account">
  3197.                        <img src="https://static-v1.cdn-bio.com/assets/icons/icn-user.svg" class="icon-user-nav" alt="icon-user">
  3198.                        <span class="lg-font-bold">Sign-Up / Log-In</span>
  3199.                    </a>
  3200.                </div>
  3201.                <div class="fb-user-menu-mobile fb-user-wrapper-customer">
  3202.                    <a href="https://bioptimizers.com/account/auth/logout" aria-label="Log out of your account">
  3203.                        <span class="lg-font-bold">Log Out</span>
  3204.                    </a>
  3205.                </div>
  3206.            </div>
  3207.        </div>
  3208.        <div class="fb-user-menu-main fb-user-wrapper-guest">
  3209.            <a href="https://bioptimizers.com/account/auth/login?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="Sign up or log in to your account">
  3210.                <span><span>Sign-Up</span><span>Log-In</span></span>
  3211.                <img src="https://static-v1.cdn-bio.com/assets/icons/icn-user.svg" alt="icon-user-login">
  3212.            </a>
  3213.        </div>
  3214.        <div class="fb-user-menu-main fb-user-wrapper-customer fb-user-wrapper-has-no-points">
  3215.            <a href="https://bioptimizers.com/account/auth/profile?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="View Your Profile">
  3216.                <img src="https://fb-v1.cdn-bio.com/assets/eb7b-b797-74d3-436f_icon-799057af4c27c8ec9513c2f3edf45b4a.svg" alt="icon-user-no-points" width="50" height="50">
  3217.                <span><span>Hi, </span></span>
  3218.            </a>
  3219.        </div>
  3220.        <div class="fb-user-menu-main fb-user-wrapper-customer fb-user-wrapper-has-points">
  3221.            <a href="https://bioptimizers.com/account/auth/profile?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="View Your Profile">
  3222.                <img style="margin-right: -9px;" src="https://fb-v1.cdn-bio.com/assets/eb7b-b797-74d3-436f_icon-799057af4c27c8ec9513c2f3edf45b4a.svg" alt="icon-user-has-points" width="50" height="50">
  3223.                <span><span>You have</span><span>$0.00</span><span>BIObucks</span></span>
  3224.            </a>
  3225.        </div>
  3226.        <div class="lg-p-10 relative">
  3227.            <a href="https://bioptimizers.com/shop/cart" class="cart-new-btn" aria-label="View shopping cart">
  3228.                <img src="https://static-v1.cdn-bio.com/assets/icons/icn-cart.svg" class="icon-cart-image" alt="Shopping cart icon">
  3229.                <span class="qsc-btn__badge js-fb-shop-label-cart-item-counter">0</span>
  3230.            </a>
  3231.        </div>
  3232.    </div>
  3233. </div>
  3234. </nav>
  3235. </header>
  3236.  
  3237.  
  3238. <!-- Nav script start here -->
  3239. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="c809cfb0dd3ae4ab72768f5b-text/javascript">    
  3240.  
  3241. const headerScript = {
  3242.    variables: {
  3243.        iconImage: document.querySelectorAll(".icon-plus-image"),
  3244.        ctaMenuButton: document.querySelectorAll(".cta-menu-btn"),
  3245.        ctaSubMenuButton: document.querySelectorAll(".cta-sub-menu-btn"),
  3246.        ctaSubMenuItemButton: document.querySelectorAll(".cta-sub-menu-item"),
  3247.        menu: {
  3248.            menuButton: document.querySelector(".menu-btn"),
  3249.            menuItems: document.querySelector(".menu_items"),
  3250.            closeMenuItems: document.querySelector(".overlayMenuItems"),
  3251.            closeButton: document.querySelector(".close-btn"),
  3252.            floatLogo: document.querySelector(".float-logo"),
  3253.            menuContainer: document.querySelector(".menu-container")
  3254.        },
  3255.        counters: document.querySelectorAll(".qsc-btn__badge"),
  3256.        observer: null,
  3257.        shopLinkPrevent: document.querySelectorAll(".shop-link-prevent"),
  3258.        activeElement: null,
  3259.        focusableElements: null
  3260.    },
  3261.    // Initialization function
  3262.    init() {
  3263.        this.headerFunction();
  3264.        this.addImageFunction();
  3265.        this.toggleButton();
  3266.        this.stickyFunction();
  3267.        this.createObserver();
  3268.        this.handleCounterChange();
  3269.        this.bioHeaderFunction();
  3270.        this.preventLinkFunction();
  3271.        this.setupKeyboardNavigation();
  3272.        this.setupSkipToContent();
  3273.    },
  3274.    toggleButton() {
  3275.        // Function to toggle the "active" class on an element and its next sibling
  3276.        const toggleActiveClass = (element, active) => {
  3277.           // Check if the element has a parent element
  3278.            const parentElement = element?.parentElement;
  3279.            
  3280.            if (!parentElement) {
  3281.                return; // Exit the function if no parent element
  3282.            }
  3283.  
  3284.            const activeElements = parentElement.querySelectorAll(".active");
  3285.            
  3286.            if (active) {
  3287.                element.classList.add("active");
  3288.                element.nextElementSibling?.classList.add("active"); // Adds active class to the next sibling if it exists
  3289.            } else {
  3290.                element.classList.remove("active");
  3291.                element.nextElementSibling?.classList.remove("active");
  3292.                
  3293.                activeElements.forEach(activeElement => {
  3294.                    activeElement.classList.remove("active");
  3295.                });
  3296.            }
  3297.        }
  3298.  
  3299.        // Function to add click event to a set of buttons
  3300.        const addClickEvent = (buttons) => {
  3301.            buttons.forEach(button => {
  3302.                button.addEventListener("click", elem => {
  3303.                    // Check if the clicked button is already ACTIVE
  3304.                    const isAlreadyActive = elem.currentTarget.classList.contains("active");
  3305.                    // console.log(elem.currentTarget)
  3306.  
  3307.                    // Remove ACTIVE class from all buttons
  3308.                    buttons.forEach(btn => toggleActiveClass (btn, false));
  3309.                    
  3310.  
  3311.                    // Add ACTIVE class to the clicked button and its submenu if it wasn't active already
  3312.                    toggleActiveClass(elem.currentTarget, !isAlreadyActive);
  3313.                })
  3314.            })
  3315.        }
  3316.    
  3317.        // Add Click event to main menu button
  3318.        addClickEvent(this.variables.ctaMenuButton);
  3319.        
  3320.        //  Add Click event to submenu button
  3321.        addClickEvent(this.variables.ctaSubMenuButton);
  3322.  
  3323.    },
  3324.    addImageFunction() {
  3325.        // Function to clone an image and append it to a given parent element
  3326.        const cloneAndAppendImage = (parentElement) => {
  3327.            // Create a new image element
  3328.            const img = document.createElement("img")
  3329.  
  3330.            // Set image properties
  3331.            img.src = "https://static-v1.cdn-bio.com/assets/icons/icn-rotate.svg";
  3332.            img.className = "icon-plus";
  3333.            img.alt = "icon-plus";
  3334.  
  3335.            // Clone the image and append it to the parent element
  3336.            const clonedImage = img.cloneNode(true);
  3337.            parentElement.appendChild(clonedImage)
  3338.        }
  3339.        
  3340.        // Loop through each element in the 'iconImage' array
  3341.        for(const appendImage of this.variables.iconImage) {
  3342.            // Check if the element exists before performing the action
  3343.            if(appendImage) {
  3344.                // Call the function to clone and append the image
  3345.                cloneAndAppendImage(appendImage)
  3346.            }
  3347.        }
  3348.        
  3349.    },
  3350.    headerFunction() {
  3351.        // object destructuring or destructuring assignment
  3352.        const { menu } = this.variables;
  3353.  
  3354.        const toggleMenu = () => {
  3355.            menu.menuItems.classList.toggle("active");
  3356.            menu.closeMenuItems.classList.toggle("active");
  3357.            document.body.style.overflow = "hidden"
  3358.        };
  3359.  
  3360.        const closeMenu = () => {
  3361.            menu.menuItems.classList.remove("active");
  3362.            menu.closeMenuItems.classList.remove("active");
  3363.            document.body.style.overflow = ""
  3364.        };
  3365.  
  3366.  
  3367.        menu.menuButton.addEventListener("click", toggleMenu);
  3368.        menu.closeButton.addEventListener("click", closeMenu);
  3369.        menu.closeMenuItems.addEventListener("click", closeMenu);
  3370.    },
  3371.    stickyFunction() {
  3372.        const { menu } = this.variables;
  3373.  
  3374.        menu.menuContainer.addEventListener("scroll", function() {
  3375.            // Check if the menu-container is scrolled
  3376.            if(menu.menuContainer.scrollTop > 0) {
  3377.                // Add the nav-mobile-sticky class to the float-logo
  3378.                menu.floatLogo.classList.add("nav-mobile-sticky");
  3379.            } else {
  3380.                // Remove the nav-mobile-sticky class from the float-logo
  3381.                menu.floatLogo.classList.remove("nav-mobile-sticky");
  3382.            }
  3383.        })
  3384.    },
  3385.    createObserver() {
  3386.        this.variables.observer = new MutationObserver(this.handleCounterChange.bind(this));
  3387.        this.variables.counters.forEach(counter => {
  3388.            this.variables.observer.observe(counter, {
  3389.                childList: true,
  3390.                subtree: true
  3391.            });
  3392.        });
  3393.    },
  3394.    handleCounterChange() {
  3395.        this.variables.counters.forEach(counter => {
  3396.            counter.style.opacity = (!counter.textContent || counter.textContent === "0") ? "0" : "1"
  3397.        })
  3398.    },
  3399.    bioHeaderFunction() {
  3400.        window.onload = function() {
  3401.            const header = document.querySelector('#bio-header');
  3402.  
  3403.            onScroll = () => {
  3404.                var scrolledPage = Math.round(window.pageYOffset);
  3405.                if (scrolledPage > 200) {
  3406.                    header.classList.add('sticky-header');
  3407.                } else {
  3408.                    header.classList.remove('sticky-header');
  3409.                }
  3410.            }
  3411.            document.addEventListener('scroll', onScroll);
  3412.  
  3413.        }
  3414.    },
  3415.    preventLinkFunction() {
  3416.        const preventNavigation = (event) => {
  3417.            // Check if the screen width is at least 992 pixels
  3418.            if (window.innerWidth <= 992) {
  3419.                // Prevent the default link navigation behavior
  3420.                event.preventDefault();
  3421.            }
  3422.        }
  3423.        this.variables.shopLinkPrevent.forEach(shopPrevent => {
  3424.            shopPrevent.addEventListener('click', preventNavigation)
  3425.        })
  3426.    },
  3427.    // Add keyboard navigation functionality
  3428.    setupKeyboardNavigation() {
  3429.        // Make sure all interactive elements have appropriate attributes
  3430.        this.setupAccessibilityAttributes();
  3431.        
  3432.        // Add keyboard event listeners for the entire document
  3433.        document.addEventListener('keydown', this.handleKeyboardNavigation.bind(this));
  3434.        
  3435.        // Add focus/blur handlers to mimic hover behavior for keyboard users
  3436.        this.addFocusHandlers();
  3437.    },
  3438.    
  3439.   setupAccessibilityAttributes() {
  3440.        // 1) All submenus
  3441.        const submenus = document.querySelectorAll('.sub-menu, .sub-menu-shop, .sub-menu-item');
  3442.        submenus.forEach(submenu => {
  3443.            submenu.setAttribute('role','menu');
  3444.            const isActive = submenu.classList.contains('active');
  3445.  
  3446.            // hide/show state
  3447.            submenu.setAttribute('aria-hidden', isActive ? 'false' : 'true');
  3448.  
  3449.            // set tabindex on every link/button inside
  3450.            submenu.querySelectorAll('a, button').forEach(el => {
  3451.            el.tabIndex = isActive ? 0 : -1;
  3452.            });
  3453.        });
  3454.  
  3455.        // 2) Other ARIA setup you already had…
  3456.        const menuItems = document.querySelectorAll('.menu_items a, .icons.menu-btn, .close-btn');
  3457.        menuItems.forEach(item => {
  3458.            if (!item.hasAttribute('tabindex')) item.setAttribute('tabindex','0');
  3459.            if (item.classList.contains('cta-menu-btn')) {
  3460.            item.setAttribute('role','button');
  3461.            item.setAttribute('aria-haspopup','true');
  3462.            item.setAttribute('aria-expanded','false');
  3463.            }
  3464.        });
  3465.    },
  3466.  
  3467.    
  3468.    handleKeyboardNavigation(event) {
  3469.        const key = event.key;
  3470.        
  3471.        // Handle Escape key to close menus
  3472.        if (key === 'Escape') {
  3473.            event.preventDefault();
  3474.            this.closeAllMenus();
  3475.            return;
  3476.        }
  3477.        
  3478.        // Handle Enter or Space to activate menu items
  3479.        if (key === 'Enter' || key === ' ') {
  3480.            const activeElement = document.activeElement;
  3481.            
  3482.            if (activeElement && activeElement.classList.contains('cta-menu-btn')) {
  3483.                // Check if the element has an href attribute
  3484.                if (activeElement.hasAttribute('href')) {
  3485.                    // Allow navigation for elements with href
  3486.                    return;
  3487.                }
  3488.                
  3489.                // Only prevent default for elements without href
  3490.                event.preventDefault();
  3491.                this.toggleSubmenu(activeElement);
  3492.            }
  3493.        }
  3494.        
  3495.        // Handle arrow keys for navigation within submenus
  3496.        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {
  3497.            const activeElement = document.activeElement;
  3498.            
  3499.            if (activeElement && activeElement.closest('.menu_items')) {
  3500.                event.preventDefault();
  3501.                this.handleArrowNavigation(key, activeElement);
  3502.            }
  3503.        }
  3504.    },
  3505.    
  3506.   toggleSubmenu(element) {
  3507.        const submenu = element.nextElementSibling;
  3508.        if (
  3509.            !submenu ||
  3510.            !(submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-item'))
  3511.        ) return;
  3512.  
  3513.        const isActive = submenu.classList.contains('active');
  3514.  
  3515.        if (isActive) {
  3516.            // → CLOSING
  3517.            submenu.classList.remove('active');
  3518.            element.classList.remove('active');
  3519.            element.setAttribute('aria-expanded','false');
  3520.            submenu.setAttribute('aria-hidden','true');
  3521.  
  3522.            // Remove from tab order
  3523.            submenu.querySelectorAll('a, button').forEach(el => el.tabIndex = -1);
  3524.  
  3525.            if (window.innerWidth >= 992) submenu.style.display = '';
  3526.        } else {
  3527.            // → OPENING
  3528.            this.closeAllMenus();
  3529.  
  3530.            submenu.classList.add('active');
  3531.            element.classList.add('active');
  3532.            element.setAttribute('aria-expanded','true');
  3533.            submenu.setAttribute('aria-hidden','false');
  3534.  
  3535.            // Restore to tab order
  3536.            submenu.querySelectorAll('a, button').forEach(el => el.tabIndex = 0);
  3537.  
  3538.            if (window.innerWidth >= 992) submenu.style.display = 'block';
  3539.  
  3540.            // Move keyboard focus into the menu
  3541.            const first = submenu.querySelector('a, button');
  3542.            if (first) first.focus();
  3543.        }
  3544.        },
  3545.  
  3546.  
  3547.    
  3548.    handleArrowNavigation(key, element) {
  3549.        const menu = element.closest('.menu_items, .sub-menu');
  3550.        if (!menu) return;
  3551.        
  3552.        // Find the current submenu or get the parent submenu if in a nested item
  3553.        const currentSubmenu = element.closest('.sub-menu') || element.nextElementSibling;
  3554.        if (!currentSubmenu) return;
  3555.  
  3556.        // Find all focusable items in the current submenu
  3557.        const allFocusableItems = Array.from(currentSubmenu.querySelectorAll('a:not(.link-image), button:not(.link-image)'))
  3558.            .filter(item => {
  3559.                // Only include visible items and exclude certain classes
  3560.                const style = window.getComputedStyle(item);
  3561.                return style.display !== 'none' &&
  3562.                       !item.classList.contains('link-image') &&
  3563.                       !item.closest('.lg-none'); // Exclude mobile-only items
  3564.            });
  3565.  
  3566.        // If we're on a main menu button (Shop, Blog, Resources, About Us)
  3567.        const isMainMenuButton = element.classList.contains('cta-menu-btn');
  3568.        if (isMainMenuButton && key === 'ArrowDown') {
  3569.            // Focus the first item in the submenu
  3570.            if (allFocusableItems.length > 0) {
  3571.                allFocusableItems[0].focus();
  3572.                return;
  3573.            }
  3574.        }
  3575.  
  3576.        const currentIndex = allFocusableItems.indexOf(element);
  3577.        
  3578.        let nextIndex;
  3579.        
  3580.        // Handle vertical navigation
  3581.        if (key === 'ArrowDown') {
  3582.            // Move to first item if we're at the last item, otherwise move to next item
  3583.            nextIndex = currentIndex === allFocusableItems.length - 1 ? 0 : currentIndex + 1;
  3584.        } else if (key === 'ArrowUp') {
  3585.            if (currentIndex === 0) {
  3586.                // If at first item, move focus back to the menu button
  3587.                const menuButton = currentSubmenu.previousElementSibling;
  3588.                if (menuButton && menuButton.classList.contains('cta-menu-btn')) {
  3589.                    menuButton.focus();
  3590.                    return;
  3591.                }
  3592.                // If no menu button found, go to last item
  3593.                nextIndex = allFocusableItems.length - 1;
  3594.            } else {
  3595.                // Otherwise move to previous item
  3596.                nextIndex = currentIndex - 1;
  3597.            }
  3598.        }
  3599.        // Handle horizontal navigation
  3600.        else if (key === 'ArrowRight') {
  3601.            // Try to find a submenu in the current section
  3602.            const currentSection = element.closest('.shop-contents, .resources-content');
  3603.            if (currentSection) {
  3604.                const nextSection = currentSection.nextElementSibling;
  3605.                if (nextSection && (nextSection.classList.contains('shop-contents') || nextSection.classList.contains('resources-content'))) {
  3606.                    const firstItem = nextSection.querySelector('a:not(.link-image)');
  3607.                    if (firstItem) {
  3608.                        firstItem.focus();
  3609.                        return;
  3610.                    }
  3611.                }
  3612.            }
  3613.            
  3614.            // If no next section, move to next item
  3615.            nextIndex = (currentIndex + 1) % allFocusableItems.length;
  3616.        } else if (key === 'ArrowLeft') {
  3617.            // Try to move to previous section
  3618.            const currentSection = element.closest('.shop-contents, .resources-content');
  3619.            if (currentSection) {
  3620.                const prevSection = currentSection.previousElementSibling;
  3621.                if (prevSection && (prevSection.classList.contains('shop-contents') || prevSection.classList.contains('resources-content'))) {
  3622.                    const firstItem = prevSection.querySelector('a:not(.link-image)');
  3623.                    if (firstItem) {
  3624.                        firstItem.focus();
  3625.                        return;
  3626.                    }
  3627.                }
  3628.            }
  3629.            
  3630.            // If can't move to previous section, try to go back to parent menu
  3631.            const parentMenu = element.closest('.sub-menu');
  3632.            if (parentMenu) {
  3633.                const parentTrigger = parentMenu.previousElementSibling;
  3634.                if (parentTrigger) {
  3635.                    parentTrigger.focus();
  3636.                    return;
  3637.                }
  3638.            }
  3639.            
  3640.            // Otherwise move to previous item
  3641.            nextIndex = (currentIndex - 1 + allFocusableItems.length) % allFocusableItems.length;
  3642.        }
  3643.        
  3644.        if (nextIndex !== undefined && allFocusableItems[nextIndex]) {
  3645.            allFocusableItems[nextIndex].focus();
  3646.        }
  3647.    },
  3648.    
  3649.    closeAllMenus() {
  3650.        // For desktop: close all desktop-style menus first
  3651.        if (window.innerWidth >= 992) {
  3652.            const desktopMenus = document.querySelectorAll('.sub-menu, .sub-menu-shop, .sub-menu-item');
  3653.            desktopMenus.forEach(menu => {
  3654.                menu.style.display = '';
  3655.                
  3656.                const parentLink = menu.previousElementSibling;
  3657.                if (parentLink) {
  3658.                    parentLink.setAttribute('aria-expanded', 'false');
  3659.                }
  3660.            });
  3661.        }
  3662.        
  3663.        // Close mobile menu if open
  3664.        const { menu } = this.variables;
  3665.        if (menu.menuItems.classList.contains('active')) {
  3666.            menu.menuItems.classList.remove('active');
  3667.            menu.closeMenuItems.classList.remove('active');
  3668.            document.body.style.overflow = '';
  3669.            menu.menuButton.focus();
  3670.        }
  3671.        
  3672.        // Close all active submenus
  3673.        const activeMenus = document.querySelectorAll('.active');
  3674.        activeMenus.forEach(element => {
  3675.            element.classList.remove('active');
  3676.            
  3677.            // Update ARIA attributes
  3678.            if (element.hasAttribute('aria-expanded')) {
  3679.                element.setAttribute('aria-expanded', 'false');
  3680.            }
  3681.            if (element.hasAttribute('aria-hidden')) {
  3682.                element.setAttribute('aria-hidden', 'true');
  3683.            }
  3684.        });
  3685.        
  3686.        // For desktop: explicitly hide any displayed submenus
  3687.        if (window.innerWidth >= 992) {
  3688.            const visibleSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]');
  3689.            visibleSubmenus.forEach(submenu => {
  3690.                submenu.style.display = '';
  3691.            });
  3692.        }
  3693.    },
  3694.    
  3695.    addFocusHandlers() {
  3696.        // Add hover handlers to ensure only one menu is open at a time
  3697.        const menuLinks = document.querySelectorAll('.menu_items a');
  3698.        
  3699.        // Desktop: Make submenus appear on focus for keyboard users
  3700.        if (window.matchMedia("(min-width: 992px)").matches) {
  3701.            menuLinks.forEach(link => {
  3702.                // Add hover handling to close other menus first
  3703.                link.addEventListener('mouseenter', () => {
  3704.                    // Close all open submenus first
  3705.                    const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]');
  3706.                    openSubmenus.forEach(submenu => {
  3707.                        if (submenu !== link.nextElementSibling) {
  3708.                            submenu.style.display = '';
  3709.                            const menuLink = submenu.previousElementSibling;
  3710.                            if (menuLink) {
  3711.                                menuLink.setAttribute('aria-expanded', 'false');
  3712.                            }
  3713.                        }
  3714.                    });
  3715.                    
  3716.                    // Now show this submenu if it exists
  3717.                    const submenu = link.nextElementSibling;
  3718.                    if (submenu && (submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-shop'))) {
  3719.                        submenu.style.display = 'block';
  3720.                        link.setAttribute('aria-expanded', 'true');
  3721.                    }
  3722.                });
  3723.                
  3724.                // Show submenu on focus
  3725.                link.addEventListener('focus', () => {
  3726.                    // Close all open submenus first
  3727.                    const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]');
  3728.                    openSubmenus.forEach(submenu => {
  3729.                        if (submenu !== link.nextElementSibling) {
  3730.                            submenu.style.display = '';
  3731.                            const menuLink = submenu.previousElementSibling;
  3732.                            if (menuLink) {
  3733.                                menuLink.setAttribute('aria-expanded', 'false');
  3734.                            }
  3735.                        }
  3736.                    });
  3737.                    
  3738.                    const submenu = link.nextElementSibling;
  3739.                    if (submenu && (submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-shop'))) {
  3740.                        submenu.style.display = 'block';
  3741.                        link.setAttribute('aria-expanded', 'true');
  3742.                    }
  3743.                });
  3744.                
  3745.                // Handle blur events to hide submenus when focus moves away
  3746.                link.addEventListener('blur', (event) => {
  3747.                    // Small delay to check if focus moved to an element within the submenu
  3748.                    setTimeout(() => {
  3749.                        const submenu = link.nextElementSibling;
  3750.                        if (submenu && !submenu.contains(document.activeElement) && document.activeElement !== link) {
  3751.                            submenu.style.display = '';
  3752.                            link.setAttribute('aria-expanded', 'false');
  3753.                        }
  3754.                    }, 10);
  3755.                });
  3756.            });
  3757.            
  3758.            // Make sure submenus themselves can be focused
  3759.            const submenus = document.querySelectorAll('.sub-menu, .sub-menu-shop');
  3760.            submenus.forEach(submenu => {
  3761.                submenu.addEventListener('focusin', () => {
  3762.                    submenu.style.display = 'block';
  3763.                    const menuLink = submenu.previousElementSibling;
  3764.                    if (menuLink) {
  3765.                        menuLink.setAttribute('aria-expanded', 'true');
  3766.                    }
  3767.                });
  3768.                
  3769.                submenu.addEventListener('focusout', (event) => {
  3770.                    // Check if the focus is still within the submenu
  3771.                    setTimeout(() => {
  3772.                        if (!submenu.contains(document.activeElement)) {
  3773.                            submenu.style.display = '';
  3774.                            const menuLink = submenu.previousElementSibling;
  3775.                            if (menuLink) {
  3776.                                menuLink.setAttribute('aria-expanded', 'false');
  3777.                            }
  3778.                        }
  3779.                    }, 10);
  3780.                });
  3781.                
  3782.                // Also handle mouseenter/mouseleave on the submenu
  3783.                submenu.addEventListener('mouseenter', () => {
  3784.                    submenu.style.display = 'block';
  3785.                    const menuLink = submenu.previousElementSibling;
  3786.                    if (menuLink) {
  3787.                        menuLink.setAttribute('aria-expanded', 'true');
  3788.                    }
  3789.                });
  3790.            });
  3791.            
  3792.            // Add a handler to the menu container to close all submenus when mouse leaves menu area
  3793.            const menuContainer = document.querySelector('.menu_items');
  3794.            if (menuContainer) {
  3795.                menuContainer.addEventListener('mouseleave', () => {
  3796.                    const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]');
  3797.                    openSubmenus.forEach(submenu => {
  3798.                        // Only close if focus is not inside
  3799.                        if (!submenu.contains(document.activeElement)) {
  3800.                            submenu.style.display = '';
  3801.                            const menuLink = submenu.previousElementSibling;
  3802.                            if (menuLink) {
  3803.                                menuLink.setAttribute('aria-expanded', 'false');
  3804.                            }
  3805.                        }
  3806.                    });
  3807.                });
  3808.            }
  3809.        }
  3810.    },
  3811.    setupSkipToContent() {
  3812.        const skipLink = document.querySelector('.skip-to-content');
  3813.        if (skipLink) {
  3814.            skipLink.addEventListener('click', (event) => {
  3815.                event.preventDefault();
  3816.                
  3817.                // Find the nav element
  3818.                const navElement = document.getElementById('bio-header');
  3819.                
  3820.                // Get all focusable elements in the document
  3821.                const focusableSelector = 'a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
  3822.                const allElements = document.querySelectorAll(focusableSelector);
  3823.                
  3824.                // Convert to array and find first focusable element after nav
  3825.                const firstContentElement = Array.from(allElements).find(element => {
  3826.                    // Check if element is after nav in the DOM
  3827.                    return !navElement.contains(element) &&
  3828.                           (navElement.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING);
  3829.                });
  3830.  
  3831.                if (firstContentElement) {
  3832.                    // Set focus and scroll into view
  3833.                    firstContentElement.focus();
  3834.                    firstContentElement.scrollIntoView({ behavior: 'smooth' });
  3835.                }
  3836.                
  3837.                // Close any open menus
  3838.                this.closeAllMenus();
  3839.            });
  3840.        }
  3841.    }
  3842.  
  3843. }
  3844. headerScript.init();
  3845.  
  3846. // Sorting
  3847.  
  3848.  
  3849. // Function to handle sorting based on screen width
  3850. function sortLinksOnMobile() {
  3851.    // Check if the screen width is below 992px
  3852.    if (window.matchMedia("(max-width: 991px)").matches) {
  3853.        // Select all anchor tags with the specific class
  3854.        const linksContainer = document.querySelectorAll(".by-order");
  3855.  
  3856.        const linksArray = Array.from(linksContainer);
  3857.  
  3858.        // Sort the array based on the text content of each link
  3859.        linksArray.sort((a, b) => a.textContent.localeCompare(b.textContent));
  3860.  
  3861.        // Select the parent container and clear its content, then append the sorted links
  3862.        const parentElement = linksContainer[0].parentElement;
  3863.        parentElement.innerHTML = "";
  3864.  
  3865.        linksArray.forEach(link => parentElement.appendChild(link));
  3866.    }
  3867. }
  3868.  
  3869.    //
  3870. // Run the function initially on page load
  3871. document.addEventListener("DOMContentLoaded", () => {
  3872.    sortLinksOnMobile();
  3873.    
  3874.    // Add a global ESC key handler as a fallback
  3875.    document.addEventListener('keydown', function(event) {
  3876.        if (event.key === 'Escape') {
  3877.            headerScript.closeAllMenus();
  3878.        }
  3879.    });
  3880. });
  3881.  
  3882. // Add an event listener to handle screen resize
  3883. window.addEventListener("resize", () => {
  3884.    sortLinksOnMobile();
  3885. });
  3886.  
  3887.  
  3888. </script>
  3889. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  3890.    document.addEventListener("DOMContentLoaded", function () {
  3891.        const searchInput = document.getElementById("search-input-results");
  3892.        const clearButton = document.getElementById("clear-search");
  3893.        const noResultMsg = document.getElementById("no-results");
  3894.        const searchResults = document.getElementById("search-results");
  3895.        const searchButtons = document.querySelectorAll(".search-button");
  3896.        const searchCloseButton = document.querySelector(".search-close-button");
  3897.        const searchButton = document.getElementById("search-submit");
  3898.    
  3899.    
  3900.        searchInput.addEventListener("input", function () {
  3901.            const query = searchInput.value.toLowerCase();
  3902.            clearButton.style.display = query ? "block" : "none";            
  3903.        });
  3904.    
  3905.    
  3906.        function showSearchResults() {
  3907.            searchResults.style.display = "flex";
  3908.            searchInput.focus();
  3909.            document.body.style.overflow = "hidden";
  3910.        }
  3911.    
  3912.        function hideSearchResults() {
  3913.            searchResults.style.display = "none";
  3914.            searchInput.value = "";
  3915.            clearButton.style.display = "none";
  3916.            document.body.style.overflow = "";
  3917.        }
  3918.    
  3919.        clearButton.addEventListener("click", function () {
  3920.            searchInput.value = "";
  3921.            clearButton.style.display = "none";
  3922.        });
  3923.    
  3924.        if (searchButtons.length > 0) {
  3925.            searchButtons.forEach(button => {
  3926.                button.addEventListener("click", showSearchResults);
  3927.                button.addEventListener("keydown", function(event) {
  3928.                    if (event.key === "Enter" || event.key === " ") {
  3929.                        event.preventDefault();
  3930.                        showSearchResults();
  3931.                    }
  3932.                });
  3933.            });
  3934.        }
  3935.    
  3936.        searchCloseButton.addEventListener("click", hideSearchResults);
  3937.    
  3938.        searchInput.addEventListener("keydown", function(event) {
  3939.            if (event.key === "Enter") {
  3940.                event.preventDefault();
  3941.                showSearchResults();
  3942.            } else if (event.key === "Escape") {
  3943.                hideSearchResults();
  3944.            }
  3945.        });
  3946.    
  3947.        document.addEventListener("click", function(event) {
  3948.            if (!searchResults.contains(event.target) && ![...searchButtons].some(btn => btn.contains(event.target))) {
  3949.                hideSearchResults();
  3950.            }
  3951.        });
  3952.    
  3953.  
  3954.        function performSearch() {
  3955.            const searchValue = searchInput.value.trim(); // Get input value
  3956.  
  3957.            if (searchValue) { // Only proceed if there's a search term
  3958.                window.location.href = `https://bioptimizers.com/shop?s=${encodeURIComponent(searchValue)}`;
  3959.            }
  3960.        }
  3961.  
  3962.        if (searchInput) {
  3963.            // Trigger search on Enter key
  3964.            searchInput.addEventListener("keydown", function (event) {
  3965.                if (event.key === "Enter") {
  3966.                    event.preventDefault();
  3967.                    performSearch();
  3968.                }
  3969.            });
  3970.        }
  3971.  
  3972.        if (searchButton) {
  3973.            // Trigger search on button click
  3974.            searchButton.addEventListener("click", function () {
  3975.                performSearch();
  3976.            });
  3977.        }
  3978.  
  3979.        setTimeout(() => {
  3980.            // Get the URL parameters
  3981.            const urlParams = new URLSearchParams(window.location.search);
  3982.            const searchValue = urlParams.get("s"); // Retrieve the 's' parameter from the URL
  3983.            const searchInput = document.getElementById("myInput"); // Get the search input field
  3984.            const ccSub = document.querySelector(".cc-sub"); // Get the target element
  3985.  
  3986.            if (searchValue && searchInput) {
  3987.                searchInput.value = searchValue; // Set the search input value to the retrieved parameter
  3988.                searchInput.dispatchEvent(new Event("keyup")); // Trigger the keyup event to apply the filter
  3989.                console.log("✅ Search value set and filter triggered:", searchValue);
  3990.  
  3991.                // Ensure the element exists before scrolling
  3992.                if (ccSub) {
  3993.                    setTimeout(() => {
  3994.                        ccSub.scrollIntoView({ behavior: "smooth", block: "center" });
  3995.                    }, 300); // Slight delay to ensure rendering
  3996.                } else {
  3997.                    console.log("⚠️ chalenevid element not found.");
  3998.                }
  3999.            } else {
  4000.                console.log("⚠️ Input field not found or no search value.");
  4001.            }
  4002.        }, 500); // Delay execution by 500ms to ensure the input field is loaded
  4003.  
  4004.  
  4005.  
  4006.  
  4007.    });
  4008.    </script>
  4009.    
  4010. <!-- Nav script end here -->
  4011. <!-- memorial 2025 subscription checker -->
  4012. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  4013.    try {
  4014.        const vtid = JSON.parse(localStorage.getItem("__bio_vtid"));
  4015.        if (!vtid || vtid.value !== "memorial2025") {
  4016.            if (window.FunnelBuilderUser.subscriptions.some(sub => sub.status === "active")) {
  4017.                // User has an active subscription
  4018.                const setAtMilliseconds = new Date().getTime();
  4019.                localStorage.setItem("__bio_vtid", JSON.stringify({ "version": 1, "value": "memorial2025", "setAt": setAtMilliseconds }));
  4020.            } else {
  4021.                // User does not have an active subscription
  4022.                //console.log("User does not have an active subscription");
  4023.            }
  4024.        }
  4025.    } catch (error) {
  4026.        // Handle error, normal process continues
  4027.        //console.error("Error checking subscription:", error);
  4028.    }
  4029. </script>
  4030. <!-- END  memorial 2025 subscription checker --> <!-- <style>
  4031.            .banner-container {
  4032.                margin: 0 auto;
  4033.                overflow: hidden;
  4034.                max-width: 1800px;
  4035.            }
  4036.  
  4037.            .banner-container img {
  4038.                object-fit: cover;
  4039.                width: 100%;
  4040.            }
  4041.  
  4042.            .trigger {
  4043.                height: 114px;
  4044.            }
  4045.  
  4046.    
  4047.                .banner-container video {
  4048.                    width: 100%;
  4049.                }
  4050.            
  4051.  
  4052.  
  4053.            @media screen and (max-width: 767px) {
  4054.                .trigger {
  4055.                    height: 120px;
  4056.                }
  4057.            }
  4058.  
  4059.            @media screen and (max-width: 640px) {
  4060.                .trigger {
  4061.                    height: 125px;
  4062.                }
  4063.            }
  4064.  
  4065.            @media screen and (max-width: 376px) {
  4066.                .trigger {
  4067.                    height: 116px;
  4068.                }
  4069.            }
  4070.  
  4071.            @media screen and (max-width: 600px) {
  4072.                .banner-container {
  4073.                    max-width: 600px;
  4074.                }
  4075.            }
  4076.        </style>
  4077.  
  4078.  
  4079.        <section class="banner-section">
  4080.            <a href="https://bioptimizers.com/shop">
  4081.                <div class="banner-container">
  4082.                    <video width="1870" height="300" preload="auto" loop autoplay muted playsinline style="height:auto">
  4083.                        <source
  4084.                            src="https://fb-v1.cdn-bio.com/assets/uploads/e9f1-57ad-38d6-40a6_bio_dynamic_Banner_PB_Desktop_0224_01.mp4"
  4085.                            type="video/mp4" media="(min-width:767px)">
  4086.                        <source
  4087.                            src="https://fb-v1.cdn-bio.com/assets/uploads/ea88-0334-3c3f-4fa7_bio_dynamic_banner_PB_0224_mobile.mp4"
  4088.                            type="video/mp4" media="(max-width:767px)">
  4089.                    </video>
  4090.                </div>
  4091.            </a>
  4092.        </section> -->
  4093.  
  4094.  
  4095.        <style>
  4096.            .oos-img {
  4097.                position: absolute;
  4098.                top: 0;
  4099.                left: 0;
  4100.            }
  4101.  
  4102.        
  4103.            .hero-home-slider4 {
  4104.                position: relative;
  4105.                overflow-x: hidden;
  4106.                font-size: 18px;
  4107.                font-family: "Lato";
  4108.                color: white;
  4109.                max-width: 1800px;
  4110.                margin: 0 auto;
  4111.                letter-spacing: 1px;
  4112.            }
  4113.            
  4114.            .hero-home-slider4 .swiper-slide {
  4115.                max-width: 640px;
  4116.                overflow: hidden;
  4117.                height: 600px;
  4118.            }
  4119.  
  4120.            .hero-home-slider4 .swiper-button-next,
  4121.            .hero-home-slider4 .swiper-button-prev {
  4122.                color: #ffffff86;
  4123.                background-color: transparent;
  4124.            }
  4125.                        
  4126.            .hero-home-slider4 .swiper-pagination-bullet-active {
  4127.                background: #ffffff;
  4128.            }
  4129.  
  4130.            .hero-home-slider4 .swiper-pagination-bullet-active {
  4131.                background: #ffffff;
  4132.            }
  4133.  
  4134.            .hero-home-slider4 .swiper-pagination-bullet {
  4135.                width: 26px;
  4136.                border-radius: 30px;
  4137.                height: 5px;
  4138.                background: #ffffff;
  4139.            }
  4140.                        
  4141.            @media screen and (min-width: 1000px) {
  4142.                
  4143.  
  4144.                .hero-home-slider4 .swiper-pagination-bullet {
  4145.                    width: 10px;
  4146.                }
  4147.            }
  4148.            
  4149.            @media screen and (min-width: 641px) {
  4150.  
  4151.                .hero-home-slider4 .swiper-slide {
  4152.                    max-width: 1000px;
  4153.                    height: 600px;
  4154.                }
  4155.            }
  4156.            
  4157.            @media screen and (min-width: 1000px) {
  4158.  
  4159.                .hero-home-slider4 .swiper-pagination-bullet {
  4160.                    width: 100px;
  4161.                }
  4162.  
  4163.                .hero-home-slider4 .swiper-slide {
  4164.                    max-width: 1800px;
  4165.                    height: 600px;
  4166.                }
  4167.  
  4168.                .hero-home-slider .banner-content {
  4169.                    height: 300px;
  4170.                    width: 1000px;
  4171.                    padding: 0px;
  4172.                    align-items: flex-end;
  4173.                    justify-content: center;
  4174.                    margin-left: calc(55.8% - 1000px);
  4175.                }
  4176.  
  4177.                .hero-home-slider4 .banner-content {
  4178.                    width: 1000px;
  4179.                    height: 300px;
  4180.                    padding: 0px;
  4181.                    align-items: flex-end;
  4182.                    justify-content: center;
  4183.                    margin-left: calc(55.8% - 1000px);
  4184.                }
  4185.  
  4186.                .hero-home-slider4 .product-content-head {
  4187.                    font-size: 50px;
  4188.                    margin: unset;
  4189.                    text-align: left;
  4190.                    max-width: 600px;
  4191.                    display: block;
  4192.                    width: 560px;
  4193.                }
  4194.  
  4195.                .hero-home-slider .banner-bullets-grp {
  4196.                    display: flex;
  4197.                    flex-direction: row;
  4198.                    align-items: center;
  4199.                    width: 560px;
  4200.                    align-content: center;
  4201.                    flex-wrap: wrap;
  4202.                    gap: 10px;
  4203.                }
  4204.  
  4205.                .hero-home-slider4 .banner-bullets-grp {
  4206.                    display: flex;
  4207.                    flex-direction: row;
  4208.                    align-items: center;
  4209.                    width: 560px;
  4210.                    align-content: center;
  4211.                    flex-wrap: wrap;
  4212.                    gap: 10px;
  4213.                    font-size: 30px !important;
  4214.                }
  4215.              
  4216.                .hero-home-slider4 .banner-bullets {
  4217.                    display: inline;
  4218.                    width: unset;
  4219.                    letter-spacing: 1px;
  4220.                }
  4221.  
  4222.                .hero-home-slider4 .banner-bullets img {
  4223.                    margin-right: 5px;
  4224.                }
  4225.  
  4226.              
  4227.                .hero-home-slider4 br {
  4228.                    display: none;
  4229.                }
  4230.  
  4231.            }    
  4232.  
  4233.        </style>
  4234.  
  4235.        <!--
  4236.        <div class="triangle-section">
  4237.            <div class="container-fluid py-5 pb-lg-3 pt-lg-5">
  4238.                <div class="row mt-0 my-lg-4 ">
  4239.                    <div class="col-12 d-block d-lg-none mb-3 mb-md-5 mb-lg-0 uns-hide">
  4240.                        <h1 class="main-head-sm text-center typed-in-sm">Your Formulas For Superhuman Health</h1>
  4241.                    </div>
  4242.                    <div class="col-12 d-block d-lg-none">
  4243.                        <img loading="lazy" src="https://static-v1.cdn-bio.com/assets/logo/triangle-with-zamner-with-health-tagline.svg"
  4244.                            class="w-100" width="344" height="324"
  4245.                            alt="Aesthetics, Health, and Performance | Optimizing Health Since 2004">
  4246.                    </div>
  4247.                    <div class="col-12 my-3 mt-lg-5 mb-lg-4 d-none d-lg-block">
  4248.                        <picture>
  4249.                            <source media="(max-width: 768px)" type="image/webp"
  4250.                                srcset="https://static-v1.cdn-bio.com/banners/triangle-without-product-m.webp">
  4251.                            <source type="image/jpg"
  4252.                                srcset="https://static-v1.cdn-bio.com/banners/triangle-with-products.png">
  4253.                            <source type="image/webp"
  4254.                                srcset="https://static-v1.cdn-bio.com/banners/triangle-with-products.webp">
  4255.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/banners/triangle-with-products.webp"
  4256.                                alt="BIOptimizers Formulas" class="w-100"
  4257.                                style="transform:scale(1.2); margin-bottom: 40px;margin-top: -30px;">
  4258.                        </picture>
  4259.                        <h1 class="main-head mt-md-3 mb-5 mb-lg-2 uns-hide typed-in">Your Formulas For <span
  4260.                                class="d-md-block d-lg-inline">Superhuman Health</span></h1>
  4261.                    </div>
  4262.                    <div id="sec1" class="col-12 csetup" onclick="unsClick()">
  4263.                        <div class="cta__button cta__box larger-headline text-center text-bold cta cta-home">
  4264.                            Learn More About <br> Your Formulas for Superhuman Health
  4265.                        </div>
  4266.                    </div>
  4267.                </div>
  4268.            </div>
  4269.        </div>
  4270.        -->
  4271.        <!-- Slider main container -->
  4272.  
  4273.        <style>
  4274.  
  4275.            .biobux .cta{
  4276.                border-radius: 5px;
  4277.                background-color: #fe9400;
  4278.                text-align: center;
  4279.                width: 100%;
  4280.                max-width: 420px !important;
  4281.                padding: 15px 20px;
  4282.                margin-top: 10px;
  4283.                cursor: pointer;
  4284.                transition: transform .3s;
  4285.                font-size: 1.3rem;
  4286.                letter-spacing: 0.8px;
  4287.                font-weight: 400;
  4288.                text-transform: uppercase;
  4289.                margin-right: unset;
  4290.            }
  4291.  
  4292.            .biobux-container {
  4293.                top: 0px;
  4294.                left: 0px;
  4295.                display: flex;
  4296.                justify-content: center;
  4297.                width: 100%;
  4298.                height: 100%;
  4299.                color: white;
  4300.                align-items: end;
  4301.            }
  4302.  
  4303.            .biobux-right {
  4304.                height: 250px;
  4305.            }
  4306.  
  4307.            .biobux-h1 {
  4308.                font-size: 30px;
  4309.                font-weight: 300;
  4310.            }
  4311.            .biobux-h2 {
  4312.                font-size: 30px;
  4313.                font-weight: 700;
  4314.            }
  4315.            .biobux-h3 {
  4316.                margin-top: 5px;
  4317.                font-size: 23px;
  4318.                font-weight: normal;
  4319.                line-height: 1.2;
  4320.            }
  4321.            .biobux-brand {
  4322.                color:#C2D500;
  4323.            }
  4324.            .biobux br{
  4325.                display: none;
  4326.            }
  4327.            .sm-block {
  4328.                display: block;
  4329.            }
  4330.                
  4331.  
  4332.            @media screen and (min-width: 641px){
  4333.                .sm-block {
  4334.                    display: inline;
  4335.                }
  4336.                .biobux br{
  4337.                    display: block;
  4338.                }
  4339.                .biobux-container {
  4340.                    height: 100%;
  4341.                    align-items: center;
  4342.                }
  4343.                .biobux-right{
  4344.                    width: 70%;
  4345.                    min-width: 450px;
  4346.                    height: unset;
  4347.                }
  4348.                .biobux-h1 {
  4349.                    font-size: 60px;
  4350.                }
  4351.                .biobux-h2 {
  4352.                    font-size: 60px;
  4353.                    text-shadow: -1px 1px 8px rgba(0,0,0,1);
  4354.                }
  4355.                .biobux-h3 {
  4356.                    margin-top: unset;
  4357.                    line-height: unset;
  4358.                    font-size: 40px;                  
  4359.                    text-shadow: -1px 1px 8px rgba(0,0,0,1);
  4360.                }
  4361.          
  4362.            }
  4363.  
  4364.            @media screen and (min-width: 1000px){
  4365.                .biobux-container {
  4366.                    justify-content: flex-end;
  4367.                    width: 50%;
  4368.                }
  4369.                .biobux-right{
  4370.                    width: 58%;
  4371.                }
  4372.                .biobux-h2 {
  4373.                    text-shadow: none;
  4374.                }
  4375.                .biobux-h3 {
  4376.                    text-shadow: none;
  4377.                }
  4378.            }
  4379.        </style>
  4380.        
  4381.        <main>
  4382.  
  4383.        <div class="hero-home-slider4 group/slider">
  4384.            <!-- Additional required wrapper -->          
  4385.            <div class="swiper-wrapper">
  4386.                <!--
  4387.                <div tabindex="0" aria-label="Memorial 2025" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative memorial2025">    
  4388.                    <a href="https://bioptimizers.com/shop/">            
  4389.                        <picture>
  4390.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/4754-d99d-49ee-4510_HP-memorial-mobile-0525-EX.jpg" width="1000"  alt="Memorial 2025" media="(max-width:413px) and (min-width:411px)">
  4391.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/542e-650c-be81-4eff_NEW-HP-DESKTOP-EX.jpg" width="1800" alt="Memorial 2025" media="(min-width:670px)">
  4392.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/4754-d99d-49ee-4510_HP-memorial-mobile-0525-EX.jpg" width="1000"  alt="Memorial 2025" media="(min-width:1px)">
  4393.                            <img fetchpriority="high" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/4754-d99d-49ee-4510_HP-memorial-mobile-0525-EX.jpg" width="640"  alt="Memorial 2025" />
  4394.                        </picture>
  4395.                    </a>
  4396.                </div>
  4397.                 -->
  4398.                <div tabindex="0" aria-label="Your Formulas for Super Human Health" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#E7E4DE] items-center justify-center relative">                
  4399.  
  4400.                    <style>
  4401.                
  4402.                        #svgLoader {
  4403.                            width: 3.25em;
  4404.                            transform-origin: center;
  4405.                            animation: rotate4 2s linear infinite;
  4406.                            position: absolute;
  4407.                            top: 50%;
  4408.                            left: 50%;
  4409.                            transform: translate(-50%, -50%) rotate(0deg);
  4410.                        }
  4411.  
  4412.                        #svgLoader circle {
  4413.                            fill: none;
  4414.                            stroke: hsl(111, 100%, 14%);
  4415.                            stroke-width: 2;
  4416.                            stroke-dasharray: 1, 200;
  4417.                            stroke-dashoffset: 0;
  4418.                            stroke-linecap: round;
  4419.                            animation: dash4 1.5s ease-in-out infinite;
  4420.                        }
  4421.  
  4422.                        @keyframes rotate4 {
  4423.                            100% {
  4424.                                transform: translate(-50%, -50%) rotate(360deg);
  4425.                            }
  4426.                        }
  4427.  
  4428.                        @keyframes dash4 {
  4429.                            0% {
  4430.                                stroke-dasharray: 1, 200;
  4431.                                stroke-dashoffset: 0;
  4432.                            }
  4433.  
  4434.                            50% {
  4435.                                stroke-dasharray: 90, 200;
  4436.                                stroke-dashoffset: -35px;
  4437.                            }
  4438.  
  4439.                            100% {
  4440.                                stroke-dashoffset: -125px;
  4441.                            }
  4442.                        }
  4443.  
  4444.                    </style>
  4445.  
  4446.  
  4447.                    <!-- From Uiverse.io by barisdogansutcu -->
  4448.                    <svg id="svgLoader" viewBox="25 25 50 50" class="z-[9] hidden">
  4449.                        <circle r="20" cy="50" cx="50"></circle>
  4450.                    </svg>
  4451.  
  4452.                    <!-- VARIATION 1 -->
  4453.                    <div class="w-full max-w-[1000px] mx-auto relative videoContainer brand_video_variation_1 hidden z-10">
  4454.                        <div id="ytPlayerDesktop1" class="w-full aspect-video h-full hidden sm:block"></div>
  4455.                        <div id="ytPlayerMobile1" class="w-full aspect-square block sm:hidden"></div>
  4456.                    </div>
  4457.                    
  4458.                    <!-- VARIATION 2 -->
  4459.                    <div class="w-full max-w-[1000px] mx-auto relative videoContainer brand_video_variation_2 hidden z-10">
  4460.                        <div id="ytPlayerDesktop2" class="w-full aspect-video hidden sm:block" style="height: auto;"></div>
  4461.                        <div id="ytPlayerMobile2" class="w-full aspect-square block sm:hidden" style="height: auto;"></div>
  4462.                    </div>
  4463.  
  4464.  
  4465.                    <div class="tagline-control hidden">
  4466.                        <picture>
  4467.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(max-width:413px) and (min-width:411px)">
  4468.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/assets/uploads/da75-3c4f-c9cd-4b1b_super_human_health_v1.png" width="1800" alt="BIOptimizers tagline 1" media="(min-width:1001px)">
  4469.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(min-width:1px)">
  4470.                            <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg"  alt="BIOptimizers tagline 1" />
  4471.                        </picture>
  4472.                    </div>
  4473.                
  4474.                    <div class="tagline-v1 hidden">    
  4475.                        <picture>
  4476.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="1000"  alt="BIOptimizers tagline 2" media="(max-width:413px) and (min-width:411px)">
  4477.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/95eb-cf9e-0f26-471e_bioptimizers-tag1-desktop.jpg" width="1800" alt="BIOptimizers tagline 2" media="(min-width:670px)">
  4478.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="1000"  alt="BIOptimizers tagline 2" media="(min-width:1px)">
  4479.                            <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="640"  alt="BIOptimizers tagline 2" />
  4480.                        </picture>
  4481.                        <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl xl:text-6xl sm:text-5xl">
  4482.                            <div class="mt-16 tagline-v1-a sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Live Longer, Stronger, Better</div>
  4483.                            <div class="mt-16 tagline-v1-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Stronger, Longer, Better Life.</div>
  4484.                            <div class="mt-16 tagline-v1-c sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Optimizing Health Since 2004</div>
  4485.                        </div>
  4486.                    </div>
  4487.                
  4488.                    <div class="tagline-v2">    
  4489.                        <picture>
  4490.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="1000"  alt="BIOptimizers tagline 3" media="(max-width:413px) and (min-width:411px)">
  4491.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7de5-8563-5690-41ef_bioptimizers-tag2-desktop.jpg" width="1800" alt="BIOptimizers tagline 3" media="(min-width:670px)">
  4492.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="1000"  alt="BIOptimizers tagline 3" media="(min-width:1px)">
  4493.                            <img fetchpriority=high class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="640"  alt="BIOptimizers tagline 3" />
  4494.                        </picture>
  4495.                        <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl  xl:text-6xl sm:text-5xl">
  4496.                            <div class="mt-16 tagline-v2-a sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Live Longer, Stronger, Better</div>
  4497.                            <div class="mt-16 tagline-v2-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Stronger, Longer, Better Life.</div>
  4498.                            <div class="mt-16 tagline-v2-c sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Optimizing Health Since 2004</div>
  4499.                        </div>
  4500.                    </div>
  4501.                
  4502.                    <div class="tagline-v3 hidden">
  4503.                        <picture>
  4504.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="1000"  alt="BIOptimizers tagline 4" media="(max-width:413px) and (min-width:411px)">
  4505.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7b67-9d96-5778-4fc8_bioptimizers-tag3-desktop.jpg" width="1800" alt="BIOptimizers tagline 4" media="(min-width:670px)">
  4506.                            <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="1000"  alt="BIOptimizers tagline 4" media="(min-width:1px)">
  4507.                            <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="640"  alt="BIOptimizers tagline 4" />
  4508.                        </picture>
  4509.                        <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] xl:text-6xl sm:text-5xl">
  4510.                            <div class="mt-16 tagline-v3-a sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Live Longer, Stronger, Better</div>
  4511.                            <div class="mt-16 tagline-v3-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Stronger, Longer, Better Life.</div>
  4512.                            <div class="mt-16 tagline-v3-c sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Optimizing Health Since 2004</div>
  4513.                        </div>
  4514.                    </div>
  4515.  
  4516.                </div>
  4517.  
  4518.                <!--
  4519.                <div tabindex="0" aria-label="Join and Win up to $10000 in BioBucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative initHeader4">
  4520.                    <picture>
  4521.                        <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/44e9-4a62-b7b0-491b_biobucks-d.jpg" width="1800" alt="BioBucks Contest" media="(min-width:1001px)">
  4522.                        <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/84c4-ac50-c3a6-40b2_biobucks-m.jpg" width="1000"  alt="BioBucks Contest" media="(min-width:641px)">
  4523.                        <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/84c4-ac50-c3a6-40b2_biobucks-m.jpg" width="640"  alt="BioBucks Contest" />
  4524.                    </picture>
  4525.                    <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  4526.                        <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  4527.                            <div class="my-2 my-4 lg:text-2xl text-base font-light">
  4528.                                Our Customer Referral Content is Live
  4529.                            </div>
  4530.                            <div class="text-4xl lg:text-5xl text-center lg:text-justify font-bold">
  4531.                                Enter To Win Up To<span class="block ">$10,000 in BIObucks</span>
  4532.                            </div>
  4533.                            <a role="button" class="cta sm:ml-14 mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center text-2xl" href="https://bioptimizers.com/biobucks" >
  4534.                                Enter Today
  4535.                            </a>
  4536.                            <div class="my-2 my-4 lg:text-2xl text-base font-light lg:ml-20">
  4537.                                Now Through May 15th
  4538.                            </div>
  4539.                        </div>
  4540.                    </div>
  4541.                </div>
  4542.  
  4543.                <div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative initHeader4">
  4544.                    <picture>
  4545.                        <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  4546.                        <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  4547.                        <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  4548.                    </picture>
  4549.                    <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  4550.                        <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  4551.                            <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  4552.                                Recover Faster <span class="block font-bold">with MassZymes</span>
  4553.                            </div>
  4554.                            <div class="my-2 my-4 lg:text-2xl text-xl">
  4555.                                Promotes muscle recovery
  4556.                            </div>
  4557.                            <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  4558.                                SHOP NOW
  4559.                            </a>
  4560.                        </div>
  4561.                    </div>
  4562.                </div>
  4563.                -->
  4564.                <!--
  4565.                <div tabindex="0" aria-label="Earn points with BIO Bucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 biobux initHeader4">
  4566.                    <picture>
  4567.                        <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(max-width:413px) and (min-width:411px)">
  4568.                        <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/66dc-d632-9ec1-4f8e_BIObucks_Desktop.png" width="1800" alt="BIObucks rewards program banner" media="(min-width:641px)">
  4569.                        <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(min-width:1px)">
  4570.                        <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="640"  alt="BIObucks rewards program banner" />
  4571.                    </picture>
  4572.                    <div class="absolute biobux-container">
  4573.                        <div class="biobux-right">    
  4574.                            <div class="biobux-h1">BUY MORE <br />EARN MORE</div>
  4575.                            <div class="biobux-h2">with <span class="biobux-brand">BIO</span>bucks</div>
  4576.                            <div class="biobux-h3">Earn <span class="biobux-brand">BIO</span>bucks on <br /><span class="sm-block">the products you love.</span></div>
  4577.                            <a href="https://bioptimizers.com/biobucks" aria-label="Start earning with Biobucks whenever you buy from BIOptimizers"><div role="button" class="cta text-black cta-button">START EARNING TODAY</div></a>
  4578.                        </div>
  4579.                    </div>
  4580.                </div>
  4581.                -->
  4582.                <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  4583.  
  4584.                    document.addEventListener("DOMContentLoaded", () => {
  4585.                      
  4586.                        
  4587.                        if (window.location.href.includes("slogan-1")) {
  4588.                            document.querySelector(".tagline-control").style.display = "none"
  4589.  
  4590.                            document.querySelector(".tagline-v1").style.display = "block"
  4591.  
  4592.  
  4593.                        } else if  (window.location.href.includes("slogan-2"))  {
  4594.                            document.querySelector(".tagline-control").style.display = "none"
  4595.  
  4596.                            document.querySelector(".tagline-v1").style.display = "block"
  4597.                            document.querySelector(".tagline-v1-a").style.display = "none"
  4598.                            document.querySelector(".tagline-v1-b").style.display = "block"
  4599.  
  4600.  
  4601.                        } else if  (window.location.href.includes("slogan-3"))  {
  4602.                            document.querySelector(".tagline-control").style.display = "none"
  4603.  
  4604.                            document.querySelector(".tagline-v2").style.display = "block"
  4605.  
  4606.  
  4607.                        } else if  (window.location.href.includes("slogan-4"))  {
  4608.                            document.querySelector(".tagline-control").style.display = "none"
  4609.  
  4610.                            document.querySelector(".tagline-v2").style.display = "block"
  4611.                            document.querySelector(".tagline-v2-a").style.display = "none"
  4612.                            document.querySelector(".tagline-v2-b").style.display = "block"
  4613.  
  4614.                        } else if  (window.location.href.includes("slogan-5"))  {
  4615.                            document.querySelector(".tagline-control").style.display = "none"
  4616.  
  4617.                            document.querySelector(".tagline-v3").style.display = "block"
  4618.                            document.querySelector(".tagline-v3-a").style.display = "none"
  4619.                            document.querySelector(".tagline-v3-b").style.display = "block"
  4620.  
  4621.  
  4622.                        } else if  (window.location.href.includes("slogan-6"))  {
  4623.                            document.querySelector(".tagline-control").style.display = "none"
  4624.  
  4625.                            document.querySelector(".tagline-v3").style.display = "block"
  4626.                            document.querySelector(".tagline-v3-a").style.display = "none"
  4627.                            document.querySelector(".tagline-v3-b").style.display = "block"
  4628.                        }
  4629.  
  4630.  
  4631.                    })
  4632.  
  4633.                </script>
  4634.  
  4635.            </div>
  4636.            <!-- If we need pagination -->
  4637.            <div class="swiper-pagination"></div>
  4638.  
  4639.            <!-- If we need navigation buttons -->
  4640.            <div class="swiper-button-prev opacity-0 text-white bg-white group-hover/slider:opacity-100 transition-opacity duration-500"></div>
  4641.            <div class="swiper-button-next opacity-0 text-white bg-white group-hover/slider:opacity-100 transition-opacity duration-500"></div>
  4642.  
  4643.            <!-- If we need scrollbar -->
  4644.            <div class="swiper-scrollbar"></div>
  4645.  
  4646.        </div>
  4647.        <!-- <script defer src="https://fb-v1.cdn-bio.com/assets/hero-script-4-7e2bedb5160af18430f3379c5288593d.js"></script> -->
  4648.  
  4649.        <div class="typesection">
  4650.        </div>
  4651.  
  4652.        <div class="appendConvertStyle"></div>
  4653.  
  4654.        <h1 class="font-lato text-3xl text-center my-5 text-3xl sm:text-5xl" id="best_sellers_v2">Best Selling SuperHuman <span class="font-light block min-[790px]:inline">Health Formulas</span></h1>
  4655.  
  4656.        <div class="flex flex-wrap flex-col mx-auto sm:flex-row sm:max-w-[800px] xl:max-w-[1400px] items-center justify-center gap-4 lg:my-10 variation-lifestyle-img">
  4657.            <div class="w-80 hover:shadow-lg bg-[#0b3c0b]  relative">
  4658.                <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough">
  4659.                    <img loading="lazy" class="" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/f34a-6444-d915-4237_mag-b.png" width="320" height="440" alt="Magnesium Breakthrough" />
  4660.                </a>
  4661.  
  4662.                <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full">
  4663.                    <div class="text-white w-[320px] flex flex-col items-center">
  4664.                        <h2 class="font-bold text-center leading-none mb-3 ">MAGNESIUM BREAKTHROUGH</h2>
  4665.                        <span class="text-sm text-center leading-tight block mb-3 w-64">All 7 forms of magnesium upgrades virtually every function in your body.</span>
  4666.                        <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough" rel="bookmark" class="w-64 px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] leading-none text-center">Optimize Your Sleep <br />And Stress
  4667.                        </a>
  4668.                    </div>
  4669.                </div>
  4670.            </div>
  4671.            <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative">
  4672.                <a href="https://bioptimizers.com/shop/products/masszymes">
  4673.                    <img loading="lazy" class="" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/83e9-6d98-ba71-4c3a_masszymes-bottle.png" width="320" height="440" alt="masszymes" />
  4674.                </a>
  4675.                <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full">
  4676.                    <div class="text-white w-[320px] flex flex-col items-center">
  4677.                        <h2 class="font-bold text-center leading-none mb-3 ">MASSZYMES</h2>
  4678.                        <span class="text-sm text-center leading-tight block mb-3 w-64">Most potent enzyme blend for digestive function and nutrient absorption.</span>
  4679.                        <a href="https://bioptimizers.com/shop/products/masszymes" rel="bookmark" class="w-64 px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center leading-none">Optimize Your Digestion <br /> and
  4680.                            Absorption
  4681.                        </a>
  4682.                    </div>
  4683.                </div>
  4684.            </div>
  4685.            <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative">
  4686.                <a href="https://bioptimizers.com/shop/products/p3om" title="p3om">
  4687.                    <img loading="lazy" class="h-[440px]" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,height=440px,fit=contain/assets/uploads/9b48-bec1-6a13-403a_Probiotic-breakthrough-640x880-grad_(1).jpg" width="320" height="440" alt="Probiotic Breakthrough" />
  4688.                </a>
  4689.  
  4690.                <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full">
  4691.                    <div class="text-white w-[320px] flex flex-col items-center">
  4692.                        <h2 class="font-bold text-center leading-none mb-3 ">PROBIOTIC BREAKTHROUGH</h2>
  4693.                        <span class="text-sm text-center leading-tight block mb-3 w-64">Prebiotic and probiotic super-strain for a healthy gut and immune function.</span>
  4694.                        <a href="https://bioptimizers.com/shop/products/p3om" rel="bookmark" title="PROBIOTIC BREAKTHROUGH" class="w-64 px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center leading-none">Optimize Your Gut Health</a>
  4695.                    </div>
  4696.                </div>
  4697.            </div>
  4698.            <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative">
  4699.                <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" title="Ultimate Nutrition System">
  4700.                    <img loading="lazy" class="object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/b6b1-8258-c0c5-4f48_Rectangle_50.png" width="320" height="440" alt="ULTIMATE NUTRITION SYSTEM" />
  4701.                </a>
  4702.  
  4703.                <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full">
  4704.                    <div class="text-white w-[320px] flex flex-col items-center">
  4705.                        <h2 class="font-bold text-center leading-none mb-3 ">THE ULTIMATE NUTRITION SYSTEM</h2>
  4706.                        <span class="text-sm text-center leading-tight block mb-3 w-64">The ultimate resource for achieving your best health and goals</span>
  4707.                        <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" rel="bookmark" title="MAGNESIUM BREAKTHROUGH" class="w-64 px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center leading-none">Optimize Your Energy/Digestion
  4708.                        </a>
  4709.                    </div>
  4710.                </div>
  4711.            </div>
  4712.        </div>
  4713.  
  4714.        <h2 class="font-lato text-2xl text-center leading-relaxed px-6 sm:text-4xl">Save Big and Get <span class="block sm:inline">Better Results</span> <span class="block sm:inline">with Stacks</span></h2>
  4715.        
  4716.        <!-- Original Renders -->
  4717.        <div class="original-renders flex flex-wrap flex-col mx-auto sm:flex-row sm:max-w-[800px] xl:max-w-[1400px] items-center justify-center gap-4 lg:my-10">
  4718.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4719.                <div class="flex flex-col items-center justify-center">
  4720.                    <div class="">
  4721.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"
  4722.                            title="BIOPTIMIZED DIGESTIVE HEALTH STACK">
  4723.                            <picture class="">
  4724.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/aaf1-d30e-23bd-4d1b_shop-hcl-mz-probiotic.jpg" media="(max-width:413px) and (min-width:411px)">
  4725.                                <img loading="lazy" width="230" height="230"
  4726.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/aaf1-d30e-23bd-4d1b_shop-hcl-mz-probiotic.jpg"
  4727.                                    class="product-image aspect-square" alt="BIOptimized Digestive Health Stack">
  4728.                            </picture>
  4729.                        </a>
  4730.                    </div>
  4731.                    <div class="product-content">
  4732.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"
  4733.                            title="BIOPTIMIZED DIGESTIVE HEALTH STACK">
  4734.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">BIOPTIMIZED DIGESTIVE HEALTH STACK</h2>
  4735.                            <span class="text-sm text-center leading-tight block mb-3">Optimize your overall digestive
  4736.                                health.</span>
  4737.                        </a>
  4738.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"
  4739.                            rel="bookmark" title="BIOPTIMIZED DIGESTIVE HEALTH STACK"
  4740.                            class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Digestion</a>
  4741.                    </div>
  4742.                </div>
  4743.            </div>
  4744.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4745.                <div class="flex flex-col items-center justify-center">
  4746.                    <div class="">
  4747.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"
  4748.                            title="THE ULTIMATE GUT HEALTH STACK (Chocolate)">
  4749.                            <picture class="">
  4750.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/5f8d-4b73-5202-4250_Cogni-_MB_Chocolate__-Probiotic.png" media="(max-width:413px) and (min-width:411px)">    
  4751.                                <img loading="lazy" width="230" height="230"
  4752.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/5f8d-4b73-5202-4250_Cogni-_MB_Chocolate__-Probiotic.png"
  4753.                                    class="product-image aspect-square" alt="The Ultimate Gut Health Stack">
  4754.                            </picture>
  4755.                        </a>
  4756.                    </div>
  4757.                    <div class="product-content">
  4758.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"
  4759.                            title="THE ULTIMATE GUT HEALTH STACK (Chocolate)">
  4760.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Chocolate)
  4761.                            </h2>
  4762.                            <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate
  4763.                                bad
  4764.                                bacteria, boost good bacteria, repair gut lining and elevate your mood and
  4765.                                mind.</span>
  4766.                        </a>
  4767.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"
  4768.                            rel="bookmark" title="THE ULTIMATE GUT HEALTH STACK (Chocolate)"
  4769.                            class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Health</a>
  4770.                    </div>
  4771.                </div>
  4772.            </div>
  4773.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4774.                <div class="flex flex-col items-center justify-center">
  4775.                    <div class="">
  4776.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"
  4777.                            title="THE ULTIMATE GUT HEALTH STACK (Vanilla)">
  4778.                            <picture class="">
  4779.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/3546-2b6e-37da-457b_Cogni-_MB_Vanilla__-Probiotic.png" media="(max-width:413px) and (min-width:411px)">
  4780.                                <img loading="lazy" width="230" height="230"
  4781.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/3546-2b6e-37da-457b_Cogni-_MB_Vanilla__-Probiotic.png"
  4782.                                    class="product-image aspect-square" alt="The Ultimate Gut Health Stack"
  4783.                                    >
  4784.                            </picture>
  4785.                        </a>
  4786.                    </div>
  4787.                    <div class="product-content">
  4788.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"
  4789.                            title="THE ULTIMATE GUT HEALTH STACK (Vanilla)">
  4790.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Vanilla)
  4791.                            </h2>
  4792.                            <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate
  4793.                                bad
  4794.                                bacteria, boost good bacteria, repair gut lining and elevate your mood and
  4795.                                mind.</span>
  4796.                        </a>
  4797.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"
  4798.                            rel="bookmark" title="THE ULTIMATE GUT HEALTH STACK (Vanilla)"
  4799.                            class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Health</a>
  4800.                    </div>
  4801.                </div>
  4802.            </div>
  4803.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4804.                <div class="flex flex-col items-center justify-center">
  4805.                    <div class="">
  4806.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"
  4807.                            title="KETO / PALEO DIET STACK">
  4808.                            <picture class="">
  4809.                            
  4810.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/6348-de15-de70-4f20_paleo-diet-stack.png" media="(max-width:413px) and (min-width:411px)">
  4811.                                <img loading="lazy" width="230" height="230"
  4812.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/6348-de15-de70-4f20_paleo-diet-stack.png"
  4813.                                    class="product-image aspect-square" alt="Keto/Paleo Diet Stack" >
  4814.                            </picture>
  4815.                        </a>
  4816.                    </div>
  4817.                    <div class="product-content">
  4818.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"
  4819.                            title="KETO / PALEO DIET STACK">
  4820.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">KETO / PALEO DIET STACK</h2>
  4821.                            <span class="text-sm text-center leading-tight block mb-3">Improve keto, low-carb and paleo
  4822.                                digestion.
  4823.                                Increase energy and accelerate fat loss.</span>
  4824.                        </a>
  4825.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"
  4826.                            rel="bookmark" title="KETO / PALEO DIET STACK" class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize
  4827.                            Your
  4828.                            Energy/Digestion</a>
  4829.                    </div>
  4830.                </div>
  4831.            </div>
  4832.        </div>
  4833.        <!-- END Original Renders -->
  4834.  
  4835.        <!-- NEW Renders -->
  4836.        <div class="new-renders hidden flex flex-wrap flex-col mx-auto sm:flex-row sm:max-w-[800px] xl:max-w-[1400px] items-center justify-center gap-4 lg:my-10">
  4837.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4838.                <div class="flex flex-col items-center justify-center">
  4839.                    <div class="">
  4840.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack">
  4841.                            <picture class="">
  4842.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/2fc2-ab63-56de-44d3_masszymes-bundle.png" media="(max-width:413px) and (min-width:411px)">
  4843.                                <img loading="lazy" width="230" height="230"
  4844.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/2fc2-ab63-56de-44d3_masszymes-bundle.png"
  4845.                                    class="product-image aspect-square" alt="BIOptimized Digestive Health Stack">
  4846.                            </picture>
  4847.                        </a>
  4848.                    </div>
  4849.                    <div class="product-content">
  4850.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack">
  4851.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">BIOPTIMIZED DIGESTIVE HEALTH STACK</h2>
  4852.                            <span class="text-sm text-center leading-tight block mb-3">Optimize your overall digestive
  4853.                                health.</span>
  4854.                        </a>
  4855.                        <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"
  4856.                            rel="bookmark" class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Digestion</a>
  4857.                    </div>
  4858.                </div>
  4859.            </div>
  4860.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4861.                <div class="flex flex-col items-center justify-center">
  4862.                    <div class="">
  4863.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate">
  4864.                            <picture class="">
  4865.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/d9c7-0f22-db45-457a_microbiome-chocolate.png" media="(max-width:413px) and (min-width:411px)">    
  4866.                                <img loading="lazy" width="230" height="230"
  4867.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/d9c7-0f22-db45-457a_microbiome-chocolate.png"
  4868.                                    class="product-image aspect-square" alt="The Ultimate Gut Health Stack">
  4869.                            </picture>
  4870.                        </a>
  4871.                    </div>
  4872.                    <div class="product-content">
  4873.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate">
  4874.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Chocolate)
  4875.                            </h2>
  4876.                            <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate
  4877.                                bad
  4878.                                bacteria, boost good bacteria, repair gut lining and elevate your mood and
  4879.                                mind.</span>
  4880.                        </a>
  4881.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"
  4882.                            rel="bookmark" class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Health</a>
  4883.                    </div>
  4884.                </div>
  4885.            </div>
  4886.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4887.                <div class="flex flex-col items-center justify-center">
  4888.                    <div class="">
  4889.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla">
  4890.                            <picture class="">
  4891.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/665f-d851-184f-4486_microbiome-vanilla.png" media="(max-width:413px) and (min-width:411px)">
  4892.                                <img loading="lazy" width="230" height="230"
  4893.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/665f-d851-184f-4486_microbiome-vanilla.png"
  4894.                                    class="product-image aspect-square" alt="The Ultimate Gut Health Stack"
  4895.                                    >
  4896.                            </picture>
  4897.                        </a>
  4898.                    </div>
  4899.                    <div class="product-content">
  4900.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla">
  4901.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Vanilla)
  4902.                            </h2>
  4903.                            <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate
  4904.                                bad
  4905.                                bacteria, boost good bacteria, repair gut lining and elevate your mood and
  4906.                                mind.</span>
  4907.                        </a>
  4908.                        <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"
  4909.                            rel="bookmark" class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize Your Gut Health</a>
  4910.                    </div>
  4911.                </div>
  4912.            </div>
  4913.            <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative">
  4914.                <div class="flex flex-col items-center justify-center">
  4915.                    <div class="">
  4916.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack">
  4917.                            <picture class="">
  4918.                            
  4919.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/c11d-ed33-3662-47dc_kapex-bundle.png" media="(max-width:413px) and (min-width:411px)">
  4920.                                <img loading="lazy" width="230" height="230"
  4921.                                    src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/c11d-ed33-3662-47dc_kapex-bundle.png"
  4922.                                    class="product-image aspect-square" alt="Keto/Paleo Diet Stack" >
  4923.                            </picture>
  4924.                        </a>
  4925.                    </div>
  4926.                    <div class="product-content">
  4927.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack">
  4928.                            <h2 class="font-bold tracking-widest text-center leading-none mb-3">KETO / PALEO DIET STACK</h2>
  4929.                            <span class="text-sm text-center leading-tight block mb-3">Improve keto, low-carb and paleo
  4930.                                digestion.
  4931.                                Increase energy and accelerate fat loss.</span>
  4932.                        </a>
  4933.                        <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"
  4934.                            rel="bookmark" class="px-5 block rounded-md h-14 flex justify-center items-center text-black bg-[#fe9400] text-center sm:absolute sm:bottom-3 sm:min-w-[294px]">Optimize
  4935.                            Your
  4936.                            Energy/Digestion</a>
  4937.                    </div>
  4938.                </div>
  4939.            </div>
  4940.        </div>
  4941.        <!-- END New Renders -->
  4942.  
  4943.        <div class="variation-gmo-bottom">
  4944.            <h2 class="font-lato text-2xl text-center leading-relaxed px-6 my-10 leading-tight sm:text-4xl">Many of Our <span class="block sm:inline">Products are</span></h2>
  4945.            <div class="flex flex-wrap justify-center gap-x-8 gap-y-2 text-xs text-center text-[#537000] uppercase">
  4946.                <div class="flex flex-col items-center gap-2">
  4947.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-dairyfree-9018676ee4dcdb4130c7ddebe09ea442.svg" alt="Dairy Free">
  4948.                    <div>Dairy <br /> Free</div>
  4949.                </div>
  4950.                <div class="flex flex-col items-center gap-2">
  4951.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-glutenfree-96483ae2f20bbe71dda6294475cd911a.svg" alt="Gluten Free">
  4952.                    <div>Gluten <br /> Free</div>
  4953.                </div>
  4954.                <div class="flex flex-col items-center gap-2">
  4955.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-vegan-734b2ed306dddf970aceac413d9d1be8.svg" alt="Vegan">
  4956.                    <div>Vegan</div>
  4957.                </div>
  4958.                <div class="flex flex-col items-center gap-2">
  4959.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/uploads/5396-a864-3d92-4136_Sugar_Free.svg" alt="Sugar free">
  4960.                    <div>Sugar <br /> Free</div>
  4961.                </div>
  4962.                <div class="flex flex-col items-center gap-2">
  4963.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-chemicals-0dea39a10b1f7da9c786af5fbc2756b0.svg" alt="Chemicals & Fillers Free">
  4964.                    <div>Chemicals & <br /> Fillers Free</div>
  4965.                </div>
  4966.                <div class="flex flex-col items-center gap-2">
  4967.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-natural-bc3113ebbb890314d436939994c499c6.svg" alt="Natural Ingredients">
  4968.                    <div>All Natural <br /> Ingredients</div>
  4969.                </div>
  4970.                <div class="flex flex-col items-center gap-2">
  4971.                    <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-usa-c68723b9b2d00431cff978625922b83e.svg" alt="USA made">
  4972.                    <div>USA made with <br /> globally-sourced <br /> ingredients</div>
  4973.                </div>
  4974.            </div>
  4975.        </div>
  4976.  
  4977.        <div class="bg-black my-5 py-5">
  4978.            <div class="lg:max-w-[1400px] mx-auto">
  4979.                <h2 class="sm:max-w-[800px] lg:max-w-[1200px] sm:mx-auto font-lato text-2xl text-center px-10 py-5 text-[#c2d500] font-bold lg:text-4xl lg:my-7">Biohackers, Doctors, Scientists, Health And Fitness Leaders
  4980.                    <span class="sm:block inline"> Who Love BIOptimizers</span>
  4981.                </h2>
  4982.  
  4983.                <div class="flex flex-wrap mx-auto justify-center gap-2 text-white text-xs">
  4984.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  4985.                        <picture>
  4986.                            <source type="image/webp"
  4987.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-RogerSnipes.webp">
  4988.                            <source type="image/png"
  4989.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-RogerSnipes.png">
  4990.                            <img loading="lazy"
  4991.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-RogerSnipes.webp"
  4992.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  4993.                        </picture>
  4994.                        <div
  4995.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  4996.                            Roger Snipes</div>
  4997.                    </div>
  4998.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  4999.                        <picture>
  5000.                            <source type="image/webp"
  5001.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.webp">
  5002.                            <source type="image/png"
  5003.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.png">
  5004.                            <img loading="lazy"
  5005.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.webp"
  5006.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5007.                        </picture>
  5008.                        <div
  5009.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5010.                            Chalene Johnson</div>
  5011.                    </div>
  5012.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5013.                        <picture>
  5014.                            <source type="image/webp"
  5015.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.webp">
  5016.                            <source type="image/png"
  5017.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.png">
  5018.                            <img loading="lazy"
  5019.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.webp"
  5020.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5021.                        </picture>
  5022.                        <div
  5023.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5024.                            Courtney Swan</div>
  5025.                    </div>
  5026.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5027.                        <picture>
  5028.                            <source type="image/webp"
  5029.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DavidAsprey.webp">
  5030.                            <source type="image/png"
  5031.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DavidAsprey.png">
  5032.                            <img loading="lazy"
  5033.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-DavidAsprey.webp"
  5034.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5035.                        </picture>
  5036.                        <div
  5037.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5038.                            Dave Asprey</div>
  5039.                    </div>
  5040.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5041.                        <picture>
  5042.                            <source type="image/webp"
  5043.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.webp">
  5044.                            <source type="image/png"
  5045.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.png">
  5046.                            <img loading="lazy"
  5047.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.webp"
  5048.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5049.                        </picture>
  5050.                        <div
  5051.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5052.                            Chantel Ray</div>
  5053.                    </div>
  5054.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5055.                        <picture>
  5056.                            <source type="image/webp"
  5057.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DrCarolineLeaf.webp">
  5058.                            <source type="image/png"
  5059.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DrCarolineLeaf.png">
  5060.                            <img loading="lazy"
  5061.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-DrCarolineLeaf.webp"
  5062.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5063.                        </picture>
  5064.                        <div
  5065.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5066.                            Dr. Caroline Leaf</div>
  5067.                    </div>
  5068.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5069.                        <picture>
  5070.                            <source type="image/webp"
  5071.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-BenGreenfield.webp">
  5072.                            <source type="image/png"
  5073.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-BenGreenfield.png">
  5074.                            <img loading="lazy"
  5075.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-BenGreenfield.webp"
  5076.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5077.                        </picture>
  5078.                        <div
  5079.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5080.                            Ben Greenfield</div>
  5081.                    </div>
  5082.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5083.                        <picture>
  5084.                            <source type="image/webp"
  5085.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.webp">
  5086.                            <source type="image/png"
  5087.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.png">
  5088.                            <img loading="lazy"
  5089.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.webp"
  5090.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5091.                        </picture>
  5092.                        <div
  5093.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5094.                            Dhru Purohit</div>
  5095.                    </div>
  5096.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5097.                        <picture>
  5098.                            <source type="image/webp"
  5099.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JordanHarbinger.webp">
  5100.                            <source type="image/png"
  5101.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JordanHarbinger.png">
  5102.                            <img loading="lazy"
  5103.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-JordanHarbinger.webp"
  5104.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5105.                        </picture>
  5106.                        <div
  5107.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5108.                            Jordan Harbinger</div>
  5109.                    </div>
  5110.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5111.                        <picture>
  5112.                            <source type="image/webp"
  5113.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-KrisGethin.webp">
  5114.                            <source type="image/png"
  5115.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-KrisGethin.png">
  5116.                            <img loading="lazy"
  5117.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-KrisGethin.webp"
  5118.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5119.                        </picture>
  5120.                        <div
  5121.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5122.                            Kris Gethin</div>
  5123.                    </div>
  5124.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5125.                        <picture>
  5126.                            <source type="image/webp"
  5127.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-NataliaACoelho.webp">
  5128.                            <source type="image/png"
  5129.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-NataliaACoelho.png">
  5130.                            <img loading="lazy"
  5131.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-NataliaACoelho.webp"
  5132.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5133.                        </picture>
  5134.                        <div
  5135.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5136.                            Natalia A Coelho</div>
  5137.                    </div>
  5138.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5139.                        <picture>
  5140.                            <source type="image/webp"
  5141.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-PaulChek.webp">
  5142.                            <source type="image/png"
  5143.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-PaulChek.png">
  5144.                            <img loading="lazy"
  5145.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-PaulChek.webp"
  5146.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5147.                        </picture>
  5148.                        <div
  5149.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5150.                            Paul Chek</div>
  5151.                    </div>
  5152.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5153.                        <picture>
  5154.                            <source type="image/webp"
  5155.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.webp">
  5156.                            <source type="image/png"
  5157.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.png">
  5158.                            <img loading="lazy"
  5159.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.webp"
  5160.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5161.                        </picture>
  5162.                        <div
  5163.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5164.                            Mollie McGlockin</div>
  5165.                    </div>
  5166.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5167.                        <picture>
  5168.                            <source type="image/webp"
  5169.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.webp">
  5170.                            <source type="image/png"
  5171.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.png">
  5172.                            <img loading="lazy"
  5173.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.webp" alt="Bioptimizers Influencers"
  5174.                                class="aspect-square" width="170" height="170">
  5175.                        </picture>
  5176.                        <div
  5177.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5178.                            Dr. G</div>
  5179.                    </div>
  5180.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5181.                        <picture>
  5182.                            <source type="image/webp"
  5183.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.webp">
  5184.                            <source type="image/png"
  5185.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.png">
  5186.                            <img loading="lazy"
  5187.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.webp"
  5188.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5189.                        </picture>
  5190.                        <div
  5191.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5192.                            Katie Wells</div>
  5193.                    </div>
  5194.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5195.                        <picture>
  5196.                            <source type="image/webp"
  5197.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.webp">
  5198.                            <source type="image/png"
  5199.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.png">
  5200.                            <img loading="lazy"
  5201.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.webp"
  5202.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5203.                        </picture>
  5204.                        <div
  5205.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5206.                            Brittany Ford</div>
  5207.                    </div>
  5208.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5209.                        <picture>
  5210.                            <source type="image/webp"
  5211.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.webp">
  5212.                            <source type="image/png"
  5213.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.png">
  5214.                            <img loading="lazy"
  5215.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.webp"
  5216.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5217.                        </picture>
  5218.                        <div
  5219.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5220.                            Max Lugavere</div>
  5221.                    </div>
  5222.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5223.                        <picture>
  5224.                            <source type="image/webp"
  5225.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-GiGiEats.webp">
  5226.                            <source type="image/png"
  5227.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-GiGiEats.png">
  5228.                            <img loading="lazy"
  5229.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-GiGiEats.webp"
  5230.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5231.                        </picture>
  5232.                        <div
  5233.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5234.                            GiGi Eats</div>
  5235.                    </div>
  5236.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5237.                        <picture>
  5238.                            <source type="image/webp"
  5239.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.webp">
  5240.                            <source type="image/png"
  5241.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.png">
  5242.                            <img loading="lazy"
  5243.                                src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.webp"
  5244.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5245.                        </picture>
  5246.                        <div
  5247.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5248.                            Dr. Mindy Pelz</div>
  5249.                    </div>
  5250.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5251.                        <picture>
  5252.                            <source type="image/webp"
  5253.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-CrosbyTailor.webp">
  5254.                            <source type="image/png"
  5255.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-CrosbyTailor.png">
  5256.                            <img loading="lazy"
  5257.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-CrosbyTailor.webp"
  5258.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5259.                        </picture>
  5260.                        <div
  5261.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5262.                            Crosby Tailor</div>
  5263.                    </div>
  5264.                    <div class="flex flex-col gap-y-2 justify-center items-center">
  5265.                        <picture>
  5266.                            <source type="image/webp"
  5267.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JesseGolden.webp">
  5268.                            <source type="image/png"
  5269.                                srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JesseGolden.png">
  5270.                            <img loading="lazy"
  5271.                                src="https://assets-v0.cdn-bio.com/img/influencers/photobw-JesseGolden.webp"
  5272.                                alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170">
  5273.                        </picture>
  5274.                        <div
  5275.                            class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase">
  5276.                            Jesse Golden</div>
  5277.                    </div>
  5278.                </div>
  5279.  
  5280.                <h2 class="font-lato text-2xl text-center py-5 px-10 text-[#c2d500] font-bold lg:text-4xl lg:my-7">BIOptimizers Has Been Featured On</h2>
  5281.  
  5282.                <div class="flex flex-wrap justify-center items-center gap-2">
  5283.                    <div>
  5284.                        <picture>
  5285.                            <source type="image/webp"
  5286.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.webp">
  5287.                            <source type="image/png"
  5288.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.png">
  5289.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.webp"
  5290.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Human Upgrade podcast"
  5291.                                width="170" height="170">
  5292.                        </picture>
  5293.                    </div>
  5294.                    <div >
  5295.                        <picture>
  5296.                            <source type="image/webp"
  5297.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.webp">
  5298.                            <source type="image/png"
  5299.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.png">
  5300.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.webp"
  5301.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Dr. Leaf's podcast"
  5302.                                width="170" height="170">
  5303.                        </picture>
  5304.                    </div>
  5305.                    <div >
  5306.                        <picture>
  5307.                            <source type="image/webp"
  5308.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.webp">
  5309.                            <source type="image/png"
  5310.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.png">
  5311.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.webp"
  5312.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Ben Greenfield Fitness podcast"
  5313.                                width="170" height="170">
  5314.                        </picture>
  5315.                    </div>
  5316.                    <div >
  5317.                        <picture>
  5318.                            <source type="image/webp"
  5319.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.webp">
  5320.                            <source type="image/png"
  5321.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.png">
  5322.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.webp"
  5323.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Doctor's Pharmacy podcast"
  5324.                                width="170" height="170">
  5325.                        </picture>
  5326.                    </div>
  5327.                    <div >
  5328.                        <picture>
  5329.                            <source type="image/webp"
  5330.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.webp">
  5331.                            <source type="image/png"
  5332.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.png">
  5333.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.webp"
  5334.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Resetter podcast"
  5335.                                width="170" height="170">
  5336.                        </picture>
  5337.                    </div>
  5338.                    <div>                
  5339.                        <picture>
  5340.                            <source type="image/webp"
  5341.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.webp">
  5342.                            <source type="image/png"
  5343.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.png">
  5344.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.webp"
  5345.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Heal Thy Self podcast"
  5346.                                width="170" height="170">
  5347.                        </picture>            
  5348.                    </div>
  5349.                    <div >
  5350.                        <picture>
  5351.                            <source type="image/webp"
  5352.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.webp">
  5353.                            <source type="image/png"
  5354.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.png">
  5355.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.webp"
  5356.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Living 4D podcast"
  5357.                                width="170" height="170">
  5358.                        </picture>
  5359.                    </div>
  5360.                    <div>
  5361.                        <picture>
  5362.                            <source type="image/webp"
  5363.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.webp">
  5364.                            <source type="image/png"
  5365.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.png">
  5366.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.webp"
  5367.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on JP Sears' podcast"
  5368.                                width="170" height="170">
  5369.                        </picture>
  5370.                    </div>
  5371.                    <div>
  5372.                        <picture>
  5373.                            <source type="image/webp"
  5374.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.webp">
  5375.                            <source type="image/png"
  5376.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.png">
  5377.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.webp"
  5378.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Jordan Harbinger Show"
  5379.                                width="170" height="170">
  5380.                        </picture>
  5381.                    </div>
  5382.                    <div >
  5383.                        <picture>
  5384.                            <source type="image/webp"
  5385.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.webp">
  5386.                            <source type="image/png"
  5387.                                srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.png">
  5388.                            <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.webp"
  5389.                                class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Dr. Drew Podcast"
  5390.                                width="170" height="170">
  5391.                        </picture>
  5392.                    </div>
  5393.                </div>
  5394.            </div>
  5395.        </div>
  5396.  
  5397.        <div id="track_scroll_target"></div>
  5398.  
  5399.        <div class="flex flex-wrap gap-5 px-5 sm:px-0 my-5 md:max-w-[1200px] mx-auto text-white justify-center items-center container-section-2">
  5400.            <div class="relative sm:w-[570px]">
  5401.                <a href="https://bioptimizers.com/shop/collections/digestive-health?cbanner=digestive" class="bannerDigestion">
  5402.                    <picture>
  5403.                        <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-fitness-545982508a7824d44d43e5ecb2814cbc.jpg" alt="optimize fitness" />
  5404.                    </picture>
  5405.                    <div class="text-center absolute bottom-0 w-full bg-gradient-to-b from-transparent from-0% to-black/90 to-60% sm:text-3xl text-2xl font-light uppercase pt-10 pb-2">
  5406.                        Optimize Your <span class="font-extrabold block sm:text-4xl text-3xl">DIGESTION</span><span class="block text-[#FF9400] lowercase text-lg sm:text-xl">start here</span>
  5407.                    </div>
  5408.                </a>
  5409.            </div>
  5410.            <div class="relative sm:w-[570px]">
  5411.                <a href="https://bioptimizers.com/shop/collections/brain?cbanner=brain" class="bannerBrain">
  5412.                    <picture>
  5413.                        <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-brain-energy-73bb017a2372723f8ee3576776e05988.jpg" alt="optimize brain and energy" />
  5414.                    </picture>
  5415.                    <div class="text-center absolute bottom-0 w-full bg-gradient-to-b from-transparent from-0% to-black/90 to-50% sm:text-3xl text-2xl font-light uppercase pt-10 pb-2">
  5416.                        Optimize Your <span class="font-extrabold block sm:text-4xl text-3xl">BRAIN & ENERGY</span><span class="block text-[#FF9400] lowercase text-lg sm:text-xl">start here</span>
  5417.                    </div>
  5418.                </a>
  5419.            </div>
  5420.            <div class="relative sm:w-[570px]">
  5421.                <a href="https://bioptimizers.com/shop/collections/nutrients?cbanner=nutrients" class="bannerNutrients">
  5422.                    <picture>
  5423.                        <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-nutrients-acca09d5edb1f1c0e34ba01e741985fc.jpg" alt="optimize nutrients" />
  5424.                    </picture>
  5425.                    <div class="text-center absolute bottom-0 w-full bg-gradient-to-b from-transparent from-0% to-black/90 to-50% sm:text-3xl text-2xl font-light uppercase pt-10 pb-2">
  5426.                        Optimize Your <span class="font-extrabold block sm:text-4xl text-3xl">NUTRIENTS</span><span class="block text-[#FF9400] lowercase text-lg sm:text-xl">start here</span>
  5427.                    </div>
  5428.                </a>
  5429.            </div>
  5430.            <div class="relative sm:w-[570px]">
  5431.                <a href="https://bioptimizers.com/shop/collections/sleep?cbanner=sleep" class="bannerSleep">
  5432.                    <picture>
  5433.                        <img loading="lazy" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif/assets/uploads/407b-12a1-deba-4a8a_optimize-sleep.jpg" alt="optimize sleep" />
  5434.                    </picture>
  5435.                    <div class="text-center absolute bottom-0 w-full bg-gradient-to-b from-transparent from-0% to-black/90 to-50% sm:text-3xl text-2xl font-light uppercase pt-10 pb-2">
  5436.                        Optimize Your <span class="font-extrabold block sm:text-4xl text-3xl">SLEEP</span><span class="block text-[#FF9400] lowercase text-lg sm:text-xl">start here</span>
  5437.                    </div>
  5438.                </a>
  5439.            </div>
  5440.        </div>
  5441.  
  5442.        <div class="bg-[url('https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,quality=90/bio-pages/bio-home/nootopia-banner.png')] bg-cover sm:max-w-[800px] xl:max-w-[1200px] sm:mx-auto xl:p-8 bg-no-repeat lg:my-7 my-5">
  5443.            <div class="flex flex-col lg:flex-row text-white py-5 lg:items-end">
  5444.                <div class="text-xl font-light px-6 lg:w-8/12">
  5445.                    <p class="block mb-3 xl:mb-6">Have you checked out our new brain optimization company?</p>
  5446.                    <p class="font-bold block mb-3 xl:text-3xl tracking-wider xl:mb-6">How to crush long workdays with effortless energy and unlock <span>your brain's <span class="text-[#13a8fe]">maximum
  5447.                                focus</span>, <span class="text-[#13a8fe]">concentration</span>, and <span
  5448.                                class="text-[#13a8fe]">creativity</span></span>
  5449.                    </p>
  5450.                    <p class="block mb-4 lg:mb-6">Create epic mental states that activate your brilliance
  5451.                        within and shift into "GOD MODE" for increased productivity, creativity, concentration,
  5452.                        and more. Unlock your genius.</p>
  5453.                    <a href="https://nootopia.com/?gl=60d9f6bf8ebf58ee52673f98" target="_blank" role="button" rel="noopener">
  5454.                        <span class="rounded-md uppercase tracking-wider leading-none text-black bg-[#fe9400] font-bold py-4 block flex items-center justify-center">Optimize Your Brain <br  class="md:hidden"> To Its Full Potential</span>
  5455.                    </a>
  5456.                </div>
  5457.                <div class="flex items-center justify-center xl:w-4/12">
  5458.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/noot-logo.webp"
  5459.                        class="hidden lg:block" width="300" height="200" alt="nootopia">
  5460.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/noot-logo-sm.webp"
  5461.                        class="block lg:hidden" width="350" height="110" alt="nootopia" >
  5462.                </div>
  5463.            </div>
  5464.        </div>
  5465.  
  5466.  
  5467.        <div class="text-white bg-[#4d4d4d] px-5 py-3 ">
  5468.            <div class="sm:mx-auto sm:max-w-[800px] flex flex-col items-center justify-center lg:flex-row ">
  5469.                <picture>
  5470.                    <source type="image/webp"
  5471.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.webp">
  5472.                    <source type="image/png"
  5473.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.png">
  5474.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.webp"
  5475.                        class="aspect-square object-contain my-3 md:min-w-52" alt="BIOptimizers Best in Class Guarantee badge" width="180">
  5476.                </picture>
  5477.                <div class="lg:pl-7">
  5478.                    <h3 class="text-white text-3xl font-bold text-center mb-3 md:text-justify">"BEST IN CLASS" GUARANTEE:</h3>
  5479.                    <p class="text-justify leading-relaxed">Our mission is focused on customer obsession. If after trying our
  5480.                        products you don't feel we are the BEST IN CLASS, we will refund your
  5481.                        money. PERIOD. We're THAT confident you'll love our products and that's
  5482.                        why we give you 365 days to try them. You have nothing to lose so take
  5483.                        advantage of this amazing deal today.</p>
  5484.                </div>
  5485.            </div>
  5486.        </div>
  5487.        
  5488.        <div class="flex flex-col items-center justify-center w-full my-5 px-5 lg:my-5 lg:py-7">
  5489.            <div class="flex gap-x-3 mb-3 lg:mb-7">
  5490.                <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-herbal-medicine.webp"
  5491.                    class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Herbal medicine expertise icon">
  5492.                <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-probiotic.webp"
  5493.                    class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Probiotic expertise icon">
  5494.                <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-chemistry.webp"
  5495.                    class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Chemistry expertise icon">
  5496.                <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-plant-dna.webp"
  5497.                    class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Plant DNA expertise icon">
  5498.                <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-open-capsule.webp"
  5499.                    class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Supplement capsule expertise icon">
  5500.            </div>
  5501.            <h2 class="text-center font-bold text-2xl mb-3 lg:text-3xl">We Work With 5 World-Class Formulators To
  5502.                <span class="lg:block">Create The Best In Class Formulas</span>
  5503.            </h2>
  5504.            <div class="ng-bull mt-3">
  5505.                <p class="flex items-start text-left mb-3 lg:mb-5"><img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/e13f-4c86-910c-4164_icon-check-bdc01c040ce58f5566d3b56353d5f74c.svg" class="mr-3" alt="Checkmark icon"> <span>We work with one of the <strong>top Chinese herbal experts</strong> in the world.</span></p>
  5506.                <p class="flex items-start text-left mb-3 lg:mb-5"><img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/e13f-4c86-910c-4164_icon-check-bdc01c040ce58f5566d3b56353d5f74c.svg" class="mr-3" alt="Checkmark icon"> <span class="font-bold">We work with the <strong>top probiotic scientists</strong>.</span></p>
  5507.                <p class="flex items-start text-left mb-3 lg:mb-5"><img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/e13f-4c86-910c-4164_icon-check-bdc01c040ce58f5566d3b56353d5f74c.svg" class="mr-3" alt="Checkmark icon"> <span>We work with one of the <strong>smartest formulators</strong> in the world who has 4 decades of experience in the game.</span></p>
  5508.                <p class="flex items-start text-left mb-3 "><img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/e13f-4c86-910c-4164_icon-check-bdc01c040ce58f5566d3b56353d5f74c.svg" class="mr-3" alt="Checkmark icon"> <span class="font-bold">We work with a man we believe is possibly the <strong>greatest plant extractor expert</strong> on Earth.</span></p>
  5509.                <p class="flex items-start text-left"><img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/e13f-4c86-910c-4164_icon-check-bdc01c040ce58f5566d3b56353d5f74c.svg" class="mr-3" alt="Checkmark icon"> <span>We employ the <strong>best nootropic stack designer</strong> we're aware of.</span></p>
  5510.            </div>
  5511.        </div>
  5512.  
  5513.        <div class="bg-[#f9f9f9] my-5 px-5 py-3 lg:py-10">
  5514.            <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We have helped over 900,030 legendary clients optimize their health since 2004.
  5515.                </strong>We've been in business for <span id="updateYear"></span> full years. Our average rating for all of our
  5516.                products is an 8.95/10.</p>
  5517.            <p class="mb-3 lg:max-w-[800px] mx-auto">We understand you might be skeptical. There's plenty of companies making big claims.
  5518.                However, we invest in the research. Almost no other supplement company does.</p>
  5519.            <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We have created a partnership and invested heavily with the Burch University in
  5520.                    Sarajevo and created a probiotics lab with multiple PHDs in Bosnia working on
  5521.                    creating the evolution of probiotics.</strong></p>
  5522.            <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We never stop evolving the products. We keep researching and testing and
  5523.                    upgrading the formulas.</strong> We have a million dollar lab filled with multiple
  5524.                genius PHDs running non-stop experiments on every ingredient and every formula to
  5525.                maximize their effectiveness.</p>
  5526.        </div>
  5527.        
  5528.        <!---cBSiiRNbUs-->
  5529.        <div class="flex justify-center items-center my-5 relative">
  5530.            <div class="youtube [clip-path:_inset(12%_0_12%_0)] lg:min-w-[800px] w-full lg:min-h-[500px]" data-embed="-cBSiiRNbUs" >
  5531.                <div class=" absolute left-2/4 top-2/4 z-10 text-white"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-20 -translate-x-2/4 -translate-y-2/4 ">
  5532.                    <path role="button" aria-label="Bioptimizers Science Lab Video" tabindex="0" stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
  5533.                </svg>
  5534.                </div>
  5535.            </div>
  5536.        </div>
  5537.  
  5538.        <div class="flex flex-wrap w-full px-3 text-white gap-3 items-center justify-center my-5 lg:max-w-[830px] mx-auto">
  5539.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5540.                <picture>
  5541.                    <source type="image/webp"
  5542.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dom-dagostino.webp">
  5543.                    <source type="image/png"
  5544.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dom-dagostino.png">
  5545.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dom-dagostino.webp" class="" alt="Dom D'Agostino" height="270" style="height: auto;">
  5546.                </picture>
  5547.                <div class="">
  5548.                    <div
  5549.                        class="text-center font-bold text-lg uppercase w-full">
  5550.                        Dom D'Agostino</div>
  5551.                    <div
  5552.                        class="text-center font-bold text-xs uppercase w-full">
  5553.                        Scientific Advisor</div>
  5554.                </div>
  5555.            </div>
  5556.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5557.                <picture>
  5558.                    <source type="image/webp"
  5559.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.webp">
  5560.                    <source type="image/png"
  5561.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.png">
  5562.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.webp"
  5563.                        class="" alt="Monia Avdic, PHD" height="270"
  5564.                        style="height: auto;">
  5565.                </picture>
  5566.                <div
  5567.                    class="text-center font-bold text-lg uppercase w-full">
  5568.                    Monia Avdic, PHD</div>
  5569.                <div
  5570.                    class="text-center font-bold text-xs uppercase w-full">
  5571.                    Probiotics Expert</div>
  5572.            </div>
  5573.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5574.                <picture>
  5575.                    <source type="image/webp"
  5576.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.webp">
  5577.                    <source type="image/png"
  5578.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.png">
  5579.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.webp"
  5580.                        class="" alt="Dženan Kovačić"  height="270"
  5581.                        style="height: auto;">
  5582.                </picture>
  5583.                <div
  5584.                    class="text-center font-bold text-lg uppercase w-full">
  5585.                    Dženan Kovačić</div>
  5586.                <div
  5587.                    class="text-center font-bold text-xs uppercase w-full">
  5588.                    Molecular Docking Expert</div>
  5589.            </div>
  5590.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5591.                <picture>
  5592.                    <source type="image/webp"
  5593.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.webp">
  5594.                    <source type="image/png"
  5595.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.png">
  5596.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.webp"
  5597.                        class="" alt="Sarah Hotić" height="270"
  5598.                        style="height: auto;">
  5599.                </picture>
  5600.                <div
  5601.                    class="text-center font-bold text-lg uppercase w-full">
  5602.                    Sarah Hotić</div>
  5603.                <div
  5604.                    class="text-center font-bold text-xs uppercase w-full">
  5605.                    Plant Cell Culture Expert</div>
  5606.            </div>
  5607.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5608.                <picture>
  5609.                    <source type="image/webp"
  5610.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.webp">
  5611.                    <source type="image/png"
  5612.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.png">
  5613.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.webp"
  5614.                        class="" alt="Neira Crnčević" height="270"
  5615.                        style="height: auto;">
  5616.                </picture>
  5617.                <div
  5618.                    class="text-center font-bold text-lg uppercase w-full">
  5619.                    Neira Crnčević</div>
  5620.                <div
  5621.                    class="text-center font-bold text-xs uppercase w-full">
  5622.                    Genetics & Bioengineering</div>
  5623.            </div>
  5624.            <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]">
  5625.                <picture>
  5626.                    <source type="image/webp"
  5627.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.webp">
  5628.                    <source type="image/png"
  5629.                        srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.png">
  5630.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.webp"
  5631.                        class="" alt="Dženeta Salčin" height="270"
  5632.                        style="height: auto;">
  5633.                </picture>
  5634.                <div
  5635.                    class="text-center font-bold text-lg uppercase w-full">
  5636.                    Dženeta Salčin</div>
  5637.                <div
  5638.                    class="text-center font-bold text-xs uppercase w-full">
  5639.                    BSc in Biology, Ecology</div>
  5640.            </div>
  5641.        </div>
  5642.  
  5643.        <div class="flex flex-wrap px-5 my-5 md:flex-row-reverse md:w-[800px] mx-auto lg:px-0 lg:my-10">
  5644.            <div class="rounded-sm border-8 border-[#4d4d4d] border-solid text-center p-5 flex flex-col items-center justify-center md:w-1/2">
  5645.                <p class="mb-3 text-lg">The Strongest Promise In
  5646.                    <span class="block sm:inline">The Industry:</span>
  5647.                </p>
  5648.                <h3 class="font-black font-lato text-3xl mb-3">The 365 Day
  5649.                    <span class="d-block">"Best Product Ever Or </span> Your Money Back"
  5650.                    <span class="d-block">Guarantee</span>
  5651.                </h3>
  5652.                <img loading="lazy" src="https://magnesiumbreakthrough.com/a/assets/img/el/gbadge.png"
  5653.                    style="max-width: 120px; margin-top: 10px;" class="lazyloaded" width="120"
  5654.                    height="120" alt="100% money back guarantee">
  5655.            </div>
  5656.            <div class="px-5 text-justify my-5 md:w-1/2 lg:px-0 lg:pr-10">
  5657.                <p class="mb-3">Science is our everything. We also realize trust is earned and not given. That's why our 365-day guarantee gives you an entire year to put us to the test. The clock starts the day you receive your shipment.</p>
  5658.                <p class="mb-3">Now, in the unlikely event your product doesn't measure up as best in its class, we don't want your money. Reach out to our customer happiness team and they will take it from there.</p>
  5659.                <p class="mb-3">Simply return your remaining unopened product bottles. You'll receive a full refund (minus shipping and handling costs). NOTE: the guarantee applies ONLY to the first opened bottle. A second opened bottle means you no longer qualify for any guarantee. We thank you. And we want you to be 100% satisfied no matter the outcome.</em>
  5660.                </p>
  5661.            </div>
  5662.        </div>
  5663.        <div id="awesomehealth" tabindex="-1" class="scroll-target my-5 relative [background-image:_radial-gradient(at_left_bottom,#f3ef15_0,#009885_100%)] md:pt-10 flex flex-col">
  5664.            <div class="hidden md:flex mx-auto flex-row max-w-[800px] mb-10">
  5665.                <div class="w-1/2">
  5666.                    <picture>
  5667.                        <source type="image/webp"
  5668.                            srcset="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp">
  5669.                        <source type="image/png"
  5670.                            srcset="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp">
  5671.                        <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp"
  5672.                            class="mx-auto w-100" alt="awesome health course" >
  5673.                    </picture>
  5674.                </div>
  5675.                <div class="w-1/2 px-5 text-white  ">
  5676.                    <h2 class="text-2xl font-bold text-center mb-5">Get Access To The
  5677.                        <span class="">AWESOME Health Course</span>
  5678.                    </h2>
  5679.                    <p class="text-center">In this 12 week program, you're going to
  5680.                        discover how to achieve AWESOME health and double your energy with natural, tested, and
  5681.                        scientific strategies.</p>
  5682.                    <div class="">
  5683.                        <!--[if lte IE 8]>
  5684.                    <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
  5685.                    <![endif]-->
  5686.                        <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  5687.                            hbspt.forms.create({
  5688.                                region: "na1",
  5689.                                portalId: "6875107",
  5690.                                formId: "59ae365d-b709-44ac-883d-8fc8ebf66177",
  5691.                                onFormReady: function (hsform) {
  5692.                                    let hsbutton = hsform.querySelector("input.hs-button.primary.large");
  5693.                                    hsbutton.style.color = "black"
  5694.                                }
  5695.                            });
  5696.                        </script>
  5697.                    </div>
  5698.                </div>
  5699.            </div>
  5700.  
  5701.            <div class="brandvidyt">
  5702.                <!--cfsicALuotY-->
  5703.                <div  class="youtube [clip-path:_inset(12%_0_12%_0)] relative w-full justify-center items-center sm:flex hidden -mt-[50px]" data-embed="cfsicALuotY">
  5704.                    <div class=" absolute left-2/4 top-2/4 z-10 text-white"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-20 -translate-x-2/4 -translate-y-2/4 ">
  5705.                        <path role="button" tabindex="0" aria-label="Play bioptimizers brand video" stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
  5706.                        </svg>
  5707.                    </div>
  5708.                </div>
  5709.                <!--m1PNEsjJEUA-->
  5710.                <div class="youtube [clip-path:_inset(12%_0_12%_0)] relative w-full flex justify-center items-center sm:hidden" data-embed="m1PNEsjJEUA">
  5711.                    <div class=" absolute left-2/4 top-2/4 z-10 text-white"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-20 -translate-x-2/4 -translate-y-2/4 ">
  5712.                        <path role="button" tabindex="0" aria-label="Play bioptimizers brand video on mobile" stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
  5713.                        </svg>
  5714.                    </div>
  5715.                </div>
  5716.            </div>
  5717.  
  5718.            <!-- VARIATION 3 -->
  5719.            <div class="w-full max-w-[800px] mx-auto relative videoContainer brand_video_variation_3 sm:mb-10 my-5 hidden">
  5720.                <div id="ytPlayerDesktop3" class="w-full aspect-video h-full hidden sm:block"></div>
  5721.                <div id="ytPlayerMobile3" class="aspect-square w-full sm:hidden"></div>
  5722.            </div>
  5723.            
  5724.            <!-- VARIATION 4 -->
  5725.            <div class="w-full max-w-[800px] mx-auto relative videoContainer brand_video_variation_4 sm:mb-10 my-5 hidden">
  5726.                <div id="ytPlayerDesktop4" class="w-full aspect-video h-full hidden sm:block"></div>
  5727.                <div id="ytPlayerMobile4" class="aspect-square w-full sm:hidden"></div>
  5728.            </div>
  5729.            
  5730.        </div>
  5731.  
  5732.        <div class="inc-5000-section w-full py-7 md:py-10">
  5733.            <div class="flex items-center flex-col sm:flex-row justify-center px-7 md:px-0 md:max-w-[820px] mx-auto">
  5734.                <picture class="">
  5735.                    <img loading="lazy" src="https://static-v1.cdn-bio.com/cdn-cgi/image/quality=75,format=webp/assets/icons/inc-5000-logo-2024-square.gif" alt="BIOptimizers-2022Inc5000" width="800" height="800"
  5736.                        class="aspect-square mb-3 md:w-[1000px] w-[800px]" >
  5737.                </picture>
  5738.                <div class="">
  5739.                    <div class="text-3xl font-black font-lato mb-3 variation-orig">Thank YOU for helping us become one of the fastest-growing companies in America <div class="sm:block inline"> - <span id="yearRow"></span> Years in a row. </div></div>
  5740.                    <div class="text-3xl font-black font-lato mb-3 hidden variation-v1">Thank YOU for helping us become one of the fastest-growing companies in America by Inc. 5000 - 3 Years in a row.</div>
  5741.                    
  5742.                    <p >Thank you for trusting us with your health.</p>
  5743.                    <img class="my-3" loading="lazy" src="https://fb-v1.cdn-bio.com/assets/uploads/fa08-0c1f-d3d3-4674_Matt-Gallant.svg"
  5744.                        alt="matt-gallant" width="200" height="60">
  5745.                    <p>CEO/Co-founder of BIOptimizers</p>
  5746.                </div>
  5747.            </div>
  5748.        </div>
  5749.    
  5750.        </main>
  5751.  
  5752.    <!-- Main CSS -->
  5753.  
  5754.    <style>
  5755.        .bio_bucks_form .hs-email label {
  5756.            display: inline;
  5757.        }
  5758.        .bio_bucks_form .hs-input {
  5759.            display: inline-block;
  5760.            width: 100%;
  5761.            max-width: 500px;
  5762.            height: 40px;
  5763.            padding: 9px 10px;
  5764.            font-family: "Lato", serif;
  5765.            font-size: 16px;
  5766.            font-weight: normal;
  5767.            line-height: 22px;
  5768.            color: #33475b;
  5769.            border: 1px solid #cbd6e2;
  5770.            box-sizing: border-box;
  5771.            -webkit-border-radius: 3px;
  5772.            -moz-border-radius: 3px;
  5773.            -ms-border-radius: 3px;
  5774.            border-radius: 3px;
  5775.        }
  5776.        .bio_bucks_form ul.no-list {
  5777.            list-style: none;
  5778.        }
  5779.        .bio_bucks_form .inputs-list {
  5780.            margin: 0 0 5px;
  5781.            width: 100%;
  5782.            padding-left: 5px;
  5783.        }
  5784.        .bio_bucks_form .inputs-list>li {
  5785.            display: block;
  5786.            padding: 0;
  5787.            width: 100%;
  5788.        }
  5789.        .bio_bucks_form .inputs-list label {
  5790.            float: none;
  5791.            width: auto;
  5792.            padding: 0;
  5793.            line-height: 18px;
  5794.            white-space: normal;
  5795.            font-weight: normal;
  5796.            font-size: 14px !important;
  5797.        }
  5798.        .bio_bucks_form .hs-error-msgs label {
  5799.            color: #f2545b;
  5800.        }
  5801.        .bio_bucks_form .hs-button {
  5802.            width: 100%;
  5803.            margin: 0;
  5804.            cursor: pointer;
  5805.            display: inline-block;
  5806.            font-weight: 700;
  5807.            position: relative;
  5808.            text-align: center;
  5809.            transition: all .15s linear;
  5810.            border-radius: 3px;
  5811.            border-style: solid;
  5812.            border-width: 1px;
  5813.            padding: 12px 24px;
  5814.            background: #f28800;
  5815.            border-color: #f28800;
  5816.            color: #ffffff;
  5817.            font-size: 17px;
  5818.            line-height: 17px;
  5819.            font-family: "Lato", serif;
  5820.            text-transform: uppercase;
  5821.        }
  5822.        .bio_bucks_form .actions {
  5823.            padding: 10px 0;
  5824.            text-align: center;
  5825.        }
  5826.        .bio_bucks_form h5 {
  5827.            color: white;
  5828.            line-height: normal;
  5829.            font-size: 24px !important;
  5830.            font-family: "Lato", serif !important;
  5831.        }
  5832.    </style>
  5833.  
  5834.    <!-- Font CSS -->
  5835. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c809cfb0dd3ae4ab72768f5b-|49"></script><link rel="preload" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  5836. <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap"></noscript>
  5837. <!-- Main CSS -->
  5838. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c809cfb0dd3ae4ab72768f5b-|49"></script><link rel="preload" href="https://fb-v1.cdn-bio.com/assets/uploads/5935-8d60-9f21-40f9_footer.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  5839. <noscript><link rel="stylesheet" href="https://fb-v1.cdn-bio.com/assets/uploads/5935-8d60-9f21-40f9_footer.css"></noscript>
  5840.  
  5841. <style>
  5842.    .bio_bucks_form .hs-email label {
  5843.        display: inline;
  5844.    }
  5845.    .bio_bucks_form .hs-input {
  5846.        display: inline-block;
  5847.        width: 100%;
  5848.        max-width: 500px;
  5849.        height: 40px;
  5850.        padding: 9px 10px;
  5851.        font-family: "Lato", serif;
  5852.        font-size: 16px;
  5853.        font-weight: normal;
  5854.        line-height: 22px;
  5855.        color: #33475b;
  5856.        border: 1px solid #cbd6e2;
  5857.        box-sizing: border-box;
  5858.        -webkit-border-radius: 3px;
  5859.        -moz-border-radius: 3px;
  5860.        -ms-border-radius: 3px;
  5861.        border-radius: 3px;
  5862.    }
  5863.    .bio_bucks_form ul.no-list {
  5864.        list-style: none;
  5865.    }
  5866.    .bio_bucks_form .inputs-list {
  5867.        margin: 0 0 5px;
  5868.        width: 100%;
  5869.        padding-left: 5px;
  5870.    }
  5871.    .bio_bucks_form .inputs-list>li {
  5872.        display: block;
  5873.        padding: 0;
  5874.        width: 100%;
  5875.    }
  5876.    .bio_bucks_form .inputs-list label {
  5877.        float: none;
  5878.        width: auto;
  5879.        padding: 0;
  5880.        line-height: 18px;
  5881.        white-space: normal;
  5882.        font-weight: normal;
  5883.        font-size: 14px !important;
  5884.    }
  5885.    .bio_bucks_form .hs-error-msgs label {
  5886.        color: #f2545b;
  5887.    }
  5888.    .bio_bucks_form .hs-button {
  5889.        width: 100%;
  5890.        margin: 0;
  5891.        cursor: pointer;
  5892.        display: inline-block;
  5893.        font-weight: 700;
  5894.        position: relative;
  5895.        text-align: center;
  5896.        transition: all .15s linear;
  5897.        border-radius: 3px;
  5898.        border-style: solid;
  5899.        border-width: 1px;
  5900.        padding: 12px 24px;
  5901.        background: #f28800;
  5902.        border-color: #f28800;
  5903.        color: #ffffff;
  5904.        font-size: 17px;
  5905.        line-height: 17px;
  5906.        font-family: "Lato", serif;
  5907.        text-transform: uppercase;
  5908.    }
  5909.    .bio_bucks_form .actions {
  5910.        padding: 10px 0;
  5911.        text-align: center;
  5912.    }
  5913.    .bio_bucks_form h5 {
  5914.        color: white;
  5915.        line-height: normal;
  5916.        font-size: 24px !important;
  5917.        font-family: "Lato", serif !important;
  5918.    }
  5919.    .sr-only {
  5920.        position: absolute;
  5921.        width: 1px;
  5922.        height: 1px;
  5923.        margin: -1px;
  5924.        padding: 0;
  5925.        border: 0;
  5926.        clip: rect(0, 0, 0, 0);
  5927.        overflow: hidden;
  5928.    }
  5929. </style>
  5930.  
  5931. <footer class="bio_footer_nav footer-font-lato">
  5932.    <div class="footer-bg-[#1E1E1E] footer-text-white">
  5933.        <div class="footer-container xl:footer-max-w-[1240px] lg:footer-max-w-[1000px] sm:footer-max-w-[600px] footer-max-w-[320px] footer-mx-auto xl:footer-py-12 footer-py-6">
  5934.            <div class="footer-w-full">
  5935.                <div class="footer-flex footer-flex-wrap md:footer-flex-row footer-flex-col">
  5936.                    <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full">
  5937.                        <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Customer Care</div>
  5938.                        <div class="footer-mb-6">
  5939.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/contact-us" aria-label="View Contact Us">Contact Us</a>
  5940.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/shipping-and-delivery/" aria-label="View BIOptimizers Shipping & Delivery Policy">BIOptimizers Shipping & Delivery Policy</a>
  5941.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/bioptimizers-refund-policy/" aria-label="View BIOptimizers Refund Policy">BIOptimizers Refund Policy</a>
  5942.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/bioptimizers-subscription-policy/" aria-label="View BIOptimizers Subscription Policy">BIOptimizers Subscription Policy</a>
  5943.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/do-not-sell-my-personal-information/" aria-label="View Do Not Sell My Personal Information">Do Not Sell My Personal Information</a>
  5944.                        </div>
  5945.  
  5946.                        <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Follow Us</div>
  5947.                        <div class="footer-flex footer-gap-2.5 footer-mb-6">
  5948.                            <a target="_blank" href="https://www.facebook.com/BiOptimizers/"><img loading="lazy" alt="Facebook" class="hover:[filter:_invert(48%)_sepia(79%)_saturate(2476%)_hue-rotate(40deg)_brightness(118%)_contrast(119%)]" src="https://static-v1.cdn-bio.com/assets/icons/2024/img-facebook.svg"></a>
  5949.                            <a target="_blank" href="https://www.youtube.com/bioptimizers"><img loading="lazy" alt="Youtube" class="hover:[filter:_invert(48%)_sepia(79%)_saturate(2476%)_hue-rotate(40deg)_brightness(118%)_contrast(119%)]" src="https://static-v1.cdn-bio.com/assets/icons/2024/img-youtube.svg"></a>
  5950.                            <a target="_blank" href="https://www.instagram.com/bioptimizers/"><img loading="lazy" alt="Instagram" class="hover:[filter:_invert(48%)_sepia(79%)_saturate(2476%)_hue-rotate(40deg)_brightness(118%)_contrast(119%)]" src="https://static-v1.cdn-bio.com/assets/icons/2024/img-insta.svg"></a>
  5951.                            <a target="_blank" href="https://x.com/bioptimizers"><img loading="lazy" alt="X-Twitter" class="hover:[filter:_invert(48%)_sepia(79%)_saturate(2476%)_hue-rotate(40deg)_brightness(118%)_contrast(119%)]" src="https://static-v1.cdn-bio.com/assets/icons/2024/img-x-twitter.svg"></a>
  5952.                            <a target="_blank" href="https://www.tiktok.com/@bioptimizers"><img loading="lazy" alt="Tiktok" class="hover:[filter:_invert(48%)_sepia(79%)_saturate(2476%)_hue-rotate(40deg)_brightness(118%)_contrast(119%)]" src="https://static-v1.cdn-bio.com/assets/icons/2024/img-tiktok.svg"></a>
  5953.                        </div>
  5954.                    </div>
  5955.  
  5956.                    <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full">
  5957.                        <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Resources</div>
  5958.                        <div class="footer-mb-6">
  5959.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/awesome-health-podcast/" aria-label="View Awesome Health Podcast">Awesome Health Podcast</a>
  5960.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/bioptimization-blueprint/" aria-label="View The Biological Optimization Blueprint">The Biological Optimization Blueprint</a>
  5961.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/product-guide" aria-label="View BIOptimizers Product Guide">BIOptimizers Product Guide</a>
  5962.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://blog.bioptimizers.com/" aria-label="View BIOptimizers Blog">BIOptimizers Blog</a>
  5963.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/external-podcasts" aria-label="View Media and Appearances">Media and Appearances</a>
  5964.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/wade/" aria-label="View Hire Wade to Speak">Hire Wade to Speak</a>
  5965.                        </div>
  5966.                    </div>
  5967.  
  5968.                    <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full">
  5969.                        <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Company</div>
  5970.                        <div class="footer-mb-6">
  5971.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/about-us/" aria-label="View About Us">About Us</a>
  5972.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/awesome-health-course/" aria-label="View Awesome Health Course">Awesome Health Course</a>
  5973.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/affiliate-program/" aria-label="View Affiliate Program">Affiliate Program</a>
  5974.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/vipinfluencers/apply" aria-label="View Ambassador Program">Ambassador Program</a>
  5975.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/wholesale" aria-label="View Wholesale">Wholesale</a>
  5976.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/distribution" aria-label="View International Distribution">International Distribution</a>
  5977.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/retail" aria-label="View Retail">Retail</a>
  5978.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/biobucks" aria-label="View BIObucks">BIObucks</a>
  5979.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/review/" aria-label="View BIOptimizers Review">BIOptimizers Review</a>
  5980.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/meet-team/" aria-label="View Meet the Team">Meet the Team</a>
  5981.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/recommended-products/" aria-label="View Recommended Products">Recommended Products</a>
  5982.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/join-the-biofamily" aria-label="View Careers">Careers</a>
  5983.                            <a class="footer-text-white footer-block footer-text-sm footer-font-normal footer-capitalize footer-no-underline footer-mb-1 footer-mr-2 hover:footer-text-[#9cc700]" href="https://bioptimizers.com/store-near-you" aria-label="View Retail Stores Near You">Retail Stores Near You</a>
  5984.                        </div>
  5985.                    </div>
  5986.                    <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full">
  5987.                        <div>
  5988.                            <img loading="lazy" class="footer-w-full footer-mb-2.5" alt="img-BIObucks" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/img-BIObucks-footer-v2.webp">
  5989.                        </div>
  5990.                        <div class="bio_bucks_form">
  5991.                            <form action="https://cloud.bio-email.bioptimizers.com/test_form_handler" method="POST">
  5992.                                <div class="footer-w-full">
  5993.                                    <div id="feedback" style="display: none;">An account with this email already exists. Please log in.</div>
  5994.                                    <input type="hidden" name="submitted" value="submitted">
  5995.                                    <div class="">
  5996.                                        <label for="emailAdd" class="sr-only">Email Address</label>
  5997.                                        <input type="email" id="emailAdd" name="email" maxlength="254" placeholder="your email address*" required class="footer-w-full footer-p-2 footer-text-black footer-rounded-md">
  5998.                                    </div>
  5999.                                    <div class="footer-mt-2">
  6000.                                        <input type="hidden" id="lead_source_url" name="lead_source_url" value="">
  6001.                                        <input type="hidden" id="page_location" name="page_location" value="footer">
  6002.                                        <button type="submit" class="footer-text-black footer-w-full footer-p-2 footer-bg-[#f28800] footer-uppercase footer-rounded-md">Sign Up</button>
  6003.                                    </div>
  6004.                                    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6005.                                        document.getElementById('lead_source_url').value = window.location.href;
  6006.                                    </script>
  6007.                                </div>
  6008.                            </form>
  6009.                        </div>
  6010.                        <div class="footer-font-lato err-msg footer-fixed footer-top-1/2 footer-left-1/2 footer-transform footer--translate-x-1/2 footer--translate-y-1/2 footer-bg-white
  6011.                        footer-rounded-lg footer-border-white footer-border-2 footer-shadow-lg footer-p-6 footer-text-left sm:footer-w-[600px] footer-w-[320px] sm:footer-h-[300px] footer-h-[300px] footer-flex footer-flex-col footer-p-5 footer-hidden footer-text-center footer-z-10">
  6012.  
  6013.                            <div class="footer-mb-5"><img loading="lazy" class="footer-mx-auto" src="https://fb-v1.cdn-bio.com/assets/566b-b5fc-a289-4836_bioptimizers-d752addcf477e2e1ed19250212ea871a.png" alt="BIOptimizers Logo"></div>
  6014.                            <div class="footer-text-2xl footer-text-black footer-mb-5">An account with this email already exists</div>
  6015.                            <div class="footer-text-2xl footer-text-black footer-mb-5">Please <span class="footer-text-[#DB5A4C]"><a href="https://bioptimizers.com/account/login?return_url=https://bioptimizers.com?v=sf" aria-label="Sign in to your account">Log-in</a></span></div>
  6016.                            
  6017.                            <div class="footer-text-2xl footer-font-bold footer-text-[#7D7A61] footer-w-200px sm:footer-mt-auto footer-h-12 close-err-popup"><img loading="lazy" class="footer-inline-block footer-h-12" src="https://fb-v1.cdn-bio.com/assets/a4a3-d0dd-4c85-4e3e_bioptimizer-err-bee84f9fb307312980af397e4ac1e910.svg" alt="BiOptimizers logo"> <Span class="footer-inline-block">Close</Span></div>
  6018.                        </div>
  6019.                        <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">                                
  6020.                            document.addEventListener("DOMContentLoaded", ()=> {
  6021.                                document.querySelector(".close-err-popup").addEventListener("click", ()=> {
  6022.                                    document.querySelector(".err-msg").style.display = "none";
  6023.                                })
  6024.                            })
  6025.                        </script>
  6026.  
  6027.                        <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6028.                            document.addEventListener("DOMContentLoaded", function (){
  6029.                            const currentUrl = window.location.href;
  6030.  
  6031.                            if (currentUrl.includes("hs_email_exists") || currentUrl.includes("email_exists")) {          
  6032.                                document.querySelector(".err-msg").classList.remove("footer-hidden")
  6033.                                
  6034.                                document.querySelector(".close-err-popup").addEventListener("click", ()=> {
  6035.                                    document.querySelector(".err-msg").classList.add("footer-hidden");
  6036.                                })
  6037.                            }
  6038.                        })
  6039.                        </script>
  6040.                    </div>
  6041.                </div>
  6042.            </div>
  6043.        </div>
  6044.    </div>
  6045.    <div class="footer-bg-black footer-p-5 footer-text-[#6A6A6A]">
  6046.        <div class=" footer-border-solid footer-border footer-border-[#6A6A6A] footer-mx-auto footer-py-2.5">
  6047.            <div class="footer-text-center footer-text-sm footer-italic footer-font-normal footer-text-white">*These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</div>
  6048.        </div>
  6049.        <div class="footer-flex footer-flex-wrap md:footer-flex-row footer-flex-col footer-text-center footer-justify-center sm:footer-my-2.5 footer-my-5 sm:footer-gap-[30px] footer-gap-[10px] footer-text-white">
  6050.            <a class="footer-text-white footer-text-sm footer-font-normal footer-no-underline hover:footer-text-[#9cc700]" href="https://bioptimizers.com/terms-and-conditions/" aria-label="View Terms and Conditions">Terms and Conditions</a>
  6051.            <a class="footer-text-white footer-text-sm footer-font-normal footer-no-underline hover:footer-text-[#9cc700]" href="https://bioptimizers.com/privacy-policy/" aria-label="View Privacy Policy">Privacy Policy</a>
  6052.            <a class="footer-text-white footer-text-sm footer-font-normal footer-no-underline hover:footer-text-[#9cc700]" href="https://bioptimizers.com/disclaimer/" aria-label="View Disclaimer">Disclaimer</a>
  6053.            <a class="footer-text-white footer-text-sm footer-font-normal footer-no-underline hover:footer-text-[#9cc700]" href="https://bioptimizers.com/cookie-social-media-policy/" aria-label="View Cookie & Social Media Policy">Cookie & Social Media Policy</a>
  6054.        </div>
  6055.        <div class="footer-text-center footer-text-sm footer-font-normal footer-text-white">© <span id="year"></span> BIOptimizers. All Rights Reserved.<br class="sm:footer-hidden" /> BIOptimizers USA Inc. 5470 Kietzke Lane,<br class="sm:footer-hidden" /> Suite 300 Reno, NV 89511</div>
  6056.    </div>
  6057.  
  6058.    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6059.        const currentTime = new Date();
  6060.        const year = currentTime.getFullYear();
  6061.        document.getElementById("year").innerHTML = year;
  6062.    </script>
  6063. </footer>
  6064.  
  6065. <!-- SF OPTIN -->
  6066. <style>
  6067.    /* latin-ext */
  6068.    @font-face {
  6069.        font-family: 'Lato';
  6070.        font-style: normal;
  6071.        font-weight: 300;
  6072.        font-display: swap;
  6073.        src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  6074.        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  6075.    }
  6076.    /* latin */
  6077.    @font-face {
  6078.        font-family: 'Lato';
  6079.        font-style: normal;
  6080.        font-weight: 300;
  6081.        font-display: swap;
  6082.        src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  6083.        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  6084.    }
  6085.    /* latin-ext */
  6086.    @font-face {
  6087.        font-family: 'Lato';
  6088.        font-style: normal;
  6089.        font-weight: 400;
  6090.        font-display: swap;
  6091.        src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  6092.        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  6093.    }
  6094.    /* latin */
  6095.    @font-face {
  6096.        font-family: 'Lato';
  6097.        font-style: normal;
  6098.        font-weight: 400;
  6099.        font-display: swap;
  6100.        src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  6101.        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  6102.    }
  6103.    /* latin-ext */
  6104.    @font-face {
  6105.        font-family: 'Lato';
  6106.        font-style: normal;
  6107.        font-weight: 700;
  6108.        font-display: swap;
  6109.        src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  6110.        unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  6111.    }
  6112.    /* latin */
  6113.    @font-face {
  6114.        font-family: 'Lato';
  6115.        font-style: normal;
  6116.        font-weight: 700;
  6117.        font-display: swap;
  6118.        src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  6119.        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  6120.    }
  6121.  
  6122. </style>
  6123.  
  6124. <link rel="stylesheet" crossorigin href="https://fb-v1.cdn-bio.com/assets/sfOptin-f4768811e2fc5e2082ca7d33cc086799.css">
  6125.  
  6126. <div class="sf_optin_bg_cover sfOpt-z-[99998] sfOpt-top-0 sfOpt-left-0 sfOpt-fixed sfOpt-h-screen sfOpt-w-full sfOpt-bg-slate-800/50 sfOpt-hidden"></div>
  6127.  
  6128. <div class="sf_optin sfOpt-font-lato sfOpt-hidden sfOpt-z-[99999] sfOpt-text-[#353535] sfOpt-fixed sm:sfOpt-max-w-[800px] sm:sfOpt-max-h-[500px] sfOpt-w-full sfOpt-h-[100dvh] sfOpt-top-1/2 sfOpt-left-1/2 sfOpt-transform -sfOpt-translate-x-1/2 -sfOpt-translate-y-1/2 sfOpt-z-10 sm:sfOpt-bg-white sm:sfOpt-bg-none sfOpt-bg-[url('https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/56c9-6dc6-652e-4063_BIObucks-popup-bg-m.png')] sfOpt-bg-cover sfOpt-bg-center ">
  6129.                                                                    
  6130.    <div class="sf_optin_d sm:sfOpt-flex sfOpt-flex-row sfOpt-hidden ">
  6131.        <div class="sfOpt-w-1/2 sfOpt-h-full">
  6132.            <img alt="bioptimizers" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/ee97-82b4-b98a-4124_BIObucks-popup-bg-d.png" loading="lazy" />
  6133.        </div>
  6134.    
  6135.        <div class="sfOpt-w-1/2 sfOpt-flex sfOpt-flex-col sfOpt-items-center">
  6136.            
  6137.            <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-self-start sfOpt-place-self-start sfOpt-justify-self-start sfOpt-mt-8 sfOpt-mb-8">  
  6138.            </div>
  6139.            <div class="sfOpt-flex sfOpt-flex-col sfOpt-max-w-[340px] ">
  6140.                <img alt="bioptimizers" class="sfOpt-max-h-[22px] sfOpt-mb-5" src="https://fb-v1.cdn-bio.com/assets/uploads/3303-260f-f3ec-4645_bio-logo-2025.svg">
  6141.  
  6142.                <div class="opt1-default">
  6143.                    <div class="sfOpt-text-5xl sfOpt-font-light sfOpt-leading-10 sfOpt-mb-3 sfOpt-text-center">unlock <span class="sfOpt-font-bold">10% off</span>
  6144.                        your first order*</div>
  6145.                    <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">when you sign up for emails and texts</div>
  6146.                </div>
  6147.                <div class="opt1 ">
  6148.               <!-- <form class="sfOpt-flex sfOpt-flex-col sfOpt-items-center sfOpt-text-base sf_popup_form sf_email_form" method="post" action="https://cloud.bio-email.bioptimizers.com/overlay_form_handler"> -->
  6149.  
  6150.                    <form class="sfOpt-flex sfOpt-flex-col sfOpt-items-center sfOpt-text-base sf_popup_form sf_email_form" method="post" action="https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=1">
  6151.                        <input type="hidden" class="submitted" name="submitted" value="submitted">
  6152.                        <input type="hidden" class="lead_source_url" name="lead_source_url" value="">
  6153.                        <input type="hidden" class="page_location" name="page_location" value="popup-desktop">
  6154.                        <label class="sfOpt-hidden"  for="sf_email">Email</label>
  6155.                        <input id="sf_email" name="email" type="email" placeholder="email address" class="sfOpt-email sfOpt-border-solid sfOpt-p-0 sfOpt-m-0 sfOpt-text-base sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-border-[#fe9400] sfOpt-border-[2px]"  />                        
  6156.                        <input tabindex="0" type="submit" value="Continue" class="sfOpt-border-none sfOpt-text-base sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-text-black sfOpt-bg-[#fe9400] disabled:sfOpt-bg-slate-300 sf_submit "/>
  6157.                    </form>
  6158.                </div>
  6159.    
  6160.                <div class="opt2 sfOpt-hidden">
  6161.                    <form class="sfOpt-flex sfOpt-flex-col sfOpt-items-center sfOpt-text-base sf_popup_form sf_phonenumber_form" method="post" action="https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=1">
  6162.                        <input type="hidden" name="phone_email" class="sfOpt_phone_email" value="">
  6163.                        <label class="sfOpt-hidden" for="sf_phone">Phone Number</label>
  6164.                        <input id="sf_phone" aria_label="Mobile number" name="phone" type="tel" placeholder="mobile number" class="sfOpt-mobilenumber sfOpt-border-solid sfOpt-p-0 sfOpt-m-0 sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-border-[#fe9400] sfOpt-border-[2px]"  />
  6165.                        
  6166.                        <button tabindex="0" type="submit" aria_label="Claim 10% Off Now, Sign up for emails and texts to get your code" class="sfOpt-border-none sfOpt-text-base sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-text-black sfOpt-bg-[#fe9400] disabled:sfOpt-bg-slate-300 sf_submit_phone">
  6167.                            Claim 10% Off Now                            
  6168.                        </button>
  6169.                    </form>
  6170.                </div>
  6171.  
  6172.                <div class="opt2 sfOpt-hidden sfOpt-text-xs sfOpt-text-center sfOpt-max-w-80 sfOpt-pb-3 sfOpt-mx-auto">
  6173.                    By filling this box, you agree to our <a href="https://bioptimizers.com/terms-and-conditions/" class="sfOpt-text-[#DB5A4C] sfOpt-underline sfOpt-cursor-pointer">SMS terms</a>,<a href="https://bioptimizers.com/privacy-policy/" class="sfOpt-text-[#DB5A4C] sfOpt-underline sfOpt-cursor-pointer"> Privacy Policy</a>, and to receive notifications related to BIOptimizers at the phone number above. Consent is not required to obtain services or products with BIOptimizers. Message and data rates may apply. Frequency may vary. Text STOP to 96312 to opt out or HELP for help.
  6174.                </div>
  6175.  
  6176.                <div class="opt-ty sfOpt-hidden">
  6177.                    <div class="sfOpt-text-5xl sfOpt-font-light sfOpt-leading-10 sfOpt-mb-3 sfOpt-text-center"><span class="sfOpt-font-bold">thank you</span> <br />
  6178.                        for subscribing</div>
  6179.                    <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">find your personal 10% discount code <br /> in your inbox <span class="sfOpt-country-code-US">and sms</span></div>
  6180.                </div>
  6181.                
  6182.                <div class="opt-error sfOpt-text-xs sfOpt-text-center sfOpt-hidden">
  6183.                    <span class="sfOpt-text-[#DB5A4C]">It looks like you may already have an account, or some of the information entered is incorrect. Please review your details or try <a href="https://bioptimizers.com/account/login" class="sfOpt-text-[#353535] sfOpt-underline">logging in</a>.</span>
  6184.                </div>
  6185.                <div class="opt1 sfOpt-text-xs sfOpt-text-center">
  6186.                    *new customers only
  6187.                </div>
  6188.            </div>
  6189.            <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-self-start sfOpt-place-self-start sfOpt-justify-self-start">
  6190.                <button class="sf_optin_close sfOpt-mr-8 sfOpt-mt-8 sfOpt-mb-8 sfOpt-absolute sfOpt-top-1" aria-label="Close" tabindex="0">  
  6191.                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
  6192.                        <path d="M25.8388 8.83884L8.16117 26.5165" stroke="black" stroke-linecap="round"/>
  6193.                        <path d="M25.8388 26.5165L8.16117 8.83884" stroke="black" stroke-linecap="round"/>
  6194.                    </svg>
  6195.                </button>
  6196.            </div>
  6197.        </div>
  6198.    </div>
  6199.  
  6200.    <div class="sf_optin_m sfOpt-flex sfOpt-flex-col sfOpt-items-center sm:sfOpt-hidden">
  6201.        
  6202.  
  6203.        <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-h-[10lvh] sfOpt-mb-4"> </div>
  6204.        <div class="sfOpt-flex sfOpt-flex-col sfOpt-max-w-[340px] ">
  6205.            <img alt="bioptimizers" class="sfOpt-max-h-[22px] sfOpt-mb-5" src="https://fb-v1.cdn-bio.com/assets/uploads/3303-260f-f3ec-4645_bio-logo-2025.svg">
  6206.  
  6207.            <div class="opt1-default">
  6208.                <div class="sfOpt-text-5xl sfOpt-font-light sfOpt-leading-10 sfOpt-mb-3 sfOpt-text-center">unlock <span class="sfOpt-font-bold">10% off</span>
  6209.                    your first order*</div>
  6210.                <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">when you sign up for emails and text</div>
  6211.            </div>
  6212.  
  6213.            <div class="opt1 ">
  6214.                <form class="sfOpt-flex sfOpt-flex-col sfOpt-items-center sfOpt-text-base sf_popup_form sf_email_form" method="post" action="https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=1">
  6215.                    <input type="hidden" class="submitted" name="submitted" value="submitted">
  6216.                    <input type="hidden" class="lead_source_url" name="lead_source_url" value="">
  6217.                    <input type="hidden" class="page_location" name="page_location" value="popup-mobile">
  6218.                    <label class="sfOpt-hidden" for="sf_email2">Email</label>
  6219.                    <input id="sf_email2" name="email" type="email" placeholder="email address" class="sfOpt-email sfOpt-border-solid sfOpt-p-0 sfOpt-m-0 sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3"  />
  6220.                    <input tabindex="0" type="submit" value="Continue" class="sfOpt-border-none sfOpt-text-base sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-text-black sfOpt-bg-[#fe9400] disabled:sfOpt-bg-slate-300 sf_submit" />
  6221.                </form>
  6222.            </div>
  6223.  
  6224.            <div class="opt2 sfOpt-hidden">
  6225.                <form class="sfOpt-flex sfOpt-flex-col sfOpt-items-center sfOpt-text-base sf_popup_form sf_phonenumber_form" method="post" action="https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=1">
  6226.                    <input type="hidden" name="phone_email" class="sfOpt_phone_email" value="">
  6227.                    <label class="sfOpt-hidden" for="sf_phone2">Phone Number</label>
  6228.                    <input id="sf_phone2" aria_label="Mobile number" name="phone" type="tel" placeholder="mobile number" class="sfOpt-mobilenumber sfOpt-border-solid sfOpt-p-0 sfOpt-m-0 sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3"  />
  6229.                    
  6230.                    <button tabindex="0" type="submit" aria_label="Claim 10% Off Now, Sign up for emails and texts to get your code" class="sfOpt-border-none sfOpt-text-base sfOpt-w-[220px] sfOpt-h-[40px] sfOpt-text-center sfOpt-rounded-md sfOpt-mb-3 sfOpt-text-black sfOpt-bg-[#fe9400] disabled:sfOpt-bg-slate-300 sf_submit_phone">
  6231.                        Claim 10% Off Now
  6232.                    </button>
  6233.                </form>
  6234.            </div>
  6235.  
  6236.            <div class="opt2 sfOpt-hidden sfOpt-text-xs sfOpt-text-justify sfOpt-max-w-80 sfOpt-pb-3 sfOpt-mx-auto sfOpt-bg-white sfOpt-p-3">
  6237.                By filling this box, you agree to our <a href="https://bioptimizers.com/terms-and-conditions/" class="sfOpt-text-[#DB5A4C] sfOpt-underline sfOpt-cursor-pointer">SMS terms</a>, <a href="https://bioptimizers.com/privacy-policy/" class="sfOpt-text-[#DB5A4C] sfOpt-underline sfOpt-cursor-pointer">Privacy Policy</a>, and to receive notifications related to BIOptimizers at the phone number above. Consent is not required to obtain services or products with BIOptimizers. Message and data rates may apply. Frequency may vary. Text STOP to 96312 to opt out or HELP for help.
  6238.            </div>
  6239.  
  6240.            <div class="opt-ty sfOpt-hidden">
  6241.                <div class="sfOpt-text-5xl sfOpt-font-light sfOpt-leading-10 sfOpt-mb-3 sfOpt-text-center"><span class="sfOpt-font-bold">thank you</span> <br />
  6242.                    for subscribing</div>
  6243.                <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">find your personal 10% discount code <br /> in your inbox <span class="sfOpt-country-code-US">and sms</span></div>
  6244.            </div>
  6245.  
  6246.            
  6247.            <div class="opt-error sfOpt-max-w-80 sfOpt-text-xs sfOpt-text-center sfOpt-text-justify sfOpt-mx-auto sfOpt-bg-white sfOpt-p-3 sfOpt-hidden">
  6248.                <span class="sfOpt-text-[#DB5A4C]">It looks like you may already have an account, or some of the information entered is incorrect. Please review your details or try <a href="https://bioptimizers.com/account/login" class="sfOpt-text-[#353535] sfOpt-underline">logging in</a>.</span>
  6249.            </div>
  6250.            <div class="opt1 sfOpt-text-xs sfOpt-text-center">
  6251.                *new customers only
  6252.            </div>
  6253.        </div>
  6254.        <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-h-[10lvh]">
  6255.            <button  class="sfOpt-mr-10 sfOpt-mb-4 sf_optin_close sfOpt-mb-8 sfOpt-absolute sfOpt-top-8" aria-label="Close" tabindex="0">  
  6256.                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
  6257.                    <path d="M25.8388 8.83884L8.16117 26.5165" stroke="black" stroke-linecap="round"/>
  6258.                    <path d="M25.8388 26.5165L8.16117 8.83884" stroke="black" stroke-linecap="round"/>
  6259.                </svg>
  6260.            </button>
  6261.        </div>
  6262.    </div>
  6263. </div>
  6264.  
  6265. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6266. let sf_optin = {
  6267.    cookieName : "sf_optin",
  6268.    cookieValue : 1,
  6269.    expirationDays : 2,
  6270.    is_scrolled : false,
  6271.    phase : 1,
  6272.    errorTooltip : document.createElement('div'),
  6273.    clientCountryCode : window.FunnelBuilderUser.clientCountryCode,
  6274.    //clientCountryCode : "US",
  6275.    popup_delay : 6000,
  6276.    //popup_delay : 1000,
  6277.    u: "",
  6278.    vars : {
  6279.        sf_optin : document.querySelector(".sf_optin"),
  6280.        bg_cover : document.querySelector(".sf_optin_bg_cover"),
  6281.        bioBucks_guest : `guest`,
  6282.        has_purchased : `0`
  6283.        //bioBucks_guest : `guest`,
  6284.        //has_purchased : `0`
  6285.    },
  6286.  
  6287.    init : function() {                                    
  6288.        //setTimeout(sf_optin.showPopup, 180000); // 180000 milliseconds = 180 seconds
  6289.  
  6290.        console.log("test")
  6291.        // Prevent Google analytics seeing the popup
  6292.    
  6293.        window.addEventListener('scroll', () => {
  6294.            if (!navigator.userAgent.includes("Lighthouse") && !sf_optin.is_scrolled) {
  6295.                if(sf_optin.vars.bioBucks_guest == "guest"){
  6296.                    if(!sf_optin.getActiveCookieValue()){
  6297.                        setTimeout(sf_optin.showPopup, sf_optin.popup_delay);
  6298.                    }
  6299.                }else if(sf_optin.has_purchased == 0){
  6300.                    if(!sf_optin.getActiveCookieValue()){
  6301.                        setTimeout(sf_optin.showPopup, sf_optin.popup_delay);
  6302.                    }
  6303.                }
  6304.            }
  6305.            sf_optin.is_scrolled = true;
  6306.        });
  6307.  
  6308.        const focusedElement = "";
  6309.  
  6310.        document.addEventListener("keydown", function (event) {
  6311.            const popup = document.querySelector(".sf_optin");
  6312.            if (event.key === "Escape" && popup.classList.contains("sfOpt-block")) {
  6313.                document.querySelectorAll(".sf_optin_close").forEach((clsbtn) => {
  6314.                    clsbtn.click();
  6315.                })
  6316.            }
  6317.  
  6318.            try{
  6319.                if(focusedElement.classList.contains("sf_optin_close") && event.key === "Enter"){
  6320.                    document.querySelectorAll(".sf_optin_close").forEach((clsbtn) => {
  6321.                        clsbtn.click();
  6322.                    })
  6323.                }
  6324.            }catch(e){}
  6325.        });
  6326.  
  6327.        document.addEventListener("focus", function(event) {
  6328.            try {
  6329.                focusedElement = document.activeElement;
  6330.            }catch(e){}
  6331.        }, true);
  6332.  
  6333.  
  6334.        document.querySelectorAll(".sfOpt-mobilenumber").forEach((mobnumber) => {
  6335.            mobnumber.addEventListener('input', function (e) {
  6336.                let x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
  6337.                e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
  6338.            });
  6339.  
  6340.            mobnumber.setAttribute('placeholder', '(123) 456-7890');
  6341.  
  6342.        })
  6343.  
  6344.        sf_optin.eventHandlers()
  6345.        sf_optin.setPageLander()
  6346.        sf_optin.addErrorTooltips()
  6347.        sf_optin.validatePhoneNumber()
  6348.    },
  6349.    getActiveCookieValue(){
  6350.        if(typeof document !== 'undefined'){
  6351.        const cookies = document.cookie;
  6352.        const cookieArray = cookies.split(';');
  6353.        for (let i = 0; i < cookieArray.length; i++) {
  6354.                let cookie = cookieArray[i].trim();
  6355.                if (cookie.startsWith(`${sf_optin.cookieName}=`)) {
  6356.                    return cookie.substring(`${sf_optin.cookieName}=`.length);
  6357.                }
  6358.            }
  6359.        }
  6360.        return null;
  6361.    },
  6362.    setCookie() {
  6363.    
  6364.        const expirationMilliseconds = sf_optin.expirationDays * 24 * 60 * 60 * 1000;
  6365.        const expirationDate = new Date(Date.now() + expirationMilliseconds).toUTCString();
  6366.  
  6367.        if(typeof document !== 'undefined'){
  6368.            document.cookie = `${sf_optin.cookieName}=${sf_optin.cookieValue}; expires=${expirationDate}; path=/`;
  6369.        }
  6370.    },
  6371.  
  6372.    eventHandlers : function() {
  6373.        document.querySelectorAll(".sf_optin_close").forEach((e)=>{
  6374.            e.addEventListener("click", (close_btn)=> {
  6375.                sf_optin.vars.sf_optin.classList.remove("sfOpt-block")
  6376.                sf_optin.vars.sf_optin.classList.add("sfOpt-hidden")
  6377.                sf_optin.vars.bg_cover.classList.add("sfOpt-hidden")
  6378.                sf_optin.setCookie();
  6379.            })
  6380.        })
  6381.  
  6382.        sf_optin.vars.bg_cover.addEventListener("click", () => {
  6383.            sf_optin.vars.sf_optin.classList.remove("sfOpt-block")
  6384.            sf_optin.vars.sf_optin.classList.add("sfOpt-hidden")
  6385.            sf_optin.vars.bg_cover.classList.add("sfOpt-hidden")
  6386.            sf_optin.setCookie();
  6387.        })
  6388.  
  6389.        document.querySelectorAll(".sf_popup_form").forEach((sf_form)=> {
  6390.            sf_form.addEventListener("submit", (e)=>{
  6391.                event.preventDefault();
  6392.  
  6393.                if(sf_form.classList.contains("sf_phonenumber_form")) {
  6394.  
  6395.                    const phonePattern = /^\(\d{3}\) \d{3}-\d{4}$/;
  6396.                    const submitButton = sf_form.closest('form').querySelector('.sf_submit_phone');
  6397.                    const phoneNumber_field = sf_form.closest('form').querySelector('.sfOpt-mobilenumber');
  6398.                    const errorTooltip = sf_optin.tooltipStyle('Phone number is incorrect', phoneNumber_field)
  6399.  
  6400.                    if (!phonePattern.test(phoneNumber_field.value)) {
  6401.                      
  6402.                        errorTooltip.classList.remove('sfOpt-hidden');
  6403.                        //submitButton.disabled = true;
  6404.                        return false;
  6405.                    } else {
  6406.                        errorTooltip.classList.add('sfOpt-hidden');
  6407.                        //submitButton.disabled = false;
  6408.                    }
  6409.                }
  6410.  
  6411.                if(sf_form.classList.contains("sf_email_form")) {
  6412.  
  6413.                    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  6414.                    const submitButton = sf_form.closest('form').querySelector('.sf_submit');
  6415.                    const email_field = sf_form.closest('form').querySelector('.sfOpt-email');
  6416.                    const errorTooltip = sf_optin.tooltipStyle('Email is incorrect', email_field)
  6417.  
  6418.                    if (!emailPattern.test(email_field.value)) {
  6419.                        errorTooltip.classList.remove('sfOpt-hidden');
  6420.  
  6421.                        return false;
  6422.                    } else {
  6423.                        errorTooltip.classList.add('sfOpt-hidden');
  6424.                    }
  6425.                    
  6426.                }
  6427.  
  6428.                document.querySelector(".sf_optin").querySelectorAll(".sf_submit").forEach((e)=>{
  6429.                    e.disabled = true;
  6430.                })
  6431.  
  6432.                // Get form data
  6433.                const formData = new FormData(sf_form);
  6434.                sf_optin.u = formData.get("email");
  6435.  
  6436.                // AJAX Request (using Fetch API)
  6437.  
  6438.                /* NO API FOR TESTING */
  6439.                /*https://cloud.bio-email.bioptimizers.com/overlay_form_handler*/
  6440.                /*https://cloud.bio-email.bioptimizers.com/test_copy/?phase=${sf_optin.phase}*/
  6441.                /*https://cloud.bio-email.bioptimizers.com/testtest/*/
  6442.                
  6443.                fetch(`https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=${sf_optin.phase}`, {
  6444.                    method: 'POST',
  6445.                    body: formData,
  6446.                })
  6447.                .then(response => {
  6448.                    //console.log(response)
  6449.                    if (!response.ok) {
  6450.                        throw new Error(`HTTP error! status: ${response.status}`);
  6451.                    }
  6452.                    return response.text(); // Or response.json()
  6453.                })
  6454.                .then(data => {
  6455.                    //console.log(data)
  6456.  
  6457.                    if(JSON.parse(data).response[0].success){
  6458.                    
  6459.                    /*NO API FOR TESTING */
  6460.  
  6461.                        if(sf_optin.phase == 1) {
  6462.  
  6463.                            document.querySelector(".sf_optin").querySelectorAll(".opt1").forEach((e)=>{
  6464.                                e.classList.toggle("sfOpt-hidden");
  6465.                            })
  6466.                            
  6467.                            document.querySelectorAll(".sfOpt_phone_email").forEach((phoneEmail) => {
  6468.                                phoneEmail.value = sf_optin.u;
  6469.                            })
  6470.                        
  6471.  
  6472.                            sf_optin.setCookie();
  6473.  
  6474.                            /* TRACK EMAIL OPTIN CONVERSION */
  6475.                            
  6476.                            dataLayer.push({
  6477.                                'event': 'sf_optin_submitted'
  6478.                            });
  6479.  
  6480.                            var _gl_client = '64';
  6481.                            var _gl_page_type = 'optin';
  6482.                            var _gl_optin = `${sf_optin.u}`;
  6483.                            (function(){var t=document.createElement('script');t.type='text/javascript';t.async=true;t.src="//img.ips.ms/gl.js";var s=document.getElementsByTagName('script')[0];s.parentNode.appendChild(t,s);})();
  6484.                            
  6485.                            /* TRACK EMAIL OPTIN CONVERSION */
  6486.                        }
  6487.                        
  6488.  
  6489.                        if(sf_optin.clientCountryCode != "US") {
  6490.                             /* STRAIGHT TO TY */
  6491.                            
  6492.                            document.querySelector(".sf_optin").querySelectorAll(".opt1-default").forEach((e)=>{
  6493.                                e.classList.toggle("sfOpt-hidden");
  6494.                            })
  6495.                            document.querySelector(".sf_optin").querySelectorAll(".opt-ty").forEach((e)=>{
  6496.                                e.classList.toggle("sfOpt-hidden");
  6497.                            })
  6498.                            document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{
  6499.                                e.classList.add("sfOpt-hidden");
  6500.                            })
  6501.                            document.querySelector(".sf_optin").querySelectorAll(".sfOpt-country-code-US").forEach((e)=>{
  6502.                                e.classList.add("sfOpt-hidden");
  6503.                            })
  6504.  
  6505.                        }else {
  6506.                            /* NO PHASE */
  6507.                            
  6508.                            if(sf_optin.phase == 1 || sf_optin.phase == 2) {
  6509.                                document.querySelector(".sf_optin").querySelectorAll(".opt2").forEach((e)=>{
  6510.                                    e.classList.toggle("sfOpt-hidden");
  6511.                                })
  6512.                                document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{
  6513.                                    e.classList.add("sfOpt-hidden");
  6514.                                })
  6515.                                if (window.innerWidth <= 768) {
  6516.                                    document.querySelector(".sf_optin_m input[name='phone']").focus();
  6517.                                } else {
  6518.                                    document.querySelector(".sf_optin_d input[name='phone']").focus();
  6519.                                }
  6520.                            }
  6521.                            
  6522.  
  6523.                            /* NO PHASE */
  6524.                            
  6525.                            if(sf_optin.phase == 2) {
  6526.                                document.querySelector(".sf_optin").querySelectorAll(".opt1-default").forEach((e)=>{
  6527.                                    e.classList.toggle("sfOpt-hidden");
  6528.                                })
  6529.                                document.querySelector(".sf_optin").querySelectorAll(".opt-ty").forEach((e)=>{
  6530.                                    e.classList.toggle("sfOpt-hidden");
  6531.                                })
  6532.                            }
  6533.                        }
  6534.  
  6535.                        sf_optin.phase++;
  6536.                        
  6537.                /* NO API FOR TESTING */
  6538.                
  6539.                    }else if(!JSON.parse(data).response[0].success){
  6540.                        document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{
  6541.                            e.classList.remove("sfOpt-hidden");
  6542.                        })
  6543.                    }
  6544.                    document.querySelector(".sf_optin").querySelectorAll(".sf_submit").forEach((e)=>{
  6545.                        e.disabled = false;
  6546.                    })
  6547.                })
  6548.                .catch(error => {
  6549.                    console.log(error)
  6550.                    //console.error('Error:', error);
  6551.                    //document.getElementById('response').innerHTML = `<p>Error: ${error}</p>`;
  6552.                });
  6553.                
  6554.                /* NO API FOR TESTING */
  6555.            })
  6556.        })
  6557.    },
  6558.    showPopup : function() {
  6559.        sf_optin.vars.sf_optin.classList.remove("sfOpt-hidden")
  6560.        sf_optin.vars.sf_optin.classList.add("sfOpt-block");
  6561.        sf_optin.vars.bg_cover.classList.remove("sfOpt-hidden")
  6562.  
  6563.        if (window.innerWidth > 768) {
  6564.            document.querySelector(".sf_optin_d input[name='email']").focus();
  6565.        } else {
  6566.            document.querySelector(".sf_optin_m input[name='email']").focus();
  6567.        }
  6568.    },
  6569.    setPageLander : function() {
  6570.        document.querySelectorAll('.lead_source_url').forEach((lead_src) => {
  6571.            lead_src.value = window.location.href;
  6572.        })
  6573.    },
  6574.    tooltipStyle : function(errmsg, form_field) {
  6575.        const errorTooltip = document.createElement('div');
  6576.        errorTooltip.className = 'sfOpt-tooltip sfOpt-hidden';
  6577.        errorTooltip.style.position = 'absolute';
  6578.        errorTooltip.style.backgroundColor = 'rgb(225, 193, 107)';
  6579.        errorTooltip.style.color = '#fff';
  6580.        errorTooltip.style.padding = '5px';
  6581.        errorTooltip.style.borderRadius = '5px';
  6582.        errorTooltip.style.top = '-30px';
  6583.        errorTooltip.style.left = '50%';
  6584.        errorTooltip.style.transform = 'translateX(-50%)';
  6585.        errorTooltip.style.width = 'max-content';
  6586.        errorTooltip.innerText = errmsg;
  6587.        form_field.parentElement.style.position = 'relative';
  6588.        form_field.parentElement.appendChild(errorTooltip);
  6589.  
  6590.        return errorTooltip;
  6591.    },
  6592.    addErrorTooltips : function() {
  6593.        document.querySelectorAll('#sf_email, #sf_email2').forEach((email_field) => {
  6594.            
  6595.            const errorTooltip = sf_optin.tooltipStyle('Email is incorrect', email_field)
  6596.  
  6597.        })
  6598.    },
  6599.    validatePhoneNumber : function() {
  6600.  
  6601.        document.querySelectorAll('#sf_phone2, #sf_phone').forEach((phoneNumber_field) => {
  6602.            
  6603.            const errorTooltip = sf_optin.tooltipStyle('Phone number is incorrect', phoneNumber_field)
  6604.  
  6605.        })
  6606.  
  6607.    }
  6608. }
  6609. sf_optin.init();
  6610. </script>
  6611. <!-- END SF OPTIN -->
  6612.    
  6613.    <style> .pop-events {
  6614.        position: relative
  6615.      }
  6616.  
  6617.      /*
  6618.      .pop-events:hover .pop-events-button {
  6619.        opacity: 1
  6620.      } */
  6621. .bought-popup{
  6622. font-weight: 400
  6623. }
  6624.      .pop-events-container {
  6625.        background: #FFF;
  6626.        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  6627.      }
  6628.  
  6629.      .pop-events-wrapper {
  6630.        position: fixed;
  6631.        padding: 10px;
  6632.        z-index: 99991;
  6633.        -webkit-user-select: none;
  6634.        -moz-user-select: none;
  6635.        user-select: none;
  6636.      }
  6637.  
  6638.      .pop-events-container {
  6639.        position: relative;
  6640.        display: flex;
  6641.        align-items: center;
  6642.        width: 100%;
  6643.        height: 100%;
  6644.        min-height: 44px;
  6645.        max-height: 500px;
  6646.        padding: 0px;
  6647.        overflow: hidden;
  6648.        color: #333;
  6649.        cursor: pointer;
  6650.      }
  6651.  
  6652.      .pop-events-row {
  6653.        display: flex;
  6654.        align-items: center;
  6655.        gap: .5rem;
  6656.        padding-right: 25px;
  6657.      }
  6658.  
  6659.      .pop-events-image div {
  6660.        display: none;
  6661.      }
  6662.  
  6663.      .pop-events-content {
  6664.        display: inline;
  6665.        line-height: 0px;
  6666.      }
  6667.  
  6668.      .pop-events-customer {
  6669.        font-size: 10px;
  6670.        line-height: normal;
  6671.        font-weight: 400;
  6672.        color: #000;
  6673.      }
  6674.  
  6675.      .pop-events-action {
  6676.        font-size: 10px;
  6677.        line-height: normal;
  6678.        font-weight: 700;
  6679.        color: #000;
  6680.      }
  6681.  
  6682.      .pop-events-time {
  6683.        font-size: 8px;
  6684.        font-style: normal;
  6685.        font-weight: 400;
  6686.        line-height: 110%;
  6687.        color: #204C37;
  6688.        /* display: inline; */
  6689.      }
  6690.  
  6691.      .pop-events-button {
  6692.        position: absolute;
  6693.        display: flex;
  6694.        justify-content: center;
  6695.        align-items: center;
  6696.        width: 22px;
  6697.        height: 22px;
  6698.        top: 19px;
  6699.        right: 13px;
  6700.        left: auto;
  6701.        color: #000;
  6702.        transition: .25s ease-in-out;
  6703.        cursor: pointer;
  6704.        opacity: 1;
  6705.        z-index: 99999999999999
  6706.      }
  6707.  
  6708.  
  6709.  
  6710.      /* .pop-events-button:hover {
  6711.        transform: scale(1.1)
  6712.      } */
  6713.  
  6714.      /* @media (hover:none) {
  6715.        .pop-events-button {
  6716.          opacity: 1;
  6717.          transform: scale(1.1)
  6718.        }
  6719.      } */
  6720.  
  6721.    @keyframes fadeInUp {
  6722.        from {
  6723.          opacity: 0;
  6724.          transform: translate3d(0, -100%, 0)
  6725.        }
  6726.  
  6727.        to {
  6728.          opacity: 1;
  6729.          transform: translate3d(0, 0, 0)
  6730.        }
  6731.      }
  6732.  
  6733.      @keyframes fadeOutDown {
  6734.        from {
  6735.          opacity: 1
  6736.        }
  6737.  
  6738.        to {
  6739.          opacity: 0;
  6740.          transform: translate3d(0, -100%, 0)
  6741.        }
  6742.      }
  6743.  
  6744.      .animate__animated {
  6745.        animation-duration: .5s;
  6746.        animation-fill-mode: both
  6747.      }
  6748.  
  6749.      .animate__hidden {
  6750.        opacity: 0;
  6751.        transform: translate3d(0, 100%, 0)
  6752.      }
  6753.  
  6754.      .animate__fadeInUp {
  6755.        animation-name: fadeInUp
  6756.      }
  6757.  
  6758.      .animate__fadeOutDown {
  6759.        animation-name: fadeOutDown
  6760.      }
  6761.  
  6762.      .pop-events-wrapper {
  6763.        top: 120px;
  6764.        bottom: auto;
  6765.      }
  6766.  
  6767.      .pop-events-content br {
  6768.        display: none;
  6769.      }
  6770.  
  6771.      @media screen and (min-width: 767px) {
  6772.  
  6773.        .pop-events-wrapper {
  6774.          top: auto;
  6775.          bottom: 0;
  6776.          left: 0;
  6777.        }
  6778.  
  6779.        .pop-events-image div {
  6780.          width: 70px;
  6781.          height: 70px;
  6782.          background-position: center;
  6783.          background-size: auto 70px;
  6784.          background-repeat: no-repeat;
  6785.          display: block;
  6786.        }
  6787.  
  6788.        .pop-events-container {
  6789.          max-width: 420px;
  6790.        }
  6791.  
  6792.        .pop-events-content {
  6793.          max-width: 290px;
  6794.        }
  6795.  
  6796.        .pop-events-customer {
  6797.          font-size: 12px;
  6798.        }
  6799.  
  6800.        .pop-events-action {
  6801.          font-size: 12px;
  6802.        }
  6803.  
  6804.        .pop-events-time {
  6805.          font-size: 10px;
  6806.        }
  6807.  
  6808.        .pop-events-container {
  6809.          min-height: 70px;
  6810.        }
  6811.  
  6812.        .pop-events-content {
  6813.          line-height: 11px;
  6814.        }
  6815.  
  6816.        .pop-events-button {
  6817.          top: 13px;
  6818.        }
  6819.  
  6820.        .pop-events-content br {
  6821.          display: block;
  6822.        }
  6823.  
  6824.        @keyframes fadeInUp {
  6825.          from {
  6826.            opacity: 0;
  6827.            transform: translate3d(0, 100%, 0)
  6828.          }
  6829.  
  6830.          to {
  6831.            opacity: 1;
  6832.            transform: translate3d(0, 0, 0)
  6833.          }
  6834.        }
  6835.  
  6836.        @keyframes fadeOutDown {
  6837.          from {
  6838.            opacity: 1
  6839.          }
  6840.  
  6841.          to {
  6842.            opacity: 0;
  6843.            transform: translate3d(0, 100%, 0)
  6844.          }
  6845.        }
  6846.  
  6847.      }
  6848.  
  6849. @media screen and (max-width: 767px) {
  6850.  
  6851.        .pop-events-wrapper {
  6852.   width: 96%;
  6853.        }
  6854. }
  6855. </style>
  6856.  
  6857.    <div class="pop-events">
  6858.      <div class="pop-events-wrapper animate__hidden js-fb-shop-wrapper-pop">
  6859.        <div class="pop-events-button js-fb-shop-button-pop-dismiss" tabindex="0" aria-label="Close and dismiss pop up" role="button" onkeydown="if (!window.__cfRLUnblockHandlers) return false; if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); this.click(); }" data-cf-modified-c809cfb0dd3ae4ab72768f5b-="">
  6860.          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  6861.            <g clip-path="url(#clip0_18454_11248)">
  6862.              <path d="M18.7168 5.71753L5.28177 19.1526" stroke="black" />
  6863.              <path d="M18.7168 19.1526L5.28177 5.71756" stroke="black" />
  6864.            </g>
  6865.            <defs>
  6866.              <clipPath id="clip0_18454_11248">
  6867.                <rect width="24" height="24" fill="white" />
  6868.              </clipPath>
  6869.            </defs>
  6870.          </svg>
  6871.        </div>
  6872.        <div class="pop-events-container" tabindex="0" aria-label="Go to someone bought item" role="button" onkeydown="if (!window.__cfRLUnblockHandlers) return false; if(event.key === 'Enter' || event.key === ' '){ event.preventDefault(); this.click(); }" data-cf-modified-c809cfb0dd3ae4ab72768f5b-="">
  6873.          <div class="pop-events-row">
  6874.            <div class="pop-events-image">
  6875.              <div class="js-fb-shop-image-pop-product"></div>
  6876.            </div>
  6877.            <div class="pop-events-content">
  6878.              <span class="pop-events-customer js-fb-shop-label-pop-customer"></span>
  6879.              <span class="pop-events-action js-fb-shop-label-pop-action"></span>
  6880.              <span class="pop-events-time js-fb-shop-label-pop-time"></span>
  6881.            </div>
  6882.          </div>
  6883.        </div>
  6884.      </div>
  6885.    </div>
  6886.  
  6887.     <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6888.  
  6889.      const popupGlobal = {
  6890.        popupWrapper: null,
  6891.        popupLabelAction: null,
  6892.        observerPopup: null,
  6893.        init() {
  6894.          this.popupWrapper = document.getElementsByClassName('pop-events-wrapper')[0];
  6895.          this.popupLabelAction = this.popupWrapper?.getElementsByClassName('js-fb-shop-label-pop-action')[0];
  6896.  
  6897.          this.observerPopup = new MutationObserver((mutationsList) => {
  6898.            for (const mutation of mutationsList) {
  6899.              if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
  6900.                this.popupLabelAction.innerHTML = this.popupLabelAction.innerHTML.replace(/purchased/gi, '<span class="bought-popup">bought</span><br>');
  6901.              }
  6902.            }
  6903.          })
  6904.  
  6905.          window.addEventListener('scroll', () => {
  6906.            if (window.innerWidth <= 767) {
  6907.              if (window.scrollY > 50) {
  6908.                this.popupWrapper.style.top = '75px'; // change to desired top value
  6909.              } else {
  6910.                this.popupWrapper.style.top = '120px';
  6911.              }
  6912.            }
  6913.          });
  6914.  
  6915.          this.observerPopup.observe(this.popupWrapper, { attributes: true, attributeFilter: ['class'] });
  6916.  
  6917.          // Touch / Mouse Events
  6918.          if (window.innerWidth <= 767) {
  6919.            let touchStartY = 0;
  6920.            let dragging = false;
  6921.  
  6922.            this.popupWrapper.addEventListener('touchstart', (e) => {
  6923.              if (e.touches.length > 0) {
  6924.                touchStartY = e.touches[0].clientY;
  6925.                dragging = false; // Reset
  6926.              }
  6927.            });
  6928.  
  6929.            this.popupWrapper.addEventListener('touchmove', (e) => {
  6930.              const currentY = e.touches[0].clientY;
  6931.              const diffY = currentY - touchStartY;
  6932.  
  6933.              if (Math.abs(diffY) > 20 && !dragging) { // Only trigger if moved 20px+
  6934.                dragging = true;
  6935.                FunnelBuilderShop.dismissPop();
  6936.                console.log('Real touch drag detected');
  6937.                e.preventDefault();
  6938.              }
  6939. e.preventDefault();
  6940.            });
  6941.          }
  6942.        }
  6943.      };
  6944.  
  6945.      popupGlobal.init();
  6946.  
  6947.    </script>
  6948.  
  6949.    <div class="sticky bottom-0 px-5 hidden rounded-md h-14 flex sm:hidden justify-center items-center text-black bg-[#fe9400] text-center z-10 focus-within:ring-2 focus-within:ring-white focus-within:ring-offset-2" id="button-mobile">
  6950.        <a href="https://bioptimizers.com/shop" class="focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-[#fe9400] rounded-md px-4 py-2">SHOP NOW</a>
  6951.    </div>
  6952.    
  6953.    
  6954.    <div class="hidden object-contain h-[600px] lg:object-cover"></div>
  6955.    
  6956.  
  6957.  
  6958.  
  6959.    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  6960.        let pdpScript = {
  6961.            var: {
  6962.                po: document.querySelector("#best_sellers_v2"),
  6963.                addtocart: document.querySelector("#button-mobile"),
  6964.                elem: "",
  6965.                elementRevealed: false
  6966.            },
  6967.            finishedTyping : new Event("finishedTyping"),
  6968.            init: function () {
  6969.                
  6970.                window.addEventListener("DOMContentLoaded", ()=>{
  6971.                    pdpScript.eventListener();
  6972.                    pdpScript.var.addtocart.style.display = "none";
  6973.                })
  6974.                /* TYPEWRITTER SCRIPT
  6975.                pdpScript.createObserver(document.querySelector(".typesection"), (inScreen) => {
  6976.                if(inScreen && !pdpScript.var.elementRevealed) {
  6977.                    document.querySelectorAll(".typed-in").forEach((typetext) => {  
  6978.                        let text = typetext.innerHTML;
  6979.                        typetext.style.opacity = "1"
  6980.                        //window.pdpScript.textTypingEffect(typetext, text);
  6981.                        //window.pdpScript.typeWriter(typetext,text)
  6982.                        pdpScript.textTypingEffect(typetext,text)
  6983.                    })
  6984.                    
  6985.                    window.addEventListener("finishedTyping", () => {
  6986.                        document.querySelectorAll(".typed-in-b").forEach((typetext) => {
  6987.                            typetext.style.opacity = "1"
  6988.                            let text = typetext.innerHTML;
  6989.                            pdpScript.textTypingEffect(typetext,text,0,true)
  6990.                        })
  6991.                    });
  6992.                    pdpScript.var.elementRevealed = true
  6993.                }
  6994.            })
  6995.                END TYPEWRITTER SCRIPT */
  6996.            },
  6997.            eventListener: function () {
  6998.                document.addEventListener("scroll", () => {
  6999.                    pdpScript.detectLocation()
  7000.                });
  7001.            },
  7002.            detectLocation: function () {
  7003.                const divTarget = pdpScript.var.po.getBoundingClientRect();
  7004.                for (const key in divTarget) {
  7005.        
  7006.                    if (typeof divTarget[key] !== "function") {
  7007.                        //console.log( `${key} : ${divTarget[key]}` )
  7008.                        if (divTarget.bottom < 1 && window.innerWidth < 640) {
  7009.                            pdpScript.var.addtocart.style.display = "flex";
  7010.                        } else {
  7011.                            pdpScript.var.addtocart.style.display = "none";
  7012.                        }
  7013.                    }
  7014.                }
  7015.            },
  7016.            createObserver: function(element, callback) {
  7017.                let observer;
  7018.            
  7019.                const options = {
  7020.                root: null, // Defaults to the viewport
  7021.                rootMargin: '0px',
  7022.                threshold: 0.1 // Adjust as needed
  7023.                };
  7024.            
  7025.                observer = new IntersectionObserver((entries) => {
  7026.                    entries.forEach((entry) => {
  7027.                        if (entry.isIntersecting) {
  7028.                            callback(true);
  7029.                        } else {
  7030.                            callback(false);
  7031.                        }
  7032.                    });
  7033.                }, options);
  7034.            
  7035.                observer.observe(element);
  7036.            },
  7037.            textTypingEffect: function(element, text, i = 0, stop = false) {
  7038.                if (i === 0) {
  7039.                    element.textContent = "";
  7040.                }
  7041.                element.textContent += text[i];
  7042.        
  7043.                if (i === text.length - 1 && !stop) {
  7044.                    window.dispatchEvent(pdpScript.finishedTyping);
  7045.                }else if(stop && (text.length - 1) == i) {
  7046.                    return
  7047.                }else {
  7048.                    setTimeout(() => pdpScript.textTypingEffect(element, text, i + 1, stop), 50);
  7049.                }
  7050.            }
  7051.        }
  7052.        pdpScript.init();
  7053.        window.pdpScript = pdpScript;
  7054.    </script>
  7055.  
  7056.    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  7057.  
  7058.        document.addEventListener("DOMContentLoaded", function() {
  7059.  
  7060.        class AdRoll {
  7061.            constructor() {
  7062.  
  7063.                this.cookieName = "ad_roll";
  7064.                this.validCookieValues = ["unlock_health_potential", "ingredients_you_can_trust"];
  7065.                this.expirationDays = 10;
  7066.                this.cookieValue = this.getActiveCookieValue();
  7067.                this.handleAdRollCookie(); // automatically check on initialization
  7068.                this.checkCookieValue();
  7069.                this.runBioBucksLogic();
  7070.                this.removeIfHasActiveSubscription();
  7071.            }
  7072.            removeIfHasActiveSubscription(){
  7073.                try {
  7074.                    const vtid = JSON.parse(localStorage.getItem("__bio_vtid"));
  7075.                    if (vtid && vtid.value === "memorial2025") {
  7076.                        if (window.FunnelBuilderUser.subscriptions.some(sub => sub.status === "active")) {
  7077.                            // User has an active subscription
  7078.  
  7079.                            window.HeroScripts4.variables.headerSwiper.removeSlide(0);
  7080.                            window.HeroScripts4.variables.headerSwiper.update()
  7081.  
  7082.                            /*
  7083.                            document.querySelectorAll(".memorial2025").forEach((elem) => {
  7084.                                elem.remove();
  7085.                            });
  7086.                            */
  7087.                        } else {
  7088.                            // User does not have an active subscription
  7089.                            //console.log("User does not have an active subscription");
  7090.                        }
  7091.                    }
  7092.                } catch (error) {
  7093.                    // Handle error, normal process continues
  7094.                    //console.error("Error checking subscription:", error);
  7095.                }
  7096.            }
  7097.  
  7098.            getActiveCookieValue(){
  7099.                if(typeof document !== 'undefined'){
  7100.                const cookies = document.cookie;
  7101.                const cookieArray = cookies.split(';');
  7102.                for (let i = 0; i < cookieArray.length; i++) {
  7103.                        let cookie = cookieArray[i].trim();
  7104.                        if (cookie.startsWith(`${this.cookieName}=`)) {
  7105.                            return cookie.substring(`${this.cookieName}=`.length);
  7106.                        }
  7107.                    }
  7108.                }
  7109.  
  7110.                return null;
  7111.            }
  7112.  
  7113.            handleAdRollCookie() {
  7114.                if (typeof window !== 'undefined'){
  7115.                    // 1. Get the URL Parameters
  7116.                    const urlParams = new URLSearchParams(window.location.search);
  7117.                    const adRollParam = urlParams.get(this.cookieName);
  7118.  
  7119.                    // 2. Check for the correct parameter value
  7120.                    if (this.validCookieValues.includes(adRollParam)) {
  7121.                        // 3. Set or Reset the Cookie
  7122.                        this.setAdRollCookie(adRollParam);
  7123.                    }
  7124.                }
  7125.            }
  7126.  
  7127.            setAdRollCookie(cookieValue) {
  7128.                // 4. Calculate Expiration Date
  7129.                const expirationMilliseconds = this.expirationDays * 24 * 60 * 60 * 1000;
  7130.                const expirationDate = new Date(Date.now() + expirationMilliseconds).toUTCString();
  7131.  
  7132.                // 5. Set the Cookie
  7133.                if(typeof document !== 'undefined'){
  7134.                    document.cookie = `${this.cookieName}=${cookieValue}; expires=${expirationDate}; path=/`;
  7135.                }
  7136.            }
  7137.  
  7138.            checkCookieValue() {
  7139.                if (typeof document !== 'undefined'){
  7140.                    const cookies = document.cookie;
  7141.                    const cookieArray = cookies.split(';');
  7142.  
  7143.                        let cookieFound = false;
  7144.                        for (let i = 0; i < cookieArray.length; i++) {
  7145.                            let cookie = cookieArray[i].trim();
  7146.                            if (cookie.startsWith(`${this.cookieName}=`)) {
  7147.                                let cookieValue = cookie.substring(`${this.cookieName}=`.length);
  7148.                                    if(this.validCookieValues.includes(cookieValue)){
  7149.                                        console.log('ad_roll cookie found with correct value')
  7150.                                    } else {
  7151.                                        console.log('ad_roll cookie found with incorrect value')
  7152.                                    }
  7153.                                cookieFound = true
  7154.                                return;
  7155.                            }
  7156.                        }
  7157.  
  7158.                        if(!cookieFound){
  7159.                        console.log('ad_roll cookie not found');
  7160.                        }
  7161.                }
  7162.            }
  7163.            runBioBucksLogic() {
  7164.  
  7165.                // BioBucks logic
  7166.                let bioBucks_can_earn_points = `0`;
  7167.                let bioBucks_guest = `guest`;
  7168.                //let bioBucks_guest = 'guest'
  7169.                this.cookieValue = this.getActiveCookieValue();
  7170.  
  7171.                if(this.cookieValue !== null && this.validCookieValues.includes(this.cookieValue)){
  7172.                    
  7173.                    console.log(`Applying BioBucks logic with ad_roll cookie value: ${this.cookieValue}`);
  7174.  
  7175.                    if (this.cookieValue == "unlock_health_potential") {
  7176.                        if (bioBucks_guest == 'guest') {
  7177.                            window.HeroScripts4.variables.slide = "ad_roll_1";
  7178.                        } else if (bioBucks_can_earn_points == '0') {
  7179.                            window.HeroScripts4.variables.slide = "ad_roll_1_no_biobucks";
  7180.                        } else if (bioBucks_can_earn_points == '1') {
  7181.                            window.HeroScripts4.variables.slide = "ad_roll_1";
  7182.                        }
  7183.                    }else if (this.cookieValue == "ingredients_you_can_trust") {
  7184.                        if (bioBucks_guest == 'guest') {
  7185.                            window.HeroScripts4.variables.slide = "ad_roll_2";
  7186.                        } else if (bioBucks_can_earn_points == '0') {
  7187.                            window.HeroScripts4.variables.slide = "ad_roll_2_no_biobucks";
  7188.                        } else if (bioBucks_can_earn_points == '1') {
  7189.                            window.HeroScripts4.variables.slide = "ad_roll_2";
  7190.                        }
  7191.                    }
  7192.  
  7193.                }else{
  7194.                    if (bioBucks_guest == 'guest') {
  7195.                        window.HeroScripts4.variables.slide = "default";
  7196.                    } else if (bioBucks_can_earn_points == '0') {
  7197.                        window.HeroScripts4.variables.slide = "disallowedBiobucks";
  7198.                    } else if (bioBucks_can_earn_points == '1') {
  7199.                        window.HeroScripts4.variables.slide = "biobucks";
  7200.                    }
  7201.                }
  7202.  
  7203.                //window.HeroScripts4.variables.slide = "p3om_promo";
  7204.                window.HeroScripts4.variables.sliderDelay = 12000;
  7205.  
  7206.                window.HeroScripts4.sliderData = {
  7207.                    default: [        
  7208.                        `<div tabindex="0" aria-label="Earn points with BIO Bucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 biobux">
  7209.                            <picture>
  7210.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(max-width:413px) and (min-width:411px)">
  7211.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/66dc-d632-9ec1-4f8e_BIObucks_Desktop.png" width="1800" alt="BIObucks rewards program banner" media="(min-width:641px)">
  7212.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(min-width:1px)">
  7213.                                <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="640"  alt="BIObucks rewards program banner" />
  7214.                            </picture>
  7215.                            <div class="absolute biobux-container">
  7216.                                <div class="biobux-right">    
  7217.                                    <div class="biobux-h1">BUY MORE <br />EARN MORE</div>
  7218.                                    <div class="biobux-h2">with <span class="biobux-brand">BIO</span>bucks</div>
  7219.                                    <div class="biobux-h3">Earn <span class="biobux-brand">BIO</span>bucks on <br /><span class="sm-block">the products you love.</span></div>
  7220.                                    <a href="https://bioptimizers.com/biobucks" aria-label="Start earning with Biobucks whenever you buy from BIOptimizers"><div role="button" class="cta text-black cta-button">START EARNING TODAY</div></a>
  7221.                                </div>
  7222.                            </div>
  7223.                        </div>`,
  7224.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7225.                            <picture>
  7226.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7227.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7228.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7229.                            </picture>
  7230.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7231.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7232.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7233.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7234.                                    </div>
  7235.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7236.                                        Promotes muscle recovery
  7237.                                    </div>
  7238.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7239.                                        SHOP NOW
  7240.                                    </a>
  7241.                                </div>
  7242.                            </div>
  7243.                        </div>`
  7244.                    ],
  7245.                    disallowedBiobucks: [
  7246.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7247.                            <picture>
  7248.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7249.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7250.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7251.                            </picture>
  7252.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7253.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7254.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7255.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7256.                                    </div>
  7257.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7258.                                        Promotes muscle recovery
  7259.                                    </div>
  7260.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7261.                                        SHOP NOW
  7262.                                    </a>
  7263.                                </div>
  7264.                            </div>
  7265.                        </div>`
  7266.                    ],
  7267.                    ad_roll_1: [
  7268.                        `<div tabindex="0" aria-label="Unlock your full potential" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7269.                            <div class="">
  7270.                                <picture>
  7271.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png" width="1000"  alt="Bio Bux" media="(max-width:413px) and (min-width:411px)">
  7272.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/050c-5ea9-b588-463d_health_potential_desktop.png" width="1800" alt="Shop All Products" media="(min-width:1001px)">
  7273.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png" width="1000"  alt="Shop All Products" media="(min-width:1px)">
  7274.                                    <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png"  alt="Shop All Products" />
  7275.                                </picture>
  7276.                            </div>
  7277.                        </div>`,
  7278.                        `<div tabindex="0" aria-label="Earn points with BIO Bucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 biobux">
  7279.                            <picture>
  7280.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(max-width:413px) and (min-width:411px)">
  7281.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/66dc-d632-9ec1-4f8e_BIObucks_Desktop.png" width="1800" alt="BIObucks rewards program banner" media="(min-width:641px)">
  7282.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(min-width:1px)">
  7283.                                <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="640"  alt="BIObucks rewards program banner" />
  7284.                            </picture>
  7285.                            <div class="absolute biobux-container">
  7286.                                <div class="biobux-right">    
  7287.                                    <div class="biobux-h1">BUY MORE <br />EARN MORE</div>
  7288.                                    <div class="biobux-h2">with <span class="biobux-brand">BIO</span>bucks</div>
  7289.                                    <div class="biobux-h3">Earn <span class="biobux-brand">BIO</span>bucks on <br /><span class="sm-block">the products you love.</span></div>
  7290.                                    <a href="https://bioptimizers.com/biobucks" aria-label="Start earning with Biobucks whenever you buy from BIOptimizers"><div role="button" class="cta text-black cta-button">START EARNING TODAY</div></a>
  7291.                                </div>
  7292.                            </div>
  7293.                        </div>`,
  7294.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7295.                            <picture>
  7296.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7297.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7298.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7299.                            </picture>
  7300.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7301.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7302.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7303.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7304.                                    </div>
  7305.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7306.                                        Promotes muscle recovery
  7307.                                    </div>
  7308.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7309.                                        SHOP NOW
  7310.                                    </a>
  7311.                                </div>
  7312.                            </div>
  7313.                        </div>`
  7314.                    ],
  7315.                    ad_roll_2: [
  7316.                        `<div tabindex="0" aria-label="Your body deserves ingredients you can trust" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7317.                            <div class="">
  7318.                                <picture>
  7319.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png" width="1000"  alt="Bio Bux" media="(max-width:413px) and (min-width:411px)">
  7320.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/d524-0c7c-bb39-44bc_ingredients_you_can_trust_desktop.png" width="1800" alt="Shop All Products" media="(min-width:1001px)">
  7321.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png" width="1000"  alt="Shop All Products" media="(min-width:1px)">
  7322.                                    <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png"  alt="Shop All Products" />
  7323.                                </picture>
  7324.                            </div>
  7325.                        </div>`,
  7326.                        `<div tabindex="0" aria-label="Earn points with BIO Bucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 biobux">
  7327.                            <picture>
  7328.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto,quality=20/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(max-width:413px) and (min-width:411px)">
  7329.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/66dc-d632-9ec1-4f8e_BIObucks_Desktop.png" width="1800" alt="BIObucks rewards program banner" media="(min-width:641px)">
  7330.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="1000"  alt="BIObucks rewards program banner" media="(min-width:1px)">
  7331.                                <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/523c-7bc4-8f9e-4444_BIObucks_Mobile.png" width="640"  alt="BIObucks rewards program banner" />
  7332.                            </picture>
  7333.                            <div class="absolute biobux-container">
  7334.                                <div class="biobux-right">    
  7335.                                    <div class="biobux-h1">BUY MORE <br />EARN MORE</div>
  7336.                                    <div class="biobux-h2">with <span class="biobux-brand">BIO</span>bucks</div>
  7337.                                    <div class="biobux-h3">Earn <span class="biobux-brand">BIO</span>bucks on <br /><span class="sm-block">the products you love.</span></div>
  7338.                                    <a href="https://bioptimizers.com/biobucks" aria-label="Start earning with Biobucks whenever you buy from BIOptimizers"><div role="button" class="cta text-black cta-button">START EARNING TODAY</div></a>
  7339.                                </div>
  7340.                            </div>
  7341.                        </div>`,
  7342.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7343.                            <picture>
  7344.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7345.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7346.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7347.                            </picture>
  7348.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7349.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7350.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7351.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7352.                                    </div>
  7353.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7354.                                        Promotes muscle recovery
  7355.                                    </div>
  7356.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7357.                                        SHOP NOW
  7358.                                    </a>
  7359.                                </div>
  7360.                            </div>
  7361.                        </div>`
  7362.                    ],
  7363.                    ad_roll_1_no_biobucks: [
  7364.                        `<div tabindex="0" aria-label="Unlock your full potential" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7365.                            <div class="">
  7366.                                <picture>
  7367.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png" width="1000"  alt="Bio Bux" media="(max-width:413px) and (min-width:411px)">
  7368.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/050c-5ea9-b588-463d_health_potential_desktop.png" width="1800" alt="Shop All Products" media="(min-width:1001px)">
  7369.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png" width="1000"  alt="Shop All Products" media="(min-width:1px)">
  7370.                                    <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/eaa3-9d80-f752-477e_health_potential_mobile.png"  alt="Shop All Products" />
  7371.                                </picture>
  7372.                            </div>
  7373.                        </div>`,
  7374.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7375.                            <picture>
  7376.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7377.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7378.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7379.                            </picture>
  7380.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7381.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7382.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7383.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7384.                                    </div>
  7385.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7386.                                        Promotes muscle recovery
  7387.                                    </div>
  7388.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7389.                                        SHOP NOW
  7390.                                    </a>
  7391.                                </div>
  7392.                            </div>
  7393.                        </div>`
  7394.                    ],
  7395.                    ad_roll_2_no_biobucks: [
  7396.                        `<div tabindex="0" aria-label="Your body deserves ingredients you can trust" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7397.                            <div class="">
  7398.                                <picture>
  7399.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png" width="1000"  alt="Bio Bux" media="(max-width:413px) and (min-width:411px)">
  7400.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/d524-0c7c-bb39-44bc_ingredients_you_can_trust_desktop.png" width="1800" alt="Shop All Products" media="(min-width:1001px)">
  7401.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png" width="1000"  alt="Shop All Products" media="(min-width:1px)">
  7402.                                    <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/0082-11f8-4b6e-46cb_ingredients_you_can_trust_mobile.png"  alt="Shop All Products" />
  7403.                                </picture>
  7404.                            </div>
  7405.                        </div>`,
  7406.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7407.                            <picture>
  7408.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7409.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7410.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7411.                            </picture>
  7412.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7413.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7414.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7415.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7416.                                    </div>
  7417.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7418.                                        Promotes muscle recovery
  7419.                                    </div>
  7420.                                    <a role="button" class="cta mt-3 text-black cta-button rounded-md bg-[#fe9400] p-3 w-full max-w-[320px] text-center  text-xl" href="https://bioptimizers.com/shop/products/masszymes" >
  7421.                                        SHOP NOW
  7422.                                    </a>
  7423.                                </div>
  7424.                            </div>
  7425.                        </div>`
  7426.                    ],
  7427.                    backup: [
  7428.                        `<div tabindex="0" aria-label="Mothers Day Promo" class="swiper-slide focus:ring-8 focus:ring-blue-500 mothers-day-promo">
  7429.                            <a href="https://bioptimizers.com/shop/collections/promos">
  7430.                            <picture>
  7431.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/assets/uploads/701e-63b1-99dc-4aff_mdp2025-v2-m.png" width="1000"  alt="Mothers day promo for our Bioptimized Moms" media="(max-width:413px) and (min-width:411px)">
  7432.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/assets/uploads/d415-f17e-249c-4934_mpd2025-v2-d.png" width="1800" alt="Mothers day promo for our Bioptimized Moms" media="(min-width:641px)">
  7433.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/assets/uploads/701e-63b1-99dc-4aff_mdp2025-v2-m.png" width="1000"  alt="Mothers day promo for our Bioptimized Moms" media="(min-width:1px)">
  7434.                                <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/assets/uploads/701e-63b1-99dc-4aff_mdp2025-v2-m.png" width="640"  alt="Mothers day promo for our Bioptimized Moms" />
  7435.                            </picture>
  7436.                            </a>
  7437.                        </div>`,
  7438.                        `<div tabindex="0" aria-label="Your Formulas for Super Human Health" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7439.                            <div class="tagline-control hidden">
  7440.                                <picture>
  7441.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(max-width:413px) and (min-width:411px)">
  7442.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/assets/uploads/da75-3c4f-c9cd-4b1b_super_human_health_v1.png" width="1800" alt="BIOptimizers tagline 1" media="(min-width:1001px)">
  7443.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(min-width:1px)">
  7444.                                    <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg"  alt="BIOptimizers tagline 1" />
  7445.                                </picture>
  7446.                            </div>
  7447.  
  7448.                            <div class="tagline-v1 hidden">    
  7449.                                <picture>
  7450.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="1000"  alt="BIOptimizers tagline 2" media="(max-width:413px) and (min-width:411px)">
  7451.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/95eb-cf9e-0f26-471e_bioptimizers-tag1-desktop.jpg" width="1800" alt="BIOptimizers tagline 2" media="(min-width:670px)">
  7452.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="1000"  alt="BIOptimizers tagline 2" media="(min-width:1px)">
  7453.                                    <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/63e9-f955-88cd-4c33_bioptimizers-tag1-mobile.jpg" width="640"  alt="BIOptimizers tagline 2" />
  7454.                                </picture>
  7455.                                <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl xl:text-6xl sm:text-5xl">
  7456.                                    <div class="mt-16 tagline-v1-a sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Live Longer, Stronger, Better</div>
  7457.                                    <div class="mt-16 tagline-v1-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Stronger, Longer, Better Life.</div>
  7458.                                    <div class="mt-16 tagline-v1-c sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Optimizing Health Since 2004</div>
  7459.                                </div>
  7460.                            </div>
  7461.  
  7462.                            <div class="tagline-v2">    
  7463.                                <picture>
  7464.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="1000"  alt="BIOptimizers tagline 3" media="(max-width:413px) and (min-width:411px)">
  7465.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7de5-8563-5690-41ef_bioptimizers-tag2-desktop.jpg" width="1800" alt="BIOptimizers tagline 3" media="(min-width:670px)">
  7466.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="1000"  alt="BIOptimizers tagline 3" media="(min-width:1px)">
  7467.                                    <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/f71c-6400-be43-49c4_bioptimizers-tag2-mobile.jpg" width="640"  alt="BIOptimizers tagline 3" />
  7468.                                </picture>
  7469.                                <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl  xl:text-6xl sm:text-5xl">
  7470.                                   <div class="mt-16 tagline-v2-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Stronger, Longer, Better Life.</div>
  7471.                                </div>
  7472.                            </div>
  7473.  
  7474.                            <div class="tagline-v3 hidden">
  7475.                                <picture>
  7476.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="1000"  alt="BIOptimizers tagline 4" media="(max-width:413px) and (min-width:411px)">
  7477.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/assets/uploads/7b67-9d96-5778-4fc8_bioptimizers-tag3-desktop.jpg" width="1800" alt="BIOptimizers tagline 4" media="(min-width:670px)">
  7478.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="1000"  alt="BIOptimizers tagline 4" media="(min-width:1px)">
  7479.                                    <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/4dd4-7283-d82a-46ac_bioptimizers-tag3-mobile.jpg" width="640"  alt="BIOptimizers tagline 4" />
  7480.                                </picture>
  7481.                                <div class="absolute top-0 right-0 w-full flex justify-center items-center h-full font-lato text-2xl sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] xl:text-6xl sm:text-5xl">
  7482.                                    <div class="mt-16 tagline-v3-a sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000]">Live Longer, Stronger, Better</div>
  7483.                                    <div class="mt-16 tagline-v3-b sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Stronger, Longer, Better Life.</div>
  7484.                                    <div class="mt-16 tagline-v3-c sm:[text-shadow:_0px_0px_40px_#000] [text-shadow:_0px_0px_20px_#000] hidden">Optimizing Health Since 2004</div>
  7485.                                </div>
  7486.                            </div>
  7487.                        </div>`,
  7488.                        `<div  aria-label="Probiotic Breakthrough" class="swiper-slide focus:ring-8 focus:ring-blue-500 probiotic-breakthrough">
  7489.                            <a href="https://bioptimizers.com/shop/products/probiotic-breakthrough">
  7490.                            <picture>
  7491.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/72d4-0a1e-2908-4cd8_Probiotic-breakthrough_brown_Mobile.png" width="1000"  alt="Probiotic Breakthrough product banner" media="(max-width:413px) and (min-width:411px)">
  7492.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/9edd-6d6c-0b5a-46a1_Probiotic-breakthrough_brown-Desktop.png" width="1800" alt="Probiotic Breakthrough product banner" media="(min-width:641px)">
  7493.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/72d4-0a1e-2908-4cd8_Probiotic-breakthrough_brown_Mobile.png" width="1000"  alt="Probiotic Breakthrough product banner" media="(min-width:1px)">
  7494.                                <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/72d4-0a1e-2908-4cd8_Probiotic-breakthrough_brown_Mobile.png" width="640"  alt="Probiotic Breakthrough product banner" />
  7495.                            </picture>
  7496.                            </a>
  7497.                        </div>`,
  7498.                        `<div tabindex="0" aria-label="BioBucks" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative">
  7499.                            <picture>
  7500.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/44e9-4a62-b7b0-491b_biobucks-d.jpg" width="1800" alt="BioBucks Contest" media="(min-width:1001px)">
  7501.                                <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/84c4-ac50-c3a6-40b2_biobucks-m.jpg" width="1000"  alt="BioBucks Contest" media="(min-width:641px)">
  7502.                                <img loading="lazy" class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp/assets/uploads/84c4-ac50-c3a6-40b2_biobucks-m.jpg" width="640"  alt="BioBucks Contest" />
  7503.                            </picture>
  7504.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7505.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7506.                                    <div class="my-2 my-4 lg:text-2xl text-base font-light">
  7507.                                        Our Customer Referral Content is Live
  7508.                                    </div>
  7509.                                    <div class="text-4xl lg:text-5xl text-center lg:text-justify font-bold">
  7510.                                        Enter To Win Up To<span class="block ">$10,000 in BIObucks</span>
  7511.                                    </div>
  7512.                                    <a role="button" class="cta mt-3 text-black cta-button" href="https://bioptimizers.com/biobucks" >
  7513.                                        Enter Today
  7514.                                    </a>
  7515.                                    <div class="my-2 my-4 lg:text-2xl text-base font-light lg:ml-20">
  7516.                                        Now Through May 15th
  7517.                                    </div>
  7518.                                </div>
  7519.                            </div>
  7520.                        </div>`,
  7521.                        `<div tabindex="0" aria-label="Recover Faster with Masszymes" class="swiper-slide focus:ring-8 focus:ring-blue-500 cc relative ">
  7522.                            <picture>
  7523.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-mz-u.webp" width="1800" alt="MassZymes product banner" media="(min-width:1001px)">
  7524.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="1000"  alt="MassZymes product banner" media="(min-width:641px)">
  7525.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-cc-md-u.webp" width="640"  alt="MassZymes product banner" />
  7526.                            </picture>
  7527.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-end font-lato">    
  7528.                                <div class="flex w-full items-center lg:items-start lg:w-1/2 flex-col mb-10">
  7529.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-justify">
  7530.                                        Recover Faster <span class="block font-bold">with MassZymes</span>
  7531.                                    </div>
  7532.                                    <div class="my-2 my-4 lg:text-2xl text-xl">
  7533.                                        Promotes muscle recovery
  7534.                                    </div>
  7535.                                    <a role="button" class="cta mt-3 text-black cta-button" href="https://bioptimizers.com/shop/products/masszymes" >
  7536.                                        SHOP NOW
  7537.                                    </a>
  7538.                                </div>
  7539.                            </div>
  7540.                        </div>`,
  7541.                        `<div tabindex="0" aria-label="Gluten Guardian" class="swiper-slide focus:ring-8 focus:ring-blue-500 gg relative ">
  7542.                            <picture>
  7543.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1800,object=fit/bio-shop/2024/banners/gtest-banner-gg-u.webp" width="1800" alt="Gluten Guardian product banner" media="(min-width:1001px)">
  7544.                                <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-gg-md-u.webp" width="1000"  alt="Gluten Guardian product banner" media="(min-width:641px)">
  7545.                                <img loading="lazy" class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/bio-shop/2024/banners/gtest-banner-gg-md-u.webp" width="640"  alt="Gluten Guardian product banner" />
  7546.                            </picture>
  7547.  
  7548.  
  7549.                            <div class="flex w-full absolute top-0 left-0 align-bottom h-[600px] lg:items-center items-end justify-start font-lato">    
  7550.                                <div class="flex w-full items-center lg:items-end  lg:w-1/2 flex-col mb-10">
  7551.                                    <div class="text-5xl lg:text-6xl font-light text-center lg:text-right">
  7552.                                        Improved <span class="block font-bold">Gluten Guardian</span>
  7553.                                    </div>
  7554.                                    <div class="text-center max-w-xs lg:max-w-4xl my-4 lg:text-2xl text-xl">
  7555.                                        Helps alleviate gas, bloating,<span class="block"> and post-meal discomfort </span>
  7556.                                    </div>
  7557.                                    <a role="button" class="cta mt-3 text-black cta-button" href="https://bioptimizers.com/shop/products/gluten-guardian" >
  7558.                                        Get Gluten Guardian Today
  7559.                                    </a>
  7560.                                </div>
  7561.                            </div>
  7562.                        </div>`,
  7563.                        `<div tabindex="0" aria-label="Your Formulas for Super Human Health" class="swiper-slide focus:ring-8 focus:ring-blue-500 relative">                
  7564.                            <div class="tagline-control">
  7565.                                <picture>
  7566.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit,quality=50/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(max-width:413px) and (min-width:411px)">
  7567.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/assets/uploads/da75-3c4f-c9cd-4b1b_super_human_health_v1.png" width="1800" alt="BIOptimizers tagline 1" media="(min-width:1001px)">
  7568.                                    <source srcset="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg" width="1000"  alt="BIOptimizers tagline 1" media="(min-width:1px)">
  7569.                                    <img class="h-[600px] object-cover" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=avif,width=1000,object=fit/assets/uploads/93f7-e62a-2a38-4368_BIO-NEW-HP-BANNER-MOBILE-0424-2.jpg"  alt="BIOptimizers tagline 1" />
  7570.                                </picture>
  7571.                            </div>
  7572.                        </div>`
  7573.                    ]
  7574.                }
  7575.                window.HeroScripts4.init();
  7576.            }
  7577.        }
  7578.  
  7579.        // How to Use:
  7580.        const adRollInstance = new AdRoll();
  7581.  
  7582.        });
  7583.    </script>
  7584.    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  7585.    // Define the start month and year
  7586.    const startYear = 2021;
  7587.    const startMonth = 8; // August
  7588.  
  7589.    // Simulate a future date for testing
  7590.    // const simulatedDate = new Date('2025-08-01'); // Use a date in August 2025
  7591.    const now = new Date();
  7592.    const currentYear = now.getFullYear();
  7593.    const currentMonth = now.getMonth() + 1; // Add 1 to get the correct month number
  7594.  
  7595.    // Calculate the number of years
  7596.    let yearDifference = currentYear - startYear;
  7597.  
  7598.    // Check if the current month is before the start month
  7599.    if (currentMonth < startMonth) {
  7600.    yearDifference--; // Subtract a year if the current month is before the start month
  7601.    }
  7602.  
  7603.    // Update the text with the calculated years
  7604.    document.getElementById("yearRow").textContent = yearDifference;
  7605.  
  7606.    </script>
  7607.  
  7608.    <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  7609.        document.addEventListener("DOMContentLoaded", () => {
  7610.  
  7611.            document.querySelectorAll(".youtube").forEach(function (current) {
  7612.                let videoid = current.dataset.embed;
  7613.                var source = "https://img.youtube.com/vi/" + videoid + "/sddefault.jpg";
  7614.                var image = new Image();
  7615.                image.src = source;
  7616.                image.setAttribute("class", "lg:min-w-[800px] mx-auto")
  7617.                image.setAttribute("alt", "Bioptimizers Brand")
  7618.                image.addEventListener("load", function () {
  7619.                    current.appendChild(image);
  7620.                });
  7621.                current.addEventListener("click", function () {
  7622.                    this.insertAdjacentHTML('beforebegin',`<iframe width='100%' height='590px' class='lg:max-w-[800px] w-full mx-auto' frameborder=0 allow='autoplay; fullscreen' src='https://www.youtube.com/embed/${videoid}?autoplay=1&rel=0&showinfo=0&modestbranding=1&loop=1&enablejsapi=1'></iframe>`);
  7623.                    this.remove();
  7624.                });
  7625.                current.addEventListener("keydown", function (event) {
  7626.  
  7627.                    if (event.key === "Enter") {
  7628.                        this.insertAdjacentHTML('beforebegin',`<iframe width='100%' height='590px' class='lg:max-w-[800px] w-full mx-auto' frameborder=0 allow='autoplay; fullscreen' src='https://www.youtube.com/embed/${videoid}?autoplay=1&rel=0&showinfo=0&modestbranding=1&loop=1&enablejsapi=1'></iframe>`);
  7629.                        this.remove();
  7630.                    }
  7631.                });
  7632.            });
  7633.        })
  7634.    </script>
  7635.  
  7636.  
  7637. <script type="c809cfb0dd3ae4ab72768f5b-text/javascript">
  7638.    /*
  7639.    class YouTubePlayerManager {
  7640.      constructor() {
  7641.        this.players = {};
  7642.      }
  7643.  
  7644.      init() {
  7645.        // Called by global API when ready
  7646.        window.onYouTubeIframeAPIReady = this.onYouTubeIframeAPIReady.bind(this);
  7647.      }
  7648.  
  7649.      onYouTubeIframeAPIReady() {
  7650.        this.initPlayer('desktop1', 'ytPlayerDesktop1', 'bMGglxqrV6Q');
  7651.        this.initPlayer('mobile1', 'ytPlayerMobile1', 'WqsARDGhOn8');
  7652.        this.initPlayer('desktop2', 'ytPlayerDesktop2', 'NADppj2T9Zo');
  7653.        this.initPlayer('mobile2', 'ytPlayerMobile2', 'GJJitqVrZ4k');
  7654.        this.initPlayer('desktop3', 'ytPlayerDesktop3', 'cQy5T_6Cpmo');
  7655.        this.initPlayer('mobile3', 'ytPlayerMobile3', 'zMhIx0Q5YFA');
  7656.        this.initPlayer('desktop4', 'ytPlayerDesktop4', 'NADppj2T9Zo');
  7657.        this.initPlayer('mobile4', 'ytPlayerMobile4', 'GJJitqVrZ4k');
  7658.      }
  7659.  
  7660.      initPlayer(name, elementId, videoId) {
  7661.        this.players[name] = new YT.Player(elementId, {
  7662.          videoId: videoId,
  7663.          events: {
  7664.            'onStateChange': this.onPlayerStateChange.bind(this)
  7665.          }
  7666.        });
  7667.      }
  7668.  
  7669.      onPlayerStateChange(event) {
  7670.        const stateMap = {
  7671.          [YT.PlayerState.PLAYING]: '▶️ Play',
  7672.          [YT.PlayerState.PAUSED]: '⏸️ Pause',
  7673.          [YT.PlayerState.ENDED]: '⏹️ End'
  7674.        };
  7675.  
  7676.        const state = stateMap[event.data];
  7677.        if (state) {
  7678.          const iframeId = event.target.getIframe().id;
  7679.          console.log(`${state} - Player ID: ${iframeId}`);
  7680.        
  7681.          window._conv_q = window._conv_q || [];
  7682. _conv_q.push(["triggerConversion", "100331307"]);
  7683.  
  7684.        }
  7685.      }
  7686.    }
  7687.  
  7688.    const playerManager = new YouTubePlayerManager();
  7689.    playerManager.init(); // Register the handler
  7690.  
  7691.    // Load YouTube API if not present
  7692.    if (!window.YT || typeof YT.Player !== 'function') {
  7693.      const tag = document.createElement('script');
  7694.      tag.src = "https://www.youtube.com/iframe_api";
  7695.      const firstScriptTag = document.getElementsByTagName('script')[0];
  7696.      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  7697.    } else {
  7698.      // Already loaded, manually call it
  7699.      playerManager.onYouTubeIframeAPIReady();
  7700.    }
  7701.    */
  7702.  
  7703.    class YouTubePlayerManager {
  7704.        constructor() {
  7705.            this.players = {};
  7706.            this.watchIntervals = {}; // store intervals for each player
  7707.            this.fiftyPercentTracked = {}; // prevent duplicate 50% logs
  7708.        }
  7709.  
  7710.        init() {
  7711.  
  7712.            console.log("Test");
  7713.            window.onYouTubeIframeAPIReady = this.onYouTubeIframeAPIReady.bind(this);
  7714.        }
  7715.  
  7716.        onYouTubeIframeAPIReady() {
  7717.            this.initPlayer('desktop1', 'ytPlayerDesktop1', 'bMGglxqrV6Q');
  7718.            this.initPlayer('mobile1', 'ytPlayerMobile1', 'WqsARDGhOn8');
  7719.            this.initPlayer('desktop2', 'ytPlayerDesktop2', 'NADppj2T9Zo');
  7720.            this.initPlayer('mobile2', 'ytPlayerMobile2', 'GJJitqVrZ4k');
  7721.            this.initPlayer('desktop3', 'ytPlayerDesktop3', 'cQy5T_6Cpmo');
  7722.            this.initPlayer('mobile3', 'ytPlayerMobile3', 'zMhIx0Q5YFA');
  7723.            this.initPlayer('desktop4', 'ytPlayerDesktop4', 'NADppj2T9Zo');
  7724.            this.initPlayer('mobile4', 'ytPlayerMobile4', 'GJJitqVrZ4k');
  7725.        }
  7726.  
  7727.        initPlayer(name, elementId, videoId) {
  7728.            this.fiftyPercentTracked[name] = false;
  7729.  
  7730.            this.players[name] = new YT.Player(elementId, {
  7731.            videoId: videoId,
  7732.            events: {
  7733.                'onStateChange': (event) => {
  7734.                this.onPlayerStateChange(event, name);
  7735.                }
  7736.            }
  7737.            });
  7738.        }
  7739.  
  7740.        onPlayerStateChange(event, name) {
  7741.            const stateMap = {
  7742.            [YT.PlayerState.PLAYING]: '▶️ Play',
  7743.            [YT.PlayerState.PAUSED]: '⏸️ Pause',
  7744.            [YT.PlayerState.ENDED]: '⏹️ End'
  7745.            };
  7746.  
  7747.            const state = stateMap[event.data];
  7748.            if (state) {
  7749.                const iframeId = event.target.getIframe().id;
  7750.                console.log(`${state} - Player ID: ${iframeId}`);
  7751.  
  7752.                window._conv_q = window._conv_q || [];
  7753.                _conv_q.push(["triggerConversion", "100331307"]);
  7754.  
  7755.                window.HeroScripts4.variables.headerSwiper.autoplay.stop();
  7756.            }
  7757.  
  7758.            if (event.data === YT.PlayerState.PLAYING) {
  7759.            this.startWatchTimer(name);
  7760.            } else if (
  7761.            event.data === YT.PlayerState.PAUSED ||
  7762.            event.data === YT.PlayerState.ENDED
  7763.            ) {
  7764.                this.stopWatchTimer(name);
  7765.                window.HeroScripts4.variables.headerSwiper.autoplay.start();
  7766.            }
  7767.        }
  7768.  
  7769.        startWatchTimer(name) {
  7770.            const player = this.players[name];
  7771.  
  7772.            if (this.watchIntervals[name]) return; // already tracking
  7773.  
  7774.            this.watchIntervals[name] = setInterval(() => {
  7775.            const currentTime = player.getCurrentTime();
  7776.            const duration = player.getDuration();
  7777.  
  7778.            if (!this.fiftyPercentTracked[name] && duration > 0 && currentTime / duration >= 0.5) {
  7779.                this.fiftyPercentTracked[name] = true;
  7780.                console.log(`🎯 50% Watched - Player: ${name}`);
  7781.  
  7782.                window._conv_q = window._conv_q || [];
  7783.                _conv_q.push(["triggerConversion", "100331314"]);
  7784.                // You can trigger a GTM/Analytics event here
  7785.            }
  7786.            }, 1000);
  7787.        }
  7788.  
  7789.        stopWatchTimer(name) {
  7790.            if (this.watchIntervals[name]) {
  7791.            clearInterval(this.watchIntervals[name]);
  7792.            this.watchIntervals[name] = null;
  7793.            }
  7794.        }
  7795.    }
  7796.  
  7797.    const playerManager = new YouTubePlayerManager();
  7798.    
  7799.    // Load YouTube API if not present
  7800.    if (!window.YT || typeof YT.Player !== 'function') {
  7801.      const tag = document.createElement('script');
  7802.      tag.src = "https://www.youtube.com/iframe_api";
  7803.      const firstScriptTag = document.getElementsByTagName('script')[0];
  7804.      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  7805.    } else {
  7806.      // Already loaded, manually call it
  7807.      playerManager.onYouTubeIframeAPIReady();
  7808.    }
  7809.  
  7810.    playerManager.init();
  7811.  </script>
  7812.  
  7813.      
  7814.      
  7815.  
  7816.  
  7817.  
  7818.  
  7819.    <!-- TAILWIND SETTERS -->
  7820.  
  7821.  
  7822. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c809cfb0dd3ae4ab72768f5b-|49" defer></script></body>
  7823.  
  7824. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda