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'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'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'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&width=600" alt="PROBAR" srcset="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=200 200w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=300 300w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&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&width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&width=165 165w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&width=360 360w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&width=535 535w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&width=750 750w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&width=1070 1070w, //theprobar.com/cdn/shop/files/MegaMenu1_Line.jpg?v=1681354253&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&width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&width=165 165w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&width=360 360w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&width=535 535w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&width=750 750w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&width=1070 1070w, //theprobar.com/cdn/shop/files/MegaMenu2_Line.jpg?v=1681354257&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&width=3840" alt="" srcset="//theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=375 375w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=550 550w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=750 750w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=1100 1100w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=1500 1500w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=1780 1780w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=2000 2000w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&width=3000 3000w, //theprobar.com/cdn/shop/files/Rectangle_765_39f976b6-7a26-40d7-acec-36a59d6c6242.png?v=1680540246&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&width=3840" alt="" srcset="//theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=375 375w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=550 550w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=750 750w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=1100 1100w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=1500 1500w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=1780 1780w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=2000 2000w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&width=3000 3000w, //theprobar.com/cdn/shop/files/Blog-Header-Mobile.jpg?v=1696879999&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'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'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&width=1500" alt="" srcset="//theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=165 165w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=360 360w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=535 535w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=750 750w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&width=1070 1070w, //theprobar.com/cdn/shop/files/HEADER-Probar-Logo.png?v=1697505318&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">© 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="[{"id":"116238_811807","type":"bar"}]" /> 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.