PageSourceSearch

https://theprobar.com/blogs/news

html theprobar.com collected 2026-10-03 21:20:26 UTC 212,726 bytes, 4,124 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width,initial-scale=1">
7    <meta name="theme-color" content="">
8    <link rel="canonical" href="https://theprobar.com/blogs/news"><link rel="icon" type="image/png" href="//theprobar.com/cdn/shop/files/Favicon_1.png?crop=center&height=32&v=1680540250&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
9    
9<script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0123/2057.js" async="async"></script>
9
10    
11    
11<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/wyAEZEbUq8fY8wZuM3jfx37C7ctv8Vd5cQkUTq5x" async></script>
11
12
13    <title>
14      A Blog About Healthy Snacks, Travel, and Lifestyle - PROBAR
15</title>
16
17    
18      <meta name="description" content="Keep up on the latest news tips and tricks from the PROBAR Pros. How to&#39;s, recipes, and adventure can all be found in our blog. Visit today!">
19    
20
21    
22
23<meta property="og:site_name" content="PROBAR">
24<meta property="og:url" content="https://theprobar.com/blogs/news">
25<meta property="og:title" content="A Blog About Healthy Snacks, Travel, and Lifestyle - PROBAR">
26<meta property="og:type" content="website">
27<meta property="og:description" content="Keep up on the latest news tips and tricks from the PROBAR Pros. How to&#39;s, recipes, and adventure can all be found in our blog. Visit today!"><meta property="og:image" content="http://theprobar.com/cdn/shop/files/3Peaks_Logo_815daa2a-fe35-4e99-9415-db1477d1f164.jpg?v=1604351532">
28  <meta property="og:image:secure_url" content="https://theprobar.com/cdn/shop/files/3Peaks_Logo_815daa2a-fe35-4e99-9415-db1477d1f164.jpg?v=1604351532">
29  <meta property="og:image:width" content="1320">
30  <meta property="og:image:height" content="880"><meta name="twitter:card" content="summary_large_image">
31<meta name="twitter:title" content="A Blog About Healthy Snacks, Travel, and Lifestyle - PROBAR">
32<meta name="twitter:description" content="Keep up on the latest news tips and tricks from the PROBAR Pros. How to&#39;s, recipes, and adventure can all be found in our blog. Visit today!">
33
34
35    
35<script src="//theprobar.com/cdn/shop/t/112/assets/constants.js?v=58251544750838685771761670330" defer="defer"></script>
35
36    
36<script src="//theprobar.com/cdn/shop/t/112/assets/pubsub.js?v=158357773527763999511761670330" defer="defer"></script>
36
37    
37<script src="//theprobar.com/cdn/shop/t/112/assets/global.js?v=54939145903281508041761670330" defer="defer"></script>
37<script src="//theprobar.com/cdn/shop/t/112/assets/animations.js?v=88693664871331136111761670330" defer="defer"></script>
37<!-- Splide Integration -->
38    
38<script src="
39    https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js
40    "></script>
40
41    <link href="
42    https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css
43    " rel="stylesheet">
44
45    <link rel="preload" href="//theprobar.com/cdn/shop/t/112/assets/custom.css?v=14956719521350695161774031572" as="style">
46    <link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/custom.css?v=14956719521350695161774031572">
47
48    
48<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
48<meta name="google-site-verification" content="aMCTbz7s5icpNuyZU7PalOaMRTEbtFRm5B-5fq-DnBY">
49<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7401734191/digital_wallets/dialog">
50<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/news.atom" />
51<link rel="next" href="/blogs/news?page=2">
52<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 52
52
53<script id="shopify-features" type="application/json">{"accessToken":"d6cd81e7388b24b7e274259b696e4e80","betas":["rich-media-storefront-analytics"],"domain":"theprobar.com","predictiveSearch":true,"shopId":7401734191,"locale":"en"}</script>
vendor: 1 bytes, line 53
53
54<script>var Shopify = Shopify || {};
55Shopify.shop = "theprobarllc.myshopify.com";
56Shopify.locale = "en";
57Shopify.currency = {"active":"USD","rate":"1.0"};
58Shopify.country = "US";
59Shopify.theme = {"name":"Probar | No Ecommerce Nov 2025","id":142316437573,"schema_name":"Dawn","schema_version":"11.0.0","theme_store_id":null,"role":"main"};
60Shopify.theme.handle = "null";
61Shopify.theme.style = {"id":null,"handle":null};
62Shopify.cdnHost = "theprobar.com/cdn";
63Shopify.routes = Shopify.routes || {};
64Shopify.routes.root = "/";
65Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
66Shopify.SignInWithShop = Shopify.SignInWithShop || {};
67Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
68Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 68
68
69<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 69
69
70<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 70
70
71<script>
72  window.Shopify = window.Shopify || {};
73  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
74  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
75  window.Shopify.SignInWithShop.eligible = true;
76</script>
vendor: 1 bytes, line 76
76
77<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 77
77
78<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 78
78
79<script type="module">
80  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
81
82  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
83
84</script>
vendor: 1 bytes, line 84
84
85<script>
86  window.Shopify = window.Shopify || {};
87  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
88  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
89</script>
vendor: 1 bytes, line 89
89
90<script>(function() {
91  var isLoaded = false;
92  function asyncLoad() {
93    if (isLoaded) return;
94    isLoaded = true;
95    var urls = ["https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=theprobarllc.myshopify.com","https:\/\/kp-27ma.klck.dev\/boa.js?v=40\u0026version=v2\u0026platform=shopify\u0026domain_id=2562\u0026account_id=1248\u0026b_type_cart=3a98e394e69461ed\u0026b_type_visit=4b7b42a0c9ec5649\u0026b_type_checkout=26c3f7bbc3109b1c\u0026shop=theprobarllc.myshopify.com"];
96    for (var i = 0; i < urls.length; i++) {
97      var s = document.createElement('script');
98      s.type = 'text/javascript';
99      s.async = true;
100      s.src = urls[i];
101      var x = document.getElementsByTagName('script')[0];
102      x.parentNode.insertBefore(s, x);
103    }
104  };
105  if(window.attachEvent) {
106    window.attachEvent('onload', asyncLoad);
107  } else {
108    window.addEventListener('load', asyncLoad, false);
109  }
110})();</script>
vendor: 1 bytes, line 110
110
111<script id="__st">var __st={"a":7401734191,"offset":-21600,"reqid":"cf3ccf67-bc5f-48d5-893f-610decab1920-1791062425","pageurl":"theprobar.com\/blogs\/news","s":"blogs-13773668399","u":"f895b216ab6c","p":"blog","rtyp":"blog","rid":13773668399};</script>
vendor: 1 bytes, line 111
111
112<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 112
112
113<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 113
113
114<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//theprobar.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 114
114
115<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//theprobar.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
115<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 115
115
116<script>
117  window.Shopify = window.Shopify || {};
118  window.Shopify.MCP = window.Shopify.MCP || {};
119  window.Shopify.MCP.enabled = true;
120  window.Shopify.MCP.shop = "theprobarllc.myshopify.com";
121  window.Shopify.MCP.mcpEndpoint = "https:\/\/theprobar.com\/api\/mcp";
122  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
123</script>
vendor: 1 bytes, line 123
123
124<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/theprobar.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
125</script>
vendor: 1 bytes, line 125
125
126<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://theprobar.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
127</script>
vendor: 1 bytes, line 127
127
128<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
129  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
130</script>
vendor: 1 bytes, line 130
130
131<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
132</script>
vendor: 1 bytes, line 132
132
133<script id="sections-script" data-sections="header" defer="defer" src="//theprobar.com/cdn/shop/t/112/compiled_assets/scripts.js?v=184325197989695213571761670330"></script>
vendor: 1 bytes, line 133
133
134<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
134
135
136
137    <style data-shopify>
138      @font-face {
139  font-family: Assistant;
140  font-weight: 400;
141  font-style: normal;
142  font-display: swap;
143  src: url("//theprobar.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
144       url("//theprobar.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
145}
146
147      @font-face {
148  font-family: Assistant;
149  font-weight: 700;
150  font-style: normal;
151  font-display: swap;
152  src: url("//theprobar.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
153       url("//theprobar.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
154}
155
156      
157      
158      @font-face {
159  font-family: Assistant;
160  font-weight: 400;
161  font-style: normal;
162  font-display: swap;
163  src: url("//theprobar.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
164       url("//theprobar.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
165}
166
167
168      
169        :root,
170        .color-background-1 {
171          --color-background: 255,255,255;
172        
173          --gradient-background: #ffffff;
174        
175        --color-foreground: 18,18,18;
176        --color-shadow: 18,18,18;
177        --color-button: 18,18,18;
178        --color-button-text: 255,255,255;
179        --color-secondary-button: 255,255,255;
180        --color-secondary-button-text: 18,18,18;
181        --color-link: 18,18,18;
182        --color-badge-foreground: 18,18,18;
183        --color-badge-background: 255,255,255;
184        --color-badge-border: 18,18,18;
185        --payment-terms-background-color: rgb(255 255 255);
186      }
187      
188        
189        .color-background-2 {
190          --color-background: 243,243,243;
191        
192          --gradient-background: #f3f3f3;
193        
194        --color-foreground: 18,18,18;
195        --color-shadow: 18,18,18;
196        --color-button: 18,18,18;
197        --color-button-text: 243,243,243;
198        --color-secondary-button: 243,243,243;
199        --color-secondary-button-text: 18,18,18;
200        --color-link: 18,18,18;
201        --color-badge-foreground: 18,18,18;
202        --color-badge-background: 243,243,243;
203        --color-badge-border: 18,18,18;
204        --payment-terms-background-color: rgb(243 243 243);
205      }
206      
207        
208        .color-inverse {
209          --color-background: 18,18,18;
210        
211          --gradient-background: #121212;
212        
213        --color-foreground: 255,255,255;
214        --color-shadow: 18,18,18;
215        --color-button: 255,255,255;
216        --color-button-text: 18,18,18;
217        --color-secondary-button: 18,18,18;
218        --color-secondary-button-text: 255,255,255;
219        --color-link: 255,255,255;
220        --color-badge-foreground: 255,255,255;
221        --color-badge-background: 18,18,18;
222        --color-badge-border: 255,255,255;
223        --payment-terms-background-color: rgb(18 18 18);
224      }
225      
226        
227        .color-accent-1 {
228          --color-background: 18,18,18;
229        
230          --gradient-background: #121212;
231        
232        --color-foreground: 255,255,255;
233        --color-shadow: 18,18,18;
234        --color-button: 255,255,255;
235        --color-button-text: 18,18,18;
236        --color-secondary-button: 18,18,18;
237        --color-secondary-button-text: 255,255,255;
238        --color-link: 255,255,255;
239        --color-badge-foreground: 255,255,255;
240        --color-badge-background: 18,18,18;
241        --color-badge-border: 255,255,255;
242        --payment-terms-background-color: rgb(18 18 18);
243      }
244      
245        
246        .color-accent-2 {
247          --color-background: 51,79,180;
248        
249          --gradient-background: #334fb4;
250        
251        --color-foreground: 255,255,255;
252        --color-shadow: 18,18,18;
253        --color-button: 255,255,255;
254        --color-button-text: 51,79,180;
255        --color-secondary-button: 51,79,180;
256        --color-secondary-button-text: 255,255,255;
257        --color-link: 255,255,255;
258        --color-badge-foreground: 255,255,255;
259        --color-badge-background: 51,79,180;
260        --color-badge-border: 255,255,255;
261        --payment-terms-background-color: rgb(51 79 180);
262      }
263      
264
265      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
266        color: rgba(var(--color-foreground), 0.75);
267        background-color: rgb(var(--color-background));
268      }
269
270      :root {
271        --font-body-family: Assistant, sans-serif;
272        --font-body-style: normal;
273        --font-body-weight: 400;
274        --font-body-weight-bold: 700;
275
276        --font-heading-family: Assistant, sans-serif;
277        --font-heading-style: normal;
278        --font-heading-weight: 400;
279
280        --font-body-scale: 1.0;
281        --font-heading-scale: 1.0;
282
283        --media-padding: px;
284        --media-border-opacity: 0.05;
285        --media-border-width: 1px;
286        --media-radius: 0px;
287        --media-shadow-opacity: 0.0;
288        --media-shadow-horizontal-offset: 0px;
289        --media-shadow-vertical-offset: 0px;
290        --media-shadow-blur-radius: 0px;
291        --media-shadow-visible: 0;
292
293        --page-width: 120rem;
294        --page-width-margin: 0rem;
295
296        --product-card-image-padding: 0.0rem;
297        --product-card-corner-radius: 0.0rem;
298        --product-card-text-alignment: left;
299        --product-card-border-width: 0.0rem;
300        --product-card-border-opacity: 0.0;
301        --product-card-shadow-opacity: 0.1;
302        --product-card-shadow-visible: 1;
303        --product-card-shadow-horizontal-offset: 0.0rem;
304        --product-card-shadow-vertical-offset: 0.0rem;
305        --product-card-shadow-blur-radius: 0.0rem;
306
307        --collection-card-image-padding: 0.0rem;
308        --collection-card-corner-radius: 0.0rem;
309        --collection-card-text-alignment: left;
310        --collection-card-border-width: 0.0rem;
311        --collection-card-border-opacity: 0.0;
312        --collection-card-shadow-opacity: 0.1;
313        --collection-card-shadow-visible: 1;
314        --collection-card-shadow-horizontal-offset: 0.0rem;
315        --collection-card-shadow-vertical-offset: 0.0rem;
316        --collection-card-shadow-blur-radius: 0.0rem;
317
318        --blog-card-image-padding: 0.0rem;
319        --blog-card-corner-radius: 0.0rem;
320        --blog-card-text-alignment: left;
321        --blog-card-border-width: 0.0rem;
322        --blog-card-border-opacity: 0.0;
323        --blog-card-shadow-opacity: 0.1;
324        --blog-card-shadow-visible: 1;
325        --blog-card-shadow-horizontal-offset: 0.0rem;
326        --blog-card-shadow-vertical-offset: 0.0rem;
327        --blog-card-shadow-blur-radius: 0.0rem;
328
329        --badge-corner-radius: 0.0rem;
330
331        --popup-border-width: 1px;
332        --popup-border-opacity: 0.1;
333        --popup-corner-radius: 0px;
334        --popup-shadow-opacity: 0.0;
335        --popup-shadow-horizontal-offset: 0px;
336        --popup-shadow-vertical-offset: 0px;
337        --popup-shadow-blur-radius: 0px;
338
339        --drawer-border-width: 1px;
340        --drawer-border-opacity: 0.1;
341        --drawer-shadow-opacity: 0.0;
342        --drawer-shadow-horizontal-offset: 0px;
343        --drawer-shadow-vertical-offset: 0px;
344        --drawer-shadow-blur-radius: 0px;
345
346        --spacing-sections-desktop: 0px;
347        --spacing-sections-mobile: 0px;
348
349        --grid-desktop-vertical-spacing: 8px;
350        --grid-desktop-horizontal-spacing: 8px;
351        --grid-mobile-vertical-spacing: 4px;
352        --grid-mobile-horizontal-spacing: 4px;
353
354        --text-boxes-border-opacity: 0.0;
355        --text-boxes-border-width: 0px;
356        --text-boxes-radius: 0px;
357        --text-boxes-shadow-opacity: 0.0;
358        --text-boxes-shadow-visible: 0;
359        --text-boxes-shadow-horizontal-offset: 0px;
360        --text-boxes-shadow-vertical-offset: 0px;
361        --text-boxes-shadow-blur-radius: 0px;
362
363        --buttons-radius: 0px;
364        --buttons-radius-outset: 0px;
365        --buttons-border-width: 1px;
366        --buttons-border-opacity: 1.0;
367        --buttons-shadow-opacity: 0.0;
368        --buttons-shadow-visible: 0;
369        --buttons-shadow-horizontal-offset: 0px;
370        --buttons-shadow-vertical-offset: 0px;
371        --buttons-shadow-blur-radius: 0px;
372        --buttons-border-offset: 0px;
373
374        --inputs-radius: 0px;
375        --inputs-border-width: 1px;
376        --inputs-border-opacity: 0.55;
377        --inputs-shadow-opacity: 0.0;
378        --inputs-shadow-horizontal-offset: 0px;
379        --inputs-margin-offset: 0px;
380        --inputs-shadow-vertical-offset: 0px;
381        --inputs-shadow-blur-radius: 0px;
382        --inputs-radius-outset: 0px;
383
384        --variant-pills-radius: 40px;
385        --variant-pills-border-width: 1px;
386        --variant-pills-border-opacity: 0.55;
387        --variant-pills-shadow-opacity: 0.0;
388        --variant-pills-shadow-horizontal-offset: 0px;
389        --variant-pills-shadow-vertical-offset: 0px;
390        --variant-pills-shadow-blur-radius: 0px;
391      }
392
393      *,
394      *::before,
395      *::after {
396        box-sizing: inherit;
397      }
398
399      html {
400        box-sizing: border-box;
401        font-size: calc(var(--font-body-scale) * 62.5%);
402        height: 100%;
403      }
404
405      body {
406        display: grid;
407        grid: inherit;
408        grid-template-rows: auto auto 1fr auto;
409        grid-template-columns: 100%;
410        min-height: 100%;
411        margin: 0;
412        font-size: 1.5rem;
413        letter-spacing: 0.06rem;
414        line-height: calc(1 + 0.8 / var(--font-body-scale));
415        font-family: var(--font-body-family);
416        font-style: var(--font-body-style);
417        font-weight: var(--font-body-weight);
418      }
419
420      @media screen and (min-width: 750px) {
421        body {
422          font-size: 1.6rem;
423        }
424      }
425    </style>
426
427    <link href="//theprobar.com/cdn/shop/t/112/assets/base.css?v=60245687397539333241761670330" rel="stylesheet" type="text/css" media="all" />
428    <link href="//theprobar.com/cdn/shop/t/112/assets/custom.css?v=14956719521350695161774031572" rel="stylesheet" type="text/css" media="all" />
429<link rel="preload" as="font" href="//theprobar.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//theprobar.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin><link
430        rel="stylesheet"
431        href="//theprobar.com/cdn/shop/t/112/assets/component-predictive-search.css?v=118923337488134913561761670330"
432        media="print"
433        onload="this.media='all'"
434      >
434<script>
435      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
436      if (Shopify.designMode) {
437        document.documentElement.classList.add('shopify-design-mode');
438      }
439    </script>
439
440    
440<script src="https://cdn-widgetsrepository.yotpo.com/v1/loader/2NfqEklp87SpS5oFl9pZLQ" async></script>
440
441<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
442
443
444
445
446
447
448
449
450
451
452
453
454  
454<script async src="https://static.klaviyo.com/onsite/js/KZfZrj/klaviyo.js?company_id=KZfZrj"></script>
454
455  
455<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
455
456
457  
458
459
460
461
462  
462<script>
463    window.klaviyoReviewsProductDesignMode = false
464  </script>
464
465
466
467
468
469
470
471
472
473
474<!-- END app block --><!-- BEGIN app block: shopify://apps/amazon-reviews/blocks/product-rating-snippet-embed/88ab28f3-a438-4eb3-a83e-f1a9c62c5069 -->
475
476
477
478<!-- END app block -->
478<script src="https://cdn.shopify.com/extensions/01a08082-d092-749c-87fb-d7fdd89713b9/announcement-bar-maker-by-apphero-7/assets/attrac-embed-bars.js" type="text/javascript" defer="defer"></script>
478
479<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
480<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 7401734191,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 480
480
481<script>
482  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
483</script>
vendor: 1 bytes, line 483
483
484<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
484).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 7401734191,storefrontBaseUrl: "https://theprobar.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://theprobar.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2254274629","configuration":"{\"shopDomain\":\"theprobarllc.myshopify.com\",\"accountId\":\"1248\",\"basisPixelVisit\":\"4b7b42a0c9ec5649\",\"basisPixelCart\":\"3a98e394e69461ed\",\"basisPixelCheckout\":\"26c3f7bbc3109b1c\",\"analyticsApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/wp\",\"checkoutApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cs\",\"cartApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cc\",\"ardDataApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/ard\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"efdf7a548489ec4e8275e6f4b26ccd39","type":"APP","apiClientId":1821457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
484,{"id":"1721696325","configuration":"{\"accountID\":\"KZfZrj\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"370868293","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"AW-698071814\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-698071814\\\/d8GQCI2J0swBEIb27swC\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-698071814\\\/1KdICIqJ0swBEIb27swC\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-698071814\\\/peVBCISJ0swBEIb27swC\\\",\\\"MC-QQNCL91E9L\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-698071814\\\/iccmCIGJ0swBEIb27swC\\\",\\\"MC-QQNCL91E9L\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-698071814\\\/bKd6CP6I0swBEIb27swC\\\",\\\"MC-QQNCL91E9L\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-698071814\\\/dmm9CJCJ0swBEIb27swC\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-698071814\\\/HG69CIeJ0swBEIb27swC\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"91455557","configuration":"{\"pixel_id\":\"1268387083333448\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"PROBAR","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"theprobarllc.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/theprobar.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4611984326725","handle":"probar-starter-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31951928983621","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://theprobar.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"142316437573","themePublished":"true","eventMetadataId":"fb4df104-5fd4-41e9-a234-79f2afda1bc9","pageType":"blog","resourceId":"13773668399","shopId":"7401734191","storefrontBaseUrl":"https:\/\/theprobar.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
484<script>
485  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
486  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
487  window.ShopifyAnalytics.meta.currency = 'USD';
488  var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":13773668399,"requestId":"cf3ccf67-bc5f-48d5-893f-610decab1920-1791062425"}};
489  for (var attr in meta) {
490    window.ShopifyAnalytics.meta[attr] = meta[attr];
491  }
492</script>
vendor: 1 bytes, line 492
492
493<script class="analytics">
494  (function () {
495    var customDocumentWrite = function(content) {
496      var jquery = null;
497
498      if (window.jQuery) {
499        jquery = window.jQuery;
500      } else if (window.Checkout && window.Checkout.$) {
501        jquery = window.Checkout.$;
502      }
503
504      if (jquery) {
505        jquery('body').append(content);
506      }
507    };
508
509    var hasLoggedConversion = function(token) {
510      if (token) {
511        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
512      }
513      return false;
514    }
515
516    var setCookieIfConversion = function(token) {
517      if (token) {
518        var twoMonthsFromNow = new Date(Date.now());
519        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
520
521        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
522      }
523    }
524
525    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
526    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
527    if (trekkie.integrations) {
528      return;
529    }
530    trekkie.methods = [
531      'identify',
532      'page',
533      'ready',
534      'track',
535      'trackForm',
536      'trackLink'
537    ];
538    trekkie.factory = function(method) {
539      return function() {
540        var args = Array.prototype.slice.call(arguments);
541        args.unshift(method);
542        trekkie.push(args);
543        if (method == 'track' || method == 'page') {
544          var pageUrl;
545          try {
546            pageUrl = window.location.href;
547          } catch (e) {}
548          var pageReferrer;
549          try {
550            pageReferrer = document.referrer;
551          } catch (e) {}
552          try {
553            if (window.__TREKKIE_SHIM_QUEUE == null) {
554              window.__TREKKIE_SHIM_QUEUE = [];
555            }
556            window.__TREKKIE_SHIM_QUEUE.push({
557              from: 'trekkie-stub',
558              method: method,
559              args: args.slice(1),
560              pageContext: {
561                url: pageUrl,
562                referrer: pageReferrer
563              }
564            });
565          } catch (e) {
566            // no-op
567          }
568        }
569        return trekkie;
570      };
571    };
572    for (var i = 0; i < trekkie.methods.length; i++) {
573      var key = trekkie.methods[i];
574      trekkie[key] = trekkie.factory(key);
575    }
576    trekkie.load = function(config) {
577      trekkie.config = config || {};
578      trekkie.config.initialDocumentCookie = document.cookie;
579      var first = document.getElementsByTagName('script')[0];
580var script = document.createElement('script');
581script.type = 'text/javascript';
582script.onerror = function(e) {
583  var scriptFallback = document.createElement('script');
584  scriptFallback.type = 'text/javascript';
585  scriptFallback.onerror = function(error) {
586          var Monorail = {
587      produce: function produce(monorailDomain, schemaId, payload) {
588        var currentMs = new Date().getTime();
589        var event = {
590          schema_id: schemaId,
591          payload: payload,
592          metadata: {
593            event_created_at_ms: currentMs,
594            event_sent_at_ms: currentMs
595          }
596        };
597        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
598      },
599      sendRequest: function sendRequest(endpointUrl, payload) {
600        // Try the sendBeacon API
601        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
602          var blobData = new window.Blob([payload], {
603            type: 'text/plain'
604          });
605
606          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
607            return true;
608          } // sendBeacon was not successful
609
610        } // XHR beacon
611
612        var xhr = new XMLHttpRequest();
613
614        try {
615          xhr.open('POST', endpointUrl);
616          xhr.setRequestHeader('Content-Type', 'text/plain');
617          xhr.send(payload);
618        } catch (e) {
619          console.log(e);
620        }
621
622        return false;
623      },
624      isIos12: function isIos12() {
625        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
626      }
627    };
628    Monorail.produce('monorail-edge.shopifysvc.com',
629      'trekkie_storefront_load_errors/1.1',
630      {shop_id: 7401734191,
631      theme_id: 142316437573,
632      app_name: "storefront",
633      context_url: window.location.href,
634      source_url: "//theprobar.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
635
636  };
637  scriptFallback.async = true;
638  scriptFallback.src = '//theprobar.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
639  first.parentNode.insertBefore(scriptFallback, first);
640};
641script.async = true;
642script.src = '//theprobar.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
643first.parentNode.insertBefore(script, first);
644
645    };
646    trekkie.load(
647      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7401734191,"isMerchantRequest":null,"themeId":142316437573,"themeCityHash":"2507259808686647997","contentLanguage":"en","currency":"USD","eventMetadataId":"fb4df104-5fd4-41e9-a234-79f2afda1bc9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
648    );
649
650    var loaded = false;
651    trekkie.ready(function() {
652      if (loaded) return;
653      loaded = true;
654
655      window.ShopifyAnalytics.lib = window.trekkie;
656
657      var originalDocumentWrite = document.write;
658      document.write = customDocumentWrite;
659      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
660      document.write = originalDocumentWrite;
661
662      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
663      var token = match? match[1]: undefined;
664      if (!hasLoggedConversion(token)) {
665        setCookieIfConversion(token);
666        
667      }
668    });
669
670    window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":13773668399,"requestId":"cf3ccf67-bc5f-48d5-893f-610decab1920-1791062425","shopifyEmitted":true});
671
672    var eventsListenerScript = document.createElement('script');
673    eventsListenerScript.async = true;
674    eventsListenerScript.src = "//theprobar.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
675    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
676})();</script>
676
677  
677<script>
678  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
679    window.ga = function ga() {
680      (window.ga.q = window.ga.q || []).push(arguments);
681      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
682        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
683      }
684      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
685    };
686    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
687      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
688    }
689  }
690</script>
vendor: 1 bytes, line 690
690
691<script
692  defer
693  src="https://theprobar.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
694  data-application="storefront-renderer"
695  data-shop-id="7401734191"
696  data-render-region="gcp-us-central1"
697  data-page-type="blog"
698  data-theme-instance-id="142316437573"
699  data-theme-name="Dawn"
700  data-theme-version="11.0.0"
701  data-monorail-region="shop_domain"
702  data-resource-timing-sampling-rate="10"
703  data-shs="true"
704  data-shs-beacon="true"
705  data-shs-export-with-fetch="true"
706  data-shs-logs-sample-rate="1"
707  data-shs-beacon-endpoint="https://theprobar.com/api/collect"
708></script>
708
709<meta name="shopify-y" content="0115e0fa-dbf3-4c10-9080-b18d0d0414fd" data-expiration="1822620026000"><meta name="shopify-s" content="9df440ae-a0ba-431c-8e95-3163d42cf107" data-expiration="1791064226000"><meta name="new-cookie-storage-activated" content="t">
710</head>
711
712  <body class="gradient animate--hover-default">
713    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
714      Skip to content
715    </a>
716
717<link href="//theprobar.com/cdn/shop/t/112/assets/quantity-popover.css?v=29974906037699025581761670330" rel="stylesheet" type="text/css" media="all" />
718
719<script src="//theprobar.com/cdn/shop/t/112/assets/cart.js?v=4193034376803868811761670330" defer="defer"></script>
vendor: 1 bytes, line 719
719
720<script src="//theprobar.com/cdn/shop/t/112/assets/quantity-popover.js?v=82513154315370490311761670330" defer="defer"></script>
720
721
722<style>
723  .drawer {
724    visibility: hidden;
725  }
726</style>
727
728<cart-drawer class="drawer is-empty">
729  <div id="CartDrawer" class="cart-drawer">
730    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
731    <div
732      class="drawer__inner"
733      role="dialog"
734      aria-modal="true"
735      aria-label="Your cart"
736      tabindex="-1"
737    ><div class="drawer__inner-empty">
738          <div class="cart-drawer__warnings center">
739            <div class="cart-drawer__empty-content">
740              <h2 class="cart__empty-text">Your cart is empty</h2>
741              <button
742                class="drawer__close"
743                type="button"
744                onclick="this.closest('cart-drawer').close()"
745                aria-label="Close"
746              >
747                <svg
748  xmlns="http://www.w3.org/2000/svg"
749  aria-hidden="true"
750  focusable="false"
751  class="icon icon-close"
752  fill="none"
753  viewBox="0 0 18 17"
754>
755  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
756</svg>
757
758              </button>
759              <a href="/collections" class="button button--primary">
760                Continue shopping
761              </a><p class="cart__login-title h3">Have an account?</p>
762                <p class="cart__login-paragraph">
763                  <a href="/account/login" class="link underlined-link">Log in</a> to check out faster.
764                </p></div>
765          </div></div><div class="drawer__header">
766        <h2 class="drawer__heading">Your cart</h2>
767        <button
768          class="drawer__close"
769          type="button"
770          onclick="this.closest('cart-drawer').close()"
771          aria-label="Close"
772        >
773          <svg
774  xmlns="http://www.w3.org/2000/svg"
775  aria-hidden="true"
776  focusable="false"
777  class="icon icon-close"
778  fill="none"
779  viewBox="0 0 18 17"
780>
781  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
782</svg>
783
784        </button>
785      </div>
786      <cart-drawer-items
787        
788          class=" is-empty"
789        
790      >
791        <form
792          action="/cart"
793          id="CartDrawer-Form"
794          class="cart__contents cart-drawer__form"
795          method="post"
796        >
797          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
798            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
799              Loading...
800            </p>
801          </div>
802          <div id="CartDrawer-CartErrors" role="alert"></div>
803        </form>
804      </cart-drawer-items>
805      <div class="drawer__footer"><!-- Start blocks -->
806        <!-- Subtotals -->
807
808        <div class="cart-drawer__footer" >
809          <div></div>
810
811          <div class="totals" role="status">
812            <h2 class="totals__total">Estimated total</h2>
813            <p class="totals__total-value">$0.00 USD</p>
814          </div>
815
816          <small class="tax-note caption-large rte">Taxes, Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
817</small>
818        </div>
819
820        <!-- CTAs -->
821
822        <div class="cart__ctas" >
823          <noscript>
824            <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form">
825              Update
826            </button>
827          </noscript>
828
829          <button
830            type="submit"
831            id="CartDrawer-Checkout"
832            class="cart__checkout-button button"
833            name="checkout"
834            form="CartDrawer-Form"
835            
836              disabled
837            
838          >
839            CHECKOUT
840          </button>
841          <a href="/cart" class="button button--secondary">VIEW CART</a>
842        </div>
843      </div>
844    </div>
845  </div>
846</cart-drawer>
847
848<script>
849  document.addEventListener('DOMContentLoaded', function () {
850    function isIE() {
851      const ua = window.navigator.userAgent;
852      const msie = ua.indexOf('MSIE ');
853      const trident = ua.indexOf('Trident/');
854
855      return msie > 0 || trident > 0;
856    }
857
858    if (!isIE()) return;
859    const cartSubmitInput = document.createElement('input');
860    cartSubmitInput.setAttribute('name', 'checkout');
861    cartSubmitInput.setAttribute('type', 'hidden');
862    document.querySelector('#cart').appendChild(cartSubmitInput);
863    document.querySelector('#checkout').addEventListener('click', function (event) {
864      document.querySelector('#cart').submit();
865    });
866  });
867</script>
867
868<!-- BEGIN sections: header-group -->
869<div id="shopify-section-sections--18613515944005__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//theprobar.com/cdn/shop/t/112/assets/component-slideshow.css?v=183177884891632602431761670330" rel="stylesheet" type="text/css" media="all" />
870<link href="//theprobar.com/cdn/shop/t/112/assets/component-slider.css?v=46506297327845790311761670330" rel="stylesheet" type="text/css" media="all" />
871
872  <link href="//theprobar.com/cdn/shop/t/112/assets/component-list-social.css?v=35792976012981934991761670330" rel="stylesheet" type="text/css" media="all" />
873
874
875<style data-shopify>
876  .utility-bar {
877    background: #65a812;
878  }
879  .announcement-bar__message {
880    color: #ffffff;
881  }
882  .utility-bar .slider-button svg path {
883    color: #ffffff;
884    fill: #ffffff;
885  }
886  .announcement-bar__link:hover {
887    text-decoration-color: #ffffff;
888  }
889  
890</style>
891
892<div
893  class="utility-bar gradient"
894>
895  <div class="page-width utility-bar__grid"><div class="localization-wrapper">
896</div>
897  </div>
898</div>
899
900
901</div><div id="shopify-section-sections--18613515944005__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-list-menu.css?v=151968516119678728991761670330" media="print" onload="this.media='all'">
902<link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-search.css?v=130382253973794904871761670330" media="print" onload="this.media='all'">
903<link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-menu-drawer.css?v=31331429079022630271761670330" media="print" onload="this.media='all'">
904<link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-cart-notification.css?v=54116361853792938221761670330" media="print" onload="this.media='all'">
905<link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-cart-items.css?v=2518976085752299811761670330" media="print" onload="this.media='all'"><link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-price.css?v=70172745017360139101761670330" media="print" onload="this.media='all'">
906  <link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-loading-overlay.css?v=58800470094666109841761670330" media="print" onload="this.media='all'"><link rel="stylesheet" href="//theprobar.com/cdn/shop/t/112/assets/component-mega-menu.css?v=10110889665867715061761670330" media="print" onload="this.media='all'">
907  <noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-mega-menu.css?v=10110889665867715061761670330" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-cart-drawer.css?v=147838144396349376841761670330" rel="stylesheet" type="text/css" media="all" />
908  <link href="//theprobar.com/cdn/shop/t/112/assets/component-cart.css?v=150915052884658833881761670330" rel="stylesheet" type="text/css" media="all" />
909  <link href="//theprobar.com/cdn/shop/t/112/assets/component-totals.css?v=15906652033866631521761670330" rel="stylesheet" type="text/css" media="all" />
910  <link href="//theprobar.com/cdn/shop/t/112/assets/component-price.css?v=70172745017360139101761670330" rel="stylesheet" type="text/css" media="all" />
911  <link href="//theprobar.com/cdn/shop/t/112/assets/component-discounts.css?v=152760482443307489271761670330" rel="stylesheet" type="text/css" media="all" />
912  <link href="//theprobar.com/cdn/shop/t/112/assets/component-loading-overlay.css?v=58800470094666109841761670330" rel="stylesheet" type="text/css" media="all" />
913<noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-list-menu.css?v=151968516119678728991761670330" rel="stylesheet" type="text/css" media="all" /></noscript>
914<noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-search.css?v=130382253973794904871761670330" rel="stylesheet" type="text/css" media="all" /></noscript>
915<noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-menu-drawer.css?v=31331429079022630271761670330" rel="stylesheet" type="text/css" media="all" /></noscript>
916<noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-cart-notification.css?v=54116361853792938221761670330" rel="stylesheet" type="text/css" media="all" /></noscript>
917<noscript><link href="//theprobar.com/cdn/shop/t/112/assets/component-cart-items.css?v=2518976085752299811761670330" rel="stylesheet" type="text/css" media="all" /></noscript>
918
919<style>
920  
921    header.header {
922      box-shadow: 1px 1px 10px rgba(0,0,0,.16);
923    }
924  
925  
926  header-drawer {
927    justify-self: start;
928    margin-left: -1.2rem;
929  }@media screen and (min-width: 990px) {
930      header-drawer {
931        display: none;
932      }
933    }
934    .header--middle-left {
935      display: flex;
936    }
937  
938
939  .menu-drawer-container {
940    display: flex;
941  }
942
943  .list-menu {
944    list-style: none;
945    padding: 0;
946    margin: 0;
947  }
948
949  .list-menu--inline {
950    display: inline-flex;
951    flex-wrap: wrap;
952  }
953
954  summary.list-menu__item {
955    padding-right: 2.7rem;
956  }
957
958  .list-menu__item {
959    display: flex;
960    align-items: center;
961    line-height: calc(1 + 0.3 / var(--font-body-scale));
962  }
963
964  .list-menu__item--link {
965    text-decoration: none;
966    padding-bottom: 1rem;
967    padding-top: 1rem;
968    line-height: calc(1 + 0.8 / var(--font-body-scale));
969  }
970
971  @media screen and (min-width: 750px) {
972    .list-menu__item--link {
973      padding-bottom: 0.5rem;
974      padding-top: 0.5rem;
975    }
976  }
977</style><style data-shopify>.header {
978    padding: 10px 3rem 10px 3rem;
979  }
980
981  .section-header {
982    position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */
983    margin-bottom: 0px;
984  }
985
986  @media screen and (min-width: 750px) {
987    .section-header {
988      margin-bottom: 0px;
989    }
990  }
991
992  @media screen and (min-width: 990px) {
993    .header {
994      padding-top: 20px;
995      padding-bottom: 20px;
996    }
997  }</style>
997<script src="//theprobar.com/cdn/shop/t/112/assets/details-disclosure.js?v=13653116266235556501761670330" defer="defer"></script>
vendor: 1 bytes, line 997
997
998<script src="//theprobar.com/cdn/shop/t/112/assets/details-modal.js?v=25581673532751508451761670330" defer="defer"></script>
vendor: 1 bytes, line 998
998
999<script src="//theprobar.com/cdn/shop/t/112/assets/cart-notification.js?v=133508293167896966491761670330" defer="defer"></script>
vendor: 1 bytes, line 999
999
1000<script src="//theprobar.com/cdn/shop/t/112/assets/search-form.js?v=133129549252120666541761670330" defer="defer"></script>
1000<script src="//theprobar.com/cdn/shop/t/112/assets/cart-drawer.js?v=105077087914686398511761670330" defer="defer"></script>
1000<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
1001  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
1002    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
1003  </symbol>
1004
1005  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="currentColor">
1006    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
1007    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1008    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
1009  </symbol>
1010
1011  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
1012    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1013  </symbol>
1014</svg><sticky-header data-sticky-type="always" class="header-wrapper color-background-1 gradient"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account">
1015
1016<header-drawer data-breakpoint="tablet">
1017  <details id="Details-menu-drawer-container" class="menu-drawer-container">
1018    <summary
1019      class="header__icon header__icon--menu header__icon--summary link focus-inset"
1020      aria-label="Translation missing: en.sections.header.mobile_menu"
1021    >
1022      <span>
1023        <svg 
1024  class="icon icon-hamburger" 
1025  xmlns="http://www.w3.org/2000/svg"
1026  width="40.108" height="31.699" viewBox="0 0 40.108 31.699">
1027  <g id="Group_154" data-name="Group 154" transform="translate(-25.5 -50.5)">
1028    <line id="Line_50" data-name="Line 50" x2="40.108" transform="translate(25.5 53.5)" fill="none" stroke="#534841" stroke-width="6"/>
1029    <line id="Line_51" data-name="Line 51" x2="40.108" transform="translate(25.5 66.35)" fill="none" stroke="#534841" stroke-width="6"/>
1030    <line id="Line_52" data-name="Line 52" x2="40.108" transform="translate(25.5 79.199)" fill="none" stroke="#534841" stroke-width="6"/>
1031  </g>
1032</svg>
1033
1034
1035        <svg
1036  xmlns="http://www.w3.org/2000/svg"
1037  aria-hidden="true"
1038  focusable="false"
1039  class="icon icon-close"
1040  fill="none"
1041  viewBox="0 0 18 17"
1042>
1043  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
1044</svg>
1045
1046      </span>
1047    </summary>
1048    <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1">
1049      <div class="menu-drawer__inner-container">
1050        <div class="menu-drawer__navigation-container">
1051          <nav class="menu-drawer__navigation">
1052            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
1053                      <summary
1054                        id="HeaderDrawer-shop"
1055                        class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1056                      >
1057                        Shop
1058                        <svg 
1059                          class="icon icon-caret header-drawer-next-caret" 
1060                          xmlns="http://www.w3.org/2000/svg" 
1061                          width="17.474" 
1062                          height="30.352" 
1063                          viewBox="0 0 17.474 30.352"
1064                          aria-hidden="true" focusable="false">
1065                          <g id="Group_75" data-name="Group 75" transform="translate(0)">
1066                            <path id="Line_7" data-name="Line 7" d="M0,0V3.378H21.334V0Z" transform="translate(2.389 0) rotate(45)" fill="#534841"/>
1067                            <path id="Line_8" data-name="Line 8" d="M21.334,0H0V3.378H21.334Z" transform="translate(0 27.963) rotate(-45)" fill="#534841"/>
1068                          </g>
1069                        </svg>
1070                        <!--<svg
1071  viewBox="0 0 14 10"
1072  fill="none"
1073  aria-hidden="true"
1074  focusable="false"
1075  class="icon icon-arrow"
1076  xmlns="http://www.w3.org/2000/svg"
1077>
1078  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1079</svg>
1080-->
1081                        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1082  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1083</svg>
1084                      </summary>
1085                      <div
1086                        id="link-shop"
1087                        class="menu-drawer__submenu has-submenu gradient motion-reduce"
1088                        tabindex="-1"
1089                      >
1090                        <div class="menu-drawer__inner-submenu">
1091                          <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1092                            
1093                            <svg 
1094                            class="icon icon-caret header-drawer-prev-caret" 
1095                            xmlns="http://www.w3.org/2000/svg" 
1096                            width="17.474" 
1097                            height="30.352" 
1098                            viewBox="0 0 17.474 30.352"
1099                            aria-hidden="true" focusable="false">
1100                            <g id="Group_75" data-name="Group 75" transform="translate(0)">
1101                              <path id="Line_7" data-name="Line 7" d="M0,0V3.378H21.334V0Z" transform="translate(2.389 0) rotate(45)" fill="#534841"/>
1102                              <path id="Line_8" data-name="Line 8" d="M21.334,0H0V3.378H21.334Z" transform="translate(0 27.963) rotate(-45)" fill="#534841"/>
1103                            </g>
1104                            </svg>
1105                            <!--<svg
1106  viewBox="0 0 14 10"
1107  fill="none"
1108  aria-hidden="true"
1109  focusable="false"
1110  class="icon icon-arrow"
1111  xmlns="http://www.w3.org/2000/svg"
1112>
1113  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1114</svg>
1115-->
1116                            <!--Shop-->
1116
1117                          </button>
1118                          <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a
1119                                    id="HeaderDrawer-shop-shop-all"
1120                                    href="/collections"
1121                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1122                                    
1123                                  >
1124                                    Shop All
1125                                  </a></li><li><a
1126                                    id="HeaderDrawer-shop-starter-pack-new"
1127                                    href="/products/probar-starter-pack"
1128                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1129                                    
1130                                  >
1131                                    Starter Pack *NEW*
1132                                  </a></li><li><a
1133                                    id="HeaderDrawer-shop-go"
1134                                    href="/collections/go-energy-bars"
1135                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1136                                    
1137                                  >
1138                                    Go
1139                                  </a></li><li><a
1140                                    id="HeaderDrawer-shop-meal"
1141                                    href="/collections/meal-bar"
1142                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1143                                    
1144                                  >
1145                                    Meal
1146                                  </a></li><li><a
1147                                    id="HeaderDrawer-shop-protein"
1148                                    href="/collections/probar-protein"
1149                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1150                                    
1151                                  >
1152                                    Protein
1153                                  </a></li><li><a
1154                                    id="HeaderDrawer-shop-bolt"
1155                                    href="/collections/probar-bolt"
1156                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1157                                    
1158                                  >
1159                                    Bolt
1160                                  </a></li><li><a
1161                                    id="HeaderDrawer-shop-variety-packs"
1162                                    href="/collections/variety-packs"
1163                                    class="menu-drawer__menu-item link link--text list-menu__item focus-inset"
1164                                    
1165                                  >
1166                                    Variety Packs
1167                                  </a></li></ul>
1168                        </div>
1169                      </div>
1170                    </details></li><li><a
1171                      id="HeaderDrawer-about-us"
1172                      href="/pages/about-us"
1173                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1174                      
1175                    >
1176                      About Us
1177                    </a></li><li><a
1178                      id="HeaderDrawer-faqs"
1179                      href="/pages/faq"
1180                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1181                      
1182                    >
1183                      FAQs
1184                    </a></li></ul>
1185          </nav>
1186
1187          <nav class="menu-drawer__navigation">
1188            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a
1189                      id="HeaderDrawer-wholesale"
1190                      href="/pages/wholesale-partner-accounts"
1191                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1192                      
1193                    >
1194                      Wholesale
1195                    </a></li><li><a
1196                      id="HeaderDrawer-contact-us"
1197                      href="/pages/contact-us"
1198                      class="menu-drawer__menu-item list-menu__item link link--text focus-inset"
1199                      
1200                    >
1201                      Contact Us
1202                    </a></li></ul>
1203          </nav>
1204
1205          
1206          <div class="menu-drawer__utility-links"><a
1207                href="/account/login"
1208                class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide"
1209              >
1210                <svg 
1211  aria-hidden="true"
1212  focusable="false"
1213  class="icon icon-account"
1214  fill="none"
1215  xmlns="http://www.w3.org/2000/svg" 
1216  width="19" height="19" viewBox="0 0 19 19">
1217  <path id="Icon_material-account-circle" data-name="Icon material-account-circle" d="M12.5,3A9.5,9.5,0,1,0,22,12.5,9.5,9.5,0,0,0,12.5,3Zm0,2.85A2.85,2.85,0,1,1,9.65,8.7,2.846,2.846,0,0,1,12.5,5.85Zm0,13.49a6.841,6.841,0,0,1-5.7-3.059c.029-1.89,3.8-2.926,5.7-2.926s5.672,1.036,5.7,2.926A6.841,6.841,0,0,1,12.5,19.34Z" transform="translate(-3 -3)" fill="#534841"/>
1218</svg>
1219
1220<!--<svg
1221  xmlns="http://www.w3.org/2000/svg"
1222  aria-hidden="true"
1223  focusable="false"
1224  class="icon icon-account"
1225  fill="none"
1226  viewBox="0 0 18 19"
1227>
1228  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
12281-3.67-1.35-6.17-1.35z" fill="currentColor">
1229</svg>-->
1230
1231Account</a><div class="menu-drawer__localization header-localization">
1232</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item">
1233                  <a href="https://www.facebook.com/theprobar/" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
1234  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
1235</svg>
1236<span class="visually-hidden">Facebook</span>
1237                  </a>
1238                </li><li class="list-social__item">
1239                  <a href="https://www.instagram.com/theprobar/?hl=en" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
1240  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
1241</svg>
1242<span class="visually-hidden">Instagram</span>
1243                  </a>
1244                </li><li class="list-social__item">
1245                  <a href="https://www.tiktok.com/@theprobar" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewBox="0 0 20 20">
1246  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
1247</svg>
1248<span class="visually-hidden">TikTok</span>
1249                  </a>
1250                </li></ul>
1251          </div>
1252        </div>
1253      </div>
1254    </div>
1255  </details>
1256  
1257  
1258
1259<details-modal class="header__search">
1260  <details>
1261    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
1262      <span>
1263        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" 
1264          xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19">
1265          <g id="Group_62" data-name="Group 62" transform="translate(-1219 -68.503)">
1266            <circle id="Ellipse_3" data-name="Ellipse 3" cx="9.5" cy="9.5" r="9.5" transform="translate(1219 68.503)" fill="#534841"/>
1267            <path id="Icon_awesome-search" data-name="Icon awesome-search" d="M10.85,9.512,8.708,7.37a.515.515,0,0,0-.365-.15h-.35a4.467,4.467,0,1,0-.773.773v.35a.515.515,0,0,0,.15.365L9.512,10.85a.514.514,0,0,0,.728,0l.608-.608a.518.518,0,0,0,0-.731ZM4.469,7.219a2.75,2.75,0,1,1,2.75-2.75A2.749,2.749,0,0,1,4.469,7.219Z" transform="translate(1223 72.503)" fill="#fff"/>
1268          </g>
1269        </svg> Search
1270
1271        <!--<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
1272          <use href="#icon-search">
1273        </svg>-->
1274        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
1275          <use href="#icon-close">
1276        </svg>
1277      </span>
1278    </summary>
1279    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
1280      <div class="modal-overlay"></div>
1281      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
1282              <div class="field">
1283                <input class="search__input field__input"
1284                  id="Search-In-Modal"
1285                  type="search"
1286                  name="q"
1287                  value=""
1288                  placeholder="Search"role="combobox"
1289                    aria-expanded="false"
1290                    aria-owns="predictive-search-results"
1291                    aria-controls="predictive-search-results"
1292                    aria-haspopup="listbox"
1293                    aria-autocomplete="list"
1294                    autocorrect="off"
1295                    autocomplete="off"
1296                    autocapitalize="off"
1297                    spellcheck="false">
1298                <label class="field__label" for="Search-In-Modal">Search</label>
1299                <input type="hidden" name="options[prefix]" value="last">
1300                <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
1301                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
1302                    <use xlink:href="#icon-reset">
1303                  </svg>
1304                </button>
1305                <button class="search__button field__button" aria-label="Search">
1306                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
1307                    <use href="#icon-search">
1308                  </svg>
1309                </button>
1310              </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1311                  <div class="predictive-search__loading-state">
1312                    <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1313                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1314                    </svg>
1315                  </div>
1316                </div>
1317
1318                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
1319          <svg class="icon icon-close" aria-hidden="true" focusable="false">
1320            <use href="#icon-close">
1321          </svg>
1322        </button>
1323      </div>
1324    </div>
1325  </details>
1326</details-modal>
1327
1328</header-drawer>
1329<div><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper">
1330                
1331                <img src="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=600" alt="PROBAR" srcset="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=200 200w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=300 300w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=400 400w" width="200" height="122.64150943396227" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 400px) 50vw, 200px">
1332              </div></a>
1333
1334<nav class="header__inline-menu">
1335  <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
1336            <details id="Details-HeaderMenu-1" class="mega-menu" open>
1337              <summary
1338                id="HeaderMenu-shop"
1339                class="header__menu-item list-menu__item link focus-inset"
1340              >
1341                <a href="/collections/all">
1342                  <span
1343                  >Shop</span>
1344                </a>
1345                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
1346  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
1347</svg>
1348              </summary>
1349              <div
1350                id="MegaMenu-Content-1"
1351                class="mega-menu__content color-background-1 gradient motion-reduce global-settings-popup"
1352                tabindex="-1"
1353              >
1354                <div>
1355                <ul
1356                  class="mega-menu__list page-width mega-menu__list--condensed"
1357                  role="list"
1358                ><li>
1359                      <a
1360                        id="HeaderMenu-shop-shop-all"
1361                        href="/collections"
1362                        class="mega-menu__link mega-menu__link--level-2 link"
1363                        
1364                      >
1365                        Shop All
1366                      </a></li><li>
1367                      <a
1368                        id="HeaderMenu-shop-starter-pack-new"
1369                        href="/products/probar-starter-pack"
1370                        class="mega-menu__link mega-menu__link--level-2 link"
1371                        
1372                      >
1373                        Starter Pack *NEW*
1374                      </a></li><li>
1375                      <a
1376                        id="HeaderMenu-shop-go"
1377                        href="/collections/go-energy-bars"
1378                        class="mega-menu__link mega-menu__link--level-2 link"
1379                        
1380                      >
1381                        Go
1382                      </a></li><li>
1383                      <a
1384                        id="HeaderMenu-shop-meal"
1385                        href="/collections/meal-bar"
1386                        class="mega-menu__link mega-menu__link--level-2 link"
1387                        
1388                      >
1389                        Meal
1390                      </a></li><li>
1391                      <a
1392                        id="HeaderMenu-shop-protein"
1393                        href="/collections/probar-protein"
1394                        class="mega-menu__link mega-menu__link--level-2 link"
1395                        
1396                      >
1397                        Protein
1398                      </a></li><li>
1399                      <a
1400                        id="HeaderMenu-shop-bolt"
1401                        href="/collections/probar-bolt"
1402                        class="mega-menu__link mega-menu__link--level-2 link"
1403                        
1404                      >
1405                        Bolt
1406                      </a></li><li>
1407                      <a
1408                        id="HeaderMenu-shop-variety-packs"
1409                        href="/collections/variety-packs"
1410                        class="mega-menu__link mega-menu__link--level-2 link"
1411                        
1412                      >
1413                        Variety Packs
1414                      </a></li></ul>
1415                
1416                  <div class="mega-menu__image-callouts">
1417                    
1418                      <a href="/products/probar-starter-pack"><img src="//theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=165 165w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=360 360w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=535 535w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=750 750w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=1070 1070w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&amp;width=1500 1500w" width="1500" height="1168" loading="lazy" sizes="(min-width: 1200px) 550px,
1419                          (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
1420                        <span>Starter Pack</span>
1421                      </a>
1422                    
1423                      <a href="/collections/variety-packs"><img src="//theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=165 165w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=360 360w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=535 535w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=750 750w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=1070 1070w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&amp;width=1500 1500w" width="1500" height="1168" loading="lazy" sizes="(min-width: 1200px) 550px,
1424                          (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
1425                        <span>Variety Packs</span>
1426                      </a>
1427                    
1428                  </div>
1429                
1430                </div>
1431              </div>
1432            </details>
1433          </header-menu></li><li><a
1434            id="HeaderMenu-about-us"
1435            href="/pages/about-us"
1436            class="header__menu-item list-menu__item link link--text focus-inset"
1437            
1438          >
1439            <span
1440            >About Us</span>
1441          </a></li><li><a
1442            id="HeaderMenu-faqs"
1443            href="/pages/faq"
1444            class="header__menu-item list-menu__item link link--text focus-inset"
1445            
1446          >
1447            <span
1448            >FAQs</span>
1449          </a></li></ul>
1450</nav>
1451
1452    </div><div class="header__icons">
1453
1454<nav class="header__inline-menu">
1455  <ul class="list-menu list-menu--inline" role="list"><li><a
1456            id="HeaderMenu-wholesale"
1457            href="/pages/wholesale-partner-accounts"
1458            class="header__menu-item list-menu__item link link--text focus-inset"
1459            
1460          >
1461            <span
1462            >Wholesale</span>
1463          </a></li><li><a
1464            id="HeaderMenu-contact-us"
1465            href="/pages/contact-us"
1466            class="header__menu-item list-menu__item link link--text focus-inset"
1467            
1468          >
1469            <span
1470            >Contact Us</span>
1471          </a></li></ul>
1472</nav>
1473<div class="desktop-localization-wrapper">
1474</div>
1475      
1476
1477<details-modal class="header__search">
1478  <details>
1479    <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
1480      <span>
1481        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" 
1482          xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19">
1483          <g id="Group_62" data-name="Group 62" transform="translate(-1219 -68.503)">
1484            <circle id="Ellipse_3" data-name="Ellipse 3" cx="9.5" cy="9.5" r="9.5" transform="translate(1219 68.503)" fill="#534841"/>
1485            <path id="Icon_awesome-search" data-name="Icon awesome-search" d="M10.85,9.512,8.708,7.37a.515.515,0,0,0-.365-.15h-.35a4.467,4.467,0,1,0-.773.773v.35a.515.515,0,0,0,.15.365L9.512,10.85a.514.514,0,0,0,.728,0l.608-.608a.518.518,0,0,0,0-.731ZM4.469,7.219a2.75,2.75,0,1,1,2.75-2.75A2.749,2.749,0,0,1,4.469,7.219Z" transform="translate(1223 72.503)" fill="#fff"/>
1486          </g>
1487        </svg> Search
1488
1489        <!--<svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
1490          <use href="#icon-search">
1491        </svg>-->
1492        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
1493          <use href="#icon-close">
1494        </svg>
1495      </span>
1496    </summary>
1497    <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
1498      <div class="modal-overlay"></div>
1499      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
1500              <div class="field">
1501                <input class="search__input field__input"
1502                  id="Search-In-Modal"
1503                  type="search"
1504                  name="q"
1505                  value=""
1506                  placeholder="Search"role="combobox"
1507                    aria-expanded="false"
1508                    aria-owns="predictive-search-results"
1509                    aria-controls="predictive-search-results"
1510                    aria-haspopup="listbox"
1511                    aria-autocomplete="list"
1512                    autocorrect="off"
1513                    autocomplete="off"
1514                    autocapitalize="off"
1515                    spellcheck="false">
1516                <label class="field__label" for="Search-In-Modal">Search</label>
1517                <input type="hidden" name="options[prefix]" value="last">
1518                <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
1519                  <svg class="icon icon-close" aria-hidden="true" focusable="false">
1520                    <use xlink:href="#icon-reset">
1521                  </svg>
1522                </button>
1523                <button class="search__button field__button" aria-label="Search">
1524                  <svg class="icon icon-search" aria-hidden="true" focusable="false">
1525                    <use href="#icon-search">
1526                  </svg>
1527                </button>
1528              </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>
1529                  <div class="predictive-search__loading-state">
1530                    <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
1531                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
1532                    </svg>
1533                  </div>
1534                </div>
1535
1536                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
1537          <svg class="icon icon-close" aria-hidden="true" focusable="false">
1538            <use href="#icon-close">
1539          </svg>
1540        </button>
1541      </div>
1542    </div>
1543  </details>
1544</details-modal>
1545
1546<a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide">
1547          <svg 
1548  aria-hidden="true"
1549  focusable="false"
1550  class="icon icon-account"
1551  fill="none"
1552  xmlns="http://www.w3.org/2000/svg" 
1553  width="19" height="19" viewBox="0 0 19 19">
1554  <path id="Icon_material-account-circle" data-name="Icon material-account-circle" d="M12.5,3A9.5,9.5,0,1,0,22,12.5,9.5,9.5,0,0,0,12.5,3Zm0,2.85A2.85,2.85,0,1,1,9.65,8.7,2.846,2.846,0,0,1,12.5,5.85Zm0,13.49a6.841,6.841,0,0,1-5.7-3.059c.029-1.89,3.8-2.926,5.7-2.926s5.672,1.036,5.7,2.926A6.841,6.841,0,0,1,12.5,19.34Z" transform="translate(-3 -3)" fill="#534841"/>
1555</svg>
1556
1557<!--<svg
1558  xmlns="http://www.w3.org/2000/svg"
1559  aria-hidden="true"
1560  focusable="false"
1561  class="icon icon-account"
1562  fill="none"
1563  viewBox="0 0 18 19"
1564>
1565  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor">
1566</svg>-->
1567
1568          Account
1569          <span class="visually-hidden">Log in</span>
1570        </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg 
1571  class="icon icon-cart-empty"
1572  xmlns="http://www.w3.org/2000/svg"
1573  width="25" height="25" viewBox="0 0 25 25">
1574  <path id="Icon_material-shopping-cart" data-name="Icon material-shopping-cart" d="M9,23a2.5,2.5,0,1,0,2.5,2.5A2.5,2.5,0,0,0,9,23ZM1.5,3V5.5H4l4.5,9.488L6.813,18.05a2.417,2.417,0,0,0-.312,1.2A2.507,2.507,0,0,0,9,21.75H24v-2.5H9.525a.309.309,0,0,1-.312-.312l.038-.15,1.125-2.037h9.313a2.488,2.488,0,0,0,2.188-1.288L26.35,7.35a1.221,1.221,0,0,0,.15-.6A1.254,1.254,0,0,0,25.25,5.5H6.763L5.588,3Zm20,20A2.5,2.5,0,1,0,24,25.5,2.5,2.5,0,0,0,21.5,23Z" transform="translate(-1.5 -3)" fill="#534841"/>
1575</svg>
1576
1577<!--<svg
1578  class="icon icon-cart-empty"
1579  aria-hidden="true"
1580  focusable="false"
1581  xmlns="http://www.w3.org/2000/svg"
1582  viewBox="0 0 40 40"
1583  fill="none"
1584>
1585  <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.7
15855 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/>
1586</svg>-->
1587Cart
1588        <!--<span class="visually-hidden">Cart</span>--></a>
1589    </div>
1590  </header>
1591</sticky-header>
1592
1593<script type="application/ld+json">
1594  {
1595    "@context": "http://schema.org",
1596    "@type": "Organization",
1597    "name": "PROBAR",
1598    
1599      "logo": "https:\/\/theprobar.com\/cdn\/shop\/files\/HEADER-Probar-Logo.png?v=1697505318\u0026width=500",
1600    
1601    "sameAs": [
1602      "",
1603      "https:\/\/www.facebook.com\/theprobar\/",
1604      "",
1605      "https:\/\/www.instagram.com\/theprobar\/?hl=en",
1606      "https:\/\/www.tiktok.com\/@theprobar",
1607      "",
1608      "",
1609      "",
1610      ""
1611    ],
1612    "url": "https:\/\/theprobar.com"
1613  }
1614</script>
1614
1615</div>
1616<!-- END sections: header-group -->
1617
1618    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
1619      <section id="shopify-section-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c" class="shopify-section section image-banner"><link href="//theprobar.com/cdn/shop/t/112/assets/section-image-banner.css?v=120562825904087254791761670330" rel="stylesheet" type="text/css" media="all" />
1620<style data-shopify>#Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c {
1621    padding-top: 0px;
1622    padding-bottom: 0px;
1623    margin-top: 0px;
1624    margin-bottom: 100px;
1625  }
1626  #Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c::after {
1627    opacity: 0.0;
1628  }
1629  
1630    #Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c .banner__box {
1631      padding: 50px;
1632      
1633        
1634            background-image: radial-gradient(#FCA512, #FF6B00);
1635        
1636      
1637    }
1638  
1639  
1640  @media screen and (max-width: 798px) {
1641    #Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c {
1642        padding-top: 0px;
1643        padding-bottom: 0px;
1644        margin-top: 0px;
1645        margin-bottom: 0px;
1646      }
1647  }</style><div
1648  id="Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c"
1649  class=" no-stack-on-mobile banner banner--content-align-center banner--content-align-mobile-center banner--small banner--mobile-bottom scroll-trigger animate--fade-in"
1650>
1651  
1652
1653  
1654<div class=" is-hidden-mobile-only banner__media media scroll-trigger animate--fade-in"><img src="//theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=3840" alt="" srcset="//theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=375 375w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=550 550w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=750 750w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=1100 1100w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=1500 1500w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=1780 1780w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=2000 2000w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=3000 3000w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&amp;width=3840 3840w" width="5760" height="2064.0" loading="lazy" sizes="100vw">
1655    </div>
1656    
1657      <div class="is-hidden-desktop-only banner__media media scroll-trigger animate--fade-in"><img src="//theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=3840" alt="" srcset="//theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=375 375w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=550 550w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=750 750w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=1100 1100w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=1500 1500w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=1780 1780w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=2000 2000w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=3000 3000w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&amp;width=3840 3840w" width="1000" height="0.0" loading="lazy" sizes="100vw">
1658      </div>
1659    
1660<div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in">
1661    <div class="banner__box content-container content-container--full-width-mobile"><style data-shopify>
1662              #Banner-template--18613519843397__5df6f6e3-7d3a-43e3-aeee-bb6b714ac19c .heading {
1663                
1664                  color: #ffffff;
1665                
1666              }
1667              
1668            </style>
1669          
1670            
1671              <h1 class="banner__heading heading h1 font-family--solen">
1672                OUR BLOG
1673              </h1>
1674            
1675</div>
1676  </div>
1677</div>
1678
1679
1680</section><section id="shopify-section-template--18613519843397__main" class="shopify-section section"><link href="//theprobar.com/cdn/shop/t/112/assets/component-article-card.css?v=83
1680183405960189049091761670330" rel="stylesheet" type="text/css" media="all" />
1681<link href="//theprobar.com/cdn/shop/t/112/assets/component-card.css?v=11469293100223554981761670330" rel="stylesheet" type="text/css" media="all" />
1682<link href="//theprobar.com/cdn/shop/t/112/assets/section-main-blog.css?v=94217760973989691871761670330" rel="stylesheet" type="text/css" media="all" />
1683<style data-shopify>.section-template--18613519843397__main-padding {
1684    padding-top: 0px;
1685    padding-bottom: 75px;
1686  }
1687
1688  .section-template--18613519843397__main-padding .heading {
1689    
1690      color: #ff6b00;
1691    
1692  }
1693
1694  @media screen and (min-width: 750px) {
1695    .section-template--18613519843397__main-padding {
1696      padding-top: 0px;
1697      padding-bottom: 100px;
1698    }
1699  }</style><div class="main-blog page-width section-template--18613519843397__main-padding">
1700    
1701      
1702        <h2 class="title--primary heading h2-regular font-family--solen">
1703          A BLOG ABOUT HEALTHY SNACKS, TRAVEL, AND LIFESTYLE
1704        </h2>
1705      
1706    
1707  
1708    <div class="blog-articles "><div
1709          class="blog-articles__article article scroll-trigger animate--slide-in"
1710          
1711            data-cascade
1712            style="--animation-order: 1;"
1713          
1714        >
1715<div class="article-card-wrapper card-wrapper underline-links-hover">
1716    
1717    <div
1718      class="
1719        card article-card
1720        card--card
1721         article-card__image--medium
1722         card--media
1723         color-accent-1 gradient
1724        
1725      "
1726      style="--ratio-percent: 75.0%;"
1727    >
1728      <div
1729        class="card__inner  ratio"
1730        style="--ratio-percent: 75.0%;"
1731      ><a href="/blogs/news/a-special-message-from-our-founder" class="article-card__image-wrapper card__media">
1732              <div
1733                class="article-card__image media media--hover-effect"
1734                
1735              >
1736                
1737                <img
1738                  srcset="//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=165 165w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=360 360w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=533 533w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=720 720w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=1000 1000w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=1500 1500w,//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184 4032w
1739                  "
1740                  src="//theprobar.com/cdn/shop/articles/ed9f85f7-fa26-4d1d-af52-f8598ccb5160.jpg?v=1730481184&width=533"
1741                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1742                  alt="A Special Message From Our Founder 🧡"
1743                  class="motion-reduce"
1744                  
1745                    loading="lazy"
1746                  
1747                  width="4032"
1748                  height="3024"
1749                >
1750                
1751              </div>
1752          </a><div class="card__content">
1753          <div class="card__information">
1754            <h3 class="card__heading">
1755              <a href="/blogs/news/a-special-message-from-our-founder" class="full-unstyled-link">
1756                A Special Message From Our Founder 🧡
1757              </a>
1758            </h3>
1759            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
1760      </div>
1761      <div class="card__content">
1762        <div class="card__information">
1763          <h3 class="card__heading">
1764            <a href="/blogs/news/a-special-message-from-our-founder" class="full-unstyled-link">
1765              A Special Message From Our Founder 🧡
1766            </a>
1767          </h3>
1768          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/a-special-message-from-our-founder>Read More</a>
1769        </div></div>
1770    </div>
1771  </div></div><div
1772          class="blog-articles__article article scroll-trigger animate--slide-in"
1773          
1774            data-cascade
1775            style="--animation-order: 2;"
1776          
1777        >
1778<div class="article-card-wrapper card-wrapper underline-links-hover">
1779    
1780    <div
1781      class="
1782        card article-card
1783        card--card
1784         article-card__image--medium
1785         card--media
1786         color-accent-1 gradient
1787        
1788      "
1789      style="--ratio-percent: 56.25%;"
1790    >
1791      <div
1792        class="card__inner  ratio"
1793        style="--ratio-percent: 56.25%;"
1794      ><a href="/blogs/news/the-importance-of-post-workout-nutrition" class="article-card__image-wrapper card__media">
1795              <div
1796                class="article-card__image media media--hover-effect"
1797                
1798              >
1799                
1800                <img
1801                  srcset="//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=165 165w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=360 360w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=533 533w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=720 720w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=1000 1000w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=1500 1500w,//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330 1920w
1802                  "
1803                  src="//theprobar.com/cdn/shop/articles/Blog_Feature_Images.png?v=1710170330&width=533"
1804                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1805                  alt="The Importance of Post-Workout Nutrition"
1806                  class="motion-reduce"
1807                  
1808                    loading="lazy"
1809                  
1810                  width="1920"
1811                  height="1080"
1812                >
1813                
1814              </div>
1815          </a><div class="card__content">
1816          <div class="card__information">
1817            <h3 class="card__heading">
1818              <a href="/blogs/news/the-importance-of-post-workout-nutrition" class="full-unstyled-link">
1819                The Importance of Post-Workout Nutrition
1820              </a>
1821            </h3>
1822            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
1823      </div>
1824      <div class="card__content">
1825        <div class="card__information">
1826          <h3 class="card__heading">
1827            <a href="/blogs/news/the-importance-of-post-workout-nutrition" class="full-unstyled-link">
1828              The Importance of Post-Workout Nutrition
1829            </a>
1830          </h3>
1831          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/the-importance-of-post-workout-nutrition>Read More</a>
1832        </div></div>
1833    </div>
1834  </div></div><div
1835          class="blog-articles__article article scroll-trigger animate--slide-in"
1836          
1837            data-cascade
1838            style="--animation-order: 3;"
1839          
1840        >
1841<div class="article-card-wrapper card-wrapper underline-links-hover">
1842    
1843    <div
1844      class="
1845        card article-card
1846        card--card
1847         article-card__image--medium
1848         card--media
1849         color-accent-1 gradient
1850        
1851      "
1852      style="--ratio-percent: 56.25%;"
1853    >
1854      <div
1855        class="card__inner  ratio"
1856        style="--ratio-percent: 56.25%;"
1857      ><a href="/blogs/news/5-ways-to-prioritize-your-health-during-the-winter-months" class="article-card__image-wrapper card__media">
1858              <div
1859                class="article-card__image media media--hover-effect"
1860                
1861              >
1862                
1863                <img
1864                  srcset="//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=165 165w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=360 360w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=533 533w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=720 720w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=1000 1000w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=1500 1500w,//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057 1920w
1865                  "
1866                  src="//theprobar.com/cdn/shop/articles/Inspo_9.png?v=1707172057&width=533"
1867                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1868                  alt="5 Ways to Prioritize Your Health During the Winter Months"
1869                  class="motion-reduce"
1870                  
1871                    loading="lazy"
1872                  
1873                  width="1920"
1874                  height="1080"
1875                >
1876                
1877              </div>
1878          </a><div class="card__content">
1879          <div class="card__information">
1880            <h3 class="card__heading">
1881              <a href="/blogs/news/5-ways-to-prioritize-your-health-during-the-winter-months" class="full-unstyled-link">
1882                5 Ways to Prioritize Your Health During the Winter Months
1883              </a>
1884            </h3>
1885            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
1886      </div>
1887      <div class="card__content">
1888        <div class="card__information">
1889          <h3 class="card__heading">
1890            <a href="/blogs/news/5-ways-to-prioritize-your-health-during-the-winter-months" class="full-unstyled-link">
1891              5 Ways to Prioritize Your Health During the Winter Months
1892            </a>
1893          </h3>
1894          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/5-ways-to-prioritize-your-health-during-the-winter-months>Read More</a>
1895        </div></div>
1896    </div>
1897  </div></div><div
1898          class="blog-articles__article article scroll-trigger animate--slide-in"
1899          
1900            data-cascade
1901            style="--animation-order: 4;"
1902          
1903        >
1904<div class="article-card-wrapper card-wrapper underline-links-hover">
1905    
1906    <div
1907      class="
1908        card article-card
1909        card--card
1910         article-card__image--medium
1911         card--media
1912         color-accent-1 gradient
1913        
1914      "
1915      style="--ratio-percent: 56.25%;"
1916    >
1917      <div
1918        class="card__inner  ratio"
1919        style="--ratio-percent: 56.25%;"
1920      ><a href="/blogs/news/discovering-new-workouts-from-home-exercises-to-outdoor-adventures" class="article-card__image-wrapper card__media">
1921              <div
1922                class="article-card__image media media--hover-effect"
1923                
1924              >
1925                
1926                <img
1927                  srcset="//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=165 165w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=360 360w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=533 533w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=720 720w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=1000 1000w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=1500 1500w,//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246 1920w
1928                  "
1929                  src="//theprobar.com/cdn/shop/articles/Inspo_3.png?v=1705345246&width=533"
1930                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1931                  alt="Discovering New Workouts: From Home Exercises to Outdoor Adventures"
1932                  class="motion-reduce"
1933                  
1934                    loading="lazy"
1935                  
1936                  width="1920"
1937                  height="1080"
1938                >
1939                
1940              </div>
1941          </a><div class="card__content">
1942          <div class="card__information">
1943            <h3 class="card__heading">
1944              <a href="/blogs/news/discovering-new-workouts-from-home-exercises-to-outdoor-adventures" class="full-unstyled-link">
1945                Discovering New Workouts: From Home Exercises to Outdoor Adventures
1946              </a>
1947            </h3>
1948            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
1949      </div>
1950      <div class="card__content">
1951        <div class="card__information">
1952          <h3 class="card__heading">
1953            <a href="/blogs/news/discovering-new-workouts-from-home-exercises-to-outdoor-adventures" class="full-unstyled-link">
1954              Discovering New Workouts: From Home Exercises to Outdoor Adventures
1955            </a>
1956          </h3>
1957          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/discovering-new-workouts-from-home-exercises-to-outdoor-adventures>Read More</a>
1958        </div></div>
1959    </div>
1960  </div></div><div
1961          class="blog-articles__article article scroll-trigger animate--slide-in"
1962          
1963            data-cascade
1964            style="--animation-order: 5;"
1965          
1966        >
1967<div class="article-card-wrapper card-wrapper underline-links-hover">
1968    
1969    <div
1970      class="
1971        card article-card
1972        card--card
1973         article-card__image--medium
1974         card--media
1975         color-accent-1 gradient
1976        
1977      "
1978      style="--ratio-percent: 56.25%;"
1979    >
1980      <div
1981        class="card__inner  ratio"
1982        style="--ratio-percent: 56.25%;"
1983      ><a href="/blogs/news/restoring-hope-and-vision-hcp-cure-blindnesss-impact-in-ghana" class="article-card__image-wrapper card__media">
1984              <div
1985                class="article-card__image media media--hover-effect"
1986                
1987              >
1988                
1989                <img
1990                  srcset="//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=165 165w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=360 360w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=533 533w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=720 720w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=1000 1000w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=1500 1500w,//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952 1920w
1991                  "
1992                  src="//theprobar.com/cdn/shop/articles/Untitled_design_9.png?v=1697666952&width=533"
1993                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
1994                  alt="Restoring Hope and Vision: HCP Cure Blindness&#39;s Impact in Ghana"
1995                  class="motion-reduce"
1996                  
1997                    loading="lazy"
1998                  
1999                  width="1920"
2000                  height="1080"
2001                >
2002                
2003              </div>
2004          </a><div class="card__content">
2005          <div class="card__information">
2006            <h3 class="card__heading">
2007              <a href="/blogs/news/restoring-hope-and-vision-hcp-cure-blindnesss-impact-in-ghana" class="full-unstyled-link">
2008                Restoring Hope and Vision: HCP Cure Blindness's Impact in Ghana
2009              </a>
2010            </h3>
2011            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2012      </div>
2013      <div class="card__content">
2014        <div class="card__information">
2015          <h3 class="card__heading">
2016            <a href="/blogs/news/restoring-hope-and-vision-hcp-cure-blindnesss-impact-in-ghana" class="full-unstyled-link">
2017              Restoring Hope and Vision: HCP Cure Blindness's Impact in Ghana
2018            </a>
2019          </h3>
2020          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/restoring-hope-and-vision-hcp-cure-blindnesss-impact-in-ghana>Read More</a>
2021        </div></div>
2022    </div>
2023  </div></div><div
2024          class="blog-articles__article article scroll-trigger animate--slide-in"
2025          
2026            data-cascade
2027            style="--animation-order: 6;"
2028          
2029        >
2030<div class="article-card-wrapper card-wrapper underline-links-hover">
2031    
2032    <div
2033      class="
2034        card article-card
2035        card--card
2036         article-card__image--medium
2037         card--media
2038         color-accent-1 gradient
2039        
2040      "
2041      style="--ratio-percent: 56.25%;"
2042    >
2043      <div
2044        class="card__inner  ratio"
2045        style="--ratio-percent: 56.25%;"
2046      ><a href="/blogs/news/how-to-create-a-nutritious-and-fun-school-lunch-for-your-kids" class="article-card__image-wrapper card__media">
2047              <div
2048                class="article-card__image media media--hover-effect"
2049                
2050              >
2051                
2052                <img
2053                  srcset="//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=165 165w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=360 360w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=533 533w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=720 720w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=1000 1000w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=1500 1500w,//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217 1920w
2054                  "
2055                  src="//theprobar.com/cdn/shop/articles/Untitled_design_1.png?v=1690553217&width=533"
2056                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2057                  alt="How to Create a Nutritious and Fun School Lunch for Your Kids"
2058                  class="motion-reduce"
2059                  
2060                    loading="lazy"
2061                  
2062                  width="1920"
2063                  height="1080"
2064                >
2065                
2066              </div>
2067          </a><div class="card__content">
2068          <div class="card__information">
2069            <h3 class="card__heading">
2070              <a href="/blogs/news/how-to-create-a-nutritious-and-fun-school-lunch-for-your-kids" class="full-unstyled-link">
2071                How to Create a Nutritious and Fun School Lunch for Your Kids
2072              </a>
2073            </h3>
2074            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2075      </div>
2076      <div class="card__content">
2077        <div class="card__information">
2078          <h3 class="card__heading">
2079            <a href="/blogs/news/how-to-create-a-nutritious-and-fun-school-lunch-for-your-kids" class="full-unstyled-link">
2080              How to Create a Nutritious and Fun School Lunch for Your Kids
2081            </a>
2082          </h3>
2083          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/how-to-create-a-nutritious-and-fun-school-lunch-for-your-kids>Read More</a>
2084        </div></div>
2085    </div>
2086  </div></div><div
2087          class="blog-articles__article article scroll-trigger animate--slide-in"
2088          
2089            data-cascade
2090            style="--animation-order: 7;"
2091          
2092        >
2093<div class="article-card-wrapper card-wrapper underline-links-hover">
2094    
2095    <div
2096      class="
2097        card article-card
2098        card--card
2099         article-card__image--medium
2100         card--media
2101         color-accent-1 gradient
2102        
2103      "
2104      style="--ratio-percent: 66.70329670329672%;"
2105    >
2106      <div
2107        class="card__inner  ratio"
2108        style="--ratio-percent: 66.70329670329672%;"
2109      ><a href="/blogs/news/nutrient-packed-smoothie-recipe-from-our-ceo" class="article-card__image-wrapper card__media">
2110              <div
2111                class="article-card__image media media--hover-effect"
2112                
2113              >
2114                
2115                <img
2116                  srcset="//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765&width=165 165w,//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765&width=360 360w,//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765&width=533 533w,//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765&width=720 720w,//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765 910w
2117                  "
2118                  src="//theprobar.com/cdn/shop/articles/Smoothie_Day1.png?v=1685034765&width=533"
2119                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2120                  alt="Plant-Powered Smoothie Day Recipe With Jeff Coleman"
2121                  class="motion-reduce"
2122                  
2123                    loading="lazy"
2124                  
2125                  width="910"
2126                  height="607"
2127                >
2128                
2129              </div>
2130          </a><div class="card__content">
2131          <div class="card__information">
2132            <h3 class="card__heading">
2133              <a href="/blogs/news/nutrient-packed-smoothie-recipe-from-our-ceo" class="full-unstyled-link">
2134                Plant-Powered Smoothie Day Recipe With Jeff Coleman
2135              </a>
2136            </h3>
2137            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2138      </div>
2139      <div class="card__content">
2140        <div class="card__information">
2141          <h3 class="card__heading">
2142            <a href="/blogs/news/nutrient-packed-smoothie-recipe-from-our-ceo" class="full-unstyled-link">
2143              Plant-Powered Smoothie Day Recipe With Jeff Coleman
2144            </a>
2145          </h3>
2146          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/nutrient-packed-smoothie-recipe-from-our-ceo>Read More</a>
2147        </div></div>
2148    </div>
2149  </div></div><div
2150          class="blog-articles__article article scroll-trigger animate--slide-in"
2151          
2152            data-cascade
2153            style="--animation-order: 8;"
2154          
2155        >
2156<div class="article-card-wrapper card-wrapper underline-links-hover">
2157    
2158    <div
2159      class="
2160        card article-card
2161        card--card
2162         article-card__image--medium
2163         card--media
2164         color-accent-1 gradient
2165        
2166      "
2167      style="--ratio-percent: 66.81318681318682%;"
2168    >
2169      <div
2170        class="card__inner  ratio"
2171        style="--ratio-percent: 66.81318681318682%;"
2172      ><a href="/blogs/news/running-with-ed" class="article-card__image-wrapper card__media">
2173              <div
2174                class="article-card__image media media--hover-effect"
2175                
2176              >
2177                
2178                <img
2179                  srcset="//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301&width=165 165w,//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301&width=360 360w,//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301&width=533 533w,//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301&width=720 720w,//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301 910w
2180                  "
2181                  src="//theprobar.com/cdn/shop/articles/RWE23_Photo_Blog.png?v=1685976301&width=533"
2182                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2183                  alt="Running With Ed - Park City Education Foundation"
2184                  class="motion-reduce"
2185                  
2186                    loading="lazy"
2187                  
2188                  width="910"
2189                  height="608"
2190                >
2191                
2192              </div>
2193          </a><div class="card__content">
2194          <div class="card__information">
2195            <h3 class="card__heading">
2196              <a href="/blogs/news/running-with-ed" class="full-unstyled-link">
2197                Running With Ed - Park City Education Foundation
2198              </a>
2199            </h3>
2200            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2201      </div>
2202      <div class="card__content">
2203        <div class="card__information">
2204          <h3 class="card__heading">
2205            <a href="/blogs/news/running-with-ed" class="full-unstyled-link">
2206              Running With Ed - Park City Education Foundation
2207            </a>
2208          </h3>
2209          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/running-with-ed>Read More</a>
2210        </div></div>
2211    </div>
2212  </div></div><div
2213          class="blog-articles__article article scroll-trigger animate--slide-in"
2214          
2215            data-cascade
2216            style="--animation-order: 9;"
2217          
2218        >
2219<div class="article-card-wrapper card-wrapper underline-links-hover">
2220    
2221    <div
2222      class="
2223        card article-card
2224        card--card
2225         article-card__image--medium
2226         card--media
2227         color-accent-1 gradient
2228        
2229      "
2230      style="--ratio-percent: 66.48351648351648%;"
2231    >
2232      <div
2233        class="card__inner  ratio"
2234        style="--ratio-percent: 66.48351648351648%;"
2235      ><a href="/blogs/news/mountain-biking-in-costa-rica" class="article-card__image-wrapper card__media">
2236              <div
2237                class="article-card__image media media--hover-effect"
2238                
2239              >
2240                
2241                <img
2242                  srcset="//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722&width=165 165w,//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722&width=360 360w,//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722&width=533 533w,//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722&width=720 720w,//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722 910w
2243                  "
2244                  src="//theprobar.com/cdn/shop/articles/PROBAR_ARENAL1.png?v=1683658722&width=533"
2245                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2246                  alt="Mountain Bike Racing in Costa Rica"
2247                  class="motion-reduce"
2248                  
2249                    loading="lazy"
2250                  
2251                  width="910"
2252                  height="605"
2253                >
2254                
2255              </div>
2256          </a><div class="card__content">
2257          <div class="card__information">
2258            <h3 class="card__heading">
2259              <a href="/blogs/news/mountain-biking-in-costa-rica" class="full-unstyled-link">
2260                Mountain Bike Racing in Costa Rica
2261              </a>
2262            </h3>
2263            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2264      </div>
2265      <div class="card__content">
2266        <div class="card__information">
2267          <h3 class="card__heading">
2268            <a href="/blogs/news/mountain-biking-in-costa-rica" class="full-unstyled-link">
2269              Mountain Bike Racing in Costa Rica
2270            </a>
2271          </h3>
2272          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/mountain-biking-in-costa-rica>Read More</a>
2273        </div></div>
2274    </div>
2275  </div></div><div
2276          class="blog-articles__article article scroll-trigger animate--slide-in"
2277          
2278            data-cascade
2279            style="--animation-order: 10;"
2280          
2281        >
2282<div class="article-card-wrapper card-wrapper underline-links-hover">
2283    
2284    <div
2285      class="
2286        card article-card
2287        card--card
2288         article-card__image--medium
2289         card--media
2290         color-accent-1 gradient
2291        
2292      "
2293      style="--ratio-percent: 38.6034255599473%;"
2294    >
2295      <div
2296        class="card__inner  ratio"
2297        style="--ratio-percent: 38.6034255599473%;"
2298      ><a href="/blogs/news/blended-not-baked" class="article-card__image-wrapper card__media">
2299              <div
2300                class="article-card__image media media--hover-effect"
2301                
2302              >
2303                
2304                <img
2305                  srcset="//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=165 165w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=360 360w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=533 533w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=720 720w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=1000 1000w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=1500 1500w,//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701 2277w
2306                  "
2307                  src="//theprobar.com/cdn/shop/articles/PROBAR_Logo_NoPeaks_Orange.png?v=1705506701&width=533"
2308                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2309                  alt="Manufacturing Spotlight: How PROTEIN is made"
2310                  class="motion-reduce"
2311                  
2312                    loading="lazy"
2313                  
2314                  width="2277"
2315                  height="879"
2316                >
2317                
2318              </div>
2319          </a><div class="card__content">
2320          <div class="card__information">
2321            <h3 class="card__heading">
2322              <a href="/blogs/news/blended-not-baked" class="full-unstyled-link">
2323                Manufacturing Spotlight: How PROTEIN is made
2324              </a>
2325            </h3>
2326            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2327      </div>
2328      <div class="card__content">
2329        <div class="card__information">
2330          <h3 class="card__heading">
2331            <a href="/blogs/news/blended-not-baked" class="full-unstyled-link">
2332              Manufacturing Spotlight: How PROTEIN is made
2333            </a>
2334          </h3>
2335          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/blended-not-baked>Read More</a>
2336        </div></div>
2337    </div>
2338  </div></div><div
2339          class="blog-articles__article article scroll-trigger animate--slide-in"
2340          
2341            data-cascade
2342            style="--animation-order: 11;"
2343          
2344        >
2345<div class="article-card-wrapper card-wrapper underline-links-hover">
2346    
2347    <div
2348      class="
2349        card article-card
2350        card--card
2351         article-card__image--medium
2352         card--media
2353         color-accent-1 gradient
2354        
2355      "
2356      style="--ratio-percent: 66.48351648351648%;"
2357    >
2358      <div
2359        class="card__inner  ratio"
2360        style="--ratio-percent: 66.48351648351648%;"
2361      ><a href="/blogs/news/celebrating-international-womens-day" class="article-card__image-wrapper card__media">
2362              <div
2363                class="article-card__image media media--hover-effect"
2364                
2365              >
2366                
2367                <img
2368                  srcset="//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182&width=165 165w,//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182&width=360 360w,//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182&width=533 533w,//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182&width=720 720w,//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182 910w
2369                  "
2370                  src="//theprobar.com/cdn/shop/articles/WomensDayBlog.png?v=1683672182&width=533"
2371                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2372                  alt="Celebrating International Women&#39;s Day"
2373                  class="motion-reduce"
2374                  
2375                    loading="lazy"
2376                  
2377                  width="910"
2378                  height="605"
2379                >
2380                
2381              </div>
2382          </a><div class="card__content">
2383          <div class="card__information">
2384            <h3 class="card__heading">
2385              <a href="/blogs/news/celebrating-international-womens-day" class="full-unstyled-link">
2386                Celebrating International Women's Day
2387              </a>
2388            </h3>
2389            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2390      </div>
2391      <div class="card__content">
2392        <div class="card__information">
2393          <h3 class="card__heading">
2394            <a href="/blogs/news/celebrating-international-womens-day" class="full-unstyled-link">
2395              Celebrating International Women's Day
2396            </a>
2397          </h3>
2398          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/celebrating-international-womens-day>Read More</a>
2399        </div></div>
2400    </div>
2401  </div></div><div
2402          class="blog-articles__article article scroll-trigger animate--slide-in"
2403          
2404            data-cascade
2405            style="--animation-order: 12;"
2406          
2407        >
2408<div class="article-card-wrapper card-wrapper underline-links-hover">
2409    
2410    <div
2411      class="
2412        card article-card
2413        card--card
2414         article-card__image--medium
2415         card--media
2416         color-accent-1 gradient
2417        
2418      "
2419      style="--ratio-percent: 66.48351648351648%;"
2420    >
2421      <div
2422        class="card__inner  ratio"
2423        style="--ratio-percent: 66.48351648351648%;"
2424      ><a href="/blogs/news/pro-tips-3-sustainability-in-our-daily-routines" class="article-card__image-wrapper card__media">
2425              <div
2426                class="article-card__image media media--hover-effect"
2427                
2428              >
2429                
2430                <img
2431                  srcset="//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410&width=165 165w,//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410&width=360 360w,//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410&width=533 533w,//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410&width=720 720w,//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410 910w
2432                  "
2433                  src="//theprobar.com/cdn/shop/articles/Sustainability_Blog1.png?v=1683672410&width=533"
2434                  sizes="(min-width: 1200px) 550px, (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)"
2435                  alt="PRO-Tips #3: Sustainability in our Daily Routines"
2436                  class="motion-reduce"
2437                  
2438                    loading="lazy"
2439                  
2440                  width="910"
2441                  height="605"
2442                >
2443                
2444              </div>
2445          </a><div class="card__content">
2446          <div class="card__information">
2447            <h3 class="card__heading">
2448              <a href="/blogs/news/pro-tips-3-sustainability-in-our-daily-routines" class="full-unstyled-link">
2449                PRO-Tips #3: Sustainability in our Daily Routines
2450              </a>
2451            </h3>
2452            <div class="article-card__info caption-with-letter-spacing h5"></div></div></div>
2453      </div>
2454      <div class="card__content">
2455        <div class="card__information">
2456          <h3 class="card__heading">
2457            <a href="/blogs/news/pro-tips-3-sustainability-in-our-daily-routines" class="full-unstyled-link">
2458              PRO-Tips #3: Sustainability in our Daily Routines
2459            </a>
2460          </h3>
2461          <div class="article-card__info caption-with-letter-spacing h5"></div><a class="button button--primary" href=/blogs/news/pro-tips-3-sustainability-in-our-daily-routines>Read More</a>
2462        </div></div>
2463    </div>
2464  </div></div></div>
2465
2466<link href="//theprobar.com/cdn/shop/t/112/assets/component-pagination.css?v=136206814810731739951761670330" rel="stylesheet" type="text/css" media="all" />
2467<div class="pagination-wrapper">
2468    <nav class="pagination" role="navigation" aria-label="Pagination">
2469      <ul class="pagination__list list-unstyled" role="list"><li><a
2470                  role="link"
2471                  aria-disabled="true"
2472                  class="pagination__item pagination__item--current light"
2473                  aria-current="page"
2474                  aria-label="Page 1"
2475                >1</a></li><li><a
2476                href="/blogs/news?page=2"
2477                class="pagination__item link"
2478                aria-label="Page 2"
2479              >2</a></li><li><a
2480                href="/blogs/news?page=3"
2481                class="pagination__item link"
2482                aria-label="Page 3"
2483              >3</a></li><li>
2484            <a
2485              href="/blogs/news?page=2"
2486              class="pagination__item pagination__item--prev pagination__item-arrow link motion-reduce"
2487              aria-label="Next page"
2488            >
2489              >
2490              
2491            </a>
2492          </li></ul>
2493    </nav>
2494  </div></div>
2495</section>
2496    </main>
2497
2498    <!-- BEGIN sections: footer-group -->
2499<div id="shopify-section-sections--18613515845701__footer" class="shopify-section shopify-section-group-footer-group">
2500<link href="//theprobar.com/cdn/shop/t/112/assets/section-footer.css?v=125160298726032154631761670330" rel="stylesheet" type="text/css" media="all" />
2501<link href="//theprobar.com/cdn/shop/t/112/assets/component-newsletter.css?v=4727253280200485261761670330" rel="stylesheet" type="text/css" media="all" />
2502<link href="//theprobar.com/cdn/shop/t/112/assets/component-list-menu.css?v=151968516119678728991761670330" rel="stylesheet" type="text/css" media="all" />
2503<link href="//theprobar.com/cdn/shop/t/112/assets/component-list-payment.css?v=69253961410771838501761670330" rel="stylesheet" type="text/css" media="all" />
2504<link href="//theprobar.com/cdn/shop/t/112/assets/component-list-social.css?v=35792976012981934991761670330" rel="stylesheet" type="text/css" media="all" />
2505<style data-shopify>.footer {
2506    margin-top: 0px;
2507    background: #f5f5f5;
2508  }
2509
2510  .section-sections--18613515845701__footer-padding {
2511    padding-top: 0px;
2512    padding-bottom: 0px;
2513  }
2514
2515  @media screen and (min-width: 750px) {
2516    .footer {
2517      margin-top: 0px;
2518    }
2519
2520    .section-sections--18613515845701__footer-padding {
2521      padding-top: 0px;
2522      padding-bottom: 0px;
2523    }
2524  }</style><footer class="footer gradient section-sections--18613515845701__footer-padding"><div class="footer__top page-width">
2525        <div class="footer__top-left">
2526          
2527            <a class="footer__logo" href="/"><img src="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=165 165w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=360 360w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=535 535w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=750 750w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=1070 1070w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&amp;width=1500 1500w" width="1500" height="920" loading="lazy" sizes="(min-width: 1200px) 550px,
2528                (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)">
2529            </a>
2530          
2531        
2532          
2533            <div class="footer__callout">
2534              <h2>PLANT-BASED FOOD</h2><h3>FOR EVERYDAY ADVENTURES</h3>
2535            </div>
2536          
2537
2538
2539<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item">
2540      <a target="_blank" href="https://www.instagram.com/theprobar/?hl=en" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20">
2541  <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/>
2542</svg>
2543<span class="visually-hidden">Instagram</span>
2544      </a>
2545    </li><li class="list-social__item">
2546      <a target="_blank" href="https://www.facebook.com/theprobar/" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20">
2547  <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/>
2548</svg>
2549<span class="visually-hidden">Facebook</span>
2550      </a>
2551    </li><li class="list-social__item">
2552      <a target="_blank" href="https://www.tiktok.com/@theprobar" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-tiktok" viewBox="0 0 20 20">
2553  <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/>
2554</svg>
2555<span class="visually-hidden">TikTok</span>
2556      </a>
2557    </li></ul>
2558</div>
2559
2560        <div class="footer__top-right">
2561          
2562          <div>
2563            <h3>SHOP</h3>
2564            <ul class="footer-block__details-content list-unstyled"><li>
2565                  <a
2566                    href="/collections"
2567                    class="link link--text list-menu__item list-menu__item--link"
2568                  >
2569                    Shop All
2570                  </a>
2571                </li></ul>
2572          </div>
2573            <div>
2574              <h3>ABOUT</h3>
2575              <ul class="footer-block__details-content list-unstyled"><li>
2576                    <a
2577                      href="/blogs/news"
2578                      class="link link--text list-menu__item list-menu__item--link list-menu__item--active"
2579                    >
2580                      Blog
2581                    </a>
2582                  </li><li>
2583                    <a
2584                      href="/pages/about-us"
2585                      class="link link--text list-menu__item list-menu__item--link"
2586                    >
2587                      About Us
2588                    </a>
2589                  </li><li>
2590                    <a
2591                      href="/pages/wholesale-partner-accounts"
2592                      class="link link--text list-menu__item list-menu__item--link"
2593                    >
2594                      Wholesale
2595                    </a>
2596                  </li></ul>
2597            </div>
2598            <div>
2599            <h3>HELP</h3>
2600              <ul class="footer-block__details-content list-unstyled"><li>
2601                    <a
2602                      href="/pages/faq"
2603                      class="link link--text list-menu__item list-menu__item--link"
2604                    >
2605                      FAQs
2606                    </a>
2607                  </li><li>
2608                    <a
2609                      href="/pages/careers"
2610                      class="link link--text list-menu__item list-menu__item--link"
2611                    >
2612                      Careers
2613                    </a>
2614                  </li><li>
2615                    <a
2616                      href="/pages/contact-us"
2617                      class="link link--text list-menu__item list-menu__item--link"
2618                    >
2619                      Contact Us
2620                    </a>
2621                  </li></ul>
2622            </div></div>
2623      </div>
2624
2625      <div class="footer__bottom page-width">
2626        <div class="footer__copyright caption">
2627          
2628            <small class="copyright__content">&copy; 2026 <p>PROBAR, Inc. All Rights Reserved</p></small>
2629          
2630        </div>
2631
2632        
2633          <div>
2634            <ul class="footer-block__details-content list-unstyled"><li>
2635                  <a
2636                    href="https://theprobar.com/pages/terms-of-use"
2637                    class="link link--text list-menu__item list-menu__item--link"
2638                  >
2639                    Terms of Use
2640                  </a>
2641                </li><li>
2642                  <a
2643                    href="/policies/privacy-policy"
2644                    class="link link--text list-menu__item list-menu__item--link"
2645                  >
2646                    Privacy Policy
2647                  </a>
2648                </li></ul>
2649          </div></div><div
2650    class="footer__content-bottom scroll-trigger animate--slide-in"
2651    
2652      data-cascade
2653    
2654  >
2655    <div class="footer__content-bottom-wrapper page-width">
2656      <div class="footer__column footer__localization isolate"></div>
2657      <div class="footer__column footer__column--info"></div>
2658    </div>
2659  </div>
2660</footer>
2661
2662
2663</div>
2664<!-- END sections: footer-group -->
2665
2666    <ul hidden>
2667      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
2668      <li id="a11y-new-window-message">Opens in a new window.</li>
2669    </ul>
2670
2671    
2671<script>
2672      window.shopUrl = 'https://theprobar.com';
2673      window.routes = {
2674        cart_add_url: '/cart/add',
2675        cart_change_url: '/cart/change',
2676        cart_update_url: '/cart/update',
2677        cart_url: '/cart',
2678        predictive_search_url: '/search/suggest',
2679      };
2680
2681      window.cartStrings = {
2682        error: `There was an error while updating your cart. Please try again.`,
2683        quantityError: `You can only add [quantity] of this item to your cart.`,
2684      };
2685
2686      window.variantStrings = {
2687        addToCart: `Add to cart`,
2688        soldOut: `Sold out`,
2689        unavailable: `Unavailable`,
2690        unavailable_with_option: `[value] - Unavailable`,
2691      };
2692
2693      window.quickOrderListStrings = {
2694        itemsAdded: `[quantity] items added`,
2695        itemAdded: `[quantity] item added`,
2696        itemsRemoved: `[quantity] items removed`,
2697        itemRemoved: `[quantity] item removed`,
2698        viewCart: `View cart`,
2699        each: `[money]/ea`,
2700      };
2701
2702      window.accessibilityStrings = {
2703        imageAvailable: `Image [index] is now available in gallery view`,
2704        shareSuccess: `Link copied to clipboard`,
2705        pauseSlideshow: `Pause slideshow`,
2706        playSlideshow: `Play slideshow`,
2707        recipientFormExpanded: `Gift card recipient form expanded`,
2708        recipientFormCollapsed: `Gift card recipient form collapsed`,
2709      };
2710    </script>
2710<script src="//theprobar.com/cdn/shop/t/112/assets/predictive-search.js?v=162273246065392412141761670330" defer="defer"></script>
2710<!-- START = PDP Accordion Script -->
2711    
2711<script>
2712      var accParent = document.getElementsByClassName("description__accordion");
2713      var acc = document.getElementsByClassName("accordion");
2714      var i;
2715  
2716      for (i = 0; i < acc.length; i++) {
2717        acc[i].addEventListener("click", function() {
2718          this.classList.toggle("active");
2719          var panel = this.nextElementSibling;
2720          if (panel.style.maxHeight) {
2721            panel.style.maxHeight = null;
2722          } else {
2723            panel.style.maxHeight = panel.scrollHeight + "px";
2724          } 
2725        });
2726      }
2727      for (i = 0; i < acc.length; i++) {
2728        accParent[i].addEventListener("click", function() {
2729          this.classList.toggle("active");
2730        });
2731      }
2732    </script>
2732
2733    <!-- END = PDP Accordion Script -->  
2734
2735    
2735<script>
2736      var megaMenu = document.getElementById("HeaderMenu-shop");
2737      var megaMenuChild = document.getElementById("MegaMenu-Content-1");
2738      
2739      if ( !megaMenuChild.classList.contains('open') ) {
2740        megaMenu.onmouseover = function() {
2741          megaMenuChild.classList.add("open");
2742          megaMenuChild.onmouseleave = function() {
2743            megaMenuChild.classList.remove("open");
2744          }
2745        }
2746      }
2747    </script>
2747
2748  <div id="shopify-block-AdTBORzdUdm95L0F1Z__1537173939754162885" class="shopify-block shopify-app-block">
2749
2750<script>
2751  window.accessProWidgetSettings = {"default_menu_language":"en","enable_features":true,"icon":"default","icon_color_fill":"#228B22","icon_color_stroke":"#228B22","icon_position":"BL","icon_style":"thick","icon_size":"default","menu_content_color":"#000000","menu_header_background_color":"#228B22","menu_header_font_color":"#ffffff","open_accessibility_profile":true,"selected_languages":["en","fr","es","de"],"widget_size":"large","widgetheight":"full","template":"minimal","color_template":"Forest","lang_l":true,"enableMenuSettings":{"alignment":true,"animation":true,"contrast":true,"cursor":true,"dyslexic":true,"fontscale":true,"fontweight":true,"headings":true,"images":true,"languages":true,"letterspacing":true,"linespacing":true,"links":true,"magnifier":true,"mission":true,"profiles":true,"readingguide":true,"readingmask":true,"reset":true,"saturation":true,"sounds":true,"text2speech":true,"describeimages":false,"videos":true,"pagestructure":true,"textsummary":true,"virtualkeyboard":true,"dictionary":true,"invertcolors":true,"colorblind":false,"translatepage":true,"readerprofile":true,"seizureprofile":true,"adhdprofile":true,"cognitiveprofile":true,"visuallyimpairedprofile":true,"motorimpairedprofile":false,"elderlyprofile":false,"colorblindprofile":false,"linknavigation":false,"voicenavigation":true,"keyboardnavigation":false,"talkandtype":true,"customcolors":false}};
2752  window.accessProComplianceSettings = {};
2753  window.accessProCurrentPage = {
2754    pageType: "blog",
2755    path: "\/blogs\/news"
2756  };
2757</script>
2757
2758
2759<style>
2760    
2761
2762  .asw-widget-button-top {
2763     position: absolute !important;
2764     top: 10px !important;
2765     left: 10px !important;
2766     background-color: #000 !important;
2767     color: #fff !important;
2768     text-decoration: none !important;
2769     overflow: hidden;
2770     width: 1px !important;
2771     height: 1px !important;
2772     margin: -1px !important;
2773     padding: 0 !important;
2774     border: 0 !important;
2775     clip: rect(0 0 0 0) !important;
2776     word-wrap: normal !important;
2777  }
2778    .asw-widget-button-top-focused,
2779    .asw-widget-button-top:focus {
2780      z-index: 9999 !important;
2781      overflow: auto !important;
2782      width: auto !important;
2783      height: auto !important;
2784      clip: auto !important;
2785      padding: 10px 15px !important;
2786    }
2787
2788    #acp-virtualKeyboardPopup {
2789      position: fixed;
2790      bottom: 80px;
2791      left: 50%;
2792      transform: translateX(-50%);
2793      background: #ffffff !important;
2794      border: 1px solid #ccc;
2795      padding: 8px;
2796      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
2797      z-index: 9999;
2798      display: none;
2799      width: 90%;
2800      max-width: 600px;
2801      border-radius: 10px;
2802    }
2803
2804    #acp-virtual-input {
2805      width: 100%;
2806      padding: 10px;
2807      font-size: 16px;
2808      margin-bottom: 10px;
2809    }
2810
2811    #acp-closeKeyboardBtn {
2812      color: #fff;
2813      border: none;
2814      padding: 1px 3px;
2815      cursor: pointer;
2816      float: right;
2817      border-radius: 4px;
2818      margin-bottom: 5px;
2819    }
2820    #acp-definition-popup {
2821      position: absolute;
2822      display: none;
2823      padding: 10px;
2824      background: white;
2825      border: 1px solid #ccc;
2826      z-index: 1000;
2827      border-radius: 14px;
2828    }
2829</style>
2830
2831<div id="acp-icon"></div>
2832<div id="acp-widget"></div>
2833
2834<!-- Virtual Keyboard Input and Keyboard -->
2835<div
2836  id="acp-definition-popup"
2837></div>
2838<div
2839  id="acp-dictionary-toast"
2840  class="asw-text-speech-bar"
2841  style="display: none;"
2842  data-ap-translate="DICTIONARY DESC"
2843>
2844  Double click on a word to see the definition.
2845</div>
2846<div id="acp-virtualKeyboardPopup" role="dialog" aria-modal="true" aria-label="Virtual keyboard popup">
2847  <button id="acp-closeKeyboardBtn" aria-label="Close virtual keyboard">
2848    <svg
2849      xmlns="http://www.w3.org/2000/svg"
2850      width="24"
2851      height="24"
2852      viewBox="0 0 24 24"
2853      fill="none"
2854    >
2855      <path
2856        d="M18 6L6 18"
2857        stroke="black"
2858        strokeWidth="2"
2859        strokeLinecap="round"
2860        strokeLinejoin="round"
2861      />
2862      <path
2863        d="M6 6L18 18"
2864        stroke="black"
2865        strokeWidth="2"
2866        strokeLinecap="round"
2867        strokeLinejoin="round"
2868      />
2869    </svg>
2870  </button>
2871  
2872  <div id="acp-virtual-keyboard" class="simple-keyboard"></div>
2873  
2873<script>
2874    function makeDraggableVirtualKeyboard(el) {
2875      let pos1 = 0,
2876        pos2 = 0,
2877        pos3 = 0,
2878        pos4 = 0;
2879
2880      el.onmousedown = dragMouseDown;
2881
2882      function dragMouseDown(e) {
2883        e.preventDefault();
2884        pos3 = e.clientX;
2885        pos4 = e.clientY;
2886        document.onmouseup = closeDragElement;
2887        document.onmousemove = elementDrag;
2888      }
2889
2890      function elementDrag(e) {
2891        e.preventDefault();
2892        pos1 = pos3 - e.clientX;
2893        pos2 = pos4 - e.clientY;
2894        pos3 = e.clientX;
2895        pos4 = e.clientY;
2896        el.style.top = el.offsetTop - pos2 + 'px';
2897        el.style.left = el.offsetLeft - pos1 + 'px';
2898        el.style.bottom = 'unset';
2899        el.style.right = 'unset';
2900      }
2901
2902      function closeDragElement() {
2903        document.onmouseup = null;
2904        document.onmousemove = null;
2905      }
2906    }
2907
2908    makeDraggableVirtualKeyboard(document.getElementById('acp-virtualKeyboardPopup'));
2909  </script>
2909
2910</div>
2911<script>
2912  // App Procxy Handle
2913  
2914  window.accessProProxyHandle = '/apps/access-pro';
2915  
2916
2917  // URLs
2918  window.accessProSettingsUrl = `${window.accessProProxyHandle}/theme/settings/`;
2919  window.accessProPageViewsCountUrl = `${window.accessProProxyHandle}/theme/views/update/count`;
2920  
2921
2922  // Translation URL
2923  var shopify_domain = `theprobarllc.myshopify.com`;
2924  window.accessProTranslationUrl = `https://access-pro-api.entanglecommerce.com/api/v1/language/translate/?domain=${shopify_domain}`;
2925  window.pageViewsCountURL = `${window.accessProProxyHandle}/theme/views/update/count`;
2926</script>
2926
2927
2928<script src="https://cdn.shopify.com/extensions/01a0fc5b-faca-7a27-ab85-5412b87841de/access-pro-2-246/assets/main.js" defer></script>
vendor: 1 bytes, line 2928
2928
2929<script>
2930  (function () {
2931    var params = new URLSearchParams(window.location.search);
2932    var token = params.get('acp_scan');
2933    if (!token) return;
2934
2935    function showScanOverlay(message) {
2936      var el = document.getElementById('acp-scan-overlay');
2937      if (!el) {
2938        el = document.createElement('div');
2939        el.id = 'acp-scan-overlay';
2940        el.style.cssText =
2941          'position:fixed;inset:0;background:rgba(255,255,255,0.94);z-index:2147483647;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;';
2942        el.innerHTML =
2943          '<div style="text-align:center;max-width:320px;padding:24px">' +
2944          '<p style="font-size:18px;font-weight:600;margin:0 0 8px;color:#111">Scanning for accessibility</p>' +
2945          '<p id="acp-scan-overlay-status" style="font-size:14px;color:#666;margin:0"></p>' +
2946          '</div>';
2947        document.body.appendChild(el);
2948      }
2949      var status = document.getElementById('acp-scan-overlay-status');
2950      if (status) status.textContent = message || 'Please wait…';
2951    }
2952
2953    showScanOverlay('Preparing accessibility scan…');
2954
2955    function hideOverlay() {
2956      var el = document.getElementById('acp-scan-overlay');
2957      if (el) el.style.display = 'none';
2958    }
2959
2960    function pageIsThemePreview() {
2961      try {
2962        return Boolean(new URLSearchParams(window.location.search).get('preview_theme_id'));
2963      } catch (e) {
2964        return false;
2965      }
2966    }
2967
2968    // Shopify stores the unpublished theme in a storefront cookie. Clear it
2969    // here so the scan window never has to navigate to the live theme.
2970    var previewExitPromise = null;
2971    function exitThemePreviewQuietly() {
2972      if (!pageIsThemePreview()) return Promise.resolve();
2973      if (previewExitPromise) return previewExitPromise;
2974      previewExitPromise = new Promise(function (resolve) {
2975        var settled = false;
2976        function finish() {
2977          if (settled) return;
2978          settled = true;
2979          resolve();
2980        }
2981        setTimeout(finish, 2000);
2982        try {
2983          var frame = document.createElement('iframe');
2984          frame.setAttribute('aria-hidden', 'true');
2985          frame.title = '';
2986          frame.style.cssText =
2987            'position:absolute;width:0;height:0;border:0;visibility:hidden';
2988          frame.src = window.location.origin + '/?exitPreview=1';
2989          (document.body || document.documentElement).appendChild(frame);
2990        } catch (e) {}
2991        try {
2992          fetch(window.location.origin + '/?exitPreview=1', {
2993            credentials: 'include',
2994            cache: 'no-store',
2995            redirect: 'follow',
2996          }).catch(function () {});
2997        } catch (e) {}
2998      });
2999      return previewExitPromise;
3000    }
3001
3002    window.addEventListener('message', function (event) {
3003      if (event.source !== window.opener) return;
3004      var data = event.data;
3005      if (!data || data.type !== 'accesspro-exit-preview') return;
3006      exitThemePreviewQuietly().then(function () {
3007        if (window.opener) {
3008          window.opener.postMessage({ type: 'accesspro-preview-exited' }, '*');
3009        }
3010      });
3011    });
3012
3013    function submitScanResult(payload) {
3014      var params = new URLSearchParams(window.location.search);
3015      var jobId = params.get('acp_job');
3016      if (!jobId) {
3017        return;
3018      }
3019
3020      var pageUrl = window.location.origin + window.location.pathname;
3021      fetch(window.accessProProxyHandle + '/theme/accessibility-scan/complete', {
3022        method: 'POST',
3023        headers: { 'Content-Type': 'application/json' },
3024        body: JSON.stringify({
3025          jobId: jobId,
3026          scanToken: token,
3027          url: pageUrl,
3028          axeResults: payload.results || null,
3029          error:
3030            payload.type === 'accesspro-axe-scan-error'
3031              ? payload.message || 'Accessibility scan failed'
3032              : null,
3033        }),
3034      })
3035        .then(function (response) {
3036          return response.json().catch(function () {
3037            return {};
3038          });
3039        })
3040        .then(function (data) {
3041          if (window.opener) {
3042            var isFinal = data.reportId != null;
3043            var hasError = !data.success;
3044            var isNextScanPage = false;
3045            if (data.redirectUrl) {
3046              try {
3047                isNextScanPage = new URL(data.redirectUrl).searchParams.has('acp_scan');
3048              } catch (e) {}
3049            }
3050            var continuing = isNextScanPage && data.redirectUrl && !isFinal && !hasError;
3051
3052            function deliver() {
3053              window.opener.postMessage(
3054                {
3055                  type: 'accesspro-axe-scan-progress',
3056                  jobId: jobId,
3057                  redirectUrl: data.redirectUrl || null,
3058                  reportId: data.reportId != null ? data.reportId : null,
3059                  error: data.success ? null : (data.message || 'Scan failed'),
3060                },
3061                '*',
3062              );
3063
3064              if (isFinal) {
3065                showScanOverlay('Returning to your audit report…');
3066                return;
3067              }
3068
3069              if (continuing) {
3070                showScanOverlay('Scanning next page…');
3071                window.location.href = data.redirectUrl;
3072                return;
3073              }
3074
3075              setTimeout(function () {
3076                window.close();
3077              }, 400);
3078            }
3079
3080            if (pageIsThemePreview() && !continuing) {
3081              if (isFinal) showScanOverlay('Returning to your audit report…');
3082              exitThemePreviewQuietly().then(deliver);
3083              return;
3084            }
3085
3086            deliver();
3087            return;
3088          }
3089          if (data.redirectUrl) {
3090            showScanOverlay('Returning to your audit report…');
3091            window.location.href = data.redirectUrl;
3092            return;
3093          }
3094          showScanOverlay(data.message || 'Scan failed');
3095          if (window.opener) {
3096            window.opener.postMessage(
3097              {
3098                type: 'accesspro-axe-scan-progress',
3099                jobId: jobId,
3100                error: data.message || 'Scan failed',
3101              },
3102              '*',
3103            );
3104          }
3105        })
3106        .catch(function (err) {
3107          var message =
3108            (err && err.message) || 'Scan failed';
3109          showScanOverlay(message);
3110          function deliver() {
3111            if (!window.opener) return;
3112            var jobIdErr = new URLSearchParams(window.location.search).get('acp_job');
3113            window.opener.postMessage(
3114              {
3115                type: 'accesspro-axe-scan-progress',
3116                jobId: jobIdErr,
3117                error: message,
3118              },
3119              '*',
3120            );
3121          }
3122          if (pageIsThemePreview()) {
3123            exitThemePreviewQuietly().then(deliver);
3124            return;
3125          }
3126          deliver();
3127        });
3128    }
3129
3130    function waitForFullPageLoad() {
3131      return new Promise(function (resolve) {
3132        function settle() {
3133          // Extended settle time for dynamic content, carousels, lazy sections
3134          // Wait for network idle + animations + JS state changes
3135          setTimeout(function() {
3136            // Wait for any lazy images to finish loading
3137            var images = Array.prototype.slice.call(document.querySelectorAll('img[loading="lazy"]'));
3138            var pendingImages = images.filter(function(img) {
3139              return !img.complete;
3140            });
3141            
3142            if (pendingImages.length > 0) {
3143              var loaded = 0;
3144              var timeout = setTimeout(function() {
3145                resolve(); // Don't wait forever
3146              }, 2000);
3147              
3148              pendingImages.forEach(function(img) {
3149                function handleLoad() {
3150                  loaded++;
3151                  if (loaded >= pendingImages.length) {
3152                    clearTimeout(timeout);
3153                    // Additional wait for any pending RAF or microtasks
3154                    requestAnimationFrame(function() {
3155                      setTimeout(resolve, 100);
3156                    });
3157                  }
3158                }
3159                img.addEventListener('load', handleLoad, { once: true });
3160                img.addEventListener('error', handleLoad, { once: true });
3161              });
3162            } else {
3163              // Additional wait for any pending RAF or microtasks
3164              requestAnimationFrame(function() {
3165                setTimeout(resolve, 100);
3166              });
3167            }
3168          }, 3000);
3169        }
3170        if (document.readyState === 'complete') {
3171          settle();
3172          return;
3173        }
3174        window.addEventListener('load', settle, { once: true });
3175      });
3176    }
3177
3178    // Port of accessibility-scanner Phase 3 WCAG 2.2 / APG checks (browser-side).
3179    // Findings are merged into axe violations/incomplete so the existing pipeline needs no changes.
3180    function isAccessProScanElement(el) {
3181      if (!el || !el.closest) return false;
3182      return !!(
3183        el.closest('#acp-icon') ||
3184        el.closest('#acp-widget') ||
3185        el.closest('#acp-virtualKeyboardPopup') ||
3186        el.closest('#acp-definition-popup') ||
3187        el.closest('#acp-dictionary-toast') ||
3188        el.closest('#acp-scan-overlay') ||
3189        el.closest('[id^="acp-"]') ||
3190        el.closest('.asw-widget-button-top')
3191      );
3192    }
3193    
3194    // Enhanced element visibility check including all CSS hiding techniques
3195    function isElementVisible(el) {
3196      if (!el || !el.getBoundingClientRect) return false;
3197      var style = window.getComputedStyle(el);
3198      if (style.display === 'none' || style.visibility === 'hidden') return false;
3199      if (style.opacity === '0') return false;
3200      if (style.position === 'absolute' && style.clip === 'rect(0px, 0px, 0px, 0px)') return false;
3201      if (style.width === '1px' && style.height === '1px' && style.overflow === 'hidden') return false;
3202      var rect = el.getBoundingClientRect();
3203      if (rect.width === 0 || rect.height === 0) return false;
3204      return true;
3205    }
3206
3207    function runWcag22Checks() {
3208      var violations = [];
3209      var incomplete = [];
3210
3211      try {
3212        // WCAG 2.4.11 Focus Not Obscured — sticky/fixed heuristic (manual review)
3213        var stickyElements = Array.prototype.slice
3214          .call(document.querySelectorAll('*'))
3215          .filter(function (el) {
3216            if (isAccessProScanElement(el)) return false;
3217            if (!isElementVisible(el)) return false;
3218            var style = getComputedStyle(el);
3219            return (
3220              (style.position === 'sticky' || style.position === 'fixed') &&
3221              el.getBoundingClientRect().height > 40
3222            );
3223          })
3224          .slice(0, 5)
3225          .map(function (el) {
3226            var style = getComputedStyle(el);
3227            return {
3228              tag: el.tagName.toLowerCase(),
3229              id: el.id || null,
3230              height: Math.round(el.getBoundingClientRect().height),
3231              position: style.position,
3232            };
3233          });
3234
3235        if (stickyElements.length > 0) {
3236          incomplete.push({
3237            id: 'focus-not-obscured',
3238            impact: 'serious',
3239            tags: ['wcag22aa', 'wcag2411'],
3240            description:
3241              'WCAG 2.4.11: Focused elements must not be entirely obscured. Fixed/sticky elements detected — manual keyboard testing required.',
3242            helpUrl:
3243              'https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum.html',
3244            nodes: stickyElements.map(function (e) {
3245              return {
3246                html:
3247                  '<' +
3248                  e.tag +
3249                  (e.id ? ' id="' + e.id + '"' : '') +
3250                  '> (' +
3251                  e.position +
3252                  ', ' +
3253                  e.height +
3254                  'px tall)',
3255                target: [e.tag + (e.id ? '#' + e.id : '')],
3256                failureSummary:
3257                  'Fixed/sticky element may obscure focused components. Verify with keyboard navigation.',
3258              };
3259            }),
3260          });
3261        }
3262        
3263        // NEW: aria-hidden-focus check - elements with aria-hidden="true" that are focusable
3264        var hiddenFocusable = [];
3265        document.querySelectorAll('[aria-hidden="true"]').forEach(function(el) {
3266          if (isAccessProScanElement(el)) return;
3267          // Check if this element or any descendant is focusable
3268          var focusableSelectors = 'a[href], button, input, select, textarea, [tabindex]:not
3268([tabindex="-1"])';
3269          var focusables = el.matches(focusableSelectors) ? [el] : Array.prototype.slice.call(el.querySelectorAll(focusableSelectors));
3270          focusables.forEach(function(focusEl) {
3271            if (isElementVisible(focusEl) && focusEl.tabIndex >= 0) {
3272              hiddenFocusable.push({
3273                html: focusEl.outerHTML.slice(0, 500),
3274                selector: buildScanSelector(focusEl),
3275                parentHiddenHtml: el.outerHTML.slice(0, 200)
3276              });
3277            }
3278          });
3279        });
3280        
3281        if (hiddenFocusable.length > 0) {
3282          violations.push({
3283            id: 'aria-hidden-focus',
3284            impact: 'serious',
3285            tags: ['wcag2aa', 'wcag412'],
3286            description: 'WCAG 4.1.2: Focusable elements must not be hidden with aria-hidden="true"',
3287            helpUrl: 'https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html',
3288            nodes: hiddenFocusable.slice(0, 10).map(function(item) {
3289              return {
3290                html: item.html,
3291                target: [item.selector],
3292                failureSummary: 'Focusable element is inside aria-hidden="true" container'
3293              };
3294            })
3295          });
3296        }
3297
3298        // WCAG 2.5.3 Label in Name - Enhanced with better visible text extraction
3299        // Visible text = text rendered on screen (excludes aria-hidden, sr-only, SVG internals).
3300        function getVisibleText(el) {
3301          var text = '';
3302          for (var i = 0; i < el.childNodes.length; i++) {
3303            var child = el.childNodes[i];
3304            if (child.nodeType === 3) { text += child.textContent; continue; }
3305            if (child.nodeType !== 1) continue;
3306            if (child.getAttribute('aria-hidden') === 'true') continue;
3307            var st = window.getComputedStyle(child);
3308            if (st.display === 'none' || st.visibility === 'hidden') continue;
3309            if (st.opacity === '0') continue;
3310            if (st.position === 'absolute') {
3311              var clip = st.clip;
3312              if (clip === 'rect(0px, 0px, 0px, 0px)' || clip === 'rect(0, 0, 0, 0)') continue;
3313            }
3314            if (st.width === '1px' && st.height === '1px' && st.overflow === 'hidden') continue;
3315            if (st.fontSize === '0px' || st.width === '0px' || st.height === '0px') continue;
3316            text += getVisibleText(child);
3317          }
3318          return text;
3319        }
3320        function buildScanSelector(el) {
3321          if (el.id) return '#' + CSS.escape(el.id);
3322          var testId = el.getAttribute('data-testid') || el.getAttribute('data-test-id');
3323          if (testId) return '[data-testid="' + testId + '"]';
3324          var tag = el.tagName.toLowerCase();
3325          var cls = (el.getAttribute('class') || '').split(/\s+/).filter(function (c) {
3326            return c && c.length < 60 && !/^(active|is-|js-|open|hidden|focus|hover)/i.test(c);
3327          }).slice(0, 3);
3328          return cls.length ? tag + '.' + cls.join('.') : tag;
3329        }
3330        
3331        // Enhanced selector to catch more interactive elements
3332        var interactiveSelector = 'button, [role="button"], a[aria-label], [role="link"][aria-label], ' +
3333          '[role="menuitem"][aria-label], [role="tab"][aria-label], [role="checkbox"][aria-label], ' +
3334          '[role="radio"][aria-label], [role="switch"][aria-label], [role="combobox"][aria-label], ' +
3335          '[role="searchbox"][aria-label], [role="textbox"][aria-label]';
3336          
3337        var mismatches = Array.prototype.slice
3338          .call(document.querySelectorAll(interactiveSelector))
3339          .filter(function (el) {
3340            return !isAccessProScanElement(el) && isElementVisible(el);
3341          })
3342          .map(function (el) {
3343            var ariaLabel = el.getAttribute('aria-label') || '';
3344            var visibleText = getVisibleText(el).replace(/\s+/g, ' ').trim();
3345            if (!ariaLabel || !visibleText) return null;
3346            if (visibleText.length <= 1) return null;
3347            
3348            // Normalize for comparison - remove punctuation and make case-insensitive
3349            var normalizedLabel = ariaLabel.toLowerCase().replace(/[^\w\s]/g, '');
3350            var normalizedVisible = visibleText.toLowerCase().replace(/[^\w\s]/g, '');
3351            
3352            // Check if visible text is substring of aria-label
3353            if (normalizedLabel.includes(normalizedVisible)) return null;
3354            
3355            // Check word-by-word containment for multi-word labels
3356            var visibleWords = normalizedVisible.split(/\s+/).filter(Boolean);
3357            if (visibleWords.length > 0) {
3358              var allWordsPresent = visibleWords.every(function(word) {
3359                return normalizedLabel.includes(word);
3360              });
3361              if (allWordsPresent) return null;
3362            }
3363            
3364            return {
3365              html: el.outerHTML.slice(0, 500),
3366              selector: buildScanSelector(el),
3367              ariaLabel: ariaLabel,
3368              visibleText: visibleText,
3369            };
3370          })
3371          .filter(Boolean)
3372          .slice(0, 10);
3373
3374        if (mismatches.length > 0) {
3375          violations.push({
3376            id: 'label-in-name',
3377            impact: 'serious',
3378            tags: ['wcag21a', 'wcag253'],
3379            description: 'WCAG 2.5.3: Accessible name must contain visible label text',
3380            helpUrl: 'https://www.w3.org/WAI/WCAG22/Understanding/label-in-name.html',
3381            nodes: mismatches.map(function (m) {
3382              return {
3383                html: m.html,
3384                target: [m.selector],
3385                failureSummary:
3386                  'aria-label="' +
3387                  m.ariaLabel +
3388                  '" does not contain visible text "' +
3389                  m.visibleText +
3390                  '"',
3391              };
3392            }),
3393          });
3394        }
3395
3396        // 2.5.7 Dragging Movements
3397        var draggableElements = Array.prototype.slice
3398          .call(
3399            document.querySelectorAll(
3400              '[draggable="true"], [data-sortable], .sortable-item',
3401            ),
3402          )
3403          .filter(function (el) {
3404            return !isAccessProScanElement(el);
3405          })
3406          .slice(0, 5)
3407          .map(function (el) {
3408            return {
3409              html: el.outerHTML.slice(0, 500),
3410              selector: buildScanSelector(el),
3411            };
3412          });
3413
3414        if (draggableElements.length > 0) {
3415          incomplete.push({
3416            id: 'dragging-movements',
3417            impact: 'serious',
3418            tags: ['wcag22aa', 'wcag257'],
3419            description:
3420              'WCAG 2.5.7: Draggable elements must have a single-pointer alternative. Manual verification required.',
3421            helpUrl: 'https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html',
3422            nodes: draggableElements.map(function (e) {
3423              return {
3424                html: e.html,
3425                target: [e.selector],
3426                failureSummary:
3427                  'Verify that a keyboard or single-pointer alternative exists for this drag operation.',
3428              };
3429            }),
3430          });
3431        }
3432
3433        // ARIA APG: Dialog Pattern
3434        var badDialogs = Array.prototype.slice
3435          .call(document.querySelectorAll('[role="dialog"], [role="alertdialog"]'))
3436          .filter(function (el) {
3437            if (isAccessProScanElement(el)) return false;
3438            return !(
3439              el.hasAttribute('aria-labelledby') || el.hasAttribute('aria-label')
3440            );
3441          })
3442          .slice(0, 5)
3443          .map(function (el) {
3444            return {
3445              html: el.outerHTML.slice(0, 500),
3446              selector: buildScanSelector(el),
3447            };
3448          });
3449
3450        if (badDialogs.length > 0) {
3451          violations.push({
3452            id: 'dialog-missing-label',
3453            impact: 'serious',
3454            tags: ['aria-apg', 'wcag2aa'],
3455            description:
3456              'ARIA APG Dialog Pattern: role="dialog" must have aria-labelledby or aria-label',
3457            helpUrl: 'https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/',
3458            nodes: badDialogs.map(function (d) {
3459              return {
3460                html: d.html,
3461                target: [d.selector],
3462                failureSummary:
3463                  'Add aria-labelledby pointing to a visible dialog title, or aria-label.',
3464              };
3465            }),
3466          });
3467        }
3468
3469        // ARIA APG: Tabs Pattern — tabs must have aria-selected (true on active, false on others
3469)
3470        var badTabs = [];
3471        Array.prototype.slice
3472          .call(document.querySelectorAll('[role="tablist"]'))
3473          .forEach(function (tabList) {
3474            if (isAccessProScanElement(tabList)) return;
3475            var tabs = Array.prototype.slice.call(tabList.querySelectorAll('[role="tab"]'));
3476            var hasAnySelected = tabs.some(function (t) { return t.getAttribute('aria-selected') === 'true'; });
3477            tabs.forEach(function (tab) {
3478                if (isAccessProScanElement(tab)) return;
3479                if (!tab.hasAttribute('aria-selected')) {
3480                  // Detect if this tab appears active (has aria-current, class "active", etc.)
3481                  var looksActive = !hasAnySelected && tab.classList.contains('active');
3482                  badTabs.push({
3483                    html: tab.outerHTML.slice(0, 500),
3484                    selector: buildScanSelector(tab),
3485                    suggestValue: looksActive ? 'true' : 'false',
3486                  });
3487                }
3488              });
3489          });
3490        badTabs = badTabs.slice(0, 5);
3491
3492        if (badTabs.length > 0) {
3493          violations.push({
3494            id: 'tabs-missing-aria-selected',
3495            impact: 'serious',
3496            tags: ['aria-apg', 'wcag2aa'],
3497            description:
3498              'ARIA APG Tabs Pattern: each [role="tab"] must have aria-selected="true" or aria-selected="false"',
3499            helpUrl: 'https://www.w3.org/WAI/ARIA/apg/patterns/tabs/',
3500            nodes: badTabs.map(function (t) {
3501              return {
3502                html: t.html,
3503                target: [t.selector],
3504                failureSummary:
3505                  'Tab missing aria-selected. Suggested value: aria-selected="' + (t.suggestValue || 'false') + '"',
3506              };
3507            }),
3508          });
3509        }
3510      } catch (err) {
3511        console.warn(
3512          '[AccessPro][AxeScan][storefront] WCAG 2.2 checks error',
3513          err && err.message ? err.message : err,
3514        );
3515      }
3516
3517      return { violations: violations, incomplete: incomplete };
3518    }
3519
3520    function runAxeScan() {
3521      if (!window.axe) {
3522        showScanOverlay('Scan failed: axe-core not loaded');
3523        notifyScanOpener({
3524          type: 'accesspro-axe-scan-error',
3525          token: token,
3526          message: 'axe-core failed to load',
3527        });
3528        return;
3529      }
3530      
3531      // CRITICAL: Hide overlay before scan to prevent interference with color-contrast/visibility checks
3532      hideOverlay();
3533      
3534      // Run axe WITHOUT overlay visible to get accurate color contrast and visibility results
3535      window.axe
3536        .run(document, {
3537          runOnly: {
3538            type: 'tag',
3539            values: ['wcag2a', 'wcag2aa', 'wcag21aa', 'wcag22aa'],
3540          },
3541          exclude: [
3542            ['#acp-icon'],
3543            ['#acp-widget'],
3544            ['#acp-virtualKeyboardPopup'],
3545            ['#acp-definition-popup'],
3546            ['#acp-dictionary-toast'],
3547            ['#acp-scan-overlay'],
3548            ['.asw-widget-button-top'],
3549          ],
3550        })
3551        .then(function (results) {
3552          // Now safe to show overlay after scan completes
3553          showScanOverlay('Processing scan results…');
3554          var extra = runWcag22Checks();
3555          if (!results.violations) results.violations = [];
3556          if (!results.incomplete) results.incomplete = [];
3557          // Scanner stores customChecks separately; merge into axe arrays so
3558          // buildAxeScanSummary (customChecks: []) still surfaces them.
3559          results.violations = results.violations.concat(extra.violations || []);
3560          results.incomplete = results.incomplete.concat(extra.incomplete || []);
3561
3562          // List rule only: axe often stores just the opening <ul> tag.
3563          // Re-serialize with direct children so the report/AI Fixes show the real issue.
3564          enrichListViolationNodes(results);
3565
3566          notifyScanOpener({
3567            type: 'accesspro-axe-scan',
3568            token: token,
3569            url: window.location.href,
3570            results: results,
3571          });
3572        })
3573        .catch(function (err) {
3574          showScanOverlay('Scan failed');
3575          notifyScanOpener({
3576            type: 'accesspro-axe-scan-error',
3577            token: token,
3578            message: err && err.message ? err.message : 'Accessibility scan failed',
3579          });
3580        });
3581    }
3582
3583    /**
3584     * Optimize axe `list` node payloads only (no other rules).
3585     * Horizon overflow-list / ul[part=list] failures need children in HTML
3586     * so merchants see role=presentation / non-li children clearly.
3587     */
3588    function enrichListViolationNodes(results) {
3589      var violations = results && results.violations;
3590      if (!violations || !violations.length) return;
3591
3592      function queryInRoot(root, sel) {
3593        if (!root || !sel) return null;
3594        try {
3595          return root.querySelector(sel);
3596        } catch (e) {
3597          return null;
3598        }
3599      }
3600
3601      function resolveShadowPath(path) {
3602        if (!path) return null;
3603        if (typeof path === 'string') {
3604          return (
3605            queryInRoot(document, path) ||
3606            queryDeepAll(path)[0] ||
3607            null
3608          );
3609        }
3610        if (!Array.isArray(path) || !path.length) return null;
3611
3612        // Nested shadow path: ["host", "inner"] or [["host", "inner"]]
3613        var steps = path;
3614        if (steps.length === 1 && Array.isArray(steps[0])) {
3615          steps = steps[0];
3616        }
3617
3618        var ctx = document;
3619        var el = null;
3620        for (var i = 0; i < steps.length; i++) {
3621          var step = steps[i];
3622          if (Array.isArray(step)) {
3623            el = resolveShadowPath(step);
3624          } else {
3625            el = queryInRoot(ctx, String(step));
3626            if (!el && ctx === document) {
3627              el = queryDeepAll(String(step))[0] || null;
3628            }
3629          }
3630          if (!el) return null;
3631          ctx = el.shadowRoot || el;
3632        }
3633        return el;
3634      }
3635
3636      function queryDeepAll(sel) {
3637        var out = [];
3638        function walk(root) {
3639          if (!root || !root.querySelectorAll) return;
3640          try {
3641            Array.prototype.push.apply(out, root.querySelectorAll(sel));
3642          } catch (e) {
3643            /* invalid selector */
3644          }
3645          var all = root.querySelectorAll ? root.querySelectorAll('*') : [];
3646          for (var i = 0; i < all.length; i++) {
3647            if (all[i].shadowRoot) walk(all[i].shadowRoot);
3648          }
3649        }
3650        walk(document);
3651        return out;
3652      }
3653
3654      function serializeChildSnippet(child) {
3655        if (!child || !child.tagName) return '';
3656        var tag = child.tagName.toLowerCase();
3657        var role = (child.getAttribute && child.getAttribute('role')) || '';
3658        var part = (child.getAttribute && child.getAttribute('part')) || '';
3659        var cls = (child.getAttribute && child.getAttribute('class')) || '';
3660        var open =
3661          '<' +
3662          tag +
3663          (role ? ' role="' + role + '"' : '') +
3664          (part ? ' part="' + part + '"' : '') +
3665          (cls
3666            ? ' class="' +
3667              String(cls)
3668                .trim()
3669                .split(/\s+/)
3670                .slice(0, 3)
3671                .join(' ') +
3672              '"'
3673            : '') +
3674          '>';
3675        var text = (child.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 40);
3676        return open + (text ? text : '…') + '</' + tag + '>';
3677      }
3678
3679      function serializeListHtml(listEl) {
3680        if (!listEl || !listEl.tagName) return '';
3681        var tag = listEl.tagName.toLowerCase();
3682        if (tag !== 'ul' && tag !== 'ol') return '';
3683        var openMatch = String(listEl.outerHTML || '').match(/^<[^>]+>/);
3684        var openTag = openMatch ? openMatch[0] : '<' + tag + '>';
3685        var children = Array.prototype.slice.call(listEl.children || []).slice(0, 10);
3686        if (!children.length) return openTag;
3687        var lines = children.map(function (child) {
3688          return '  ' + serializeChildSnippet(child);
3689        });
3690        if ((listEl.children || []).length > 10) {
3691          lines.push('  <!-- … ' + (listEl.children.length - 10) + ' more -->');
3692        }
3693        return openTag + '\n' + lines.join('\n') + '\n</' + tag + '>';
3694      }
3695
3696      function findListFallback() {
3697        var candidates = queryDeepAll('ul[part="list"], overflow-list ul, ul, ol');
3698        var withBad = candidates.filter(function (listEl) {
3699          return Array.prototype.some.call(listEl.children || [], function (child) {
3700            var role = (child.getAttribute && child.getAttribute('role')) || '';
3701            var t = (child.tagName || '').toLowerCase();
3702            return (
3703              role === 'presentation' ||
3704              role === 'none' ||
3705              (t !== 'li' && t !== 'script' && t !== 'template' && t !== 'style')
3706            );
3707          });
3708        });
3709        return withBad.length === 1 ? withBad[0] : null;
3710      }
3711
3712      violations.forEach(function (v) {
3713        if (!v || v.id !== 'list') return;
3714        (v.nodes || []).forEach(function (node) {
3715          if (!node) return;
3716          var hintHtml = String(node.html || '');
3717          var el = resolveShadowPath(node.target);
3718
3719          // Flat axe targets like ["ul"] are too generic — prefer part=list from html hint.
3720          if (
3721            el &&
3722            /part\s*=\s*["']list["']/i.test(hintHtml) &&
3723            !(el.getAttribute && el.getAttribute('part') === 'list')
3724          ) {
3725            var partLists = queryDeepAll('ul[part="list"]');
3726            if (partLists.length === 1) el = partLists[0];
3727            else if (partLists.length > 1) {
3728              var badPart = partLists.filter(function (listEl) {
3729                return Array.prototype.some.call(listEl.children || [], function (child) {
3730                  var role = (child.getAttribute && child.getAttribute('role')) || '';
3731                  return role === 'presentation' || role === 'none';
3732                });
3733              });
3734              if (badPart.length === 1) el = badPart[0];
3735            }
3736          }
3737
3738          if (el && el.tagName) {
3739            var t = el.tagName.toLowerCase();
3740            if (t !== 'ul' && t !== 'ol' && el.closest) {
3741              el = el.closest('ul, ol') || el;
3742            }
3743          }
3744          if (!el || !el.tagName || !/^(UL|OL)$/.test(el.tagName)) {
3745            el = findListFallback();
3746          }
3747          if (!el) return;
3748
3749          var better = serializeListHtml(el);
3750          if (better && better.length > hintHtml.length) {
3751            node.html = better.slice(0, 2500);
3752          }
3753
3754          // Prefer a stable, actionable selector for Horizon chrome lists.
3755          if (el.getAttribute && el.getAttribute('part') === 'list') {
3756            node.target = ['ul[part="list"]'];
3757          }
3758        });
3759      });
3760    }
3761
3762    function notifyScanOpener(payload) {
3763      if (window.opener && payload.type === 'accesspro-axe-scan-error') {
3764        var jobId = new URLSearchParams(window.location.search).get('acp_job');
3765        showScanOverlay('Scan failed');
3766        window.opener.postMessage(
3767          {
3768            type: 'accesspro-axe-scan-progress',
3769            jobId: jobId,
3770            error: payload.message || 'Accessibility scan failed',
3771          },
3772          '*',
3773        );
3774        setTimeout(function () {
3775          window.close();
3776        }, 400);
3777        return;
3778      }
3779      submitScanResult(payload);
3780    }
3781
3782    var script = document.createElement('script');
3783    // cdnjs only goes up to 4.10.3; jsDelivr serves 4.11.1 (matches accessibility-scanner).
3784    script.src = 'https://cdn.jsdelivr.net/npm/[email protected]/axe.min.js';
3785    script.onload = function () {
3786      waitForFullPageLoad().then(runAxeScan);
3787    };
3788    script.onerror = function () {
3789      notifyScanOpener({
3790        type: 'accesspro-axe-scan-error',
3791        token: token,
3792        message: 'Failed to load axe-core',
3793      });
3794    };
3795    document.head.appendChild(script);
3796  })();
3797</script>
3797
3798
3799
3800<style>
3801  .accesspro-icon {
3802    display: inline-flex;
3803    flex-direction: column;
3804    align-items: center;
3805    gap: 4px;
3806    cursor: pointer;
3807    text-decoration: none;
3808    vertical-align: middle;
3809    color: var(--acp-trigger-color, #23185c);
3810  }
3811
3812  /* Icon-only triggers should not reserve a text line box. */
3813  .accesspro-icon[icon='true']:not(.acp-trigger--has-text) {
3814    line-height: 0;
3815  }
3816
3817  .accesspro-icon .asw-menu-btn-container {
3818    flex-shrink: 0;
3819  }
3820
3821  /* The cloned icon is inert; the host element is the control. */
3822  .accesspro-icon .asw-menu-btn-container,
3823  .accesspro-icon .asw-menu-btn {
3824    pointer-events: none;
3825  }
3826</style>
3827<script>
3828  (function () {
3829    var SELECTOR = '.accesspro-icon';
3830    var BOUND = 'acpTriggerBound';
3831    var FILLED = 'acpTriggerFilled';
3832    var settings = window.accessProWidgetSettings || {};
3833    var inlineMode = !!settings.hide_floating_icon;
3834    var fallbackReady = inlineMode;
3835    document.documentElement.style.setProperty(
3836      '--acp-trigger-color',
3837      settings.icon_color_fill || '#23185c'
3838    );
3839
3840    /* ---- open the widget ------------------------------------------------ */
3841    /* main.js is deferred, so iconInstance may not exist on an early click. */
3842    function openWidget(event) {
3843      if (event) event.preventDefault();
3844      if (window.iconInstance) {
3845        window.iconInstance.toggleWidget();
3846        return;
3847      }
3848      var waited = 0;
3849      var timer = setInterval(function () {
3850        if (window.iconInstance) {
3851          clearInterval(timer);
3852          window.iconInstance.toggleWidget();
3853        } else if ((waited += 100) >= 10000) {
3854          clearInterval(timer);
3855          console.error('[AccessPro] Widget did not load — cannot open menu.');
3856        }
3857      }, 100);
3858    }
3859
3860    /* ---- clone the floating icon ---------------------------------------- */
3861    function buildIcon() {
3862      var source = document.querySelector('#Access-Pro-Icon .asw-menu-btn-container');
3863      if (!source) return null;
3864
3865      var clone = source.cloneNode(true);
3866
3867      // Strip ids: the widget mutates apMenuIconStroke / apMenuIconFill by id
3868      // when contrast modes change, and duplicates would shadow the original.
3869      clone.removeAttribute('id');
3870      clone.querySelectorAll('[id]').forEach(function (node) {
3871        node.removeAttribute('id');
3872      });
3873
3874      // The dismiss "X" and loading dots belong to the floating icon only.
3875      clone.querySelectorAll('.asw-hide-widget-icon, .acp-floating-dots').forEach(function (node) {
3876        node.remove();
3877      });
3878
3879      // A <button> nested inside the merchant's <a>
3879 is invalid HTML. Swap it
3880      // for a <span> carrying the same classes so the widget CSS still applies.
3881      var button = clone.querySelector('.asw-menu-btn');
3882      if (button) {
3883        var span = document.createElement('span');
3884        span.className = button.className;
3885        span.setAttribute('style', button.getAttribute('style') || '');
3886        span.setAttribute('aria-hidden', 'true');
3887        while (button.firstChild) span.appendChild(button.firstChild);
3888        button.parentNode.replaceChild(span, button);
3889      }
3890
3891      return clone;
3892    }
3893
3894
3895    /* ---- fallback: build the icon from settings ------------------------- */
3896    /* Used when the floating icon is not in the DOM — the widget skips
3897       render() entirely if the visitor dismissed it, if a page/country filter
3898       bails out of init(), or if trigger display is set to title-only.
3899       Geometry below mirrors render() in main.js exactly. */
3900    var GLYPHS = {
3901      default: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" style="height: 45%; width: 45%; fill: #ffffff" viewBox="0 0 512 512" aria-hidden="true" focusable="false"><path d="M256,112a56,56,0,1,1,56-56A56.06,56.06,0,0,1,256,112Z" /><path d="M432,112.8l-.45.12h0l-.42.13c-1,.28-2,.58-3,.89-18.61,5.46-108.93,30.92-172.56,30.92-59.13,0-141.28-22-167.56-29.47a73.79,73.79,0,0,0-8-2.58c-19-5-32,14.3-32,31.94,0,17.47,15.7,25.79,31.55,31.76v.28l95.22,29.74c9.73,3.73,12.33,7.54,13.6,10.84,4.13,10.59.83,31.56-.34,38.88l-5.8,45L150.05,477.44q-.15.72-.27,1.47l-.23,1.27h0c-2.32,16.15,9.54,31.82,32,31.82,19.6,0,28.25-13.53,32-31.94h0s28-157.57,42-157.57,42.84,157.57,42.84,157.57h0c3.75,18.41,12.4,31.94,32,31.94,22.52,0,34.38-15.74,32-31.94-.21-1.38-.46-2.74-.76-4.06L329,301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09,1.09,0,0,0,.08-.15c1.08-2,6-6.48,17.48-10.79l89.28-31.21a16.9,16.9,0,0,0,1.62-.52c16-6,32-14.3,32-31.93S451,107.81,432,112.8Z" /></svg>',
3902      wheelchair: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 960" fill="#ffffff" aria-hidden="true" focusable="false"> <path d="M480 240q-33 0-56.5-23.5T400 160q0-33 23.5-56.5T480 80q33 0 56.5 23.5T560 160q0 33-23.5 56.5T480 240ZM680 880V680H480q-33 0-56.5-23.5T400 600V360q0-33 23.5-56.5T480 280q24 0 41.5 10.5T559 324q55 66 99.5 90.5T760 480v80q-53 0-107-23t-93-55v138h120q33 0 56.5 23.5T760 680v220h-80ZM400 880q-83 0-141.5-58.5T200 680q0-72 45.5-127T360 484v82q-35 14-57.5 44.5T280 680q0 50 35 85t85 35q39 0 69.5-22.5T514 720h82q-14 69-69 114.5T400 880Z" /> </svg>',
3903      blind: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#ffffff" style="fill: #ffffff" aria-hidden="true" focusable="false"> <path d="m240-60-64-48 104-139v-213q0-31 5.5-68.5T300-596l-60 34v142h-80v-188l216-123q8-5 17-7t19-2q24 0 44 12t30 33l31 67q20 44 61 66t102 22v80h-39L860-78l-35 20-237-413q-40-13-72.5-37.5T460-568q-10 29-15.5 66.5T441-432l79 112v260h-80v-200l-71-102-9 142L240-60Zm220-700q-33 0-56.5-23.5T380-840q0-33 23.5-56.5T460-920q33 0 56.5 23.5T540-840q0 33-23.5 56.5T460-760Z" /> </svg>',
3904      eye: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#ffffff" style="fill: #ffffff" aria-hidden="true" focusable="false"><path d="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" /></svg>',
3905      accStraight: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" fill="#ffffff" style="fill: #ffffff" aria-hidden="true" focusable="false"><path d="M480-720q-33 0-56.5-23.5T400-800q0-33 23.5-56.5T480-880q33 0 56.5 23.5T560-800q0 33-23.5 56.5T480-720ZM360-80v-520H120v-80h720v80H600v520h-80v-240h-80v240h-80Z" /></svg>',
3906      settings: '<svg class="asw-main-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="#ffffff" style="fill: #ffffff" aria-hidden="true" focusable="false">
3906<path d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" /></svg>'
3907    };
3908
3909    var SIZES = {
3910      small: 40, '0.5x': 40,
3911      medium: 50, '1x': 50, default: 50,
3912      large: 60, '1.5x': 60,
3913      extraLarge: 75, '2x': 75
3914    };
3915
3916    function buildIconFromSettings() {
3917      var s = window.accessProWidgetSettings || {};
3918      var style = s.icon_style || 'thick';
3919      var square = s.icon_shape === 'square';
3920      // Defaults must match mergeSettings() in main.js and DEFAULT_SETTINGS in
3921      // app/constants/settings.js — both use #23185c for stroke AND fill — so a
3922      // metafield missing these keys renders identically on either path.
3923      var stroke = s.icon_color_stroke || '#23185c';
3924      var fill = s.icon_color_fill || '#23185c';
3925      var px = SIZES[s.icon_size] || 50;
3926      var solid = style === 'solid';
3927      var thin = style === 'thin';
3928      var shapes = '';
3929
3930      if (square) {
3931        var sizes = [
3932          [solid ? 100 : 98, stroke, 12],
3933          [solid ? 0 : thin ? 86 : 82, '#ffffff', 10],
3934          [solid || thin ? 80 : 70, fill, 8]
3935        ];
3936        sizes.forEach(function (d) {
3937          if (!d[0]) return;
3938          var off = (100 - d[0]) / 2;
3939          shapes += '<rect x="' + off + '" y="' + off + '" width="' + d[0] + '" height="' + d[0] +
3940            '" rx="' + d[2] + '" ry="' + d[2] + '" fill="' + d[1] + '" />';
3941        });
3942      } else {
3943        [
3944          [solid ? 50 : 49, stroke],
3945          [solid ? 0 : thin ? 43 : 41, '#ffffff'],
3946          [solid || thin ? 40 : 35, fill]
3947        ].forEach(function (d) {
3948          shapes += '<circle cx="50" cy="50" r="' + d[0] + '" fill="' + d[1] + '" />';
3949        });
3950      }
3951
3952      var name = GLYPHS[s.icon] ? s.icon : 'default';
3953      var box = document.createElement('div');
3954      box.className = 'asw-menu-btn-container';
3955      box.setAttribute('style', 'position:relative;width:' + px + 'px;height:' + px + 'px;');
3956      // The widget stylesheet may not be loaded when render() never ran, so
3957      // every layout-critical rule is inlined rather than left to the classes.
3958      box.innerHTML =
3959        '<span class="asw-menu-btn' + (square ? ' asw-menu-btn--square' : '') + '" aria-hidden="true"' +
3960        ' style="position:relative;display:flex;align-items:center;justify-content:center;' +
3961        'width:100%;height:100%;background:transparent;border:none;padding:0;margin:0;' +
3962        'border-radius:' + (square ? '12%' : '50%') + ';">' +
3963        '<svg class="asw-outer-svg" viewBox="0 0 100 100" aria-hidden="true" focusable="false"' +
3964        ' style="width:100%;height:100%;display:block;">' + shapes + '</svg>' +
3965        GLYPHS[name] + '</span>';
3966
3967      var glyph = box.querySelector('.asw-main-icon');
3968      if (glyph) {
3969        // .asw-main-icon sizes to 50% via CSS; the default glyph overrides to 45% inline.
3970        var pct = name === 'default' ? '45%' : '50%';
3971        glyph.setAttribute(
3972          'style',
3973          'position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);' +
3974          'width:' + pct + ';height:' + pct + ';fill:#ffffff;z-index:100;'
3975        );
3976      }
3977      return box;
3978    }
3979
3980    /* Name from the host only. Text inside aria-hidden (the cloned icon) does not count. */
3981    function triggerNeedsName(el) {
3982      if ((el.getAttribute('aria-label') || '').trim()) return false;
3983      if ((el.getAttribute('aria-labelledby') || '').trim()) return false;
3984      if ((el.getAttribute('title') || '').trim()) return false;
3985      var node = el.firstChild;
3986      while (node) {
3987        if (node.nodeType === 3) {
3988          if (node.textContent.trim()) return false;
3989        } else if (node.nodeType === 1 && node.getAttribute('aria-hidden') !== 'true') {
3990          if (!triggerNeedsName(node)) return false;
3991        }
3992        node = node.nextSibling;
3993      }
3994      return true;
3995    }
3996
3997    function ensureTriggerName(el) {
3998      if (triggerNeedsName(el)) {
3999        el.setAttribute('aria-label', 'Open Accessibility Menu');
4000      }
4001    }
4002
4003    /* ---- wire one element ----------------------------------------------- */
4004    function bind(el) {
4005      if (el.dataset[BOUND]) return;
4006      el.dataset[BOUND] = '1';
4007
4008      el.addEventListener('click', openWidget);
4009      el.addEventListener('keydown', function (event) {
4010        if (event.key === 'Enter' || event.key === ' ') openWidget(event);
4011      });
4012
4013      // A non-anchor host (div/span) needs explicit button semantics.
4014      var tag = el.tagName.toLowerCase();
4015      if (tag !== 'a' && tag !== 'button') {
4016        if (!el.hasAttribute('role')) el.setAttribute('role', 'button');
4017        if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', '0');
4018      }
4019
4020      if (el.textContent.trim()) el.classList.add('acp-trigger--has-text');
4021      ensureTriggerName(el);
4022    }
4023
4024    function fillIcon(el, allowFallback) {
4025      if (el.dataset[FILLED]) return true;
4026      if (el.getAttribute('icon') !== 'true') return true;
4027
4028      // Prefer cloning the live icon; fall back to rebuilding from settings.
4029      var icon = buildIcon();
4030      if (!icon && (allowFallback || inlineMode)) icon = buildIconFromSettings();
4031      if (!icon) return false;
4032
4033      // The clone's size lives only in the container's inline style. If the
4034      // widget rendered without one, size it from settings so it cannot
4035      // collapse to zero height inside the merchant's layout.
4036      if (!/\bheight\s*:/.test(icon.getAttribute('style') || '')) {
4037        var px = SIZES[(window.accessProWidgetSettings || {}).icon_size] || 50;
4038        icon.style.position = 'relative';
4039        icon.style.width = px + 'px';
4040        icon.style.height = px + 'px';
4041      }
4042
4043      el.insertBefore(icon, el.firstChild);
4044      el.dataset[FILLED] = '1';
4045      ensureTriggerName(el);
4046      return true;
4047    }
4048
4049    /* ---- scan ------------------------------------------------------------ */
4050    /* Clicks are wired immediately so the trigger works before the icon
4051       renders; icons are filled in once the floating icon exists. */
4052    var pendingIcons = false;
4053
4054    function scan(allowFallback) {
4055      pendingIcons = false;
4056      document.querySelectorAll(SELECTOR).forEach(function (el) {
4057        bind(el);
4058        if (!fillIcon(el, allowFallback)) pendingIcons = true;
4059      });
4060    }
4061
4062    function start() {
4063      scan(inlineMode);
4064
4065      // Inline mode hides the floating icon, so build from settings immediately.
4066      if (inlineMode) {
4067        // console.log('[AccessPro] Inline triggers — using widget settings for icons');
4068      }
4069
4070      // The floating icon only renders after the settings request resolves and
4071      // the widget chunk loads, so poll until it appears. If it never does,
4072      // stop waiting and build the icon from settings instead.
4073      var FALLBACK_AFTER = 2500;
4074      var waited = 0;
4075      var timer = setInterval(function () {
4076        if (!pendingIcons) {
4077          clearInterval(timer);
4078          return;
4079        }
4080        waited += 200;
4081        if (waited < FALLBACK_AFTER) {
4082          scan(false);
4083          return;
4084        }
4085        fallbackReady = true;
4086        clearInterval(timer);
4087        scan(true);
4088        if (pendingIcons) {
4089          console.warn('[AccessPro] Could not render inline icons.');
4090        }
4091      }, 200);
4092
4093      // Catch triggers added later (theme editor re-renders, dynamic sections).
4094      // Debounced: the widget itself mutates the DOM heavily as it renders.
4095      if (window.MutationObserver) {
4096        var queued = false;
4097        new window.MutationObserver(function () {
4098          if (queued) return;
4099          queued = true;
4100          requestAnimationFrame(function () {
4101            queued = false;
4102            scan(fallbackReady || inlineMode);
4103          });
4104        }).observe(document.body, { childList: true, subtree: true });
4105      }
4106    }
4107
4108    if (document.readyState === 'loading') {
4109      document.addEventListener('DOMContentLoaded', start);
4110    } else {
4111      start();
4112    }
4113  })();
4114</script>
4114
4115
4116
4117</div><div id="shopify-block-AdDRwVHp0N1J4OFFja__13070091535480640111" class="shopify-block shopify-app-block"><input type="hidden" class="aph_bars_app_embed"  value="[{&quot;id&quot;:&quot;116238_811807&quot;,&quot;type&quot;:&quot;bar&quot;}]" />
4118<input type="hidden" class="aph_shop_plan"  value="5401" />
4119
4120<input type="hidden" class="aph_product_collection"  value="" />
4121
4122</div><!-- Failed to render app block "1291562577487733835": app block path "shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2" does not exist -->
4122<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4122
4123</body>
4124</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.