This feed does not validate.
In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.
[help]
<!-- HERO VARIABLES --><!doctype html><html lang="en"> <head> <script src="https://js.sentry-cdn.com/7e59457ec155440f86ff1b54343366e7.min.js" crossorigin="anonymous" type="11436d8dad55fa6bbd28dbf2-text/javascript"></script><script type="11436d8dad55fa6bbd28dbf2-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><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><!-- Google Tag Manager --><script type="11436d8dad55fa6bbd28dbf2-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MJ5FMXK');</script><!-- End Google Tag Manager --> <!--begin Convert Experiences code--> <script data-cfasync="false" type="text/javascript"> // fill in the values for the variables that you want to use var _conv_page_type = "homepage"; </script> <script data-cfasync="false" type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10034455-10032506.js"></script><!-- end Convert Experiences code --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> <meta name="facebook-domain-verification" content="xforjykadadwtsodmwpwasu2wg7t8m" /> <meta name="theme-color" content="#fe9400"> <title>BIOptimizers | Health & Performance Optimizers</title> <meta name="description" content="Optimize Your Health, Strength, Brain, and Appearance"> <meta name="keywords" content=""> <meta property="og:site_name" content="BIOptimizers"> <meta property="og:url" content="https://bioptimizers.com/"> <meta property="og:title" content="Bioptimizers | Health and Performance Optimizers" /> <meta property="og:type" content="product.group"> <meta property="og:description" content="Optimize Your Health, Strength, Brain, and Appearance"> <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"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="562"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Bioptimizers | Health and Performance Optimizers"> <meta name="twitter:description" content="Optimize Your Health, Strength, Brain, and Appearance"> <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"> <link rel="canonical" href="https://bioptimizers.com/"> <meta name="p:domain_verify" content="b44dc4b07277947f96ded82536c97192"/> <script type="11436d8dad55fa6bbd28dbf2-text/javascript" src="https://db.revoffers.com/js/bioptimizers.js" async></script> <style> /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); 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; } </style> <!-- cfsicALuotY m1PNEsjJEUA -cBSiiRNbUs --> <!-- Swiper Slider --> <!-- <link rel="preload stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" as="style"> --> <!-- END Swiper Slider --> <!-- begin Convert Experiences code--> <!-- <script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10034455-10032506.js"></script> --> <!-- end Convert Experiences code --> <!-- HUBSPOT FORMS --> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> var hsformsLoaded = false; window.addEventListener('scroll', function() { if (!hsformsLoaded && window.scrollY > 100) { hsformsLoaded = true; var s = document.createElement('script'); s.type = 'text/javascript'; s.src = '//js.hsforms.net/forms/v2.js'; s.async = true; document.head.appendChild(s); } }); </script> <!-- END HUBSPOT FORMS --> <script type="11436d8dad55fa6bbd28dbf2-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> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> function fb_get_url_parameter(key) { var match = RegExp("[?&]" + key + "=([^&]*)").exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, " ")); } function fb_set_cookie(key, value, ttl, path, domain, secure) { var parts = [encodeURIComponent(key) + "=" + encodeURIComponent(value)]; if (ttl) parts.push("expires=" + new Date(Date.now() + (ttl * 1000)).toUTCString()); if (domain) parts.push("domain=" + domain); if (path) parts.push("path=" + path); if (secure) parts.push("secure"); document.cookie = parts.join(";"); return true; } function fb_capture_referral() { var code = fb_get_url_parameter("brid"); var campaign = fb_get_url_parameter("brcm"); if (code && campaign && /^[a-z0-9_]+$/.test(code + campaign)) { var data = JSON.stringify({ version: 1, code: code, campaign: campaign, url: window.location.href }); fb_set_cookie("__bio_referral", data, 86400 * 40, "/", "", true); } } fb_capture_referral(); </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> window.FunnelBuilderShop = { config: { cartVersion: 2, cartStorageKey: '__bio_cart', couponVersion: 1, couponStorageKey: '__bio_coupon', vtidVersion: 1, vtidStorageKey: '__bio_vtid', popVersion: 1, popStorageKey: '__bio_pop', shopUrl: 'https://bioptimizers.com/shop', cartUrl: 'https://bioptimizers.com/shop/cart', checkoutBaseUrl: 'https://bioptimizers.com/nocb/checkout', checkoutUrlParts: '', checkoutDefaultParameters: { referral_page: 'https://bioptimizers.com/shop', up: 1, }, cartDataEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/cart', bundlesEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/bundles', popEventsEndpoint: 'https://api.bioptimizers.com/dock/v1/stores/checkout_v1/pop-events', clientCountryCode: 'US', localStoreUrlMap: { 'GB': 'https://bioptimizers.co.uk/', 'DE': 'https://bioptimizers.co.uk/', 'FI': 'https://en.livehelfi.com/collections/bioptimizers', 'NL': 'https://en.livehelfi.com/collections/bioptimizers', 'EE': 'https://en.livehelfi.com/collections/bioptimizers', 'NO': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-norway', 'SE': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-sweden', 'DK': 'https://superstate.no/product-tag/bioptimizers/?utm_source=bioptimizers&utm_medium=web&utm_campaign=redirect-denmark', 'AE': 'https://bhealth.shop/collections/bioptimizers', 'QA': 'https://bhealth.shop/collections/bioptimizers', 'BH': 'https://bhealth.shop/collections/bioptimizers', 'KW': 'https://bhealth.shop/collections/bioptimizers', 'OM': 'https://bhealth.shop/collections/bioptimizers', 'SA': 'https://bhealth.shop/collections/bioptimizers', 'JO': 'https://bhealth.shop/collections/bioptimizers', 'IS': 'https://www.heilsubarinn.is/collections/vendors?q=Bioptimizers', 'CZ': 'https://www.pravebio.cz/bioptimizers/', 'SK': 'https://www.pravebio.cz/bioptimizers/' }, disableLocalStoreRedirect: '', onAddToCart: 'shop', minQuantity: 1, maxQuantity: 6, defaultFrequencyInterval: 1, defaultFrequencyUnit: 'month', vtidExpiry: 3600 * 2 * 1000, popDismissExpiry: 86400 * 90 * 1000, hiddenClass: 'd-none', animeAnimateClass: 'animate__animated', animeHiddenClass: 'animate__hidden', animeFadeInUpClass: 'animate__fadeInUp', animeFadeOutDownClass: 'animate__fadeOutDown', }, selectors: { labelCartItemCounter: '.js-fb-shop-label-cart-item-counter', linkGoToCart: '.js-fb-shop-link-go-to-cart', linkContinueShopping: '.js-fb-shop-link-continue-shopping', buttonAddToCart: '.js-fb-shop-button-add-to-cart', buttonCheckOut: '.js-fb-shop-button-check-out', inputPaymentMethod: '.js-fb-shop-input-payment-method', inputFrequencyInterval: '.js-fb-shop-input-frequency-interval', inputFrequencyUnit: '.js-fb-shop-input-frequency-unit', wrapperCartExtendedData: '.js-fb-shop-wrapper-cart-extended-data', wrapperCartContent: '.js-fb-shop-wrapper-cart-content', wrapperCartEmpty: '.js-fb-shop-wrapper-cart-empty', wrapperCartTemplates: '.js-fb-shop-wrapper-cart-templates', wrapperCartItems: '.js-fb-shop-wrapper-cart-items', rowCartItem: '.js-fb-shop-row-cart-item', imageCartItemImage: '.js-fb-shop-image-cart-item-image', linkCartItem: '.js-fb-shop-link-cart-item', labelCartItemFrequency: '.js-fb-shop-label-cart-item-frequency', buttonCartItemRemove: '.js-fb-shop-button-cart-item-remove', labelCartItemPrice: '.js-fb-shop-label-cart-item-price', fieldCartItemQuantity: '.js-fb-shop-field-cart-item-quantity', buttonCartItemQuantityIncrease: '.js-fb-shop-field-cart-item-quantity-increase', buttonCartItemQuantityDecrease: '.js-fb-shop-field-cart-item-quantity-decrease', labelCartItemTotal: '.js-fb-shop-label-cart-item-total', wrapperCartItemSavings: '.js-fb-shop-wrapper-cart-item-savings', labelCartItemCompareAtPrice: '.js-fb-shop-label-cart-item-compare-at-price', labelCartItemCompareAtTotal: '.js-fb-shop-label-cart-item-compare-at-total', labelCartItemSavingsAmount: '.js-fb-shop-label-cart-item-savings-amount', labelCartItemSavingsTotal: '.js-fb-shop-label-cart-item-savings-total', labelCartItemSavingsPercentage: '.js-fb-shop-label-cart-item-savings-percentage', labelCartSummarySubtotal: '.js-fb-shop-label-cart-summary-subtotal', wrapperCouponCode: '.js-fb-shop-wrapper-coupon-code', labelCouponCode: '.js-fb-shop-label-coupon-code', buttonCouponRemove: '.js-fb-shop-button-coupon-remove', inputFbt: '.js-fb-shop-input-fbt', labelFbt: '.js-fb-shop-label-fbt', imageFbt: '.js-fb-shop-image-fbt', buttonFbt: '.js-fb-shop-button-fbt', labelFbtRegularPrice: '.js-fb-shop-label-fbt-regular-price', labelFbtBundlePrice: '.js-fb-shop-label-fbt-bundle-price', labelFbtBundleSavings: '.js-fb-shop-label-fbt-bundle-savings', wrapperFbtAction: '.js-fb-shop-label-fb-action', wrapperFbt: '.js-fb-shop-wrapper-fbt', wrapperPop: '.js-fb-shop-wrapper-pop', buttonPopDismiss: '.js-fb-shop-button-pop-dismiss', imagePopProduct: '.js-fb-shop-image-pop-product', labelPopCustomer: '.js-fb-shop-label-pop-customer', labelPopAction: '.js-fb-shop-label-pop-action', labelPopTime: '.js-fb-shop-label-pop-time', wrapperGifts: '.js-fb-shop-wrapper-gifts', wrapperGiftTemplates: '.js-fb-shop-wrapper-gift-templates', wrapperGiftItems: '.js-fb-shop-wrapper-gift-items', rowGiftItem: '.js-fb-shop-row-gift-item', imageGiftItemImage: '.js-fb-shop-image-gift-item-image', labelGiftItemName: '.js-fb-shop-label-gift-item-name', labelGiftItemPrice: '.js-fb-shop-label-gift-item-price', labelGiftItemQuantity: '.js-fb-shop-label-gift-item-quantity', labelGiftItemPurchaseType: '.js-fb-shop-label-gift-item-purchase-type', labelGiftItemPurchaseTypeNotice: '.js-fb-shop-label-gift-item-purchase-type-notice', outOfStockFormWrapper: '.js-fb-shop-oos-form-wrapper', outOfStockFormElement: '.js-fb-shop-oos-form-element', wrapperOffer: '.js-fb-shop-wrapper-offer', }, requests: {}, processes: {}, init: function () { var context = this; context.checkLocalStoreRedirect(); context.captureCartItems(); context.captureCouponCode(); context.captureVtid(); context.loadCouponCode(); context.loadCartItemCounter(); context.loadCartData(); context.loadCart(); context.loadFbt(); context.loadPop(); context.checkOutOfStock(); document.addEventListener('click', function (e) { for (var target = e.target; target && target !== this; target = target.parentNode) { if (target && target.disabled) { continue; } else if (target.matches(context.selectors.buttonAddToCart)) { context.handleAddToCart(target); break; } else if (target.matches(context.selectors.buttonCartItemQuantityIncrease)) { context.updateCartItemQuantity(target.getAttribute('data-sku'), 'increase'); break; } else if (target.matches(context.selectors.buttonCartItemQuantityDecrease)) { context.updateCartItemQuantity(target.getAttribute('data-sku'), 'decrease'); break; } else if (target.matches(context.selectors.buttonCartItemRemove)) { context.removeCartItem(target.getAttribute('data-sku')); break; } else if (target.matches(context.selectors.buttonCouponRemove)) { context.removeCouponCode(); break; } } }, false); document.addEventListener('change', function (e) { for (var target = e.target; target && target !== this; target = target.parentNode) { if (target.matches(context.selectors.fieldCartItemQuantity)) { context.updateCartItemQuantity(target.getAttribute('data-sku'), target.value); break; } } }, false); var goToCartElements = document.querySelectorAll(this.selectors.linkGoToCart); Array.prototype.forEach.call(goToCartElements, function (element) { element.setAttribute('href', context.config.cartUrl); }); var continueShoppingElements = document.querySelectorAll(this.selectors.linkContinueShopping); Array.prototype.forEach.call(continueShoppingElements, function (element) { element.setAttribute('href', context.config.shopUrl); }); }, ready: function (fn) { if (document.readyState !== 'loading') { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } }, getCartItemData: function (element) { var data = element.getAttribute('data-cart-item'); if (data) { var item = atob(data); if (item) { var product = JSON.parse(item); if (product) { return product; } } } return null; }, handleAddToCart: function (element) { var product = this.getCartItemData(element); if (product) { var offerWrapper = this.getWrapperElement(element, this.selectors.wrapperOffer); product.isSubscription = this.getSelectedPaymentMethod(offerWrapper) === 'subscription'; if (product.isSubscription) { product.frequencyInterval = offerWrapper.querySelector(this.selectors.inputFrequencyInterval).value; product.frequencyUnit = offerWrapper.querySelector(this.selectors.inputFrequencyUnit).value; } var redirectOnAddToCart = element.getAttribute('data-redirect-on-add-to-cart'); this.addProductsToCart([product], redirectOnAddToCart || this.config.onAddToCart); } }, addProductsToCart: function (products, onAddToCart) { if (products && products.length) { var cart = this.getCartData(); var ceProperties = this.getCeProperties(); for (var i = 0; i < products.length; i++) { var product = products[i]; if (product && product.sku) { var productExists = false; for (var j = 0; j < cart.items.length; j++) { if (cart.items[j].sku === product.sku) { if (cart.items[j].quantity < this.config.maxQuantity) { cart.items[j].quantity++; } cart.items[j].isSubscription = !!product.isSubscription; cart.items[j].frequencyInterval = product.frequencyInterval || null; cart.items[j].frequencyUnit = product.frequencyUnit || null; cart.items[j].ceExperimentId = ceProperties.experimentId || null; cart.items[j].ceVariationId = ceProperties.variationId || null; productExists = true; break; } } if (!productExists) { cart.items.push({ name: product.name, sku: product.sku, url: product.url || null, image: product.image || null, price: parseInt(product.price, 10), quantity: product.quantity || 1, isSubscription: !!product.isSubscription, frequencyInterval: product.frequencyInterval || null, frequencyUnit: product.frequencyUnit || null, ceExperimentId: ceProperties.experimentId || null, ceVariationId: ceProperties.variationId || null, }); } } } this.setCartData(cart, false); } if (onAddToCart === 'shop') { window.location.href = this.config.shopUrl; } else if (onAddToCart === 'cart') { window.location.href = this.config.cartUrl; } }, removeCartItem: function (sku) { var cart = this.getCartData(); var items = []; for (var i = 0; i < cart.items.length; i++) { if (cart.items[i].sku !== sku) { items.push(cart.items[i]); } } cart.items = items; this.setCartData(cart, false); }, updateCartItemQuantity: function (sku, quantity) { var cart = this.getCartData(); if (quantity === 'increase' || quantity === 'decrease') { for (var i = 0; i < cart.items.length; i++) { if (cart.items[i].sku === sku) { quantity = cart.items[i].quantity + (quantity === 'increase' ? 1 : -1); break; } } } quantity = parseInt(quantity, 10); if (quantity >= this.config.minQuantity && quantity <= this.config.maxQuantity) { for (var j = 0; j < cart.items.length; j++) { if (cart.items[j].sku === sku) { cart.items[j].quantity = quantity; break; } } this.setCartData(cart, false); } else { this.removeCartItem(sku); } }, loadCartItemCounter: function () { var cart = this.getCartData(); var count = cart.totalQuantity; var elements = document.querySelectorAll(this.selectors.labelCartItemCounter); Array.prototype.forEach.call(elements, function (element) { element.textContent = count; }); }, getSelectedPaymentMethod: function (wrapper) { var elements = wrapper.querySelectorAll(this.selectors.inputPaymentMethod); var selection = null; Array.prototype.forEach.call(elements, function (element) { if (element.checked) { selection = element.value; } }); return selection; }, checkOutOfStock: function () { var context = this; var itemSkus = []; var itemElements = []; var elements = document.querySelectorAll('[data-cart-item]'); Array.prototype.forEach.call(elements, function (element) { var product = context.getCartItemData(element); if (product && product.sku) { itemSkus.push(product.sku); itemElements.push({ sku: product.sku, element: element, type: 'cart-item', }); } }); if (context.fbtConfig && context.fbtConfig.skuList && context.fbtConfig.skuList.length) { for (var i = 0; i < context.fbtConfig.skuList.length; i++) { var sku = context.fbtConfig.skuList[i]; var filter = '[data-sku="' + sku + '"]'; var input = document.querySelector(context.selectors.inputFbt + filter); var label = document.querySelector(context.selectors.labelFbt + filter); if (input && label) { itemSkus.push(sku); itemElements.push({ sku: sku, input: input, label: label, type: 'fbt-item', }); } } } if (typeof fb_on_out_of_stock_check !== 'undefined' && itemSkus.length) { fb_on_out_of_stock_check(itemSkus, function (stockStatusMap) { for (var i = 0; i < itemElements.length; i++) { var item = itemElements[i]; if (stockStatusMap[item.sku].disallow_orders) { item.hubspotFormId = stockStatusMap[item.sku].hubspot_form_id; context.handleOutOfStock(item); } } }, true); } }, handleOutOfStock: function (item) { if (item.type === 'fbt-item') { var marker = document.createElement('span'); marker.textContent = '[SOLD OUT]'; marker.classList.add('fbt-oos-marker'); item.label.insertBefore(marker, item.label.firstChild); item.input.disabled = true; item.input.checked = false; this.updateFbtSelection(); } else if (item.element.getAttribute('data-oos-ignore') !== 'true') { var buttonLabel = item.element.getAttribute('data-oos-button-label'); var noticeSelector = item.element.getAttribute('data-oos-notice-selector'); var outOfStockHubspotFormId = item.hubspotFormId; var offerWrapper = this.getWrapperElement(item.element, this.selectors.wrapperOffer); var outOfStockFormElement = offerWrapper.querySelector(this.selectors.outOfStockFormElement); var outOfStockFormWrapper = offerWrapper.querySelector(this.selectors.outOfStockFormWrapper); item.element.textContent = buttonLabel ? buttonLabel : 'Sold Out'; item.element.disabled = true; if (noticeSelector) { var noticeHiddenClass = this.config.hiddenClass; var noticeElements = document.querySelectorAll(noticeSelector); Array.prototype.forEach.call(noticeElements, function (element) { element.classList.remove(noticeHiddenClass); }); } if (outOfStockHubspotFormId && outOfStockFormElement && outOfStockFormWrapper && outOfStockFormWrapper.classList.contains(this.config.hiddenClass) && window.hbspt && window.hbspt.forms) { outOfStockFormWrapper.classList.remove(this.config.hiddenClass); outOfStockFormElement.setAttribute('data-oos-form-id', outOfStockHubspotFormId); window.hbspt.forms.create({ region: 'na1', portalId: '6875107', formId: outOfStockHubspotFormId, target: '[data-oos-form-id="' + outOfStockHubspotFormId + '"]', }); } } }, captureCartItems: function () { var action = this.getQueryParameter('cba'); if (action !== 'r') { return; } var cbitems, cbcart, skus = [], itemMap = {}; cbitems = this.getQueryParameter('cbitems'); cbcart = this.getQueryParameter('cbcart'); if (cbitems !== '') { itemMap[cbitems] = 1; skus.push(cbitems); } else if (cbcart !== '') { var parsed = null; try { parsed = JSON.parse(cbcart); } catch (error) { console.log(error); } if (parsed && parsed.items && Array.isArray(parsed.items) && parsed.items.length) { for (var i = 0; i < parsed.items.length; i++) { var item = parsed.items[i], sku = null, quantity = null; if (typeof item.sku === 'string' && item.sku !== '') { sku = item.sku; } if (typeof item.qty === 'number' && /^[1-9]\d*$/.test(item.qty.toString())) { if (item.qty >= this.config.minQuantity && item.qty <= this.config.maxQuantity) { quantity = item.qty; } } if (sku !== null && quantity !== null) { itemMap[sku] = quantity; skus.push(sku); } } } } if (skus.length) { var context = this; context.processes.isCapturingCartItems = true; context.fetchBundlesData(skus, function (map) { var products = []; for (var sku in map) { if (map.hasOwnProperty(sku)) { var product = map[sku]; product.quantity = itemMap[sku]; product.price = product.price * 100; product.isSubscription = product.is_subscription === true; if (product.isSubscription) { product.frequencyInterval = context.config.defaultFrequencyInterval; product.frequencyUnit = context.config.defaultFrequencyUnit; } products.push(product); } } context.setCartData({ items: [] }, true); context.processes.isCapturingCartItems = false; context.addProductsToCart(products, 'none'); }); } }, loadCart: function () { if (this.processes.isCapturingCartItems === true) { return; } var cart = this.getCartData(); var cartContent = document.querySelector(this.selectors.wrapperCartContent); var cartEmpty = document.querySelector(this.selectors.wrapperCartEmpty); var cartSubtotal = document.querySelector(this.selectors.labelCartSummarySubtotal); var cartItems = document.querySelector(this.selectors.wrapperCartItems); var cartTemplates = document.querySelector(this.selectors.wrapperCartTemplates); var cartRowTemplate = cartTemplates && cartTemplates.querySelector(this.selectors.rowCartItem); while (cartItems && cartItems.firstChild) { cartItems.removeChild(cartItems.firstChild); } if (cart.items.length > 0) { for (var i = 0; i < cart.items.length; i++) { if (cartItems && cartRowTemplate) { cartItems.appendChild(this.buildCartRow(cartRowTemplate, cart.items[i])); } } if (cartSubtotal) { cartSubtotal.textContent = this.formatCurrency(cart.totalPrice, 2, true); } if (cartContent) { cartContent.classList.remove(this.config.hiddenClass); } if (cartEmpty) { cartEmpty.classList.add(this.config.hiddenClass); } this.loadCheckoutButton(); } else { if (cartContent) { cartContent.classList.add(this.config.hiddenClass); } if (cartEmpty) { cartEmpty.classList.remove(this.config.hiddenClass); } } }, buildCartRow: function (template, data) { var row = template.cloneNode(true); var itemLinks = row.querySelectorAll(this.selectors.linkCartItem); var frequencyLabels = row.querySelectorAll(this.selectors.labelCartItemFrequency); var priceLabels = row.querySelectorAll(this.selectors.labelCartItemPrice); var totalLabels = row.querySelectorAll(this.selectors.labelCartItemTotal); var imageImages = row.querySelectorAll(this.selectors.imageCartItemImage); var quantityFields = row.querySelectorAll(this.selectors.fieldCartItemQuantity); var quantityIncreaseButtons = row.querySelectorAll(this.selectors.buttonCartItemQuantityIncrease); var quantityDecreaseButtons = row.querySelectorAll(this.selectors.buttonCartItemQuantityDecrease); var removeButtons = row.querySelectorAll(this.selectors.buttonCartItemRemove); var savingsWrappers = row.querySelectorAll(this.selectors.wrapperCartItemSavings); var context = this; row.setAttribute('data-sku', data.sku); Array.prototype.forEach.call(itemLinks, function (element) { element.textContent = data.name; element.setAttribute('href', data.url ? data.url : ''); }); Array.prototype.forEach.call(frequencyLabels, function (element) { if (data.frequencyInterval && data.frequencyUnit) { var frequencyText = 'delivered every ' + data.frequencyInterval + ' '; frequencyText += data.frequencyUnit + (data.frequencyInterval > 1 ? 's' : ''); element.textContent = frequencyText; } else { element.parentNode.removeChild(element); } }); Array.prototype.forEach.call(priceLabels, function (element) { element.textContent = context.formatCurrency(data.price, 2, true); }); Array.prototype.forEach.call(totalLabels, function (element) { element.textContent = context.formatCurrency(data.price * data.quantity, 2, true); }); Array.prototype.forEach.call(quantityFields, function (element) { element.value = data.quantity; element.setAttribute('data-sku', data.sku); }); Array.prototype.forEach.call(quantityIncreaseButtons, function (element) { element.disabled = data.quantity >= context.config.maxQuantity; element.setAttribute('data-sku', data.sku); }); Array.prototype.forEach.call(quantityDecreaseButtons, function (element) { element.disabled = data.quantity <= context.config.minQuantity; element.setAttribute('data-sku', data.sku); }); Array.prototype.forEach.call(removeButtons, function (element) { element.setAttribute('data-sku', data.sku); }); Array.prototype.forEach.call(savingsWrappers, function (element) { element.setAttribute('data-sku', data.sku); }); Array.prototype.forEach.call(imageImages, function (element) { if (data.image) { element.setAttribute('src', data.image); } else { element.parentNode.removeChild(element); } }); return row; }, loadCheckoutButton: function () { var checkoutButton = document.querySelector(this.selectors.buttonCheckOut); var checkoutUrl = this.config.checkoutBaseUrl; var queryStringParts = []; for (var key in this.config.checkoutDefaultParameters) { if (this.config.checkoutDefaultParameters.hasOwnProperty(key)) { var value = this.config.checkoutDefaultParameters[key]; queryStringParts.push(encodeURIComponent(key) + '=' + encodeURIComponent(value)); } } if (this.config.checkoutUrlParts) { queryStringParts.push(this.config.checkoutUrlParts); } var cartJsonString = JSON.stringify(this.getCartJson(this.getCartData())); queryStringParts.push('cbcart=' + encodeURIComponent(cartJsonString)); var vtid = this.getVtid(); if (vtid) { queryStringParts.push('vtid=' + encodeURIComponent(vtid)); } var coupon = this.getCouponCode(); if (coupon) { queryStringParts.push('coupon=' + encodeURIComponent(coupon)); } if (checkoutButton) { checkoutButton.setAttribute('href', checkoutUrl + '?' + queryStringParts.join('&')); } }, captureCouponCode: function () { var match = RegExp('[?&]coupon=([^&]*)').exec(window.location.search); if (match) { this.setCouponCode(decodeURIComponent(match[1].replace(/\+/g, ' ')), true); } }, loadCouponCode: function () { var coupon = this.getCouponCode(); var wrapper = document.querySelector(this.selectors.wrapperCouponCode); var label = document.querySelector(this.selectors.labelCouponCode); if (coupon && wrapper) { wrapper.classList.remove(this.config.hiddenClass); if (label) { label.textContent = coupon; } } else if (wrapper) { wrapper.classList.add(this.config.hiddenClass); } }, removeCouponCode: function () { this.setCouponCode('', false); this.loadCouponCode(); this.loadCheckoutButton(); }, captureVtid: function () { var match = RegExp('[?&]vtid=([^&]*)').exec(window.location.search); if (match) { this.setVtid(decodeURIComponent(match[1].replace(/\+/g, ' ')), true); } }, getCartData: function () { var cart = this.getLocalStorageObject(this.config.cartStorageKey); if (!cart || cart.version !== this.config.cartVersion || !cart.items || !cart.items.length) { cart = { version: this.config.cartVersion, items: [], totalPrice: 0, totalQuantity: 0, totalCount: 0 }; } return cart; }, setCartData: function (value, skipLoadCartData) { value.totalPrice = value.totalQuantity = value.totalCount = 0; for (var i = 0; i < value.items.length; i++) { value.totalPrice += value.items[i].price * value.items[i].quantity; value.totalQuantity += value.items[i].quantity; value.totalCount++; } this.setLocalStorageObject(this.config.cartStorageKey, value); this.loadCartItemCounter(); this.loadCart(); if (!skipLoadCartData) { this.loadCartData(); } }, getCartTotalPrice: function () { return this.getCartData().totalPrice; }, getCartTotalQuantity: function () { return this.getCartData().totalQuantity; }, getCartTotalCount: function () { return this.getCartData().totalCount; }, getCartItems: function () { return this.getCartData().items; }, getCartJson: function (cart) { var items = []; for (var i = 0; i < cart.items.length; i++) { var item = { sku: cart.items[i].sku, qty: cart.items[i].quantity, }; if (cart.items[i].frequencyInterval && cart.items[i].frequencyUnit) { item.fqi = cart.items[i].frequencyInterval; item.fqu = cart.items[i].frequencyUnit; } if (cart.items[i].ceExperimentId) { item.cee = cart.items[i].ceExperimentId; } if (cart.items[i].ceVariationId) { item.cev = cart.items[i].ceVariationId; } items.push(item); } return { items: items }; }, getCouponData: function () { var coupon = this.getLocalStorageObject(this.config.couponStorageKey); if (!coupon || coupon.version !== this.config.couponVersion || typeof coupon.code !== 'string') { coupon = { version: this.config.couponVersion, code: null }; } return coupon; }, setCouponData: function (value) { this.setLocalStorageObject(this.config.couponStorageKey, value); }, getCouponCode: function () { return this.getCouponData().code; }, setCouponCode: function (value, skipLoadCartData) { var coupon = this.getCouponData(); coupon.code = typeof value === 'string' && value !== '' ? value : null; this.setCouponData(coupon); if (!skipLoadCartData) { this.loadCartData(); } }, getVtidData: function () { var vtid = this.getLocalStorageObject(this.config.vtidStorageKey); if (!vtid || vtid.version !== this.config.vtidVersion || typeof vtid.value !== 'string') { vtid = { version: this.config.vtidVersion, value: null }; } return vtid; }, setVtidData: function (value) { this.setLocalStorageObject(this.config.vtidStorageKey, value); }, getVtid: function () { var vtid = this.getVtidData(); if (vtid.setAt > 0 && (Date.now() - vtid.setAt) < this.config.vtidExpiry) { return vtid.value; } return null; }, setVtid: function (value, skipLoadCartData) { var vtid = this.getVtidData(); vtid.value = typeof value === 'string' && value !== '' ? value : null; vtid.setAt = Date.now(); this.setVtidData(vtid); if (!skipLoadCartData) { this.loadCartData(); } }, fetchBundlesData: function (skus, callback) { var queryParts = []; for (var i = 0; i < skus.length; i++) { queryParts.push('sku[]=' + encodeURIComponent(skus[i])); } var request = new XMLHttpRequest(); request.open('GET', this.config.bundlesEndpoint + '?' + queryParts.join('&'), true); request.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { var response = JSON.parse(this.responseText); if (response && response.status === 'ok' && response.data) { callback(response.data); } } }; request.send(); request = null; }, loadFbt: function () { var wrapper = document.querySelector(this.selectors.wrapperFbt); if (wrapper) { var context = this; var targetSelector = wrapper.getAttribute('data-selector'); var thisSku = wrapper.getAttribute('data-this-sku'); var otherSkus = JSON.parse(wrapper.getAttribute('data-other-skus')); var bundleSku = wrapper.getAttribute('data-bundle-sku'); var skus = [thisSku, bundleSku].concat(otherSkus); var addToCartButtonText = wrapper.getAttribute('data-add-to-cart-button-text'); var onAddToCart = wrapper.getAttribute('data-on-add-to-cart'); var showBundleSavings = wrapper.getAttribute('data-show-bundle-savings') === 'true'; context.fetchBundlesData(skus, function (data) { for (var property in data) { if (data.hasOwnProperty(property)) { data[property].price = data[property].price * 100; } } var config = { thisItem: data[thisSku], otherItems: [], bundleItem: data[bundleSku], addToCartButtonText: addToCartButtonText, onAddToCart: onAddToCart, showBundleSavings: showBundleSavings, }; for (var i = 0; i < otherSkus.length; i++) { config.otherItems.push(data[otherSkus[i]]); } context.createFbt(targetSelector, config); wrapper.classList.remove(context.config.hiddenClass); }); } }, createFbt: function (selector, config) { var container = document.querySelector(selector); if (container) { this.fbtConfig = config; config.skuList = []; config.bundleMap = {}; var contentContainer = document.createElement('div'); var imagesContainer = document.createElement('div'); var optionsContainer = document.createElement('div'); var actionContainer = document.createElement('div'); contentContainer.classList.add('fbt-content'); imagesContainer.classList.add('fbt-images'); optionsContainer.classList.add('fbt-options'); actionContainer.classList.add('fbt-action'); actionContainer.classList.add(this.selectors.wrapperFbtAction.slice(1)); this.buildFbtItem(config.thisItem, imagesContainer, optionsContainer); config.skuList.push(config.thisItem.sku); config.bundleMap[config.thisItem.sku] = config.thisItem; for (var i = 0; i < config.otherItems.length; i++) { this.buildFbtItem(config.otherItems[i], imagesContainer, optionsContainer); config.skuList.push(config.otherItems[i].sku); config.bundleMap[config.otherItems[i].sku] = config.otherItems[i]; } this.buildFbtAction(actionContainer); contentContainer.appendChild(imagesContainer); contentContainer.appendChild(actionContainer); container.appendChild(contentContainer); container.appendChild(optionsContainer); this.updateFbtSelection(); var context = this; document.addEventListener('change', function (e) { for (var target = e.target; target && target !== this; target = target.parentNode) { if (target.matches(context.selectors.inputFbt)) { context.updateFbtSelection(); break; } } }, false); document.addEventListener('click', function (e) { for (var target = e.target; target && target !== this; target = target.parentNode) { if (target.matches(context.selectors.buttonFbt)) { context.processFbtSelection(); break; } } }, false); } }, buildFbtItem: function (data, imagesContainer, optionsContainer) { var imageContainer = document.createElement('div'); var optionContainer = document.createElement('div'); var image = document.createElement('img'); var input = document.createElement('input'); var label = document.createElement('label'); var span = document.createElement('span'); image.setAttribute('src', data.image); imageContainer.setAttribute('data-sku', data.sku); imageContainer.classList.add('fbt-image'); imageContainer.classList.add(this.selectors.imageFbt.slice(1)); imageContainer.appendChild(image); span.classList.add('fbt-price'); span.textContent = this.formatCurrency(data.price, 2, true); label.textContent = data.name; label.appendChild(span); label.classList.add('form-check-label'); label.classList.add(this.selectors.labelFbt.slice(1)); label.setAttribute('for', 'fbt_option_' + data.sku); label.setAttribute('data-sku', data.sku); input.classList.add('form-check-input'); input.classList.add(this.selectors.inputFbt.slice(1)); input.setAttribute('type', 'checkbox'); input.setAttribute('id', 'fbt_option_' + data.sku); input.setAttribute('data-sku', data.sku); input.checked = true; optionContainer.classList.add('form-group'); optionContainer.classList.add('form-check'); optionContainer.appendChild(input); optionContainer.appendChild(label); imagesContainer.appendChild(imageContainer); optionsContainer.appendChild(optionContainer); }, buildFbtAction: function (actionContainer) { var priceLabel = document.createElement('div'); var regularPriceLabel = document.createElement('span'); var bundlePriceLabel = document.createElement('span'); var bundleSavingsLabel = document.createElement('span'); var actionButton = document.createElement('button'); priceLabel.textContent = 'Total Price: '; regularPriceLabel.classList.add('fbt-regular-price'); regularPriceLabel.classList.add(this.selectors.labelFbtRegularPrice.slice(1)); bundlePriceLabel.classList.add('fbt-bundle-price'); bundlePriceLabel.classList.add(this.selectors.labelFbtBundlePrice.slice(1)); bundleSavingsLabel.classList.add('fbt-bundle-savings'); bundleSavingsLabel.classList.add(this.selectors.labelFbtBundleSavings.slice(1)); actionButton.setAttribute('type', 'button'); actionButton.classList.add('btn'); actionButton.classList.add('btn-primary'); actionButton.classList.add(this.selectors.buttonFbt.slice(1)); actionButton.textContent = this.fbtConfig.addToCartButtonText || 'Add Selected To Cart'; priceLabel.appendChild(regularPriceLabel); priceLabel.appendChild(bundlePriceLabel); if (this.fbtConfig.showBundleSavings === true) { priceLabel.appendChild(bundleSavingsLabel); } actionContainer.appendChild(priceLabel); actionContainer.appendChild(actionButton); }, updateFbtSelection: function () { var lastVisibleImage = null; var isBundleSelected = true; var isAnySelected = false; var regularPriceTotal = 0; for (var i = 0; i < this.fbtConfig.skuList.length; i++) { var sku = this.fbtConfig.skuList[i]; var filter = '[data-sku="' + sku + '"]'; var image = document.querySelector(this.selectors.imageFbt + filter); var input = document.querySelector(this.selectors.inputFbt + filter); if (image && input) { image.classList.remove('fbt-image-last'); if (input.checked) { image.classList.remove(this.config.hiddenClass); lastVisibleImage = image; regularPriceTotal += this.fbtConfig.bundleMap[sku].price; isAnySelected = true; } else { image.classList.add(this.config.hiddenClass); isBundleSelected = false; } } } if (lastVisibleImage !== null) { lastVisibleImage.classList.add('fbt-image-last'); } var actionWrapper = document.querySelector(this.selectors.wrapperFbtAction); if (isAnySelected) { var regularPrice = document.querySelector(this.selectors.labelFbtRegularPrice); regularPrice.textContent = this.formatCurrency(regularPriceTotal, 2, true); var bundlePrice = document.querySelector(this.selectors.labelFbtBundlePrice); bundlePrice.textContent = this.formatCurrency(this.fbtConfig.bundleItem.price, 2, true); if (isBundleSelected) { regularPrice.classList.add('fbt-compare-price'); bundlePrice.classList.remove(this.config.hiddenClass); } else { regularPrice.classList.remove('fbt-compare-price'); bundlePrice.classList.add(this.config.hiddenClass); } var bundleSavings = document.querySelector(this.selectors.labelFbtBundleSavings); if (bundleSavings) { var savingsAmount = Math.max(regularPriceTotal - this.fbtConfig.bundleItem.price, 0); bundleSavings.textContent = '(save ' + this.formatCurrency(savingsAmount, 2, true) + ')'; if (isBundleSelected && savingsAmount > 0) { bundlePrice.classList.remove(this.config.hiddenClass); } else { bundleSavings.classList.add(this.config.hiddenClass); } } actionWrapper.classList.remove(this.config.hiddenClass); } else { actionWrapper.classList.add(this.config.hiddenClass); } }, processFbtSelection: function () { var selectedProducts = []; var isBundleSelected = true; for (var i = 0; i < this.fbtConfig.skuList.length; i++) { var sku = this.fbtConfig.skuList[i]; var filter = '[data-sku="' + sku + '"]'; var input = document.querySelector(this.selectors.inputFbt + filter); if (input.checked) { selectedProducts.push(this.fbtConfig.bundleMap[sku]); } else { isBundleSelected = false; } } var onAddToCart = this.fbtConfig.onAddToCart || this.config.onAddToCart; if (isBundleSelected) { this.addProductsToCart([this.fbtConfig.bundleItem], onAddToCart); } else { this.addProductsToCart(selectedProducts, onAddToCart); } }, loadPop: function () { var wrapper = document.querySelector(this.selectors.wrapperPop); if (wrapper && !this.getPopDismissed()) { var context = this; var request = new XMLHttpRequest(); request.open('GET', this.config.popEventsEndpoint, true); request.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { var response = JSON.parse(this.responseText); if (response && response.status === 'ok') { if (response.events && response.events.length) { context.setupPop(response.events); } } } }; request.send(); request = null; } }, setupPop: function (popEvents) { var context = this; context.popEvents = popEvents; context.popStep = 0; context.popHidden = true; context.popPaused = false; context.popDismissed = false; context.popTimer = setTimeout(context.showPop.bind(context), 6000); var wrapper = document.querySelector(this.selectors.wrapperPop); wrapper.addEventListener('mouseenter', function () { if (context.popHidden === false) { clearTimeout(context.popTimer); context.popPaused = true; } }); wrapper.addEventListener('mouseleave', function () { if (context.popPaused) { context.popTimer = setTimeout(context.hidePop.bind(context), 5000); context.popPaused = false; } }); document.addEventListener('click', function (e) { for (var target = e.target; target && target !== this; target = target.parentNode) { if (target.matches(context.selectors.buttonPopDismiss)) { context.dismissPop(); break; } else if (target.matches(context.selectors.wrapperPop)) { if (context.popEvents && context.popStep && context.popEvents[context.popStep - 1]) { window.location.href = context.popEvents[context.popStep - 1].product_shop_url; } break; } } }, false); }, showPop: function () { if (this.popDismissed === true) { return false; } else if (this.popStep >= this.popEvents.length) { this.popStep = 0; } this.updatePopData(); this.animateFadeInUp(document.querySelector(this.selectors.wrapperPop)); this.popStep++; this.popHidden = false; this.popTimer = setTimeout(this.hidePop.bind(this), 7000); }, hidePop: function () { this.animateFadeOutDown(document.querySelector(this.selectors.wrapperPop)); this.popHidden = true; this.popTimer = setTimeout(this.showPop.bind(this), 8000); }, dismissPop: function () { clearTimeout(this.popTimer); this.hidePop(); clearTimeout(this.popTimer); this.setPopDismissed(true); }, updatePopData: function () { var imageProduct = document.querySelector(this.selectors.imagePopProduct); var labelCustomer = document.querySelector(this.selectors.labelPopCustomer); var labelAction = document.querySelector(this.selectors.labelPopAction); var labelTime = document.querySelector(this.selectors.labelPopTime); var popEvent = this.popEvents[this.popStep]; labelCustomer.textContent = popEvent.customer; labelAction.textContent = popEvent.action; labelTime.textContent = popEvent.time; if (popEvent.product_image_url && (/^https:\/\//i).test(popEvent.product_image_url)) { imageProduct.style.backgroundImage = 'url(\'' + popEvent.product_image_url + '\')'; imageProduct.style.backgroundColor = 'transparent'; } else { imageProduct.style.backgroundImage = ''; imageProduct.style.backgroundColor = '#F4F6F8'; } }, getPopData: function () { var pop = this.getLocalStorageObject(this.config.popStorageKey); if (!pop || pop.version !== this.config.popVersion) { pop = { version: this.config.popVersion, dismissed: false }; } return pop; }, setPopData: function (value) { this.setLocalStorageObject(this.config.popStorageKey, value); }, getPopDismissed: function () { var pop = this.getPopData(); if (pop.dismissedAt > 0) { return (Date.now() - pop.dismissedAt) < this.config.popDismissExpiry; } return !!pop.dismissed; }, setPopDismissed: function (value) { var pop = this.getPopData(); pop.dismissed = value; pop.dismissedAt = Date.now(); this.setPopData(pop); this.popDismissed = true; }, loadCartData: function () { var wrapper = document.querySelector(this.selectors.wrapperCartExtendedData); if (wrapper && this.processes.isCapturingCartItems !== true) { var context = this; var cartData = context.getCartData(); var cartJsonString = JSON.stringify(this.getCartJson(cartData)); var couponCode = context.getCouponCode(); var vtid = context.getVtid(); var queryParts = [ 'cbcart=' + encodeURIComponent(cartJsonString), 'mode=' + encodeURIComponent(context.getQueryParameter('mode')), 'coupon_code=' + encodeURIComponent(couponCode ? couponCode : ''), 'vtid=' + encodeURIComponent(vtid ? vtid : ''), 'referral_page=' + encodeURIComponent(context.config.shopUrl), ]; if (context.requests.cart && context.requests.cart.readyState !== 4) { context.requests.cart.abort && context.requests.cart.abort(); } if (!cartData.items.length) { return null; } context.triggerCustomEvent(wrapper, 'before-cart-load', queryParts); context.requests.cart = new XMLHttpRequest(); context.requests.cart.open('GET', this.config.cartDataEndpoint + '?' + queryParts.join('&'), true); context.requests.cart.onreadystatechange = function () { if (this.readyState === 4 && this.status === 200) { var response = JSON.parse(this.responseText); if (response && response.status === 'ok') { context.triggerCustomEvent(wrapper, 'before-cart-loaded', response); context.enhanceCartItems(response.items); context.buildGifts(response.gifts); context.triggerCustomEvent(wrapper, 'after-cart-loaded', response); } } }; context.requests.cart.send(); } }, enhanceCartItems: function (items) { var context = this; var cartContent = document.querySelector(this.selectors.wrapperCartContent); var allWrappers = cartContent.querySelectorAll(this.selectors.wrapperCartItemSavings); Array.prototype.forEach.call(allWrappers, function (element) { element.classList.add(context.config.hiddenClass); }); if (items && items.length) { var propertySelectorMap = { compare_at_price: 'labelCartItemCompareAtPrice', total_compare_at_price: 'labelCartItemCompareAtTotal', savings_amount: 'labelCartItemSavingsAmount', total_savings_amount: 'labelCartItemSavingsTotal', savings_percentage: 'labelCartItemSavingsPercentage', }; for (var i = 0; i < items.length; i++) { var item = items[i]; var filter = '[data-sku="' + item.sku + '"]'; var itemWrappers = cartContent.querySelectorAll(this.selectors.wrapperCartItemSavings + filter); if (item.compare_at_price !== null) { Array.prototype.forEach.call(itemWrappers, function (element) { for (var property in propertySelectorMap) { var label = element.querySelector(context.selectors[propertySelectorMap[property]]); if (label) { var precision = parseInt(label.getAttribute('data-decimal-places'), 10); if (property.indexOf('percentage') !== -1) { label.textContent = context.formatNumber(item[property], precision >= 0 ? precision : 0) + '%'; } else { label.textContent = context.formatCurrency(item[property], precision >= 0 ? precision : 0); } } } element.classList.remove(context.config.hiddenClass); }); } } } }, buildGifts: function (gifts) { var wrapper = document.querySelector(this.selectors.wrapperGifts); var items = document.querySelector(this.selectors.wrapperGiftItems); var templates = document.querySelector(this.selectors.wrapperGiftTemplates); var rowTemplate = templates && templates.querySelector(this.selectors.rowGiftItem); while (items && items.firstChild) { items.removeChild(items.firstChild); } if (gifts && gifts.length) { for (var i = 0; i < gifts.length; i++) { if (items && rowTemplate) { items.appendChild(this.buildGiftRow(rowTemplate, gifts[i])); } } wrapper.classList.remove(this.config.hiddenClass); } else { wrapper.classList.add(this.config.hiddenClass); } }, buildGiftRow: function (template, data) { var row = template.cloneNode(true); var imageImages = row.querySelectorAll(this.selectors.imageGiftItemImage); var nameLabels = row.querySelectorAll(this.selectors.labelGiftItemName); var priceLabels = row.querySelectorAll(this.selectors.labelGiftItemPrice); var quantityLabels = row.querySelectorAll(this.selectors.labelGiftItemQuantity); var purchaseTypeLabels = row.querySelectorAll(this.selectors.labelGiftItemPurchaseType); var purchaseTypeNoticeLabel = row.querySelectorAll(this.selectors.labelGiftItemPurchaseTypeNotice); var context = this; Array.prototype.forEach.call(nameLabels, function (element) { element.textContent = data.name; }); Array.prototype.forEach.call(priceLabels, function (element) { if (data.compare_at_price !== null) { element.textContent = context.formatCurrency(data.compare_at_price); } else { element.parentNode.removeChild(element); } }); Array.prototype.forEach.call(quantityLabels, function (element) { element.textContent = context.formatNumber(data.quantity); }); Array.prototype.forEach.call(purchaseTypeLabels, function (element) { if (element.getAttribute('data-id') !== data.purchase_type) { element.parentNode.removeChild(element); } }); Array.prototype.forEach.call(purchaseTypeNoticeLabel, function (element) { if (data.purchase_type_notice) { element.textContent = data.purchase_type_notice; } else { element.parentNode.removeChild(element); } }); Array.prototype.forEach.call(imageImages, function (element) { if (data.image_url) { element.setAttribute('src', data.image_url); } else { element.parentNode.removeChild(element); } }); return row; }, getWrapperElement: function (element, selector) { while ((element = element.parentElement)) { if (element.matches(selector)) { return element; } } return document; }, getCeProperties: function () { var experimentId = null, variationId = null; /* try { if (window.convert && window.convert.currentData && window.convert.currentData.experiments) { experimentId = Object.keys(window.convert.currentData.experiments)[0]; if (experimentId && window.convert.currentData.experiments[experimentId]) { variationId = window.convert.currentData.experiments[experimentId].variation_id; } } } catch (error) { console.log(error); } */ return { experimentId: experimentId || null, variationId: variationId || null, }; }, checkLocalStoreRedirect: function () { this.checkLocalStoreOverride(); var countryCodeOverride = this.getLocalStoreOverride(); this.redirectToLocalStore(countryCodeOverride ? countryCodeOverride : this.config.clientCountryCode); }, redirectToLocalStore: function (countryCode) { var localStoreUrl = this.config.localStoreUrlMap[countryCode]; if (localStoreUrl && !this.config.disableLocalStoreRedirect) { var notice = document.createElement('div'); notice.textContent = 'Redirecting you to our local shop...'; notice.style.backgroundColor = '#fe9400'; notice.style.color = '#fff'; notice.style.textAlign = 'center'; notice.style.padding = '0.5rem'; notice.style.lineHeight = '1.5rem'; notice.style.fontWeight = 'bold'; notice.style.position = 'absolute'; notice.style.width = '100%'; notice.style.zIndex = '99999'; notice.style.top = '0'; document.body.insertBefore(notice, document.body.firstChild); setTimeout(function () { window.location.replace(localStoreUrl); }, 1000); } }, checkLocalStoreOverride: function () { var regex = new RegExp('[?&]bsc(=([^&#]*)|&|#|$)'); var match = regex.exec(window.location.href); if (match && match[2]) { if (match[2] === 'auto') { this.setLocalStoreOverride('', 1); } else if (match[2].length === 2) { this.setLocalStoreOverride(match[2].toUpperCase(), 24 * 7); } } }, getLocalStoreOverride: function getLocalStoreCountry() { var match = document.cookie.match('(^|;)\\s*localStoreOverride\\s*=\\s*([^;]+)'); return match ? match.pop() : ''; }, setLocalStoreOverride: function setLocalStoreCountry(countryCode, duration) { var expires = new Date(Date.now()); expires.setTime(expires.getTime() + 3600 * 1000 * duration); document.cookie = 'localStoreOverride=' + countryCode + '; expires=' + expires + '; path=/'; }, getLocalStorageObject: function (key) { try { if (window.localStorage) { return JSON.parse(window.localStorage.getItem(key)); } else { return null; } } catch (error) { console.log(error); return null; } }, setLocalStorageObject: function (key, value) { try { if (window.localStorage) { window.localStorage.setItem(key, JSON.stringify(value)); } } catch (error) { console.log(error); } }, getQueryParameter: function (name) { var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search); return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : ''; }, triggerCustomEvent: function (element, name, data) { var event; if (window.CustomEvent && typeof window.CustomEvent === 'function') { event = new CustomEvent('fb-shop-' + name, { detail: data }); } else if (typeof document.createEvent === 'function') { event = document.createEvent('CustomEvent'); event.initCustomEvent('fb-shop-' + name, true, true, data); } if (event) { element.dispatchEvent(event); } }, animateFadeInUp: function (element) { element.classList.remove(this.config.animeAnimateClass); element.classList.remove(this.config.animeFadeOutDownClass); element.classList.add(this.config.animeAnimateClass); element.classList.add(this.config.animeFadeInUpClass); element.classList.remove(this.config.animeHiddenClass); }, animateFadeOutDown: function (element) { element.classList.remove(this.config.animeAnimateClass); element.classList.remove(this.config.animeFadeInUpClass); element.classList.add(this.config.animeAnimateClass); element.classList.add(this.config.animeFadeOutDownClass); }, formatNumber: function (number, decimalPlaces, decimalSeparator, thousandsSeparator) { number = (number + '').replace(/[^0-9+\-Ee.]/g, ''); number = !isFinite(+number) ? 0 : +number; decimalPlaces = !isFinite(+decimalPlaces) || +decimalPlaces < 1 ? 0 : +decimalPlaces; if (typeof decimalSeparator === 'undefined') { decimalSeparator = '.'; } if (typeof thousandsSeparator === 'undefined') { thousandsSeparator = ','; } var result; var toFixedFix = function (number, decimalPlaces) { var temp = Math.pow(10, decimalPlaces); return '' + Math.round(number * temp) / temp; }; result = (decimalPlaces ? toFixedFix(number, decimalPlaces) : '' + Math.round(number)).split('.'); if (result[0].length > 3) { result[0] = result[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, thousandsSeparator); } if ((result[1] || '').length < decimalPlaces) { result[1] = result[1] || ''; result[1] += new Array(decimalPlaces - result[1].length + 1).join('0'); } result = result.join(decimalSeparator); return result; }, formatCurrency: function (amount, decimalPlaces, isCents) { if (typeof decimalPlaces === 'undefined') { decimalPlaces = 2; } if (typeof isCents === 'undefined') { isCents = false; } if (isCents) { amount /= 100; } var sign = ''; var formattedNumber = this.formatNumber(amount, decimalPlaces); if (formattedNumber[0] === '-') { formattedNumber = formattedNumber.substr(1); sign += '-'; } return sign + '$' + formattedNumber; }, }; if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector; } FunnelBuilderShop.ready(function () { FunnelBuilderShop.init.call(FunnelBuilderShop); }); </script> <script type="application/ld+json">{ "@context": "https://schema.org/", "@type": "Organization", "name": "BiOptmizers", "url": "https://bioptimizers.com/", "legalName": "BiOptimizers USA Inc.", "logo": "https://bioptimizers.com/wp-content/uploads/2021/03/bio-logo-optimizing-humans-2004.png", "foundingDate": "2004", "founders": [ { "@type": "Person", "name": "Wade Lightheart" }, { "@type": "Person", "name": "Matt Gallant" } ], "address": { "@type": "PostalAddress", "streetAddress": "5470 Kietzke Lane Suite 300", "addressLocality": "Reno", "addressRegion": "NV", "postalCode": "89511", "addressCountry": "USA" }, "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "telephone": "[+1-800-719-2467]" }, "sameAs": [ "https://www.facebook.com/bioptimizers", "https://www.youtube.com/bioptimizers", "https://www.instagram.com/bioptimizers", "https://www.youtube.com/user/biOptimizers", "https://www.linkedin.com/company/bioptimizers-usa-inc", "https://www.trustpilot.com/review/bioptimizers.com/", "https://www.amazon.com/stores/BiOptimizers/BiOptimizers/page/A2EEF68E-B063-444B-82EF-A947BE0E2326" ]}</script><style>.scientists-section img{height:auto;}</style> <script type="11436d8dad55fa6bbd28dbf2-module" crossorigin src="https://fb-v1.cdn-bio.com/assets/index-BaWTLL1--27c222cd7db895877a0ab6b2632aa058.js"></script> <link rel="stylesheet" crossorigin href="https://fb-v1.cdn-bio.com/assets/index-DU6Qad0b-1b2090d1849b9d0a8214f5a4d1f37ff3.css"> </head> <body class="font-lato subpixel-antialiased antialiased"> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ5FMXK"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <!-- ACCESSIBILTY FIX --><script src="https://cdn.userway.org/widget.js" data-account="LPdK2ECqlp" type="11436d8dad55fa6bbd28dbf2-text/javascript"></script> <style>.userway_buttons_wrapper { @media screen and (max-width: 768px) { bottom: 50px !important; top: unset !important; }} </style><!-- END ACCESSIBILTY FIX --> <style> .shopbtn_placeholder { display: none; } @media screen and (max-width: 991px) { .shopbtn_placeholder { display: block; } } /* * { margin: 0; padding: 0; } */ *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; } nav .italic { font-style: italic !important; } /* Nav Style Start Here */ nav .underline { text-decoration: underline; } nav .sm-none { display: none !important; } nav .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } nav .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } nav .gap-x-5 { -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } nav .uppercase { text-transform: uppercase; } nav .relative { position: relative; } nav { position: relative; z-index: 99992; } nav.sticky-header { position: fixed; top: -60px; left: 0; -webkit-animation: goDown .5s ease-in-out forwards; animation: goDown .5s ease-in-out forwards; opacity: 0; width: 100%; border: 8px solid #0b3c0b; border-bottom: none; } nav.sticky-header .nav-menu { background-color: #fff; } nav.sticky-header #black-menu { display: none; } @keyframes goDown { 0% { top: -60px; opacity: 0; } 50% { opacity: 0.5; } 100% { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); opacity: 1; } } nav #black-menu, nav #black-menu li { background-color: #252525; font-size: 0.75rem !important; font-family: "Open Sans", sans-serif !important; line-height: 1.1 !important; padding: 2px 0; } nav #black-menu ul{ margin-bottom: 0; padding-left: 0; color: #C2D500 !important; } nav li { list-style: none; } nav a{ text-decoration: none; cursor: pointer; } nav #black-menu .account_menu .shop-preheader{ color: #fff; } nav .contact-num, nav .contact-num span { text-align: center; color: #C2D500 !important; } nav .filter-bio-hover:hover { -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%); filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%); } nav #black-menu .account_menu .shop-preheader:hover { color: #C2D500; text-decoration: underline; } nav .contact-num { cursor: pointer; } nav .filter-bio {margin: 0; -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%); filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(40deg) brightness(118%) contrast(119%); } nav .nav-menu { height: 70px; padding: 0 15px; -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 25%); box-shadow: 1px 1px 3px rgb(0 0 0 / 25%); } nav .bio-icon-mobile { width: 55px; height: 37px; } nav .bio-icon-mobile { width: auto; height: auto; } nav .icons img { min-width: 22px; /* height: 16px; */ } nav .icon-cart-image { min-width: 28px; } nav .qsc-btn__badge { position: absolute; background: #e75f33; color: #fff; width: 20px; height: 20px; display: flex; opacity: 0; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.75rem; font-weight: 600; top: -8px; right: -11px; } nav .nav-menu .menu_items { font-family: 'lato', sans-serif; } nav .nav-menu .menu_items { position: fixed; background-color: #ffff; -webkit-transition: left .5s; -o-transition: left .5s; transition: left .5s; top: 0; -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); left: -140%; width: 280px; z-index: 1; height: 100vh; cursor: pointer; } nav .menu_items .menu-container { padding: 30px; height: 100vh; overflow-y: scroll; } nav .menu_items.active { left: 0; } nav .menu_items a { display: block; color: #232323; font-weight: 700; letter-spacing: 0.02em; font-size: 0.875rem; padding: 7px 0; } nav .menu_items a.shop-link { text-transform: uppercase; } /* nav .sub-menu-item a { padding-left: 15px; } */ nav .sub-menu a { font-weight: 400; } nav .menu_items .menu-image { width: 340px; max-width: 100%; height: auto; } nav .shop-contents .fb-user-wrapper-customer, nav .shop-contents .fb-user-wrapper-guest, nav .menu_items .fb-user-wrapper-customer, nav .menu_items .fb-user-wrapper-guest { margin-bottom: -14px; } nav .menu_items .close-btn img{ width: 44px; height: 44px; max-width: unset; } nav .menu_items .nav-mobile-sticky { position: fixed; background: #fff; width: 280px; z-index: 2; top: 0; } nav .overlayMenuItems { left: 100%; /* Initially off-screen */ -webkit-transition: left .5s; -o-transition: left .5s; transition: left .5s; /* Add a smooth transition effect */ } nav .overlayMenuItems.active { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); } nav .icon-plus, nav .right-icon { position: absolute; display: unset; right: 0; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } nav .right-icon { width: 12px; } nav .icon-plus-image.active .icon-plus { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } nav .sub-menu, nav .sub-menu-item { position: relative; padding: 0 10px; height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-out; -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-out; transition: opacity 0.3s ease-in-out, height 0.3s ease-out; } nav .sub-menu.active, nav .sub-menu-item.active { height: auto; opacity: 1; } nav .dropdown-icon { display: none; } nav #search-bar button { cursor: pointer; display: flex; background: #fff; outline: none; border: none; align-items: center; gap: 10px; width: 8.813rem; width: 100%; } @media screen and (max-width: 767px) { body { border: 8px solid #0b3c0b; } } @media screen and (min-width: 361px) { nav .nav-menu .menu_items { width: 340px; } } @media screen and (min-width: 376px) { .gap-x-15 { -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } .fb-user-menu-main { margin-left: 0; } } .search-mobile { width: 128px; } .search-icon-mobile { display: block; margin: auto; margin-right: 0; } #search-bar { display: none; } /* Not yet autoprefixer */ @media screen and (min-width: 992px) { #search-bar { display: flex; } nav .lg-none { display: none !important; } nav .lg-font-bold { font-weight: 700 !important; } nav .lg-underline { text-decoration: underline; } nav .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } nav .lg-items-center { align-items: center; } nav .lg-justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } nav .lg-block { display: block !important; } nav .lg-order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } nav .lg-order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } nav .lg-order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } nav .lg-order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } nav .lg-order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } nav .lg-order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } nav .lg-order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } nav .lg-w-140 { width: 140px; } nav .lg-gap-x-10 { gap: 10px; } nav .lg-p-0 { padding: 0 !important; } nav .lg-gap-x-20 { gap: 20px; } nav .nav-menu .menu_items { font-family: 'open-sans', sans-serif; } nav.sticky-header { border: none; } nav #black-menu, nav .contact_nums { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav #black-menu, nav #black-menu li { font-size: 0.813rem !important; line-height: 1.5 !important; } nav .menu_items .menu-container { overflow: hidden; height: auto; } nav .social_icons img, nav #black-menu .account_menu .shop-preheader { vertical-align: middle; } nav .contact-num:not(:last-child) span { line-height: normal; } nav .icons.menu-btn { display: none; } nav .overlayMenuItems.active { display: none; } nav .bio-icon { height: 47px; width: auto; } nav .nav-menu { gap: 20px; } nav.sticky-header #black-menu { display: flex; } nav .nav-menu .menu_items { position: unset; /* display: flex; */ left: unset; -webkit-box-shadow: unset; box-shadow: unset; /* height: auto; */ height: 100%; width: auto; background: transparent; /* width: auto; */ } nav .menu_items .menu-container { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; height: 90px; cursor: default; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav .menu_items .menu-image { display: none; } nav .icon-plus { position: relative; } nav .sub-menu, nav .sub-menu-item { display: none; } nav .menu_items a { font-weight: 400; -webkit-transition: all 0.4s ease ; -o-transition: all 0.4s ease ; transition: all 0.4s ease ; padding: 4px 0; position: relative; } nav .menu_items a.img_uns { width: 70px; } nav .menu_items a:not(.cta-sub-menu-btn):hover, .fb-user-wrapper-guest>a>span>span:hover { color: #fe9400; } nav .img_uns, nav .img_fys { pointer-events: none; cursor:default; } nav .social_icons img, nav .filter-bio { width: 20px; height: 20px; } nav .icon-plus { display: none; } nav .nav-menu { height: 90px; position: relative; } nav .dropdown-icon { display: inline-block; } nav .menu_items a.shop-link { background-color: #fe9400; color: #000; border-radius: 50px; font-weight: 400; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 10px 19px; text-transform: capitalize; border: 2px solid rgba(255, 255, 255, 0); position: relative; } nav .shop-link:hover { /* border-color: #fe9400 !important; */ /* background-color: #000 !important; */ color: #000 !important; } nav .sub-menu.sub-menu-shop, nav .sub-menu{ /* display: block; */ display: none; position: absolute; background: #f8f8f8; opacity: 1; z-index: 99999; height: auto; width: 100%; left: 0; top: 100%; border-top: 1px solid #e5e5e5; } nav .shop-link:hover + .sub-menu-shop, nav .sub-menu-shop:hover, nav .menu_items a:not(.cta-sub-menu-btn):hover + .sub-menu, nav .sub-menu:hover{ display: block; /* Display the submenu when the link is hovered or the submenu itself is hovered */ } nav .menu_items a.shop-link::after, nav .menu_items a.cta-menu-btn::after{ content: ''; position: absolute; /* height: 70px; */ top: 0; left: 0; width: 100%; } nav .sub-menu-shop .sub-menu-item { display: block; opacity: 1; padding: 0; height: auto; } nav .sub-menu-item a { padding-left: 0; } nav .sub-menu a:not(.cta-sub-menu-btn):hover { padding-left: 10px; border-left: 5px solid #fe9400; color: #fe9400; } nav .sub-menu-item a:focus, nav .shop-contents a:focus { outline: none; border: 2px solid #000; padding-left: 10px; color: #fe9400; outline-offset: 0; } nav .sub-menu a:not(.cta-sub-menu-btn):hover img { color: #fe9400; } nav .link-image { padding: 0; } nav .link-image:hover { padding-left: 0 !important; border-left: none !important; color: transparent !important; } nav .icon { margin-top: -2px; display: inline; } nav .menu_items a.cta-sub-menu-btn { font-size: 0.875rem; font-weight: 700; padding: 8px 0 8px; margin-top: 0.5em; line-height: 1.2; text-decoration: underline; letter-spacing: 0; } nav .sub-menu .lg-container{ max-width: 1200px; margin: 0 auto; padding: 1em 0; } nav .shop-contents { padding-right: 20px; width: 250px; } nav .shop-contents.stacks{ width: 310px; } nav .shop-contents.brain{ width: 230px; } /* nav .sub-menu .shop-contents a.cta-sub-menu-btn:first-child { margin-top: 0; } */ nav .shop-contents:last-child{ width: 450px; border-left: 5px solid #e5e5e5; padding-left: 25px; } nav .shop-contents img { width: 100%; margin-top: 0; } nav .stack-image { margin-top: 6px; margin-bottom: 6px; } nav .shop-contents .recommended-image .cta-sub-menu-btn{ padding: 0; margin: 0; } nav .shop-contents.resources-content { border-left: 5px solid #e5e5e5; padding-left: 25px; /* padding: 1rem 1.2rem; */ } nav .shop-contents.resources-content:nth-child(3) { width: 374px; } nav .shop-contents.resources-content:nth-child(2) { width: 369px; } nav .about-us .shop-contents p{ margin-bottom: 14px; line-height: 1.2rem; font-size: 0.875rem !important; } nav .about-us .shop-contents { min-width: 250px; } nav .about-us .shop-contents:nth-child(2) { width: auto; } nav .about-us .shop-contents p a { display: inline-block; color: #fe9400; font-weight: 400; font-size: 0.875rem; padding: 0; } nav .about-us .shop-contents p a:hover { text-decoration: underline; } nav .about-us .shop-contents img { float: right; max-width: 200px; margin-left: 25px; } nav .featured { border-radius: 5px; background-color: #fe9400 ; color: #000; padding:4px 10px 4px 10px; font-size: 0.75rem; display: inline; } nav .blog img { height: 150px; width: 351px; border-radius: 5px; -o-object-fit: cover; object-fit: cover; } nav .menu_items a.identifying { color: #000; opacity: 0.8; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; font-size: 1.25rem; line-height: 1.2; margin-top: 0.2rem; } nav .blog .shop-contents:nth-child(2), nav .blog .shop-contents:nth-child(3) { /* border: red 1px solid; */ margin-top: 15px; } nav .nav-menu .menu_items .fb-user-menu-mobile { display: none; } nav .shop-contents .fb-user-wrapper-customer, nav .shop-contents .fb-user-wrapper-guest, nav .menu_items .fb-user-wrapper-customer, nav .menu_items .fb-user-wrapper-guest { margin-bottom: -6px; } nav .search-icon { width: 1.188rem; height: 1.188rem; } nav #search-input { letter-spacing: 0.28px; color: #4d4d4d; width: 100%; border: none; outline: none; font-size: 0.875rem; } .search-mobile{ display: none; } } @media screen and (min-width: 1280px) { nav .xl-block { display: block !important; } nav .menu_items .menu-container { width: 618px; } nav .lg-order-5 { margin-left: 90px; } } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; } /* #search-bar { display: block; } */ /* Nav Style End Here */</style><!-- crp styles begin --><style>.fb-user-menu-main { padding-top: 0; padding-bottom: 0; /* margin-left: 10px; */}.fb-user-menu-mobile { margin-left: 15px; margin-right: -15px;}.fb-user-wrapper-customer>a,.fb-user-wrapper-guest>a { display: flex !important; justify-content: center; align-items: center;color: #000; padding-right: 0 !important; white-space: nowrap; font-family: 'lato', sans-serif !important;}.fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a { flex-direction: column;}.fb-user-wrapper-guest>a>img { height: 24px ; margin-left: 6px;}.fb-user-wrapper-guest>a>span { text-align: center;}.fb-user-wrapper-guest>a>span>span { display: block; font-size: 0.688rem; line-height: 120%; font-weight: 700; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}.fb-user-wrapper-customer>a:hover,.fb-user-wrapper-guest>a:hover { color: #fe9400 !important;}.fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a>img { height: 40px; width: 40px;}.fb-user-wrapper-customer.fb-user-wrapper-has-points>a>img { /*height: 24px !important;*/ /*margin-right: 6px;*/ filter: invert(35%) sepia(77%) saturate(650%) hue-rotate(36deg) brightness(91%) contrast(101%);}.fb-user-wrapper-customer>a>span { text-align: right; line-height: 1;}.fb-user-wrapper-customer.fb-user-wrapper-has-no-points>a>span>span { display: block; margin-top: -6px; font-size: 0.75rem; font-weight: 700;}.fb-user-wrapper-customer.fb-user-wrapper-has-points>a>span>span { display: block; font-size: 8px;}.fb-user-wrapper-customer>a>span>span:nth-child(2) { font-size: 20px; font-weight: 700; color: #537000;} nav .nav-menu .menu_items .icon-user-nav { margin-left: 0; margin-right: 5px; height: 15px !important; width: auto;} nav .nav-menu .menu_items .fb-user-menu-mobile { margin-top: 40%; margin-left: 0; margin-right: 0;} nav .nav-menu .menu_items .fb-user-menu-mobile a{ justify-content: start;} nav .nav-menu .menu_items a>span { font-size: 0.875rem; } nav .nav-menu .menu_items .fb-user-wrapper-customer a{ color: #99A800;} @media screen and (max-width: 992px) { .mobile_shop_btn { margin-top: 10px; display: flex !important; align-items: center; font-size: 0.875rem; background: url('https://static-v1.cdn-bio.com/assets/icons/2024/dkgreen-arrow-right.svg') no-repeat 94% center #fe9400; margin-top: 5px; color: #fff !important; text-align: center; border-radius: 100px; height: 44px; box-sizing: border-box; justify-content: center; } } @media screen and (max-width: 376px) { nav .nav-menu { gap: 15px; }} @media screen and (max-width: 992px) { .skip-to-content { display: none; height: 0; }} /* Add this to your existing styles */.skip-to-content { position: absolute; top: 5px; cursor: context-menu; opacity: 0; left: 20px; font-size: 0.875rem; z-index: 99992; background: #fff; color: #0b3c0b; padding: 7px 18px; top: 60%; border-radius: 4px; font-weight: normal; transform: translateY(-50%); transition: left 0.3s ease;} .skip-to-content:focus { outline: none; /* Removes default outline (optional, use with caution) */ opacity: 1; border: 2px solid #FE9400; cursor: pointer; /* left: 50%; transform: translateX(-50%); */} </style><!-- crp styles end --><!-- search style start here --><style> #search-results { display: none; background-color: #fff; width: 100%; /* display: flex; */ flex-direction: column; justify-content: center; position: fixed; top: 0; z-index: 99993; left: 0; height: 100dvh; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); padding: 20px; /* z-index: 9999999; */ } #search-input-results { color: #000; text-align: center; width: 100%; border: none; font-size: 1.25rem; outline: none; font-family: 'Lato', sans-serif; padding: 10px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E5; } #search-input-results::placeholder { color: #A5A5A5; } .search-wrapper { position: relative; display: flex; align-items: center; } #clear-search { position: absolute; right: 10px; top: 16px; background: none; border: none; cursor: pointer; font-size: 16px; color: #A5A5A5; } .search-close-button { position: absolute; top: 20px; right: 20px; background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; z-index: 99993; } .search-close-button img { width: 24px; height: 24px; } .search-close-button:hover { opacity: 0.8; } #search-submit { border-radius: 5px; background: #7D7A61; color: #fff; outline: none; border: none; width: 150px; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 7px 20px; font-size: 1.25rem; font-weight: 400; cursor: pointer; } @media screen and (min-width: 992px) { .search-button { display: flex !important; align-items: center; gap: 11px; font-weight: 400; font-size: 0.875rem; color: #4d4d4d !important; letter-spacing: 0.28px; } #search-input-results{ max-width: 600px; margin: auto; } #search-product-container, .search-wrapper{ width: 600px; margin-left: auto; margin-right: auto; } #clear-search { top: 33px; } #search-input-results { font-size: 2.125rem; } #search-submit { padding: 15px 0; margin-top: 30px; } }</style> <header><div class="content-search"> <div id="search-results" style="display: none;"> <button role="button" tabindex="1" class="search-close-button" aria-label="Close search"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"> <path d="M25.8389 8.83881L8.1612 26.5165" stroke="black" stroke-linecap="round"/> <path d="M25.8389 26.5165L8.1612 8.83881" stroke="black" stroke-linecap="round"/> </svg> </button> <div class="search-wrapper"> <label for="search-input-results" class="sr-only">Search for a product:</label> <input id="search-input-results" placeholder="What product are you looking for?"> <button id="clear-search" style="display: none;"> <img src="https://fb-v1.cdn-bio.com/assets/clear-button-cde432b652059839f042949b8cd7fc73.svg" alt="clear-search"> </button> </div> <button id="search-submit">Search</button> </div></div> <!-- search style end here --><nav id="bio-header"><div class="nav-container relative"> <script src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js" data-skipto="colorTheme:aria; displayOption:popup; containerElement:div" type="11436d8dad55fa6bbd28dbf2-text/javascript"></script> <a aria-hidden="true" name="top"></a> <div id="black-menu"> <div class="flex gap-x-5 justify-center align-center"> <!-- <ul class="account_menu flex gap-x-5 uppercase"> <li> <a class="shop-preheader" header_source="account" href="https://bioptimizers.com/account/">My Account</a> </li> <li> <a class="shop-preheader" header_source="logout" href="https://bioptimizers.com/account/" class="logout-link">Logout</a> </li> </ul> --> </div> <ul class="contact_nums"> <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"> <img alt="Headphone" class="filter-bio" src="https://static-v1.cdn-bio.com/assets/icons/icn-headphone.svg" width="17" height="17"> <div style="color: #C2D500;">1-800-719-BIOP (1-800-719-2467)</div> </li> <li class="contact-num"> <a href="/cdn-cgi/l/email-protection#a6d5d3d6d6c9d4d2e6c4cfc9d6d2cfcbcfdcc3d4d588c5c9cb" header_source="mail" class="shop-preheader flex gap-x-5 align-center justify-center" target="_blank" aria-label="Email support at support@bioptimizers.com"> <img alt="Mail" class="filter-bio" src="https://static-v1.cdn-bio.com/assets/icons/icn-mail.svg" width="17" height="17"> <span><span class="__cf_email__" data-cfemail="55262025253a272115373c3a25213c383c2f3027267b363a38">[email protected]</span></span> </a> </li> </ul> </div> <div class="overlayMenuItems"></div> <div class="nav-menu flex align-center justify-center gap-x-15"> <a role="button" class="icons menu-btn" aria-label="Toggle navigation menu"> <img src="https://static-v1.cdn-bio.com/assets/icons/icn-burger.svg" width="22" height="16" alt="icon-hamburger"> </a> <a href="https://bioptimizers.com/" aria-label="BIOptimizers Home"> <img src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=56/assets/logo/bioptimizers-leaf-logo.svg" class="bio-icon-mobile lg-none" alt="BIOptimizers Logo Mobile"> <img src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=220/assets/logo/bioptimizers-logo-with-tagline.svg" class="sm-none lg-block" alt="BIOptimizers Logo Desktop"> </a> <div class="spacer"></div> <div class="search-mobile"> <a role="button" class="search-button"> <img src="https://fb-v1.cdn-bio.com/assets/search-icon-d4f2ad685582be96be206e395e1e54dc.svg" class="search-icon search-icon-mobile" alt="search-icon"> </a> </div> <div class="menu_items"> <div class="menu-container"> <div class="flex align-center lg-order-2 float-logo lg-none xl-block"> <a type="button" class="close-btn lg-none" role="button" aria-label="Close navigation menu"> <img src="https://static-v1.cdn-bio.com/assets/icons/icn-close.svg" alt="icon-close"> </a> <a href="https://bioptimizers.com/" class="lg-none" aria-label="Return to BIOptimizers home page"> <img src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=220/assets/logo/bioptimizers-logo-with-tagline.svg" class="bio-icon bio-icon-mobile" alt="Optimizing Health Since 2004"> </a> </div> <div class="lg-none"> <a href="https://bioptimizers.com/biobucks" class="img_uns lg-order-3 lg-w-140 fb-user-wrapper-customer" target="_blank" tabindex="0"> <picture> <img loading="lazy" width="220" height="137" class="menu-image" alt="Earn and redeem BIOBucks rewards" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/img-BIObucks-sm-v2.webp"> </picture> <span class="sr-only">Learn more about BIOBucks rewards</span> </a> <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"> <picture> <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"> <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" /> </picture> <span class="sr-only">Learn more about The Ultimate Nutrition System</span> </a> <a href="https://bioptimizers.com/shop/stacks" class="img_fys lg-order-4 lg-w-140 lg-none xl-block" target="_blank"> <picture> <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"> <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" /> </picture> <span class="sr-only">Find your stack today</span> </a> </div> <div class="lg-p-10 lg-order-1 lg-flex lg-gap-x-20 lg-items-center"> <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> <div class="sub-menu sub-menu-shop"> <a href="https://bioptimizers.com/shop" class="all-products lg-none">All Product </a> <div class="lg-flex lg-container"> <div class="shop-contents"> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/berberine-breakthrough" aria-label="Shop Berberine Breakthrough">Berberine Breakthrough</a> <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough" aria-label="Shop Magnesium Breakthrough">Magnesium Breakthrough</a> <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough-drink" aria-label="Shop Magnesium Breakthrough Drink">Magnesium Breakthrough Drink</a> <a href="https://bioptimizers.com/shop/products/protein-breakthrough" aria-label="Shop Protein Breakthrough - Chocolate">Protein Breakthrough - Chocolate</a> <!-- <a href="https://bioptimizers.com/shop/products/protein-breakthrough-berry">Protein Breakthrough - Berry</a> --> <a href="https://bioptimizers.com/shop/products/stress-guardian" aria-label="Shop Stress Guardian">Stress Guardian</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/microbiome-breakthrough" aria-label="Shop Microbiome Breakthrough®">Microbiome Breakthrough®</a> <a href="https://bioptimizers.com/shop/products/probiotic-breakthrough" aria-label="Shop Probiotic Breakthrough">Probiotic Breakthrough</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/sleep-breakthrough" aria-label="Shop Sleep Breakthrough Capsule">Sleep Breakthrough</a> <a href="https://bioptimizers.com/shop/products/sleep-breakthrough-drink" aria-label="Shop Sleep Breakthrough Drink">Sleep Breakthrough Drink</a> </div> </div> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-bible" aria-label="Shop Ultimate Nutrition Bible">Ultimate Nutrition Bible</a> <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-course" aria-label="Shop Ultimate Nutrition Course">Ultimate Nutrition Course</a> </div> </div> <div class="shop-contents brain"> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/cognibiotics" aria-label="Shop Cognibiotics">Cognibiotics</a> <a href="https://bioptimizers.com/shop/products/mushroom-breakthrough" aria-label="Shop Mushroom Breakthrough">Mushroom Breakthrough</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/gluten-guardian" aria-label="Shop Gluten Guardian">Gluten Guardian</a> <a href="https://bioptimizers.com/shop/products/hcl-breakthrough" aria-label="Shop HCL Breakthrough">HCL Breakthrough</a> <a href="https://bioptimizers.com/shop/products/masszymes" aria-label="Shop MassZymes">MassZymes</a> <a href="https://bioptimizers.com/shop/products/vegzymes" aria-label="Shop Vegzymes">Vegzymes</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/cycle-care" aria-label="Shop Cycle Care">Cycle Care</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/kapex" aria-label="Shop kApex">kApex</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/herbal-power-flush" aria-label="Shop Herbal Power Flush">Herbal Power Flush</a> <a href="https://bioptimizers.com/shop/products/herbal-parasite-guardian" aria-label="Shop Parasite Guardian">Para Guardian</a> </div> </div> </div> <div class="shop-contents stacks"> <div class="by-order"> <a href="https://bioptimizers.com/shop/" class="icon-plus-image cta-sub-menu-btn shop-link-prevent" aria-label="View Stacks Collection">Stacks</a> <div class="sub-menu-item"> <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> <a href="https://bioptimizers.com/shop/products/bioptimized-brain-bundle" aria-label="Shop BIOptimized Brain Bundle">BIOptimized Brain Bundle</a> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" aria-label="Shop BIOptimized Digestive Health Stack">BIOptimized Digestive Health Stack</a> <a href="https://bioptimizers.com/shop/products/breakthrough-sleep-stack" aria-label="Shop Breakthrough Sleep Stack">Breakthrough Sleep Stack</a> <a href="https://bioptimizers.com/shop/products/cheat-meal-stack" aria-label="Shop Cheat Meal Stack">Cheat Meal Stack</a> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" aria-label="Shop Keto/Paleo Diet Stack">Keto/Paleo Diet Stack</a> <a href="https://bioptimizers.com/shop/products/perfect-meal" aria-label="Shop The Perfect Meal Stack">The Perfect Meal Stack</a> <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> <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> <a href="https://bioptimizers.com/shop/products/ultimate-biological-optimization-system" aria-label="Shop Ultimate BIOlogical Optimization System">Ultimate BIOlogical Optimization System</a> </div> </div> <div class="by-order"> <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> <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/travel-protection-stack" aria-label="Shop Travel Protection Stack">Travel Protection Stack</a> </div> </div> <div class="by-order"> <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> </div> <!-- <div class="sub-menu-item"> <a href="https://bioptimizers.com/shop/products/gift-cards">Gift Cards</a> </div> --> </div> <div class="shop-contents"> <div class="sm-none lg-block"> <a href="https://bioptimizers.com/biobucks" class="link-image lg-p-0" target="_blank"> <picture role="img" aria-label="Ultimate Nutrition System Menu - Click to learn more"> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/img-BIObucks-sm-v2.webp" type="image/webp"> <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"> </picture> </a> </div> <div class="sm-none lg-block"> <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" class="link-image lg-p-0" target="_blank"> <picture role="img" aria-label="Ultimate Nutrition System Menu - Click to learn more"> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/2023/the-ultimate-nutrition-system-menu.webp" type="image/webp"> <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"> </picture> </a> </div> <a href="https://bioptimizers.com/shop/stacks" class="link-image sm-none lg-block" target="_blank"> <picture> <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"> <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"> </picture> </a> <a href="https://bioptimizers.com/shop" class="sm-none lg-block lg-font-bold lg-underline" aria-label="Shop All Products">Shop All Products <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="currentColor"> <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"/> </svg> </a> <a href="https://bioptimizers.com/shop/products/gift-cards" class="lg-none" aria-label="Shop Gift Cards">Gift Cards </a> <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> </div> </div> </div> <div id="search-bar"> <a role="button" class="search-button"> <img src="https://fb-v1.cdn-bio.com/assets/search-icon-d4f2ad685582be96be206e395e1e54dc.svg" class="search-icon " alt="search-icon"> Search Products </a> </div> </div> <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> <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> <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> <div class="lg-p-10 lg-order-5"> <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> <div class="sub-menu blog"> <div class="lg-flex lg-container"> <div class="shop-contents"> <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> <a href="https://bioptimizers.com/blog/category/biohacking/" aria-label="View BIOHacking">BIOHacking</a> <a href="https://bioptimizers.com/blog/category/bioptimized-woman/" aria-label="View BIOptimized Woman">BIOptimized Woman</a> <a href="https://bioptimizers.com/blog/category/brain/" aria-label="View Brain">Brain</a> <a href="https://bioptimizers.com/blog/category/deep-sleep/" aria-label="View Deep Sleep">Deep Sleep</a> </div> <div class="shop-contents"> <a href="https://bioptimizers.com/blog/category/fitness/" aria-label="View Fitness">Fitness</a> <a href="https://bioptimizers.com/blog/category/health/" aria-label="View Health">Health</a> <a href="https://bioptimizers.com/blog/category/healthy-recipes/" aria-label="View Healthy Recipes">Healthy Recipes</a> <a href="https://bioptimizers.com/blog/category/improved-digestion/" aria-label="View Improved Digestion">Improved Digestion</a> </div> <div class="shop-contents"> <a href="https://bioptimizers.com/blog/category/nutrition/" aria-label="View Nutrition">Nutrition</a> <a href="https://bioptimizers.com/blog/category/uncategorized/" aria-label="View Uncategorized">Uncategorized</a> </div> <div class="shop-contents sm-none lg-block"> <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"> <picture> <source media="(min-width: 992px)" srcset="https://bioptimizers.com/blog/wp-content/uploads/bb-plugin/cache/Optimized-GettyImages-1054282608-landscape.jpg" type="image/jpg"> <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="magnesium-supplement"> </picture> </a> <div class="featured">Featured</div> <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> </div> </div> </div> </div> <div class="lg-p-10 lg-order-6"> <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> <div class="sub-menu"> <div class="lg-flex lg-container justify-center"> <div class="shop-contents"> <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> <a href="https://bioptimizers.com/awesome-health-podcast/" aria-label="View Awesome Health Podcast">Awesome Health Podcast </a> <a href="https://bioptimizers.com/external-podcasts" aria-label="View Media And Appearances">Media And Appearances </a> <a href="https://bioptimizers.com/blog" aria-label="View Blog">Blog </a> <a href="https://bioptimizers.com/wade/" aria-label="View Hire Wade to Speak">Hire Wade to Speak </a> </div> <div class="shop-contents resources-content sm-none lg-block"> <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> <div class="lg-flex lg-gap-x-10 recommended-image" > <a href="https://puralityhealth.com/" class="cta-sub-menu-btn" target="_blank" aria-label="View Purality Health"> <picture> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-recommended-1.webp" type="image/webp"> <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="header-recommended-1"> </picture> </a> <a href="https://truedark.com/" class="cta-sub-menu-btn" target="_blank" aria-label="View True Dark"> <picture> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-recommended-2.webp" type="image/webp"> <img src="https://fb-v1.cdn-bio.com/assets/afa8-eb68-07db-43d9_dummy-210d61eb75560be58b834e9a78b44098.webp" alt="header-recommended-2"> </picture> </a> </div> </div> <div class="shop-contents resources-content sm-none lg-block"> <a href="https://bioptimizers.com/awesome-health-podcast/" class="cta-sub-menu-btn" target="_blank" aria-label="View Awesome Health Podcast"> <picture> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/additional-assets/header-img-ahp.webp" type="image/webp"> <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"> </picture> </a> </div> </div> </div> </div> <div class="lg-p-10 lg-order-7"> <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> <div class="sub-menu"> <div class="lg-flex lg-container about-us"> <div class="shop-contents"> <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> <a href="https://bioptimizers.com/about-us/" aria-label="View Our Story">Our Story </a> <a href="https://bioptimizers.com/meet-team/" aria-label="View Meet the Team">Meet the Team </a> <a href="https://bioptimizers.com/join-the-biofamily" aria-label="View Careers">Careers </a> <a href="https://bioptimizers.com/scholarship/" aria-label="View Scholarship">Scholarship </a> </div> <div class="shop-contents sm-none lg-block"> <picture> <source media="(min-width: 992px)" srcset="https://static-v1.cdn-bio.com/bio-shop/2023/menu-logo.svg" type="image/webp"> <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"> </picture> <p>Why BIOptimizers Is A Different Kind Of Company</p> <p class="italic">BIOptimizers Was Born From Pain And Passion</p> <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> </div> </div> </div> </div> <div class="shopbtn_placeholder"> <a class="mobile_shop_btn" href="https://bioptimizers.com/shop" aria-label="View Shop Now"> <span>SHOP NOW</span> </a> </div> <div class="fb-user-menu-mobile fb-user-wrapper-guest"> <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"> <img src="https://static-v1.cdn-bio.com/assets/icons/icn-user.svg" class="icon-user-nav" alt="icon-user"> <span class="lg-font-bold">Sign-Up / Log-In</span> </a> </div> <div class="fb-user-menu-mobile fb-user-wrapper-customer"> <a href="https://bioptimizers.com/account/auth/logout" aria-label="Log out of your account"> <span class="lg-font-bold">Log Out</span> </a> </div> </div> </div> <div class="fb-user-menu-main fb-user-wrapper-guest"> <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"> <span><span>Sign-Up</span><span>Log-In</span></span> <img src="https://static-v1.cdn-bio.com/assets/icons/icn-user.svg" alt="icon-user-login"> </a> </div> <div class="fb-user-menu-main fb-user-wrapper-customer fb-user-wrapper-has-no-points"> <a href="https://bioptimizers.com/account/auth/profile?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="View Your Profile"> <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"> <span><span>Hi, </span></span> </a> </div> <div class="fb-user-menu-main fb-user-wrapper-customer fb-user-wrapper-has-points"> <a href="https://bioptimizers.com/account/auth/profile?return_url=https%3A%2F%2Fbioptimizers.com" aria-label="View Your Profile"> <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"> <span><span>You have</span><span>$0.00</span><span>BIObucks</span></span> </a> </div> <div class="lg-p-10 relative"> <a href="https://bioptimizers.com/shop/cart" class="cart-new-btn" aria-label="View shopping cart"> <img src="https://static-v1.cdn-bio.com/assets/icons/icn-cart.svg" class="icon-cart-image" alt="Shopping cart icon"> <span class="qsc-btn__badge js-fb-shop-label-cart-item-counter">0</span> </a> </div> </div></div></nav></header> <!-- Nav script start here --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="11436d8dad55fa6bbd28dbf2-text/javascript"> const headerScript = { variables: { iconImage: document.querySelectorAll(".icon-plus-image"), ctaMenuButton: document.querySelectorAll(".cta-menu-btn"), ctaSubMenuButton: document.querySelectorAll(".cta-sub-menu-btn"), ctaSubMenuItemButton: document.querySelectorAll(".cta-sub-menu-item"), menu: { menuButton: document.querySelector(".menu-btn"), menuItems: document.querySelector(".menu_items"), closeMenuItems: document.querySelector(".overlayMenuItems"), closeButton: document.querySelector(".close-btn"), floatLogo: document.querySelector(".float-logo"), menuContainer: document.querySelector(".menu-container") }, counters: document.querySelectorAll(".qsc-btn__badge"), observer: null, shopLinkPrevent: document.querySelectorAll(".shop-link-prevent"), activeElement: null, focusableElements: null }, // Initialization function init() { this.headerFunction(); this.addImageFunction(); this.toggleButton(); this.stickyFunction(); this.createObserver(); this.handleCounterChange(); this.bioHeaderFunction(); this.preventLinkFunction(); this.setupKeyboardNavigation(); this.setupSkipToContent(); }, toggleButton() { // Function to toggle the "active" class on an element and its next sibling const toggleActiveClass = (element, active) => { // Check if the element has a parent element const parentElement = element?.parentElement; if (!parentElement) { return; // Exit the function if no parent element } const activeElements = parentElement.querySelectorAll(".active"); if (active) { element.classList.add("active"); element.nextElementSibling?.classList.add("active"); // Adds active class to the next sibling if it exists } else { element.classList.remove("active"); element.nextElementSibling?.classList.remove("active"); activeElements.forEach(activeElement => { activeElement.classList.remove("active"); }); } } // Function to add click event to a set of buttons const addClickEvent = (buttons) => { buttons.forEach(button => { button.addEventListener("click", elem => { // Check if the clicked button is already ACTIVE const isAlreadyActive = elem.currentTarget.classList.contains("active"); // console.log(elem.currentTarget) // Remove ACTIVE class from all buttons buttons.forEach(btn => toggleActiveClass (btn, false)); // Add ACTIVE class to the clicked button and its submenu if it wasn't active already toggleActiveClass(elem.currentTarget, !isAlreadyActive); }) }) } // Add Click event to main menu button addClickEvent(this.variables.ctaMenuButton); // Add Click event to submenu button addClickEvent(this.variables.ctaSubMenuButton); }, addImageFunction() { // Function to clone an image and append it to a given parent element const cloneAndAppendImage = (parentElement) => { // Create a new image element const img = document.createElement("img") // Set image properties img.src = "https://static-v1.cdn-bio.com/assets/icons/icn-rotate.svg"; img.className = "icon-plus"; img.alt = "icon-plus"; // Clone the image and append it to the parent element const clonedImage = img.cloneNode(true); parentElement.appendChild(clonedImage) } // Loop through each element in the 'iconImage' array for(const appendImage of this.variables.iconImage) { // Check if the element exists before performing the action if(appendImage) { // Call the function to clone and append the image cloneAndAppendImage(appendImage) } } }, headerFunction() { // object destructuring or destructuring assignment const { menu } = this.variables; const toggleMenu = () => { menu.menuItems.classList.toggle("active"); menu.closeMenuItems.classList.toggle("active"); document.body.style.overflow = "hidden" }; const closeMenu = () => { menu.menuItems.classList.remove("active"); menu.closeMenuItems.classList.remove("active"); document.body.style.overflow = "" }; menu.menuButton.addEventListener("click", toggleMenu); menu.closeButton.addEventListener("click", closeMenu); menu.closeMenuItems.addEventListener("click", closeMenu); }, stickyFunction() { const { menu } = this.variables; menu.menuContainer.addEventListener("scroll", function() { // Check if the menu-container is scrolled if(menu.menuContainer.scrollTop > 0) { // Add the nav-mobile-sticky class to the float-logo menu.floatLogo.classList.add("nav-mobile-sticky"); } else { // Remove the nav-mobile-sticky class from the float-logo menu.floatLogo.classList.remove("nav-mobile-sticky"); } }) }, createObserver() { this.variables.observer = new MutationObserver(this.handleCounterChange.bind(this)); this.variables.counters.forEach(counter => { this.variables.observer.observe(counter, { childList: true, subtree: true }); }); }, handleCounterChange() { this.variables.counters.forEach(counter => { counter.style.opacity = (!counter.textContent || counter.textContent === "0") ? "0" : "1" }) }, bioHeaderFunction() { window.onload = function() { const header = document.querySelector('#bio-header'); onScroll = () => { var scrolledPage = Math.round(window.pageYOffset); if (scrolledPage > 200) { header.classList.add('sticky-header'); } else { header.classList.remove('sticky-header'); } } document.addEventListener('scroll', onScroll); } }, preventLinkFunction() { const preventNavigation = (event) => { // Check if the screen width is at least 992 pixels if (window.innerWidth <= 992) { // Prevent the default link navigation behavior event.preventDefault(); } } this.variables.shopLinkPrevent.forEach(shopPrevent => { shopPrevent.addEventListener('click', preventNavigation) }) }, // Add keyboard navigation functionality setupKeyboardNavigation() { // Make sure all interactive elements have appropriate attributes this.setupAccessibilityAttributes(); // Add keyboard event listeners for the entire document document.addEventListener('keydown', this.handleKeyboardNavigation.bind(this)); // Add focus/blur handlers to mimic hover behavior for keyboard users this.addFocusHandlers(); }, setupAccessibilityAttributes() { // 1) All submenus const submenus = document.querySelectorAll('.sub-menu, .sub-menu-shop, .sub-menu-item'); submenus.forEach(submenu => { submenu.setAttribute('role','menu'); const isActive = submenu.classList.contains('active'); // hide/show state submenu.setAttribute('aria-hidden', isActive ? 'false' : 'true'); // set tabindex on every link/button inside submenu.querySelectorAll('a, button').forEach(el => { el.tabIndex = isActive ? 0 : -1; }); }); // 2) Other ARIA setup you already had… const menuItems = document.querySelectorAll('.menu_items a, .icons.menu-btn, .close-btn'); menuItems.forEach(item => { if (!item.hasAttribute('tabindex')) item.setAttribute('tabindex','0'); if (item.classList.contains('cta-menu-btn')) { item.setAttribute('role','button'); item.setAttribute('aria-haspopup','true'); item.setAttribute('aria-expanded','false'); } }); }, handleKeyboardNavigation(event) { const key = event.key; // Handle Escape key to close menus if (key === 'Escape') { event.preventDefault(); this.closeAllMenus(); return; } // Handle Enter or Space to activate menu items if (key === 'Enter' || key === ' ') { const activeElement = document.activeElement; if (activeElement && activeElement.classList.contains('cta-menu-btn')) { // Check if the element has an href attribute if (activeElement.hasAttribute('href')) { // Allow navigation for elements with href return; } // Only prevent default for elements without href event.preventDefault(); this.toggleSubmenu(activeElement); } } // Handle arrow keys for navigation within submenus if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) { const activeElement = document.activeElement; if (activeElement && activeElement.closest('.menu_items')) { event.preventDefault(); this.handleArrowNavigation(key, activeElement); } } }, toggleSubmenu(element) { const submenu = element.nextElementSibling; if ( !submenu || !(submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-item')) ) return; const isActive = submenu.classList.contains('active'); if (isActive) { // → CLOSING submenu.classList.remove('active'); element.classList.remove('active'); element.setAttribute('aria-expanded','false'); submenu.setAttribute('aria-hidden','true'); // Remove from tab order submenu.querySelectorAll('a, button').forEach(el => el.tabIndex = -1); if (window.innerWidth >= 992) submenu.style.display = ''; } else { // → OPENING this.closeAllMenus(); submenu.classList.add('active'); element.classList.add('active'); element.setAttribute('aria-expanded','true'); submenu.setAttribute('aria-hidden','false'); // Restore to tab order submenu.querySelectorAll('a, button').forEach(el => el.tabIndex = 0); if (window.innerWidth >= 992) submenu.style.display = 'block'; // Move keyboard focus into the menu const first = submenu.querySelector('a, button'); if (first) first.focus(); } }, handleArrowNavigation(key, element) { const menu = element.closest('.menu_items, .sub-menu'); if (!menu) return; // Find the current submenu or get the parent submenu if in a nested item const currentSubmenu = element.closest('.sub-menu') || element.nextElementSibling; if (!currentSubmenu) return; // Find all focusable items in the current submenu const allFocusableItems = Array.from(currentSubmenu.querySelectorAll('a:not(.link-image), button:not(.link-image)')) .filter(item => { // Only include visible items and exclude certain classes const style = window.getComputedStyle(item); return style.display !== 'none' && !item.classList.contains('link-image') && !item.closest('.lg-none'); // Exclude mobile-only items }); // If we're on a main menu button (Shop, Blog, Resources, About Us) const isMainMenuButton = element.classList.contains('cta-menu-btn'); if (isMainMenuButton && key === 'ArrowDown') { // Focus the first item in the submenu if (allFocusableItems.length > 0) { allFocusableItems[0].focus(); return; } } const currentIndex = allFocusableItems.indexOf(element); let nextIndex; // Handle vertical navigation if (key === 'ArrowDown') { // Move to first item if we're at the last item, otherwise move to next item nextIndex = currentIndex === allFocusableItems.length - 1 ? 0 : currentIndex + 1; } else if (key === 'ArrowUp') { if (currentIndex === 0) { // If at first item, move focus back to the menu button const menuButton = currentSubmenu.previousElementSibling; if (menuButton && menuButton.classList.contains('cta-menu-btn')) { menuButton.focus(); return; } // If no menu button found, go to last item nextIndex = allFocusableItems.length - 1; } else { // Otherwise move to previous item nextIndex = currentIndex - 1; } } // Handle horizontal navigation else if (key === 'ArrowRight') { // Try to find a submenu in the current section const currentSection = element.closest('.shop-contents, .resources-content'); if (currentSection) { const nextSection = currentSection.nextElementSibling; if (nextSection && (nextSection.classList.contains('shop-contents') || nextSection.classList.contains('resources-content'))) { const firstItem = nextSection.querySelector('a:not(.link-image)'); if (firstItem) { firstItem.focus(); return; } } } // If no next section, move to next item nextIndex = (currentIndex + 1) % allFocusableItems.length; } else if (key === 'ArrowLeft') { // Try to move to previous section const currentSection = element.closest('.shop-contents, .resources-content'); if (currentSection) { const prevSection = currentSection.previousElementSibling; if (prevSection && (prevSection.classList.contains('shop-contents') || prevSection.classList.contains('resources-content'))) { const firstItem = prevSection.querySelector('a:not(.link-image)'); if (firstItem) { firstItem.focus(); return; } } } // If can't move to previous section, try to go back to parent menu const parentMenu = element.closest('.sub-menu'); if (parentMenu) { const parentTrigger = parentMenu.previousElementSibling; if (parentTrigger) { parentTrigger.focus(); return; } } // Otherwise move to previous item nextIndex = (currentIndex - 1 + allFocusableItems.length) % allFocusableItems.length; } if (nextIndex !== undefined && allFocusableItems[nextIndex]) { allFocusableItems[nextIndex].focus(); } }, closeAllMenus() { // For desktop: close all desktop-style menus first if (window.innerWidth >= 992) { const desktopMenus = document.querySelectorAll('.sub-menu, .sub-menu-shop, .sub-menu-item'); desktopMenus.forEach(menu => { menu.style.display = ''; const parentLink = menu.previousElementSibling; if (parentLink) { parentLink.setAttribute('aria-expanded', 'false'); } }); } // Close mobile menu if open const { menu } = this.variables; if (menu.menuItems.classList.contains('active')) { menu.menuItems.classList.remove('active'); menu.closeMenuItems.classList.remove('active'); document.body.style.overflow = ''; menu.menuButton.focus(); } // Close all active submenus const activeMenus = document.querySelectorAll('.active'); activeMenus.forEach(element => { element.classList.remove('active'); // Update ARIA attributes if (element.hasAttribute('aria-expanded')) { element.setAttribute('aria-expanded', 'false'); } if (element.hasAttribute('aria-hidden')) { element.setAttribute('aria-hidden', 'true'); } }); // For desktop: explicitly hide any displayed submenus if (window.innerWidth >= 992) { const visibleSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]'); visibleSubmenus.forEach(submenu => { submenu.style.display = ''; }); } }, addFocusHandlers() { // Add hover handlers to ensure only one menu is open at a time const menuLinks = document.querySelectorAll('.menu_items a'); // Desktop: Make submenus appear on focus for keyboard users if (window.matchMedia("(min-width: 992px)").matches) { menuLinks.forEach(link => { // Add hover handling to close other menus first link.addEventListener('mouseenter', () => { // Close all open submenus first const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]'); openSubmenus.forEach(submenu => { if (submenu !== link.nextElementSibling) { submenu.style.display = ''; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'false'); } } }); // Now show this submenu if it exists const submenu = link.nextElementSibling; if (submenu && (submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-shop'))) { submenu.style.display = 'block'; link.setAttribute('aria-expanded', 'true'); } }); // Show submenu on focus link.addEventListener('focus', () => { // Close all open submenus first const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]'); openSubmenus.forEach(submenu => { if (submenu !== link.nextElementSibling) { submenu.style.display = ''; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'false'); } } }); const submenu = link.nextElementSibling; if (submenu && (submenu.classList.contains('sub-menu') || submenu.classList.contains('sub-menu-shop'))) { submenu.style.display = 'block'; link.setAttribute('aria-expanded', 'true'); } }); // Handle blur events to hide submenus when focus moves away link.addEventListener('blur', (event) => { // Small delay to check if focus moved to an element within the submenu setTimeout(() => { const submenu = link.nextElementSibling; if (submenu && !submenu.contains(document.activeElement) && document.activeElement !== link) { submenu.style.display = ''; link.setAttribute('aria-expanded', 'false'); } }, 10); }); }); // Make sure submenus themselves can be focused const submenus = document.querySelectorAll('.sub-menu, .sub-menu-shop'); submenus.forEach(submenu => { submenu.addEventListener('focusin', () => { submenu.style.display = 'block'; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'true'); } }); submenu.addEventListener('focusout', (event) => { // Check if the focus is still within the submenu setTimeout(() => { if (!submenu.contains(document.activeElement)) { submenu.style.display = ''; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'false'); } } }, 10); }); // Also handle mouseenter/mouseleave on the submenu submenu.addEventListener('mouseenter', () => { submenu.style.display = 'block'; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'true'); } }); }); // Add a handler to the menu container to close all submenus when mouse leaves menu area const menuContainer = document.querySelector('.menu_items'); if (menuContainer) { menuContainer.addEventListener('mouseleave', () => { const openSubmenus = document.querySelectorAll('.sub-menu[style*="display: block"], .sub-menu-shop[style*="display: block"]'); openSubmenus.forEach(submenu => { // Only close if focus is not inside if (!submenu.contains(document.activeElement)) { submenu.style.display = ''; const menuLink = submenu.previousElementSibling; if (menuLink) { menuLink.setAttribute('aria-expanded', 'false'); } } }); }); } } }, setupSkipToContent() { const skipLink = document.querySelector('.skip-to-content'); if (skipLink) { skipLink.addEventListener('click', (event) => { event.preventDefault(); // Find the nav element const navElement = document.getElementById('bio-header'); // Get all focusable elements in the document const focusableSelector = 'a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const allElements = document.querySelectorAll(focusableSelector); // Convert to array and find first focusable element after nav const firstContentElement = Array.from(allElements).find(element => { // Check if element is after nav in the DOM return !navElement.contains(element) && (navElement.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING); }); if (firstContentElement) { // Set focus and scroll into view firstContentElement.focus(); firstContentElement.scrollIntoView({ behavior: 'smooth' }); } // Close any open menus this.closeAllMenus(); }); } } }headerScript.init(); // Sorting // Function to handle sorting based on screen widthfunction sortLinksOnMobile() { // Check if the screen width is below 992px if (window.matchMedia("(max-width: 991px)").matches) { // Select all anchor tags with the specific class const linksContainer = document.querySelectorAll(".by-order"); const linksArray = Array.from(linksContainer); // Sort the array based on the text content of each link linksArray.sort((a, b) => a.textContent.localeCompare(b.textContent)); // Select the parent container and clear its content, then append the sorted links const parentElement = linksContainer[0].parentElement; parentElement.innerHTML = ""; linksArray.forEach(link => parentElement.appendChild(link)); } } // // Run the function initially on page loaddocument.addEventListener("DOMContentLoaded", () => { sortLinksOnMobile(); // Add a global ESC key handler as a fallback document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { headerScript.closeAllMenus(); } });}); // Add an event listener to handle screen resizewindow.addEventListener("resize", () => { sortLinksOnMobile();}); </script><script type="11436d8dad55fa6bbd28dbf2-text/javascript"> document.addEventListener("DOMContentLoaded", function () { const searchInput = document.getElementById("search-input-results"); const clearButton = document.getElementById("clear-search"); const noResultMsg = document.getElementById("no-results"); const searchResults = document.getElementById("search-results"); const searchButtons = document.querySelectorAll(".search-button"); const searchCloseButton = document.querySelector(".search-close-button"); const searchButton = document.getElementById("search-submit"); searchInput.addEventListener("input", function () { const query = searchInput.value.toLowerCase(); clearButton.style.display = query ? "block" : "none"; }); function showSearchResults() { searchResults.style.display = "flex"; searchInput.focus(); document.body.style.overflow = "hidden"; } function hideSearchResults() { searchResults.style.display = "none"; searchInput.value = ""; clearButton.style.display = "none"; document.body.style.overflow = ""; } clearButton.addEventListener("click", function () { searchInput.value = ""; clearButton.style.display = "none"; }); if (searchButtons.length > 0) { searchButtons.forEach(button => { button.addEventListener("click", showSearchResults); button.addEventListener("keydown", function(event) { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); showSearchResults(); } }); }); } searchCloseButton.addEventListener("click", hideSearchResults); searchInput.addEventListener("keydown", function(event) { if (event.key === "Enter") { event.preventDefault(); showSearchResults(); } else if (event.key === "Escape") { hideSearchResults(); } }); document.addEventListener("click", function(event) { if (!searchResults.contains(event.target) && ![...searchButtons].some(btn => btn.contains(event.target))) { hideSearchResults(); } }); function performSearch() { const searchValue = searchInput.value.trim(); // Get input value if (searchValue) { // Only proceed if there's a search term window.location.href = `https://bioptimizers.com/shop?s=${encodeURIComponent(searchValue)}`; } } if (searchInput) { // Trigger search on Enter key searchInput.addEventListener("keydown", function (event) { if (event.key === "Enter") { event.preventDefault(); performSearch(); } }); } if (searchButton) { // Trigger search on button click searchButton.addEventListener("click", function () { performSearch(); }); } setTimeout(() => { // Get the URL parameters const urlParams = new URLSearchParams(window.location.search); const searchValue = urlParams.get("s"); // Retrieve the 's' parameter from the URL const searchInput = document.getElementById("myInput"); // Get the search input field const ccSub = document.querySelector(".cc-sub"); // Get the target element if (searchValue && searchInput) { searchInput.value = searchValue; // Set the search input value to the retrieved parameter searchInput.dispatchEvent(new Event("keyup")); // Trigger the keyup event to apply the filter console.log("✅ Search value set and filter triggered:", searchValue); // Ensure the element exists before scrolling if (ccSub) { setTimeout(() => { ccSub.scrollIntoView({ behavior: "smooth", block: "center" }); }, 300); // Slight delay to ensure rendering } else { console.log("⚠️ chalenevid element not found."); } } else { console.log("⚠️ Input field not found or no search value."); } }, 500); // Delay execution by 500ms to ensure the input field is loaded }); </script> <!-- Nav script end here --> <style> .oos-img { position: absolute; top: 0; left: 0; } .hero-home-slider4 { position: relative; overflow-x: hidden; font-size: 18px; font-family: "Lato"; color: white; max-width: 1800px; margin: 0 auto; letter-spacing: 1px; } .hero-home-slider4 .swiper-slide { max-width: 640px; overflow: hidden; height: 600px; } .hero-home-slider4 .swiper-button-next, .hero-home-slider4 .swiper-button-prev { color: #ffffff86; background-color: transparent; } .hero-home-slider4 .swiper-pagination-bullet-active { background: #ffffff; } .hero-home-slider4 .swiper-pagination-bullet-active { background: #ffffff; } .hero-home-slider4 .swiper-pagination-bullet { width: 26px; border-radius: 30px; height: 5px; background: #ffffff; } @media screen and (min-width: 1000px) { .hero-home-slider4 .swiper-pagination-bullet { width: 10px; } } @media screen and (min-width: 641px) { .hero-home-slider4 .swiper-slide { max-width: 1000px; height: 600px; } } @media screen and (min-width: 1000px) { .hero-home-slider4 .swiper-pagination-bullet { width: 100px; } .hero-home-slider4 .swiper-slide { max-width: 1800px; height: 600px; } .hero-home-slider4 .banner-content { width: 1000px; height: 300px; padding: 0px; align-items: flex-end; justify-content: center; margin-left: calc(55.8% - 1000px); } .hero-home-slider4 .product-content-head { font-size: 50px; margin: unset; text-align: left; max-width: 600px; display: block; width: 560px; } .hero-home-slider4 .banner-bullets-grp { display: flex; flex-direction: row; align-items: center; width: 560px; align-content: center; flex-wrap: wrap; gap: 10px; font-size: 30px !important; } .hero-home-slider4 .banner-bullets { display: inline; width: unset; letter-spacing: 1px; } .hero-home-slider4 .banner-bullets img { margin-right: 5px; } .hero-home-slider4 br { display: none; } } </style> <!-- Slider main container --> <main> <style> .btn { position: relative; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; transition: all 0.2s; border: none; font-family: inherit; background-color: #FE9400; } .btn:hover { transform: translateY(-3px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .btn:active { transform: translateY(-1px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .btn::after { content: ""; display: inline-block; height: 100%; width: 100%; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.4s; } .btn::after { background-color: #FE9400; } .btn:hover::after { transform: scaleX(1.1) scaleY(1.3); opacity: 0; } </style> <div class="hero-home-slider4 group/slider"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- <div tabindex="0" aria-label="Fathers Day Promo" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#D8D6CA] items-center justify-center relative"> <a href="https://bioptimizers.com/shop/collections/promos"> <div> <picture> <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/bio-pages/bio-home/Fathers-day-Bio-HP-d.png" width="1800" alt="Bioptimizers Fathers Day Promo" media="(min-width:641px)"> <img fetchpriority=high class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/bio-pages/bio-home/Fathers-day-Bio-HP-m.png" width="640" alt="Bioptimizers Fathers Day Promo" /> </picture> <div class="absolute top-0 flex items-center flex-col text-[#131313] w-full h-full mt-8 sm:justify-center sm:w-4/5 sm:items-end sm:text-right"> <p class="sm:text-5xl text-3xl max-[390px]:text-2xl"> Peak Dad Mode: <span class="font-bold sm:block">Activated</span> </p> <p class="font-bold sm:text-5xl text-3xl max-[390px]:text-2xl sm:mt-10">25% OFF</p> <p class="text-xl text-center leading-tight sm:text-left sm:text-2xl max-[390px]:text-lg"> Our Most Powerful Formulas <span class="block">For Father's Day</span> </p> <button class="btn text-[#131313] px-14 py-2 text-xl mt-auto mb-20 sm:text-2xl sm:mt-10 max-[390px]:text-lg">Shop Now</button> </div> </div> </a> </div> --> <div tabindex="0" aria-label="Stronger Longer Better Life" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#D8D6CA] items-center justify-center relative"> <a href="https://bioptimizers.com/shop"> <div> <picture> <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/bio-pages/bio-home/bioptimizers-stronger-longer-better-life-d-DDCxKBG5.png" width="1800" alt="Bioptimizers Stronger Longer Better Life" media="(min-width:641px)"> <img fetchpriority=high class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/bio-pages/bio-home/bioptimizers-stronger-longer-better-life-m-CV2Y1fL7.png" width="640" alt="Bioptimizers Stronger Longer Better Life" /> </picture> <div class="absolute top-0 flex items-center flex-col text-[#131313] w-full h-full sm:justify-center sm:w-4/5 sm:items-start sm:right-0"> <div class="bg-[#F9F9F9] w-full pt-8 pb-5 sm:bg-[#F9F9F9]/0"> <p class="text-4xl text-center sm:text-left sm:text-5xl max-[390px]:text-3xl "> <span class="font-bold block">Stronger. Longer.</span> Better with Family. </p> <p class="font-light text-xl text-center leading-tight mt-2 sm:text-left sm:mt-10 sm:text-2xl max-[390px]:text-lg"> Science-backed formulas to optimize your <span class="block">health <span class="font-normal">— trusted by 930k+ families.</span></span> </p> </div> <button class="btn text-[#131313] px-14 py-2 text-xl mt-auto mb-12 sm:text-2xl sm:mt-10 max-[390px]:text-lg">Shop Now</button> </div> </div> </a> </div> <!-- <div tabindex="0" aria-label="Probiotic Breakthrough" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#D8D6CA] items-center justify-center relative"> <a href="https://bioptimizers.com/shop/products/probiotic-breakthrough"> <div> <picture> <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/bio-pages/bio-home/probiotic-breakthrough-desktop-dv7X9v-7.png" width="1800" alt="Bioptimizers Probiotic Breakthrough" media="(min-width:641px)"> <img fetchpriority=high class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/bio-pages/bio-home/probiotic-breakthrough-mobile-D-P1qhCG.png" width="640" alt="Bioptimizers Probiotic Breakthrough" /> </picture> <div class="absolute top-0 flex items-center flex-col text-[#131313] w-full h-full sm:justify-center sm:w-4/5 sm:items-start sm:right-0"> <div class="w-full pt-10 pb-5"> <p class="text-4xl text-center sm:text-left sm:text-5xl max-[390px]:text-3xl "> <span class="font-bold">Beat</span> Bloating </p> <p class="font-light text-xl text-center leading-tight mt-2 sm:text-left sm:mt-10 sm:text-2xl max-[390px]:text-lg"> Time-released probiotics that <span class="block">survive and thrive</span> </p> </div> <button class="btn text-[#131313] w-[360px] py-2 text-xl mt-auto mb-12 sm:text-2xl sm:mt-10 sm:w-[460px] max-[390px]:w-[260px] max-[390px]:text-lg">Shop Probiotic Breakthrough</button> </div> </div> </a> </div> <div tabindex="0" aria-label="MassZymes" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#D8D6CA] items-center justify-center relative"> <a href="https://bioptimizers.com/shop/products/masszymes"> <div> <picture> <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/bio-pages/bio-home/masszymes-homepage-desktop-3utnboP6.png" width="1800" alt="Bioptimizers MassZymes" media="(min-width:641px)"> <img fetchpriority=high class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/bio-pages/bio-home/masszymes-homepage-mobile-BtLRAwmM.png" width="640" alt="Bioptimizers MassZymes" /> </picture> <div class="absolute top-0 flex items-center flex-col text-[#131313] w-full h-full sm:justify-center sm:w-4/5 sm:items-start sm:right-0"> <div class="w-full pt-10 pb-5"> <p class="text-4xl text-center sm:text-left sm:text-5xl max-[390px]:text-3xl "> Digest<span class="font-bold"> Like a Pro</span> </p> <p class="font-light text-xl text-center leading-tight mt-2 sm:text-left sm:mt-10 sm:text-2xl max-[390px]:text-lg"> Advanced enzymes that work hard — <span class="block">so your gut doesn't have to.</span> </p> </div> <button class="btn text-[#131313] w-[360px] py-2 text-xl mt-auto mb-12 sm:text-2xl sm:mt-10 sm:w-[460px] max-[390px]:w-[260px] max-[390px]:text-lg">Experience MassZymes</button> </div> </div> </a> </div> --> <div tabindex="0" aria-label="MassZymes" class="!flex swiper-slide focus:ring-8 focus:ring-blue-500 relative bg-[#D8D6CA] items-center justify-center relative hidden"> <a href="https://bioptimizers.com/shop/products/masszymes"> <div> <picture> <source srcset="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1800/bio-pages/bio-home/masszymes-homepage-3-d.png" width="1800" alt="Bioptimizers MassZymes" media="(min-width:641px)"> <img fetchpriority=high class="h-[600px] object-cover" src="https://static-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=1000/bio-pages/bio-home/masszymes-homepage-3-m.png" width="640" alt="Bioptimizers MassZymes" /> </picture> <div class="absolute top-0 flex items-center justify-end flex-col text-[#ffffff] w-full h-full sm:justify-center sm:w-4/5 sm:items-start sm:right-0"> <div class="w-full pt-10 pb-5"> <p class="text-4xl text-center sm:text-left sm:text-5xl max-[390px]:text-3xl "> Bloating,<span class="font-bold"> Be Gone</span> </p> <p class="font-light text-xl text-center leading-tight mt-2 sm:text-left sm:mt-10 sm:text-2xl max-[390px]:text-lg"> Experience better digestion <span class="block">and gut health.</span> </p> </div> <button class="btn text-[#131313] px-14 py-2 text-xl mt-auto mb-12 sm:text-2xl sm:mt-10 max-[390px]:text-lg">Shop MassZymes</button> </div> </div> </a> </div> </div> <!-- If we need pagination --> <div class="swiper-pagination"></div> <!-- If we need navigation buttons --> <div class="swiper-button-prev opacity-0 text-white bg-white group-hover/slider:opacity-100 transition-opacity duration-500"></div> <div class="swiper-button-next opacity-0 text-white bg-white group-hover/slider:opacity-100 transition-opacity duration-500"></div> <!-- If we need scrollbar --> <div class="swiper-scrollbar"></div> </div> <!-- <script defer src="https://fb-v1.cdn-bio.com/assets/hero-script-4-7e2bedb5160af18430f3379c5288593d.js"></script> --> <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> <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"> <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative"> <a href="https://bioptimizers.com/shop/products/magnesium-breakthrough"> <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" /> </a> <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full"> <div class="text-white w-[320px] flex flex-col items-center"> <h2 class="font-bold text-center leading-none mb-3 ">MAGNESIUM BREAKTHROUGH</h2> <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> <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 </a> </div> </div> </div> <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative"> <a href="https://bioptimizers.com/shop/products/masszymes"> <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" /> </a> <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full"> <div class="text-white w-[320px] flex flex-col items-center"> <h2 class="font-bold text-center leading-none mb-3 ">MASSZYMES</h2> <span class="text-sm text-center leading-tight block mb-3 w-64">Most potent enzyme blend for digestive function and nutrient absorption.</span> <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 Absorption </a> </div> </div> </div> <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative"> <a href="https://bioptimizers.com/shop/products/p3om" title="p3om"> <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" /> </a> <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full"> <div class="text-white w-[320px] flex flex-col items-center"> <h2 class="font-bold text-center leading-none mb-3 ">PROBIOTIC BREAKTHROUGH</h2> <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> <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> </div> </div> </div> <div class="w-80 hover:shadow-lg bg-[#0b3c0b] relative"> <a href="https://bioptimizers.com/shop/products/ultimate-nutrition-system" title="Ultimate Nutrition System"> <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" /> </a> <div class="flex flex-col items-center justify-center absolute bottom-5 left-0 w-full"> <div class="text-white w-[320px] flex flex-col items-center"> <h2 class="font-bold text-center leading-none mb-3 ">THE ULTIMATE NUTRITION SYSTEM</h2> <span class="text-sm text-center leading-tight block mb-3 w-64">The ultimate resource for achieving your best health and goals</span> <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 </a> </div> </div> </div> </div> <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> <!-- Original Renders --> <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"> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" title="BIOPTIMIZED DIGESTIVE HEALTH STACK"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" 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" class="product-image aspect-square" alt="BIOptimized Digestive Health Stack"> </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" title="BIOPTIMIZED DIGESTIVE HEALTH STACK"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">BIOPTIMIZED DIGESTIVE HEALTH STACK</h2> <span class="text-sm text-center leading-tight block mb-3">Optimize your overall digestive health.</span> </a> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" rel="bookmark" title="BIOPTIMIZED DIGESTIVE HEALTH 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 Your Gut Digestion</a> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate" title="THE ULTIMATE GUT HEALTH STACK (Chocolate)"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" 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" class="product-image aspect-square" alt="The Ultimate Gut Health Stack"> </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate" title="THE ULTIMATE GUT HEALTH STACK (Chocolate)"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Chocolate) </h2> <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate bad bacteria, boost good bacteria, repair gut lining and elevate your mood and mind.</span> </a> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate" rel="bookmark" title="THE ULTIMATE GUT HEALTH STACK (Chocolate)" 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> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla" title="THE ULTIMATE GUT HEALTH STACK (Vanilla)"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" 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" class="product-image aspect-square" alt="The Ultimate Gut Health Stack" > </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla" title="THE ULTIMATE GUT HEALTH STACK (Vanilla)"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Vanilla) </h2> <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate bad bacteria, boost good bacteria, repair gut lining and elevate your mood and mind.</span> </a> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla" rel="bookmark" title="THE ULTIMATE GUT HEALTH STACK (Vanilla)" 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> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" title="KETO / PALEO DIET STACK"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/6348-de15-de70-4f20_paleo-diet-stack.png" class="product-image aspect-square" alt="Keto/Paleo Diet Stack" > </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" title="KETO / PALEO DIET STACK"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">KETO / PALEO DIET STACK</h2> <span class="text-sm text-center leading-tight block mb-3">Improve keto, low-carb and paleo digestion. Increase energy and accelerate fat loss.</span> </a> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" 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 Your Energy/Digestion</a> </div> </div> </div> </div> <!-- END Original Renders --> <!-- NEW Renders --> <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"> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/2fc2-ab63-56de-44d3_masszymes-bundle.png" class="product-image aspect-square" alt="BIOptimized Digestive Health Stack"> </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">BIOPTIMIZED DIGESTIVE HEALTH STACK</h2> <span class="text-sm text-center leading-tight block mb-3">Optimize your overall digestive health.</span> </a> <a href="https://bioptimizers.com/shop/products/bioptimized-digestive-health-stack" 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> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/d9c7-0f22-db45-457a_microbiome-chocolate.png" class="product-image aspect-square" alt="The Ultimate Gut Health Stack"> </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Chocolate) </h2> <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate bad bacteria, boost good bacteria, repair gut lining and elevate your mood and mind.</span> </a> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-chocolate" 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> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/665f-d851-184f-4486_microbiome-vanilla.png" class="product-image aspect-square" alt="The Ultimate Gut Health Stack" > </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">THE ULTIMATE GUT HEALTH STACK (Vanilla) </h2> <span class="text-sm text-center leading-tight block mb-3">Optimize neurotransmitters, eliminate bad bacteria, boost good bacteria, repair gut lining and elevate your mood and mind.</span> </a> <a href="https://bioptimizers.com/shop/products/the-ultimate-gut-health-stack-vanilla" 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> </div> </div> </div> <div class="border border-slate-200 w-80 p-3 hover:shadow-lg sm:min-h-[420px] sm:relative"> <div class="flex flex-col items-center justify-center"> <div class=""> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"> <picture class=""> <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)"> <img loading="lazy" width="230" height="230" src="https://fb-v1.cdn-bio.com/cdn-cgi/image/format=webp,width=auto/assets/uploads/c11d-ed33-3662-47dc_kapex-bundle.png" class="product-image aspect-square" alt="Keto/Paleo Diet Stack" > </picture> </a> </div> <div class="product-content"> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack"> <h2 class="font-bold tracking-widest text-center leading-none mb-3">KETO / PALEO DIET STACK</h2> <span class="text-sm text-center leading-tight block mb-3">Improve keto, low-carb and paleo digestion. Increase energy and accelerate fat loss.</span> </a> <a href="https://bioptimizers.com/shop/products/keto-paleo-diet-stack" 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 Energy/Digestion</a> </div> </div> </div> </div> <!-- END New Renders --> <div class="variation-gmo-bottom"> <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> <div class="flex flex-wrap justify-center gap-x-8 gap-y-2 text-xs text-center text-[#537000] uppercase"> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-dairyfree-9018676ee4dcdb4130c7ddebe09ea442.svg" alt="Dairy Free"> <div>Dairy <br /> Free</div> </div> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-glutenfree-96483ae2f20bbe71dda6294475cd911a.svg" alt="Gluten Free"> <div>Gluten <br /> Free</div> </div> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-vegan-734b2ed306dddf970aceac413d9d1be8.svg" alt="Vegan"> <div>Vegan</div> </div> <div class="flex flex-col items-center gap-2"> <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"> <div>Sugar <br /> Free</div> </div> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-chemicals-0dea39a10b1f7da9c786af5fbc2756b0.svg" alt="Chemicals & Fillers Free"> <div>Chemicals & <br /> Fillers Free</div> </div> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-natural-bc3113ebbb890314d436939994c499c6.svg" alt="Natural Ingredients"> <div>All Natural <br /> Ingredients</div> </div> <div class="flex flex-col items-center gap-2"> <img loading="lazy" width="80" height="80" src="https://fb-v1.cdn-bio.com/assets/thin-usa-c68723b9b2d00431cff978625922b83e.svg" alt="USA made"> <div>USA made with <br /> globally-sourced <br /> ingredients</div> </div> </div> </div> <div class="bg-black my-5 py-5"> <div class="lg:max-w-[1400px] mx-auto"> <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 <span class="sm:block inline"> Who Love BIOptimizers</span> </h2> <div class="flex flex-wrap mx-auto justify-center gap-2 text-white text-xs"> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-RogerSnipes.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-RogerSnipes.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-RogerSnipes.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Roger Snipes</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/chalene-johnston.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Chalene Johnson</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/courtney-swan.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Courtney Swan</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DavidAsprey.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DavidAsprey.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-DavidAsprey.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Dave Asprey</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/chantel-ray.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Chantel Ray</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DrCarolineLeaf.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-DrCarolineLeaf.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-DrCarolineLeaf.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Dr. Caroline Leaf</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-BenGreenfield.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-BenGreenfield.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-BenGreenfield.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Ben Greenfield</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dhru-purohit.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Dhru Purohit</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JordanHarbinger.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JordanHarbinger.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-JordanHarbinger.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Jordan Harbinger</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-KrisGethin.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-KrisGethin.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-KrisGethin.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Kris Gethin</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-NataliaACoelho.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-NataliaACoelho.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-NataliaACoelho.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Natalia A Coelho</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-PaulChek.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-PaulChek.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-PaulChek.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Paul Chek</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/mollie-mcglockin.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Mollie McGlockin</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-g.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Dr. G</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/katie-wells.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Katie Wells</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/brittany-ford.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Brittany Ford</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/max-lugavere.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Max Lugavere</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-GiGiEats.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-GiGiEats.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-GiGiEats.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> GiGi Eats</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dr-mindy-pelz.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Dr. Mindy Pelz</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-CrosbyTailor.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-CrosbyTailor.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-CrosbyTailor.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Crosby Tailor</div> </div> <div class="flex flex-col gap-y-2 justify-center items-center"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JesseGolden.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/influencers/photobw-JesseGolden.png"> <img loading="lazy" src="https://assets-v0.cdn-bio.com/img/influencers/photobw-JesseGolden.webp" alt="Bioptimizers Influencers" class="aspect-square" width="170" height="170"> </picture> <div class="rounded-md text-center font-bold text-xs w-11/12 bg-[#4d4d4d] uppercase"> Jesse Golden</div> </div> </div> <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> <div class="flex flex-wrap justify-center items-center gap-2"> <div> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-human-upgrade.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Human Upgrade podcast" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-leaf.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Dr. Leaf's podcast" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/bengreenfield-fitness.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Ben Greenfield Fitness podcast" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/doctors-pharmacy.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Doctor's Pharmacy podcast" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/the-resetter.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Resetter podcast" width="170" height="170"> </picture> </div> <div> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/heal-thy-self.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Heal Thy Self podcast" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/living-4d.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on Living 4D podcast" width="170" height="170"> </picture> </div> <div> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jp-sears.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on JP Sears' podcast" width="170" height="170"> </picture> </div> <div> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/jordan-harbinger.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Jordan Harbinger Show" width="170" height="170"> </picture> </div> <div > <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-shop/2024/bio-home/dr-drew.webp" class="mx-auto d-block d-md-none w-100" alt="BIOptimizers featured on The Dr. Drew Podcast" width="170" height="170"> </picture> </div> </div> </div> </div> <div id="track_scroll_target"></div> <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"> <div class="relative sm:w-[570px]"> <a href="https://bioptimizers.com/shop/collections/digestive-health?cbanner=digestive" class="bannerDigestion"> <picture> <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-fitness-545982508a7824d44d43e5ecb2814cbc.jpg" alt="optimize fitness" /> </picture> <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"> 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> </div> </a> </div> <div class="relative sm:w-[570px]"> <a href="https://bioptimizers.com/shop/collections/brain?cbanner=brain" class="bannerBrain"> <picture> <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-brain-energy-73bb017a2372723f8ee3576776e05988.jpg" alt="optimize brain and energy" /> </picture> <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"> 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> </div> </a> </div> <div class="relative sm:w-[570px]"> <a href="https://bioptimizers.com/shop/collections/nutrients?cbanner=nutrients" class="bannerNutrients"> <picture> <img loading="lazy" src="https://fb-v1.cdn-bio.com/assets/optimize-nutrients-acca09d5edb1f1c0e34ba01e741985fc.jpg" alt="optimize nutrients" /> </picture> <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"> 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> </div> </a> </div> <div class="relative sm:w-[570px]"> <a href="https://bioptimizers.com/shop/collections/sleep?cbanner=sleep" class="bannerSleep"> <picture> <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" /> </picture> <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"> 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> </div> </a> </div> </div> <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"> <div class="flex flex-col lg:flex-row text-white py-5 lg:items-end"> <div class="text-xl font-light px-6 lg:w-8/12"> <p class="block mb-3 xl:mb-6">Have you checked out our new brain optimization company?</p> <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 focus</span>, <span class="text-[#13a8fe]">concentration</span>, and <span class="text-[#13a8fe]">creativity</span></span> </p> <p class="block mb-4 lg:mb-6">Create epic mental states that activate your brilliance within and shift into "GOD MODE" for increased productivity, creativity, concentration, and more. Unlock your genius.</p> <a href="https://nootopia.com/?gl=60d9f6bf8ebf58ee52673f98" target="_blank" role="button" rel="noopener"> <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> </a> </div> <div class="flex items-center justify-center xl:w-4/12"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/noot-logo.webp" class="hidden lg:block" width="300" height="200" alt="nootopia"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/noot-logo-sm.webp" class="block lg:hidden" width="350" height="110" alt="nootopia" > </div> </div> </div> <div class="text-white bg-[#4d4d4d] px-5 py-3 "> <div class="sm:mx-auto sm:max-w-[800px] flex flex-col items-center justify-center lg:flex-row "> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/best-in-class.webp" class="aspect-square object-contain my-3 md:min-w-52" alt="BIOptimizers Best in Class Guarantee badge" width="180"> </picture> <div class="lg:pl-7"> <h3 class="text-white text-3xl font-bold text-center mb-3 md:text-justify">"BEST IN CLASS" GUARANTEE:</h3> <p class="text-justify leading-relaxed">Our mission is focused on customer obsession. If after trying our products you don't feel we are the BEST IN CLASS, we will refund your money. PERIOD. We're THAT confident you'll love our products and that's why we give you 365 days to try them. You have nothing to lose so take advantage of this amazing deal today.</p> </div> </div> </div> <div class="flex flex-col items-center justify-center w-full my-5 px-5 lg:my-5 lg:py-7"> <div class="flex gap-x-3 mb-3 lg:mb-7"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-herbal-medicine.webp" class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Herbal medicine expertise icon"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-probiotic.webp" class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Probiotic expertise icon"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-chemistry.webp" class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Chemistry expertise icon"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-plant-dna.webp" class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Plant DNA expertise icon"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/circle-open-capsule.webp" class="w-16 lg:w-20 object-contain aspect-square" width="80" height="80" alt="Supplement capsule expertise icon"> </div> <h2 class="text-center font-bold text-2xl mb-3 lg:text-3xl">We Work With 5 World-Class Formulators To <span class="lg:block">Create The Best In Class Formulas</span> </h2> <div class="ng-bull mt-3"> <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> <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> <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> <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> <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> </div> </div> <div class="bg-[#f9f9f9] my-5 px-5 py-3 lg:py-10"> <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We have helped over 932,210 legendary clients optimize their health since 2004. </strong>We've been in business for <span id="updateYear"></span> full years. Our average rating for all of our products is an 8.95/10.</p> <p class="mb-3 lg:max-w-[800px] mx-auto">We understand you might be skeptical. There's plenty of companies making big claims. However, we invest in the research. Almost no other supplement company does.</p> <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We have created a partnership and invested heavily with the Burch University in Sarajevo and created a probiotics lab with multiple PHDs in Bosnia working on creating the evolution of probiotics.</strong></p> <p class="mb-3 lg:max-w-[800px] mx-auto"><strong>We never stop evolving the products. We keep researching and testing and upgrading the formulas.</strong> We have a million dollar lab filled with multiple genius PHDs running non-stop experiments on every ingredient and every formula to maximize their effectiveness.</p> </div> <!---cBSiiRNbUs--> <div class="flex justify-center items-center my-5 relative"> <div class="youtube [clip-path:_inset(12%_0_12%_0)] lg:min-w-[800px] w-full lg:min-h-[500px]" data-embed="-cBSiiRNbUs" > <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 "> <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" /> </svg> </div> </div> </div> <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"> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dom-dagostino.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dom-dagostino.png"> <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;"> </picture> <div class=""> <div class="text-center font-bold text-lg uppercase w-full"> Dom D'Agostino</div> <div class="text-center font-bold text-xs uppercase w-full"> Scientific Advisor</div> </div> </div> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/monia-avdic.webp" class="" alt="Monia Avdic, PHD" height="270" style="height: auto;"> </picture> <div class="text-center font-bold text-lg uppercase w-full"> Monia Avdic, PHD</div> <div class="text-center font-bold text-xs uppercase w-full"> Probiotics Expert</div> </div> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzenan-kovacic.webp" class="" alt="Dženan Kovačić" height="270" style="height: auto;"> </picture> <div class="text-center font-bold text-lg uppercase w-full"> Dženan Kovačić</div> <div class="text-center font-bold text-xs uppercase w-full"> Molecular Docking Expert</div> </div> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/sarah-hotic.webp" class="" alt="Sarah Hotić" height="270" style="height: auto;"> </picture> <div class="text-center font-bold text-lg uppercase w-full"> Sarah Hotić</div> <div class="text-center font-bold text-xs uppercase w-full"> Plant Cell Culture Expert</div> </div> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/neira-crncevic.webp" class="" alt="Neira Crnčević" height="270" style="height: auto;"> </picture> <div class="text-center font-bold text-lg uppercase w-full"> Neira Crnčević</div> <div class="text-center font-bold text-xs uppercase w-full"> Genetics & Bioengineering</div> </div> <div class="bg-black sm:max-w-[185px] max-w-[169px] lg:max-w-[260px]"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.png"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/bio-home/dzeneta-salcin.webp" class="" alt="Dženeta Salčin" height="270" style="height: auto;"> </picture> <div class="text-center font-bold text-lg uppercase w-full"> Dženeta Salčin</div> <div class="text-center font-bold text-xs uppercase w-full"> BSc in Biology, Ecology</div> </div> </div> <div class="flex flex-wrap px-5 my-5 md:flex-row-reverse md:w-[800px] mx-auto lg:px-0 lg:my-10"> <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"> <p class="mb-3 text-lg">The Strongest Promise In <span class="block sm:inline">The Industry:</span> </p> <h3 class="font-black font-lato text-3xl mb-3">The 365 Day <span class="d-block">"Best Product Ever Or </span> Your Money Back" <span class="d-block">Guarantee</span> </h3> <img loading="lazy" src="https://magnesiumbreakthrough.com/a/assets/img/el/gbadge.png" style="max-width: 120px; margin-top: 10px;" class="lazyloaded" width="120" height="120" alt="100% money back guarantee"> </div> <div class="px-5 text-justify my-5 md:w-1/2 lg:px-0 lg:pr-10"> <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> <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> <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> </p> </div> </div> <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"> <div class="hidden md:flex mx-auto flex-row max-w-[800px] mb-10"> <div class="w-1/2"> <picture> <source type="image/webp" srcset="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp"> <source type="image/png" srcset="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp"> <img loading="lazy" src="https://static-v1.cdn-bio.com/bio-pages/ahc/awesome-health-course-thumb.webp" class="mx-auto w-100" alt="awesome health course" > </picture> </div> <div class="w-1/2 px-5 text-white "> <h2 class="text-2xl font-bold text-center mb-5">Get Access To The <span class="">AWESOME Health Course</span> </h2> <p class="text-center">In this 12 week program, you're going to discover how to achieve AWESOME health and double your energy with natural, tested, and scientific strategies.</p> <div class=""> <!--[if lte IE 8]> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script> <![endif]--> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> let formCreated = false; window.addEventListener('scroll', () => { if (!formCreated && document.querySelector('script[src*="js.hsforms.net/forms/v2.js"]') && window.pageYOffset > 100) { hbspt.forms.create({ region: "na1", portalId: "6875107", formId: "59ae365d-b709-44ac-883d-8fc8ebf66177", onFormReady: function (hsform) { let hsbutton = hsform.querySelector("input.hs-button.primary.large"); hsbutton.style.color = "black" } }); formCreated = true; } }); </script> </div> </div> </div> <div class="brandvidyt"> <!--cfsicALuotY--> <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"> <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 "> <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" /> </svg> </div> </div> <!--m1PNEsjJEUA--> <div class="youtube [clip-path:_inset(12%_0_12%_0)] relative w-full flex justify-center items-center sm:hidden" data-embed="m1PNEsjJEUA"> <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 "> <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" /> </svg> </div> </div> </div> <!-- VARIATION 3 --> <div class="w-full max-w-[1000px] mx-auto relative videoContainer brand_video_variation_3 z-10 hidden"> <div class="video-thumbnail sm:block hidden relative group" data-player="desktop3" data-video="cQy5T_6Cpmo"> <img src="https://img.youtube.com/vi/cQy5T_6Cpmo/maxresdefault.jpg" class="cursor-pointer object-cover aspect-video" /> <div class="play-button absolute inset-0 flex items-center justify-center"> <div class="w-16 h-16 bg-white/90 rounded-full flex items-center justify-center shadow-lg transition hover:scale-110"> <svg class="w-6 h-6 text-black" fill="currentColor" viewBox="0 0 24 24"> <path d="M8 5v14l11-7z" /> </svg> </div> </div> </div> <div class="video-thumbnail sm:hidden block relative group" data-player="mobile3" data-video="zMhIx0Q5YFA"> <img src="https://img.youtube.com/vi/zMhIx0Q5YFA/sddefault.jpg" class="cursor-pointer object-cover aspect-square" /> <div class="play-button absolute inset-0 flex items-center justify-center"> <div class="w-16 h-16 bg-white/90 rounded-full flex items-center justify-center shadow-lg transition hover:scale-110"> <svg class="w-6 h-6 text-black" fill="currentColor" viewBox="0 0 24 24"> <path d="M8 5v14l11-7z" /> </svg> </div> </div> </div> <!-- These divs will be filled dynamically --> <div id="ytPlayerDesktop3" class="hidden aspect-video w-full h-full"></div> <div id="ytPlayerMobile3" class="hidden aspect-square w-full h-full"></div> </div> <!-- VARIATION 4 --> <div class="w-full max-w-[1000px] mx-auto relative videoContainer brand_video_variation_4 z-10 hidden"> <div class="video-thumbnail sm:block hidden relative group" data-player="desktop4" data-video="NADppj2T9Zo"> <img src="https://img.youtube.com/vi/NADppj2T9Zo/maxresdefault.jpg" class="cursor-pointer object-cover aspect-video" /> <div class="play-button absolute inset-0 flex items-center justify-center"> <div class="w-16 h-16 bg-white/90 rounded-full flex items-center justify-center shadow-lg transition hover:scale-110"> <svg class="w-6 h-6 text-black" fill="currentColor" viewBox="0 0 24 24"> <path d="M8 5v14l11-7z" /> </svg> </div> </div> </div> <div class="video-thumbnail sm:hidden block relative group" data-player="mobile4" data-video="GJJitqVrZ4k"> <img src="https://img.youtube.com/vi/GJJitqVrZ4k/sddefault.jpg" class="cursor-pointer object-cover aspect-square" /> <div class="play-button absolute inset-0 flex items-center justify-center"> <div class="w-16 h-16 bg-white/90 rounded-full flex items-center justify-center shadow-lg transition hover:scale-110"> <svg class="w-6 h-6 text-black" fill="currentColor" viewBox="0 0 24 24"> <path d="M8 5v14l11-7z" /> </svg> </div> </div> </div> <!-- These divs will be filled dynamically --> <div id="ytPlayerDesktop4" class="hidden aspect-video w-full h-full"></div> <div id="ytPlayerMobile4" class="hidden aspect-square w-full h-full"></div> </div> </div> <div class="inc-5000-section w-full py-7 md:py-10"> <div class="flex items-center flex-col sm:flex-row justify-center px-7 md:px-0 md:max-w-[820px] mx-auto"> <picture class=""> <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" class="aspect-square mb-3 md:w-[1000px] w-[800px]" > </picture> <div class=""> <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> <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> <p >Thank you for trusting us with your health.</p> <img class="my-3" loading="lazy" src="https://fb-v1.cdn-bio.com/assets/uploads/fa08-0c1f-d3d3-4674_Matt-Gallant.svg" alt="matt-gallant" width="200" height="60"> <p>CEO/Co-founder of BIOptimizers</p> </div> </div> </div> </main> <!-- Main CSS --> <!-- Font CSS --><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="11436d8dad55fa6bbd28dbf2-|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'"><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><!-- Main CSS --><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="11436d8dad55fa6bbd28dbf2-|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'"><noscript><link rel="stylesheet" href="https://fb-v1.cdn-bio.com/assets/uploads/5935-8d60-9f21-40f9_footer.css"></noscript> <style> .bio_bucks_form .hs-email label { display: inline; } .bio_bucks_form .hs-input { display: inline-block; width: 100%; max-width: 500px; height: 40px; padding: 9px 10px; font-family: "Lato", serif; font-size: 16px; font-weight: normal; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .bio_bucks_form ul.no-list { list-style: none; } .bio_bucks_form .inputs-list { margin: 0 0 5px; width: 100%; padding-left: 5px; } .bio_bucks_form .inputs-list>li { display: block; padding: 0; width: 100%; } .bio_bucks_form .inputs-list label { float: none; width: auto; padding: 0; line-height: 18px; white-space: normal; font-weight: normal; font-size: 14px !important; } .bio_bucks_form .hs-error-msgs label { color: #f2545b; } .bio_bucks_form .hs-button { width: 100%; margin: 0; cursor: pointer; display: inline-block; font-weight: 700; position: relative; text-align: center; transition: all .15s linear; border-radius: 3px; border-style: solid; border-width: 1px; padding: 12px 24px; background: #f28800; border-color: #f28800; color: #ffffff; font-size: 17px; line-height: 17px; font-family: "Lato", serif; text-transform: uppercase; } .bio_bucks_form .actions { padding: 10px 0; text-align: center; } .bio_bucks_form h5 { color: white; line-height: normal; font-size: 24px !important; font-family: "Lato", serif !important; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }</style> <footer class="bio_footer_nav footer-font-lato"> <div class="footer-bg-[#1E1E1E] footer-text-white"> <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"> <div class="footer-w-full"> <div class="footer-flex footer-flex-wrap md:footer-flex-row footer-flex-col"> <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full"> <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Customer Care</div> <div class="footer-mb-6"> <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> <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> <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> <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> <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> </div> <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Follow Us</div> <div class="footer-flex footer-gap-2.5 footer-mb-6"> <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> <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> <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> <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> <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> </div> </div> <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full"> <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Resources</div> <div class="footer-mb-6"> <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> <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> <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> <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> <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> <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> </div> </div> <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full"> <div class="footer-font-lato footer-text-base footer-font-black footer-tracking-wider footer-uppercase footer-mb-4">Company</div> <div class="footer-mb-6"> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> <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> </div> </div> <div class="lg:footer-w-1/4 sm:footer-w-2/4 footer-w-full"> <div> <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"> </div> <div class="bio_bucks_form"> <form action="https://cloud.bio-email.bioptimizers.com/footer_handler" method="POST"> <div class="footer-w-full"> <div id="feedback" style="display: none;">An account with this email already exists. Please log in.</div> <input type="hidden" name="submitted" value="submitted"> <div class=""> <label for="emailAdd" class="sr-only">Email Address</label> <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"> </div> <div class="footer-mt-2"> <input type="hidden" id="lead_source_url" name="lead_source_url" value=""> <input type="hidden" id="page_location" name="page_location" value="footer"> <button type="submit" class="footer-text-black footer-w-full footer-p-2 footer-bg-[#f28800] footer-uppercase footer-rounded-md">Sign Up</button> </div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> document.getElementById('lead_source_url').value = window.location.href; </script> </div> </form> </div> <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 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"> <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> <div class="footer-text-2xl footer-text-black footer-mb-5">An account with this email already exists</div> <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> <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> </div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> document.addEventListener("DOMContentLoaded", ()=> { document.querySelector(".close-err-popup").addEventListener("click", ()=> { document.querySelector(".err-msg").style.display = "none"; }) }) </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> document.addEventListener("DOMContentLoaded", function (){ const currentUrl = window.location.href; if (currentUrl.includes("hs_email_exists") || currentUrl.includes("email_exists")) { document.querySelector(".err-msg").classList.remove("footer-hidden") document.querySelector(".close-err-popup").addEventListener("click", ()=> { document.querySelector(".err-msg").classList.add("footer-hidden"); }) } }) </script> </div> </div> </div> </div> </div> <div class="footer-bg-black footer-p-5 footer-text-[#6A6A6A]"> <div class=" footer-border-solid footer-border footer-border-[#6A6A6A] footer-mx-auto footer-py-2.5"> <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> </div> <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"> <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> <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> <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> <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> </div> <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> </div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> const currentTime = new Date(); const year = currentTime.getFullYear(); document.getElementById("year").innerHTML = year; </script></footer> <!-- SF OPTIN --><style> /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); 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; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); 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; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); 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; } </style> <link rel="stylesheet" crossorigin href="https://fb-v1.cdn-bio.com/assets/sfOptin-f4768811e2fc5e2082ca7d33cc086799.css"> <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> <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 "> <div class="sf_optin_d sm:sfOpt-flex sfOpt-flex-row sfOpt-hidden "> <div class="sfOpt-w-1/2 sfOpt-h-full"> <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" /> </div> <div class="sfOpt-w-1/2 sfOpt-flex sfOpt-flex-col sfOpt-items-center"> <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"> </div> <div class="sfOpt-flex sfOpt-flex-col sfOpt-max-w-[340px] "> <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"> <div class="opt1-default"> <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> your first order*</div> <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">when you sign up for emails and texts</div> </div> <div class="opt1 "> <!-- <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"> --> <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"> <input type="hidden" class="submitted" name="submitted" value="submitted"> <input type="hidden" class="lead_source_url" name="lead_source_url" value=""> <input type="hidden" class="page_location" name="page_location" value="popup-desktop"> <label class="sfOpt-hidden" for="sf_email">Email</label> <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]" /> <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 "/> </form> </div> <div class="opt2 sfOpt-hidden"> <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"> <input type="hidden" name="phone_email" class="sfOpt_phone_email" value=""> <label class="sfOpt-hidden" for="sf_phone">Phone Number</label> <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]" /> <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"> Claim 10% Off Now </button> </form> </div> <div class="opt2 sfOpt-hidden sfOpt-text-xs sfOpt-text-center sfOpt-max-w-80 sfOpt-pb-3 sfOpt-mx-auto"> 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. </div> <div class="opt-ty sfOpt-hidden"> <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 /> for subscribing</div> <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> </div> <div class="opt-error sfOpt-text-xs sfOpt-text-center sfOpt-hidden"> <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> </div> <div class="opt1 sfOpt-text-xs sfOpt-text-center"> *new customers only </div> </div> <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-self-start sfOpt-place-self-start sfOpt-justify-self-start"> <button class="sf_optin_close sfOpt-mr-8 sfOpt-mt-8 sfOpt-mb-8 sfOpt-absolute sfOpt-top-1" aria-label="Close" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"> <path d="M25.8388 8.83884L8.16117 26.5165" stroke="black" stroke-linecap="round"/> <path d="M25.8388 26.5165L8.16117 8.83884" stroke="black" stroke-linecap="round"/> </svg> </button> </div> </div> </div> <div class="sf_optin_m sfOpt-flex sfOpt-flex-col sfOpt-items-center sm:sfOpt-hidden"> <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-h-[10lvh] sfOpt-mb-4"> </div> <div class="sfOpt-flex sfOpt-flex-col sfOpt-max-w-[340px] "> <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"> <div class="opt1-default"> <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> your first order*</div> <div class="sfOpt-text-base sfOpt-text-center sfOpt-mb-3">when you sign up for emails and text</div> </div> <div class="opt1 "> <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"> <input type="hidden" class="submitted" name="submitted" value="submitted"> <input type="hidden" class="lead_source_url" name="lead_source_url" value=""> <input type="hidden" class="page_location" name="page_location" value="popup-mobile"> <label class="sfOpt-hidden" for="sf_email2">Email</label> <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" /> <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" /> </form> </div> <div class="opt2 sfOpt-hidden"> <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"> <input type="hidden" name="phone_email" class="sfOpt_phone_email" value=""> <label class="sfOpt-hidden" for="sf_phone2">Phone Number</label> <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" /> <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"> Claim 10% Off Now </button> </form> </div> <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"> 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. </div> <div class="opt-ty sfOpt-hidden"> <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 /> for subscribing</div> <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> </div> <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"> <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> </div> <div class="opt1 sfOpt-text-xs sfOpt-text-center"> *new customers only </div> </div> <div class="sfOpt-w-full sfOpt-flex sfOpt-items-end sfOpt-justify-end sfOpt-h-[10lvh]"> <button class="sfOpt-mr-10 sfOpt-mb-4 sf_optin_close sfOpt-mb-8 sfOpt-absolute sfOpt-top-8" aria-label="Close" tabindex="0"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none"> <path d="M25.8388 8.83884L8.16117 26.5165" stroke="black" stroke-linecap="round"/> <path d="M25.8388 26.5165L8.16117 8.83884" stroke="black" stroke-linecap="round"/> </svg> </button> </div> </div></div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript">let sf_optin = { cookieName : "sf_optin", cookieValue : 1, expirationDays : 2, is_scrolled : false, phase : 1, errorTooltip : document.createElement('div'), clientCountryCode : window.FunnelBuilderUser.clientCountryCode, //clientCountryCode : "US", popup_delay : 6000, //popup_delay : 1000, u: "", vars : { sf_optin : document.querySelector(".sf_optin"), bg_cover : document.querySelector(".sf_optin_bg_cover"), bioBucks_guest : `guest`, has_purchased : `0` //bioBucks_guest : `guest`, //has_purchased : `0` }, init : function() { //setTimeout(sf_optin.showPopup, 180000); // 180000 milliseconds = 180 seconds console.log("initialize popup") // Prevent Google analytics seeing the popup window.addEventListener('scroll', () => { if (!navigator.userAgent.includes("Lighthouse") && !sf_optin.is_scrolled) { if(sf_optin.vars.bioBucks_guest == "guest"){ if(!sf_optin.getActiveCookieValue()){ setTimeout(sf_optin.showPopup, sf_optin.popup_delay); } }else if(sf_optin.has_purchased == 0){ if(!sf_optin.getActiveCookieValue()){ setTimeout(sf_optin.showPopup, sf_optin.popup_delay); } } } sf_optin.is_scrolled = true; }); const focusedElement = ""; document.addEventListener("keydown", function (event) { const popup = document.querySelector(".sf_optin"); if (event.key === "Escape" && popup.classList.contains("sfOpt-block")) { document.querySelectorAll(".sf_optin_close").forEach((clsbtn) => { clsbtn.click(); }) } try{ if(focusedElement.classList.contains("sf_optin_close") && event.key === "Enter"){ document.querySelectorAll(".sf_optin_close").forEach((clsbtn) => { clsbtn.click(); }) } }catch(e){} }); document.addEventListener("focus", function(event) { try { focusedElement = document.activeElement; }catch(e){} }, true); document.querySelectorAll(".sfOpt-mobilenumber").forEach((mobnumber) => { mobnumber.addEventListener('input', function (e) { let x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : ''); }); mobnumber.setAttribute('placeholder', '(123) 456-7890'); }) sf_optin.eventHandlers() sf_optin.setPageLander() sf_optin.addErrorTooltips() sf_optin.validatePhoneNumber() }, getActiveCookieValue(){ if(typeof document !== 'undefined'){ const cookies = document.cookie; const cookieArray = cookies.split(';'); for (let i = 0; i < cookieArray.length; i++) { let cookie = cookieArray[i].trim(); if (cookie.startsWith(`${sf_optin.cookieName}=`)) { return cookie.substring(`${sf_optin.cookieName}=`.length); } } } return null; }, setCookie() { const expirationMilliseconds = sf_optin.expirationDays * 24 * 60 * 60 * 1000; const expirationDate = new Date(Date.now() + expirationMilliseconds).toUTCString(); if(typeof document !== 'undefined'){ document.cookie = `${sf_optin.cookieName}=${sf_optin.cookieValue}; expires=${expirationDate}; path=/`; } }, eventHandlers : function() { document.querySelectorAll(".sf_optin_close").forEach((e)=>{ e.addEventListener("click", (close_btn)=> { sf_optin.vars.sf_optin.classList.remove("sfOpt-block") sf_optin.vars.sf_optin.classList.add("sfOpt-hidden") sf_optin.vars.bg_cover.classList.add("sfOpt-hidden") sf_optin.setCookie(); }) }) sf_optin.vars.bg_cover.addEventListener("click", () => { sf_optin.vars.sf_optin.classList.remove("sfOpt-block") sf_optin.vars.sf_optin.classList.add("sfOpt-hidden") sf_optin.vars.bg_cover.classList.add("sfOpt-hidden") sf_optin.setCookie(); }) document.querySelectorAll(".sf_popup_form").forEach((sf_form)=> { sf_form.addEventListener("submit", (e)=>{ event.preventDefault(); if(sf_form.classList.contains("sf_phonenumber_form")) { const phonePattern = /^\(\d{3}\) \d{3}-\d{4}$/; const submitButton = sf_form.closest('form').querySelector('.sf_submit_phone'); const phoneNumber_field = sf_form.closest('form').querySelector('.sfOpt-mobilenumber'); const errorTooltip = sf_optin.tooltipStyle('Phone number is incorrect', phoneNumber_field) if (!phonePattern.test(phoneNumber_field.value)) { errorTooltip.classList.remove('sfOpt-hidden'); //submitButton.disabled = true; return false; } else { errorTooltip.classList.add('sfOpt-hidden'); //submitButton.disabled = false; } } if(sf_form.classList.contains("sf_email_form")) { const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const submitButton = sf_form.closest('form').querySelector('.sf_submit'); const email_field = sf_form.closest('form').querySelector('.sfOpt-email'); const errorTooltip = sf_optin.tooltipStyle('Email is incorrect', email_field) if (!emailPattern.test(email_field.value)) { errorTooltip.classList.remove('sfOpt-hidden'); return false; } else { errorTooltip.classList.add('sfOpt-hidden'); } } document.querySelector(".sf_optin").querySelectorAll(".sf_submit").forEach((e)=>{ e.disabled = true; }) // Get form data const formData = new FormData(sf_form); sf_optin.u = formData.get("email"); // AJAX Request (using Fetch API) /* NO API FOR TESTING */ /*https://cloud.bio-email.bioptimizers.com/overlay_form_handler*/ /*https://cloud.bio-email.bioptimizers.com/test_copy/?phase=${sf_optin.phase}*/ /*https://cloud.bio-email.bioptimizers.com/testtest/*/ fetch(`https://cloud.bio-email.bioptimizers.com/overlay_form_handler/?phase=${sf_optin.phase}`, { method: 'POST', body: formData, }) .then(response => { //console.log(response) if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } return response.text(); // Or response.json() }) .then(data => { //console.log(data) if(JSON.parse(data).response[0].success){ /*NO API FOR TESTING */ if(sf_optin.phase == 1) { document.querySelector(".sf_optin").querySelectorAll(".opt1").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) document.querySelectorAll(".sfOpt_phone_email").forEach((phoneEmail) => { phoneEmail.value = sf_optin.u; }) sf_optin.setCookie(); /* TRACK EMAIL OPTIN CONVERSION */ dataLayer.push({ 'event': 'sf_optin_submitted' }); var _gl_client = '64'; var _gl_page_type = 'optin'; var _gl_optin = `${sf_optin.u}`; (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);})(); /* TRACK EMAIL OPTIN CONVERSION */ } if(sf_optin.clientCountryCode != "US") { /* STRAIGHT TO TY */ document.querySelector(".sf_optin").querySelectorAll(".opt1-default").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) document.querySelector(".sf_optin").querySelectorAll(".opt-ty").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{ e.classList.add("sfOpt-hidden"); }) document.querySelector(".sf_optin").querySelectorAll(".sfOpt-country-code-US").forEach((e)=>{ e.classList.add("sfOpt-hidden"); }) }else { /* NO PHASE */ if(sf_optin.phase == 1 || sf_optin.phase == 2) { document.querySelector(".sf_optin").querySelectorAll(".opt2").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{ e.classList.add("sfOpt-hidden"); }) if (window.innerWidth <= 768) { document.querySelector(".sf_optin_m input[name='phone']").focus(); } else { document.querySelector(".sf_optin_d input[name='phone']").focus(); } } /* NO PHASE */ if(sf_optin.phase == 2) { document.querySelector(".sf_optin").querySelectorAll(".opt1-default").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) document.querySelector(".sf_optin").querySelectorAll(".opt-ty").forEach((e)=>{ e.classList.toggle("sfOpt-hidden"); }) } } sf_optin.phase++; /* NO API FOR TESTING */ }else if(!JSON.parse(data).response[0].success){ document.querySelector(".sf_optin").querySelectorAll(".opt-error").forEach((e)=>{ e.classList.remove("sfOpt-hidden"); }) } document.querySelector(".sf_optin").querySelectorAll(".sf_submit").forEach((e)=>{ e.disabled = false; }) }) .catch(error => { console.log(error) //console.error('Error:', error); //document.getElementById('response').innerHTML = `<p>Error: ${error}</p>`; }); /* NO API FOR TESTING */ }) }) }, showPopup : function() { sf_optin.vars.sf_optin.classList.remove("sfOpt-hidden") sf_optin.vars.sf_optin.classList.add("sfOpt-block"); sf_optin.vars.bg_cover.classList.remove("sfOpt-hidden") if (window.innerWidth > 768) { document.querySelector(".sf_optin_d input[name='email']").focus(); } else { document.querySelector(".sf_optin_m input[name='email']").focus(); } }, setPageLander : function() { document.querySelectorAll('.lead_source_url').forEach((lead_src) => { lead_src.value = window.location.href; }) }, tooltipStyle : function(errmsg, form_field) { const errorTooltip = document.createElement('div'); errorTooltip.className = 'sfOpt-tooltip sfOpt-hidden'; errorTooltip.style.position = 'absolute'; errorTooltip.style.backgroundColor = 'rgb(225, 193, 107)'; errorTooltip.style.color = '#fff'; errorTooltip.style.padding = '5px'; errorTooltip.style.borderRadius = '5px'; errorTooltip.style.top = '-30px'; errorTooltip.style.left = '50%'; errorTooltip.style.transform = 'translateX(-50%)'; errorTooltip.style.width = 'max-content'; errorTooltip.innerText = errmsg; form_field.parentElement.style.position = 'relative'; form_field.parentElement.appendChild(errorTooltip); return errorTooltip; }, addErrorTooltips : function() { document.querySelectorAll('#sf_email, #sf_email2').forEach((email_field) => { const errorTooltip = sf_optin.tooltipStyle('Email is incorrect', email_field) }) }, validatePhoneNumber : function() { document.querySelectorAll('#sf_phone2, #sf_phone').forEach((phoneNumber_field) => { const errorTooltip = sf_optin.tooltipStyle('Phone number is incorrect', phoneNumber_field) }) }}sf_optin.init();</script><!-- END SF OPTIN --> <style> .pop-events { position: relative } /* .pop-events:hover .pop-events-button { opacity: 1 } */.bought-popup{font-weight: 400} .pop-events-container { background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); } .pop-events-wrapper { position: fixed; padding: 10px; z-index: 99991; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pop-events-container { position: relative; display: flex; align-items: center; width: 100%; height: 100%; min-height: 44px; max-height: 500px; padding: 0px; overflow: hidden; color: #333; cursor: pointer; } .pop-events-row { display: flex; align-items: center; gap: .5rem; padding-right: 25px; } .pop-events-image div { display: none; } .pop-events-content { display: inline; line-height: 0px; } .pop-events-customer { font-size: 10px; line-height: normal; font-weight: 400; color: #000; } .pop-events-action { font-size: 10px; line-height: normal; font-weight: 700; color: #000; } .pop-events-time { font-size: 8px; font-style: normal; font-weight: 400; line-height: 110%; color: #204C37; /* display: inline; */ } .pop-events-button { position: absolute; display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; top: 19px; right: 13px; left: auto; color: #000; transition: .25s ease-in-out; cursor: pointer; opacity: 1; z-index: 99999999999999 } /* .pop-events-button:hover { transform: scale(1.1) } */ /* @media (hover:none) { .pop-events-button { opacity: 1; transform: scale(1.1) } } */ @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; transform: translate3d(0, -100%, 0) } } .animate__animated { animation-duration: .5s; animation-fill-mode: both } .animate__hidden {height: 0; opacity: 0; transform: translate3d(0, 100%, 0) } .animate__hidden ..pop-events-container{min-height: 0px;height: 0;} .animate__fadeInUp { animation-name: fadeInUp } .animate__fadeOutDown { animation-name: fadeOutDown } .pop-events-wrapper { top: 120px; bottom: auto; } .pop-events-content br { display: none; } @media screen and (min-width: 767px) { .pop-events-wrapper { top: auto; bottom: 0; left: 0; } .pop-events-image div { width: 70px; height: 70px; background-position: center; background-size: auto 70px; background-repeat: no-repeat; display: block; } .pop-events-container { max-width: 420px; } .pop-events-content { max-width: 290px; } .pop-events-customer { font-size: 12px; } .pop-events-action { font-size: 12px; } .pop-events-time { font-size: 10px; } .pop-events-container { min-height: 70px; } .pop-events-content { line-height: 11px; } .pop-events-button { top: 13px; } .pop-events-content br { display: block; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: translate3d(0, 0, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; transform: translate3d(0, 100%, 0) } } } @media screen and (max-width: 767px) { .pop-events-wrapper { width: 96%; }}</style> <div class="pop-events"> <div class="pop-events-wrapper animate__hidden js-fb-shop-wrapper-pop"> <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-11436d8dad55fa6bbd28dbf2-=""> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <g clip-path="url(#clip0_18454_11248)"> <path d="M18.7168 5.71753L5.28177 19.1526" stroke="black" /> <path d="M18.7168 19.1526L5.28177 5.71756" stroke="black" /> </g> <defs> <clipPath id="clip0_18454_11248"> <rect width="24" height="24" fill="white" /> </clipPath> </defs> </svg> </div> <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-11436d8dad55fa6bbd28dbf2-=""> <div class="pop-events-row"> <div class="pop-events-image"> <div class="js-fb-shop-image-pop-product"></div> </div> <div class="pop-events-content"> <span class="pop-events-customer js-fb-shop-label-pop-customer"></span> <span class="pop-events-action js-fb-shop-label-pop-action"></span> <span class="pop-events-time js-fb-shop-label-pop-time"></span> </div> </div> </div> </div> </div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> const popupGlobal = { popupWrapper: null, popupLabelAction: null, observerPopup: null, init() { this.popupWrapper = document.getElementsByClassName('pop-events-wrapper')[0]; this.popupLabelAction = this.popupWrapper?.getElementsByClassName('js-fb-shop-label-pop-action')[0]; this.observerPopup = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { this.popupLabelAction.innerHTML = this.popupLabelAction.innerHTML.replace(/purchased/gi, '<span class="bought-popup">bought</span><br>'); } } }) window.addEventListener('scroll', () => { if (window.innerWidth <= 767) { if (window.scrollY > 50) { this.popupWrapper.style.top = '75px'; // change to desired top value } else { this.popupWrapper.style.top = '120px'; } } }); this.observerPopup.observe(this.popupWrapper, { attributes: true, attributeFilter: ['class'] }); // Touch / Mouse Events if (window.innerWidth <= 767) { let touchStartY = 0; let dragging = false; this.popupWrapper.addEventListener('touchstart', (e) => { if (e.touches.length > 0) { touchStartY = e.touches[0].clientY; dragging = false; // Reset } }); this.popupWrapper.addEventListener('touchmove', (e) => { const currentY = e.touches[0].clientY; const diffY = currentY - touchStartY; if (Math.abs(diffY) > 20 && !dragging) { // Only trigger if moved 20px+ dragging = true; FunnelBuilderShop.dismissPop(); console.log('Real touch drag detected'); e.preventDefault(); }e.preventDefault(); }); } } }; popupGlobal.init(); </script> <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"> <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> </div> <div class="hidden object-contain h-[600px] lg:object-cover"></div> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> let pdpScript = { var: { po: document.querySelector("#best_sellers_v2"), addtocart: document.querySelector("#button-mobile"), elem: "", elementRevealed: false }, finishedTyping : new Event("finishedTyping"), init: function () { window.addEventListener("DOMContentLoaded", ()=>{ pdpScript.eventListener(); pdpScript.var.addtocart.style.display = "none"; }) }, eventListener: function () { document.addEventListener("scroll", () => { pdpScript.detectLocation() }); }, detectLocation: function () { const divTarget = pdpScript.var.po.getBoundingClientRect(); for (const key in divTarget) { if (typeof divTarget[key] !== "function") { //console.log( `${key} : ${divTarget[key]}` ) if (divTarget.bottom < 1 && window.innerWidth < 640) { pdpScript.var.addtocart.style.display = "flex"; } else { pdpScript.var.addtocart.style.display = "none"; } } } }, createObserver: function(element, callback) { let observer; const options = { root: null, // Defaults to the viewport rootMargin: '0px', threshold: 0.1 // Adjust as needed }; observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { callback(true); } else { callback(false); } }); }, options); observer.observe(element); } } pdpScript.init(); window.pdpScript = pdpScript; </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> document.addEventListener("DOMContentLoaded", function() { window.HeroScripts4.variables.sliderDelay = 999999; window.HeroScripts4.init(); }); </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> class YearCalculator { constructor(startYear, startMonth) { this.startYear = startYear; this.startMonth = startMonth; } calculate() { const now = new Date(); const currentYear = now.getFullYear(); const currentMonth = now.getMonth() + 1; // Add 1 to get the correct month number let yearDifference = currentYear - this.startYear; // Check if the current month is before the start month if (currentMonth < this.startMonth) { yearDifference--; // Subtract a year if the current month is before the start month } return yearDifference; } } const yearCalculator = new YearCalculator(2021, 8); document.getElementById("yearRow").textContent = yearCalculator.calculate(); </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> class YouTubeThumbnailLoader { constructor() { this.scrolled = false; window.onscroll = this.onScroll.bind(this); } onScroll() { if (this.scrolled) return; this.scrolled = true; document.querySelectorAll(".youtube").forEach(current => { const videoid = current.dataset.embed; const source = `https://img.youtube.com/vi/${videoid}/sddefault.jpg`; const image = new Image(); image.src = source; image.setAttribute("class", "lg:min-w-[800px] mx-auto"); image.setAttribute("alt", "Bioptimizers Brand"); image.addEventListener("load", () => current.appendChild(image)); current.addEventListener("click", () => { current.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>`); current.remove(); }); current.addEventListener("keydown", event => { if (event.key === "Enter") { current.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>`); current.remove(); } }); }); } } new YouTubeThumbnailLoader(); </script> <script type="11436d8dad55fa6bbd28dbf2-text/javascript"> class YouTubePlayerManager { constructor() { this.players = {}; this.watchIntervals = {}; this.fiftyPercentTracked = {}; } init() { // Bind to thumbnail click console.log("YT-init") document.querySelectorAll('.video-thumbnail').forEach(thumbnail => { thumbnail.addEventListener('click', () => { const playerName = thumbnail.dataset.player; const videoId = thumbnail.dataset.video; const targetDiv = document.getElementById('ytPlayer' + this.capitalize(playerName)); // Show target div targetDiv.classList.remove('hidden'); // Hide thumbnail thumbnail.classList.remove('sm:block'); thumbnail.classList.remove('block'); thumbnail.classList.add('hidden'); // Inject and init player this.initPlayer(playerName, 'ytPlayer' + this.capitalize(playerName), videoId); window.HeroScripts4.variables.headerSwiper?.autoplay?.stop?.(); }); }); // Load API //window.onYouTubeIframeAPIReady = this.onYouTubeIframeAPIReady.bind(this); } capitalize(str) { return str.charAt(0).toUpperCase() + str.slice(1); } initPlayer(name, elementId, videoId) { if (this.players[name]) return; // already initialized this.fiftyPercentTracked[name] = false; this.players[name] = new YT.Player(elementId, { videoId: videoId, events: { 'onReady': (event) => { event.target.playVideo(); // ✅ autoplay when player is ready }, 'onStateChange': (event) => this.onPlayerStateChange(event, name) } }); } onPlayerStateChange(event, name) { const stateMap = { [YT.PlayerState.PLAYING]: '▶️ Play', [YT.PlayerState.PAUSED]: '⏸️ Pause', [YT.PlayerState.ENDED]: '⏹️ End' }; const state = stateMap[event.data]; if (state) { const iframeId = event.target.getIframe().id; console.log(`${state} - Player ID: ${iframeId}`); window._conv_q = window._conv_q || []; _conv_q.push(["triggerConversion", "100331307"]); } if (event.data === YT.PlayerState.PLAYING) { this.startWatchTimer(name); } else if ( event.data === YT.PlayerState.PAUSED || event.data === YT.PlayerState.ENDED ) { this.stopWatchTimer(name); window.HeroScripts4.variables.headerSwiper?.autoplay?.start?.(); } } startWatchTimer(name) { const player = this.players[name]; if (this.watchIntervals[name]) return; this.watchIntervals[name] = setInterval(() => { const currentTime = player.getCurrentTime(); const duration = player.getDuration(); if (!this.fiftyPercentTracked[name] && duration > 0 && currentTime / duration >= 0.5) { this.fiftyPercentTracked[name] = true; console.log(`🎯 50% Watched - Player: ${name}`); window._conv_q = window._conv_q || []; _conv_q.push(["triggerConversion", "100331314"]); } if (player.getPlayerState() === YT.PlayerState.ENDED) { clearInterval(this.watchIntervals[name]); this.watchIntervals[name] = null; } }, 1000); } stopWatchTimer(name) { if (this.watchIntervals[name]) { clearInterval(this.watchIntervals[name]); this.watchIntervals[name] = null; } } } const playerManager = new YouTubePlayerManager(); function loadYouTubeAPI() { if (!window.YT || typeof YT.Player !== 'function') { // Load the YouTube API script const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } else { // Already loaded playerManager.init(); } } // This is what YouTube calls automatically when it’s ready window.onYouTubeIframeAPIReady = () => { playerManager.init(); }; loadYouTubeAPI(); // Start loading </script> <!-- TAILWIND SETTERS --> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="11436d8dad55fa6bbd28dbf2-|49" defer></script></body> </html>
