PageSourceSearch

https://oat.haus/products/build-a-box-variety-granola-butter

html oat.haus collected 2026-09-25 23:39:07 UTC 594,030 bytes, 10,882 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    
4<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"product","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0","state":{"template":"product","theme":135838793791,"product":"build-a-box-variety-granola-butter","collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790379547,"path":"\/products\/build-a-box-variety-granola-butter","locale_root_url":"\/","canonical_url":"https:\/\/oat.haus\/products\/build-a-box-variety-granola-butter","customer_id":null,"customer_id_signature":"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0","cart":null}</script>
4<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
4color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
4
5      
5<script data-locksmith>Locksmith.cache.cart=null</script>
5
6
7  
7<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"product\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0\",\"state\":{\"template\":\"product\",\"theme\":135838793791,\"product\":\"build-a-box-variety-granola-butter\",\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790379547,\"path\":\"\\\/products\\\/build-a-box-variety-granola-butter\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/oat.haus\\\/products\\\/build-a-box-variety-granola-butter\",\"customer_id\":null,\"customer_id_signature\":\"d6704de805e1af8ff157fe537c2d45cfa71ebdc420ca931464559c515e11d5a0\",\"cart\":null}";Locksmith.jsonTagSignature="5e5032cc9df3097aa53eb5ecef8ed9b7621ca35b89fbea9df27b08dd39ebba2a"</script>
7
8    <meta charset="utf-8">
9    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10    <meta name="viewport" content="width=device-width,initial-scale=1">
11    <meta name="theme-color" content="#112a45">
12    <meta name="google-site-verification" content="LcGsKdVS7xJMCz4sEJzbltKvw5QIHPKJjToDMU2zP9E">
13    <meta name="keywords" content="Oat Haus Shopify">
14    <meta name="author" content="oat.haus">
15    <meta charset="utf-8">
16    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
17    <meta name="viewport" content="width=device-width,initial-scale=1">
18    <meta name="theme-color" content="#112a45">
19    
20<meta name="description" content="All oats, no brakes. Can&#39;t decide which Granola Butter ® flavor to choose? We FEEL YOU — that&#39;s why we created the Variety Pack, so you don&#39;t have to. Variety is the spice of life, so why pick one when you can have &#39;em all? Always organic, school-safe, gluten-free, and vegan!" />
21
22    <meta
23      name="og:image"
24      content="//oat.haus/cdn/shop/files/GB-POP-UP-2_1200x1200.jpg?v=1739731175"
25    ><meta property="og:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)" />
26<meta property="og:url" content="https://oat.haus/products/build-a-box-variety-granola-butter">
27    <meta property="og:site_name" content="Oat.Haus"><meta property="og:type" content="product" />
28<meta property="og:brand" content="Oat Haus">
29      <meta property="product:price:amount" content="34.95">
30      <meta property="product:price:currency" content="USD">
31      <meta property="og:availability" content="instock"><link rel="canonical" href="https://oat.haus/products/build-a-box-variety-granola-butter">
32    <link rel="preconnect" href="https://stats.g.doubleclick.net" crossorigin>
33    <link rel="preconnect" href="https://www.google.com" crossorigin>
34    <!-- <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> -->
35    <link rel="preconnect" href="https://www.facebook.com" crossorigin>
36    <link rel="preconnect" href="https://cdn.amplitude.com" crossorigin>
37
38    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
39    
40    <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"><link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590" as="style">
41    <link
42      rel="preload"
43      as="font"
44      href="//oat.haus/cdn/shop/t/98/assets/AcherusGrotesque-Regular.woff2?v=90071873940701258241762726274"
45      type="font/woff2"
46      crossorigin
47    >
48    <link rel="preload" as="font" href="//oat.haus/cdn/shop/t/98/assets/briceUpper.woff2?v=66179181321747484971762726278" type="font/woff2" crossorigin>
49    <link rel="preload" as="font" href="//oat.haus/cdn/shop/t/98/assets/Margin2.woff2?v=73979697606249836921762726276" type="font/woff2" crossorigin>
50    <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/theme.js?v=162985051904266444801762726276" as="script">
51    <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/lazysizes.js?v=63098554868324070131762726275" as="script">
52    <link rel="preload" href="//oat.haus/cdn/shop/t/98/assets/keen-slider.min.js?v=60563873875881527811762726278" as="script">
53    <link rel="preconnect" href="https://fonts.googleapis.com">
54    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
55    <link
56      href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
57      rel="stylesheet"
58    >
59    <link
60      rel="stylesheet"
61      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
62    >
63
64    
64<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
64<link rel="canonical" href="https://oat.haus/products/build-a-box-variety-granola-butter"><link rel="shortcut icon" href="//oat.haus/cdn/shop/files/Asset_70_32x32.png?v=1625860180" type="image/png"><title>Granola Butter® Build a Box (Nut-Free Spreadable Granola)
65&ndash; Oat Haus</title><meta name="description" content="All oats, no brakes. Can&#39;t decide which Granola Butter ® flavor to choose? We FEEL YOU — that&#39;s why we created the Variety Pack, so you don&#39;t have to. Variety is the spice of life, so why pick one when you can have &#39;em all? Always organic, school-safe, gluten-free, and vegan!">
66<!-- /snippets/social-meta-tags.liquid -->
67
68
69<meta property="og:site_name" content="Oat Haus">
70<meta property="og:url" content="https://oat.haus/products/build-a-box-variety-granola-butter"><meta property="og:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)">
71<meta property="og:type" content="product">
72<meta property="og:description" content="All oats, no brakes. Can&#39;t decide which Granola Butter ® flavor to choose? We FEEL YOU — that&#39;s why we created the Variety Pack, so you don&#39;t have to. Variety is the spice of life, so why pick one when you can have &#39;em all? Always organic, school-safe, gluten-free, and vegan!">
73<meta property="og:image" content="http://oat.haus/cdn/shop/files/GB-POP-UP-2.jpg?v=1739731175">
74<meta property="og:image:secure_url" content="https://oat.haus/cdn/shop/files/GB-POP-UP-2.jpg?v=1739731175">
75<meta property="og:image:width" content="4680">
76  <meta property="og:image:height" content="3930">
77<meta property="og:price:amount" content="34.95">
78<meta property="og:price:currency" content="USD">
79
80
81
82<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Granola Butter® Build a Box (Nut-Free Spreadable Granola)">
83<meta name="twitter:description" content="All oats, no brakes. Can&#39;t decide which Granola Butter ® flavor to choose? We FEEL YOU — that&#39;s why we created the Variety Pack, so you don&#39;t have to. Variety is the spice of life, so why pick one when you can have &#39;em all? Always organic, school-safe, gluten-free, and vegan!">
84
85    
86<style data-shopify>
87:root  {
88    --color-header: #B4ECFF;
89    --color-text: #0c2a4a;
90    --color-text-rgb: 17, 42, 69
91    ;
92    --color-body-text: #112a45
93    ;
94    --color-sale-text: #ed7556
95    ;
96    --color-small-button-text-border: #112a45
97    ;
98    --color-text-field: #ffffff
99    ;
100    --color-text-field-text: #112a45
101    ;
102    --color-text-field-text-rgb: 17, 42, 69
103    ;
104
105    --color-btn-primary: #112a45
106    ;
107    --color-btn-primary-darker: #07111c
108    ;
109    --color-btn-primary-text: #ffffff
110    ;
111
112    --color-blankstate: rgba(17, 42, 69, 0.35)
113    ;
114    --color-blankstate-border: rgba(17, 42, 69, 0.2)
115    ;
116    --color-blankstate-background: rgba(17, 42, 69, 0.1)
117    ;
118
119    --color-text-focus:#204f82;
120    --color-overlay-text-focus:#e6e6e6;
121    --color-btn-primary-focus:#204f82;
122    --color-btn-social-focus:#204f82;
123    --color-small-button-text-border-focus:#204f82;
124    --predictive-search-focus:#fae4ca;
125
126    --color-baby-blue: #b2eafd;
127    --color-primary-header: #FFBE98;
128    --color-lightblue: #beeafc;
129    --color-blue-light: #DFF2F7;
130    --color-yellow: #f4b960;
131    --color-yellow-light: #ffeeca;
132    --color-bday-pink: #F689F9;
133    --color-bday-blue: #AEE2FF;
134    --color-bday-light: #ffdcee;
135    --color-orange: #fd6d4c;
136    --color-black: #333333;
137    --color-purple: #ee8eeb;
138    --color-purple-light: #EDE1F9;
139    --color-perrywinkle: #8d8af6;
140    --color-perrywinkle-light: #e7e7ff;
141    --color-strawberry: #ff5c6c;
142    --color-strawberry-light: #fcbec7;
143    --color-pumpkin: #fd6d4c;
144    --color-pumpkin-light: #fcbc8b;
145    --color-apple: #ff5c6c;
146    --color-apple-light: #e9fff2;
147    --color-smores-yellow: #F2B760;
148    --color-smores-green: #dffff8;
149    --color-ginger: #f4313f;
150    --color-ginger-light: #f6c994;
151    --color-holiday: #f4313f;
152    --color-holiday-light: #a9ebc3;
153    --color-darkblue: #0c2a4a;
154    --color-body: #fffaf9;
155    --color-bg: #FFFAF9;
156     --color-cookie: #f1cda9;
157     --color-cookie: #FFF3E3;
158     --color-cookie-dark: #fde8d4; 
159    /* --color-cookie-secondary: #f16752;
160    --color-cookie-background: #FFF3E3;
161    --color-cookie-background-secondary: #f167521a;
162    --color-cookie-text: #fff;
163    --color-cookie-secondary-text: #0C2A4A;
164   
165
166    --color-original-product-secondary: #0c2a4a;
167    --color-original-product-background: #DFF2F7;
168    --color-original-product-background-secondary: #fff;
169    --color-original-product-text: #0C2A4A;
170    --color-original-product-secondary-text: #fff;
171
172    --color-bday-secondary: #efa0df;
173    --color-bday-background: #ffdcee;
174    --color-bday-background-secondary: #fff;
175    --color-bday-text: #0C2A4A;
176    --color-bday-secondary-text: #fff;
177
178    --color-vanilla-secondary: #f4b960;
179    --color-vanilla-background: #ffeeca;
180    --color-vanilla-background-secondary: #fff;
181    --color-vanilla-text: #0C2A4A;
182    --color-vanilla-secondary-text: #fff;
183
184    --color-brownie-secondary: #833483;
185    --color-brownie-background: #f4c9f7;
186    --color-brownie-background-secondary: #fff;
187    --color-brownie-text: #0C2A4A;
188    --color-brownie-secondary-text: #fff;
189
190    --color-cinroll-secondary: #ff9f35;
191    --color-cinroll-background: #beeafc;
192    --color-cinroll-background-secondary: #fff;
193    --color-cinroll-text: #0C2A4A;
194    --color-cinroll-secondary-text: #fff;
195
196    --color-cookiesandcream-secondary: #47C9F3;
197    --color-cookiesandcream-background: #adadad;
198    --color-cookiesandcream-background-secondary: #fff;
199    --color-cookiesandcream-text: #fff;
200    --color-cookiesandcream-secondary-text: #0c2a4a;  */
201
202    --color-product-secondarycolor: #f16752;
203    --color-product-background: #fff3e3;
204    --color-product-background-secondary: #ffff;
205    --color-product-text: #0c2a4a;
206    --color-product-secondary-text: #fff;
207    --color-prodduct-tertiary-text: ;
208    --color-header-color: #f16752;
209    --color-cookiebrakes: #FFE8D4;
210    --color-coffee: #F6C999;
211    --color-brownie: #f4c9f7;
212    --color-brownie-dark: #833483;
213    --color-cinroll-blue: #beeafc;
214    --color-cinroll-yellow: #ff9f35;
215    --color-redvelvet: #b7374a;
216    --color-redvelvet-dark: #730404;
217    --color-banana-yellow: #FFF250;
218    --color-banana-bright-yellow: #Ffe600;
219    --color-banana-blue: #02AFFE;
220    --color-cbday-lpink: #fccde8;
221    --color-cbday-lblue: #C0ECFF;
222    --color-cbday-bpink: #f437a3;
223    --color-cookiesandcream-black: #282324;
224    --color-cookiesandcream-white: #ffffff;
225    --color-cookiesandcream-blue: #47C9F3;
226    --color-hotcocoa-p: #E7D2FC;
227    --color-hotcocoa-r: #E82A2A;
228    --color-wildberry-m: #b230a3;
229    --color-wildberry-db: #0263b3;
230    --color-wildberry-lb: #06adcb;
231    --color-cherrypie-red: #EB2029;
232    --color-cherrypie-blue: #6ED5F7;
233    --color-bluemonster-t: #CDBAB3;
234    --color-bluemonster-db: #0263B3;
235    --color-bluemonster-lb: #81b0d8;
236    --color-acd-gold: #CD8B39;
237    --color-acd-red: #D53433;
238    --color-acd-green: #343A25;
239    --color-btn-secondary: #FFFFFF;
240    --color-btn-secondary-text: #0C2A4A;
241    --color-bg-rgb: 
242    ;
243    --color-bg-alt: rgba(17, 42, 69, 0.05)
244    ;
245    --color-bg-currency-selector: rgba(17, 42, 69, 0.2)
246    ;
247
248    --color-overlay-title-text: #ffffff
249    ;
250    --color-image-overlay: #685858
251    ;
252    --color-image-overlay-rgb: 104, 88, 88
253    ;--opacity-image-overlay: 0.4
254    ;--hover-overlay-opacity: 0.8
255    ;
256
257    --color-border: #112a45
258    ;
259    --color-border-form: #112a45
260    ;
261    --color-border-form-darker: #07111c
262    ;
263
264    --svg-select-icon: url('//oat.haus/cdn/shop/t/98/assets/ico-select.svg?v=105175441863714715401762726277');
265    --slick-img-url: url('//oat.haus/cdn/shop/t/98/assets/ajax-loader.gif?v=93291764201814072961762726275');
266    --keen-loader-url: url('//oat.haus/cdn/shop/t/98/assets/tail-spin.svg?v=69030561380201996061762726275');
267
268    --font-weight-body--bold: 700
269    ;
270    --font-weight-body--bolder: 700
271    ;
272
273    --font-stack-header: 'Gliker', Arial, sans-serif
274    ;
275    --font-stack-header-margin: 'Gliker', Arial, sans-serif
276    ;
277    --font-style-header: normal
278    ;
279    --font-weight-header: 500;
280
281    --font-stack-body: 'Space Mono' , monospace
282    ;
283    --font-style-body: normal
284    ;
285    --font-weight-body: 400
286    ;
287
288    --font-size-header: 26
289    ;
290
291    --font-size-base: 15
292    ;
293
294    --font-h1-desktop: 35
295    ;
296    --font-h1-mobile: 32
297    ;
298    --font-h2-desktop: 20
299    ;
300    --font-h2-mobile: 18
301    ;
302    --font-h3-mobile: 20
303    ;
304    --font-h4-desktop: 17
305    ;
306    --font-h4-mobile: 15
307    ;
308    --font-h5-desktop: 15
309    ;
310    --font-h5-mobile: 13
311    ;
312    --font-h6-desktop: 14
313    ;
314    --font-h6-mobile: 12
315    ;
316
317    --font-mega-title-large-desktop: 65
318    ;
319
320    --font-rich-text-large: 17
321    ;
322    --font-rich-text-small: 13
323    ;
324
325    
326--color-video-bg: #fae4ca
327    ;
328    
329    --global-color-image-loader-primary: #fff;
330    --global-color-image-loader-secondary: rgba(17, 42, 69, 0.12)
331    ;
332  }
333</style>
334
335    
336
337    <style>
338          *,
339      ::after,
340      ::before {
341      box-sizing: border-box;
342      }
343      body {
344      margin: 0;
345      }
346      body,
347      html {
348      background-color: var(--color-body);
349      }
350      body,
351      button {
352      font-size: calc(var(--font-size-base) * 1.5px);
353      font-family: var(--font-stack-body);
354      font-style: var(--font-style-body);
355      font-weight: var(--font-weight-body);
356      color: var(--color-text);
357      line-height: 1.5;
358      }
359      body,
360      button {
361      -webkit-font-smoothing: antialiased;
362      -webkit-text-size-adjust: 100%;
363      }
364      .border-bottom {
365      border-bottom: 1px solid var(--color-border);
366      }
367      .btn--link {
368      background-color: transparent;
369      border: 0;
370      margin: 0;
371      color: var(--color-text);
372      text-align: left;
373      }
374      .text-right {
375      text-align: right;
376      }
377      .icon {
378      display: inline-block;
379      width: 30px;
380      height: 30px;
381      vertical-align: middle;
382      fill: currentColor;
383      }
384      .icon__fallback-text,
385      .visually-hidden {
386      position: absolute !important;
387      overflow: hidden;
388      clip: rect(0 0 0 0);
389      height: 1px;
390      width: 1px;
391      margin: -1px;
392      padding: 0;
393      border: 0;
394      }
395      svg.icon:not(.icon--full-color) circle,
396      svg.icon:not(.icon--full-color) ellipse,
397      svg.icon:not(.icon--full-color) g,
398      svg.icon:not(.icon--full-color) line,
399      svg.icon:not(.icon--full-color) path,
400      svg.icon:not(.icon--full-color) polygon,
401      svg.icon:not(.icon--full-color) polyline,
402      svg.icon:not(.icon--full-color) rect,
403      symbol.icon:not(.icon--full-color) circle,
404      symbol.icon:not(.icon--full-color) ellipse,
405      symbol.icon:not(.icon--full-color) g,
406      symbol.icon:not(.icon--full-color) line,
407      symbol.icon:not(.icon--full-color) path,
408      symbol.icon:not(.icon--full-color) polygon,
409      symbol.icon:not(.icon--full-color) polyline,
410      symbol.icon:not(.icon--full-color) rect {
411      fill: inherit;
412      stroke: inherit;
413      }
414      li {
415      list-style: none;
416      }
417      .list--inline {
418      padding: 0;
419      margin: 0;
420      }
421      .list--inline > li {
422      display: inline-block;
423      margin-bottom: 0;
424      vertical-align: middle;
425      }
426      a {
427      color: var(--color-text);
428      text-decoration: none;
429      }
430      .h1,
431      h1 {
432      margin: 0 0 17.5px;
433      font-family: var(--font-stack-header-margin);
434      font-style: var(--font-style-header);
435      font-weight: var(--font-weight-header);
436      line-height: 1.2;
437      overflow-wrap: break-word;
438      word-wrap: break-word;
439      }
440      .h2,
441      h2 {
442      margin: 0 0 17.5px;
443      font-family: var(--font-stack-header);
444      font-style: var(--font-style-header);
445      font-weight: var(--font-weight-header);
446      line-height: 1.2;
447      overflow-wrap: break-word;
448      word-wrap: break-word;
449      }
450      .h1 a,
451      .h2 a,
452      h1 a,
453      h2 a {
454      color: inherit;
455      text-decoration: none;
456      font-weight: inherit;
457      }
458      .h1,
459      h1 {
460      font-size: calc(((var(--font-h1-desktop)) / (var(--font-size-base))) * 1em);
461      text-transform: none;
462      letter-spacing: 0;
463      }
464      @media only screen and (max-width: 749px) {
465      .h1,
466      h1 {
467      font-size: calc(((var(--font-h1-mobile)) / (var(--font-size-base))) * 1em);
468      }
469      }
470      .h2,
471      h2 {
472      font-size: calc(((var(--font-h2-desktop)) / (var(--font-size-base))) * 1em);
473      text-transform: uppercase;
474      letter-spacing: 0.1em;
475      }
476      @media only screen and (max-width: 749px) {
477      .h2,
478      h2 {
479      font-size: calc(((var(--font-h2-mobile)) / (var(--font-size-base))) * 1em);
480      }
481      }
482      p {
483      color: var(--color-body-text);
484      margin: 0 0 19.44444px;
485      }
486      @media only screen and (max-width: 749px) {
487      p {
488      font-size: calc(((var(--font-size-base) - 1) / (var(--font-size-base))) * 1em);
489      }
490      }
491      p:last-child {
492      margin-bottom: 0;
493      }
494      @media only screen and (max-width: 749px) {
495      .small--hide {
496      display: none !important;
497      }
498      }
499      .grid {
500      list-style: none;
501      margin: 0;
502      padding: 0;
503      margin-left: -30px;
504      }
505      .grid::after {
506      content: "";
507      display: table;
508      clear: both;
509      }
510      @media only screen and (max-width: 749px) {
511      .grid {
512      margin-left: -22px;
513      }
514      }
515      .grid::after {
516      content: "";
517      display: table;
518      clear: both;
519      }
520      .grid--no-gutters {
521      margin-left: 0;
522      }
523      .grid--no-gutters .grid__item {
524      padding-left: 0;
525      }
526      .grid--table {
527      display: table;
528      table-layout: fixed;
529      width: 100%;
530      }
531      .grid--table > .grid__item {
532      float: none;
533      display: table-cell;
534      vertical-align: middle;
535      }
536      .site-header .grid--table > .grid__item {
537       width: 33%;
538      }
539      .grid__item {
540      float: left;
541      padding-left: 30px;
542      width: 100%;
543      }
544      .grid__item .rich-text__heading {
545      }
546      @media only screen and (max-width: 749px) {
547      .grid__item {
548      padding-left: 22px;
549      }
550      }
551      .grid__item[class*="--push"] {
552      position: relative;
553      }
554      @media only screen and (min-width: 750px) {
555      .medium-up--one-quarter {
556      width: 25%;
557      }
558      .medium-up--push-one-third {
559      width: 33.33%;
560      }
561      .medium-up--one-half {
562      width: 50%;
563      }
564      .medium-up--push-one-third {
565      left: 33.33%;
566      position: relative;
567      }
568      }
569      .site-header {
570      position: relative;
571      background-color: var(--color-primary-header);
572      }
573      .site-header__logo {
574      margin: 15px 0;
575      }
576      .logo-align--center .site-header__logo {
577      text-align: center;
578      margin: 15px 0 0 0;
579      }
580      @media only screen and (max-width: 750px) {
581      .mobile-slideshow {
582      display: unset;
583      }
584      .desktop-slideshow,
585      .slideshow__btn-wrapper,
586      .slideshow__text-content-list {
587      display: none;
588      }
589      }
590      @media only screen and (max-width: 749px) {
591      .logo-align--center .site-header__logo {
592      text-align: left;
593      margin: 15px 0;
594      }
595      }
596      @media only screen and (max-width: 749px) {
597      .site-header__logo {
598      padding-left: 22px;
599      text-align: left;
600      }
601      .site-header__logo img {
602      margin: 0;
603      }
604      }
605      .site-header__logo-link {
606      display: inline-block;
607      word-break: break-word;
608      }
609      @media only screen and (min-width: 750px) {
610      .logo-align--center .site-header__logo-link {
611      margin: 0 auto;
612      }
613      }
614      .site-header__logo-image {
615      display: block;
616      }
617      @media only screen and (min-width: 750px) {
618      .site-header__logo-image {
619      margin: 0 auto;
620      }
621      }
622      .site-header__logo-image img {
623      width: 100%;
624      }
625      .site-header__logo-image--centered img {
626      margin: 0 auto;
627      }
628      .site-header__logo img {
629      display: block;
630      }
631      .site-header__account,
632      .site-header__cart {
633      position: relative;
634      }
635      .site-header__menu {
636      display: none;
637      }
638      @media only screen and (max-width: 749px) {
639      .site-header__icon {
640      display: inline-block;
641      vertical-align: middle;
642      padding: 10px 11px;
643      margin: 0;
644      }
645      }
646      .announcement-bar {
647      z-index: 10;
648      position: relative;
649      text-align: center;
650      border-bottom: 1px solid transparent;
651      padding: 2px;
652      }
653      .announcement-bar__link {
654      display: block;
655      }
656      .announcement-bar__message {
657      display: block;
658      padding: 11px 22px;
659      font-size: calc(((16) / (var(--font-size-base))) * 1em);
660      font-weight: var(--font-weight-header);
661      }
662      @media only screen and (min-width: 750px) {
663      .announcement-bar__message {
664      padding-left: 55px;
665      padding-right: 55px;
666      }
667      }
668      .site-nav {
669      position: relative;
670      padding: 0 20px;
671      text-align: center;
672      margin: 25px 0;
673      transition: all 0.2s ease 0s;
674      display: flex;
675      gap:30px;
676      }
677      @media screen and (min-width:1400px) {
678        .site-nav {
679          gap:75px;
680         }
681      }
682      .site-nav a {
683      font-size: 22px;
684      line-height: 1;
685      letter-spacing: 1.1px;
686      padding: 0;
687      color: #0C2A4A;
688      }
689      .site-nav__link {
690      display: block;
691      white-space: nowrap;
692      }
693      .site-nav--centered .site-nav__link {
694      padding-top: 0;
695      }
696      .site-nav__link .icon-chevron-down {
697      width: calc(8em / 16);
698      height: calc(8em / 16);
699      margin-left: 0.5rem;
700      }
701      .site-nav__label {
702      border-bottom: 1px solid transparent;
703      border-width: medium;
704      }
705      .site-nav__link--active .site-nav__label {
706      border-bottom-color: var(--color-text);
707      border-width: medium;
708      }
709      .site-nav__link--button {
710      border: none;
711      background-color: transparent;
712      padding: 3px 10px;
713      }
714      .mobile-nav--open .icon-close {
715      display: none;
716      }
717      .main-content {
718      opacity: 0;
719      }
720      .main-content .shopify-section {
721      display: none;
722      }
723      .main-content .shopify-section:first-child {
724      display: inherit;
725      }
726      .critical-hidden {
727      display: none;
728      }
729      .nut-free-sign {
730      display: block;
731      position: absolute;
732      width: 185px;
733      z-index: 999;
734      top: -100px;
735      }
736      .logo-bar-index {
737      background-color: var(--color-orange) !important;
738      position: relative;
739      z-index: 1000;
740      padding-bottom: 50px;
741      }
742      .dropdown svg {
743      position: absolute;
744      right: 15px;
745      width: 12px;
746      height: 8px;
747      stroke-width: 1px;
748      stroke: #001f5c;
749      transform: rotate(0);
750      transition: rotate 0.25s ease-in-out;
751      }
752      #shopify-section-collection h2 {
753      font-size: 108px;
754      letter-spacing: 5px;
755      line-height: 90px;
756      margin: auto;
757      max-width: 700px;
758      text-transform: none;
759      }
760      #shopify-section-header {
761      width: 100%;
762      }
763      .align--center {
764      align-self: center;
765      ms-flex-item-align: center;
766      text-align: center;
767      webkit-align-self: center;
768      }
769      .arrow {
770      fill: #fff;
771      height: 30px;
772      position: absolute;
773      top: 50%;
774      transform: translateY(-50%);
775      webkit-transform: translateY(-50%);
776      width: 30px;
777      }
778      .arrow--left {
779      left: 15px;
780      }
781      .arrow--right {
782      left: auto;
783      right: 15px;
784      }
785      .article__grid-image {
786      margin: 0 auto;
787      width: 100%;
788      }
789      .article__grid-image-container {
790      clear: both;
791      display: block;
792      height: 100%;
793      margin: 0 auto 27.5px 0;
794      min-height: 1px;
795      position: relative;
796      width: 100%;
797      }
798      .article__grid-image-container img {
799      display: block;
800      }
801      .article__grid-image-wrapper {
802      margin: 0 auto;
803      position: relative;
804      width: 100%;
805      }
806      .background-babyblue {
807      background-color: var(--color-baby-blue);
808      }
809      .background-orange {
810      background-color: var(--color-orange);
811      }
812      .big-oat-energy {
813      display: inline-block;
814      float: left;
815      position: relative;
816      }
817      .big-oat-energy-drip-jar {
818      margin-bottom: -20%;
819      margin-left: auto;
820      margin-right: auto;
821      max-width: 450px;
822      z-index: 1;
823      }
824      .big-oat-energy-drip-spoon {
825      margin: auto;
826      margin-top: -45%;
827      max-width: 120px;
828      z-index: 1;
829      }
830      .big-oat-energy-section {
831      background-color: var(--color-baby-blue);
832      position: relative;
833      }
834      .big-oat-energy-title {
835      font-size: 90px;
836      letter-spacing: 0.05em;
837      line-height: 72px;
838      margin-bottom: 25px;
839      margin-top: 100px;
840      }
841      .block {
842      display: block;
843      }
844      .bnf {
845      right: 8%;
846      }
847      .boe-free-of-grid {
848      margin-bottom: 75px;
849      }
850      .boe-free-of-grid {
851      display: inline-block;
852      position: relative;
853      width: 100%;
854      }
855      .box {
856      background: no-repeat;
857      background-color: #f7f7f7;
858      background-size: contain;
859      }
860      .brice {
861      font-family: Brice, Arial, Helvetica, sans-serif;
862      letter-spacing: 2.5px;
863      text-transform: uppercase;
864      }
865      .btn {
866      appearance: none;
867      background-color: var(--color-btn-primary);
868      border: 5px solid var(--color-btn-primary);
869      border-radius: 100px;
870      color: var(--color-btn-primary-text);
871      display: inline-block;
872      font-family: var(--font-stack-header);
873      font-size: calc(((var(--font-size-base) - 2) / (var(--font-size-base))) * 1em);
874      font-style: var(--font-style-header);
875      font-weight: var(--font-weight-header);
876      letter-spacing: 0.08em;
877      -moz-appearance: none;
878      padding: 8px 15px;
879      text-align: center;
880      text-decoration: none;
881      text-transform: uppercase;
882      vertical-align: middle;
883      -webkit-appearance: none;
884      white-space: normal;
885      width: auto;
886      }
887      .btn--link {
888      background-color: transparent;
889      border: 0;
890      color: var(--color-text);
891      margin: 0;
892      text-align: left;
893      }
894      .btn--link .icon {
895      vertical-align: middle;
896      }
897      .btn--quaternary {
898      background-color: var(--color-darkblue);
899      border: solid 5px var(--color-bg);
900      border-radius: 100px;
901      color: var(--color-bg);
902      font-size: 18px;
903      padding: 15px 20px;
904      text-align: center;
905      }
906      .btn--small {
907      font-size: calc(((12) / (var(--font-size-base))) * 1em);
908      line-height: 1;
909      padding: 8px 10px;
910      }
911      .collection-homepage {
912      margin-bottom: 30px;
913      }
914      .collection-homepage .jdgm-prev-badge {
915      text-align: center;
916      }
917      .collection-homepage .jdgm-prev-badge__text {
918      color: #fff;
919      }
920      .collection-homepage .jdgm-star {
921      color: var(--color-yellow) !important;
922      }
923      .color-baby-blue {
924      color: var(--color-baby-blue);
925      }
926      .colortheme-blueberry-flavordot {
927      color-primary: var(--color-perrywinkle);
928      color-secondary: var(--color-perrywinkle);
929      }
930      .colortheme-blueberry-productbg {
931      background-color: var(--color-perrywinkle-light);
932      fill: var(--color-perrywinkle-light);
933      }
934      .colortheme-blueberry-productbg .jdgm-star,
935      .colortheme-blueberry-productbg .product-single__description p {
936      color: var(--color-perrywinkle) !important;
937      }
938      .colortheme-blueberry-productingredientsbg {
939      background-color: var(--color-baby-blue);
940      }
941      .colortheme-chocolate-flavordot {
942      color-primary: var(--color-purple);
943      color-secondary: var(--color-purple);
944      }
945      .colortheme-chocolate-productbg {
946      background-color: var(--color-purple-light);
947      fill: var(--color-purple-light);
948      }
949      .colortheme-chocolate-productbg .jdgm-star,
950      .colortheme-chocolate-productbg .product-single__description p {
951      /*color: var(--color-purple) !important;*/
952      }
953      .colortheme-chocolate-productingredientsbg {
954      background-color: var(--color-yellow-light);
955      }
956      .colortheme-original-flavordot {
957      color-primary: var(--color-orange);
958      color-secondary: var(--color-orange);
959      }
960      .colortheme-original-productbg {
961      background-color: var(--color-blue-light);
962      fill: var(--color-blue-light);
963      }
964      .colortheme-original-productbg .jdgm-star
965      
966      {
967      color: var(--color-orange) !important;
968      }
969      .colortheme-original-productbg .product-single__description p {
970        color: var(--color-black) !important;
971        }
972      .colortheme-original-productingredientsbg {
973      background-color: var(--color-orange);
974      }
975      .colortheme-vanilla-flavordot {
976      color-primary: var(--color-yellow);
977      color-secondary: var(--color-yellow);
978      }
979      .colortheme-vanilla-productbg {
980      background-color: var(--color-yellow-light);
981      fill: var(--color-yellow-light);
982      }
983      .colortheme-vanilla-productbg .jdgm-star,
984      .colortheme-vanilla-productbg .product-single__description p {
985      
986      }
987      .colortheme-vanilla-productingredientsbg {
988      background-color: var(--color-purple-light);
989      }
990      .color-white {
991      color: var(--color-bg);
992      }
993      .custom__item {
994      flex: 0 0 auto;
995      margin-bottom: 30px;
996      max-width: 100%;
997      moz-flex: 0 0 auto;
998      ms-flex: 0 0 auto;
999      padding-left: 30px;
1000      webkit-flex: 0 0 auto;
1001      }
1002      .custom__item-inner {
1003      display: block;
1004      max-width: 100%;
1005      position: relative;
1006      text-align: left;
1007      }
1008      .custom__item-inner--html {
1009      display: block;
1010      }
1011      .custom-content {
1012      align-items: stretch;
1013      display: flex;
1014      display: -ms-flexbox;
1015      display: -webkit-flex;
1016      flex-wrap: wrap;
1017      margin-bottom: -30px;
1018      margin-left: -30px;
1019      moz-align-items: stretch;
1020      moz-flex-wrap: wrap;
1021      ms-align-items: stretch;
1022      ms-flex-align: stretch;
1023      ms-flex-wrap: wrap;
1024      o-align-items: stretch;
1025      webkit-align-items: stretch;
1026      webkit-flex-wrap: wrap;
1027      width: 100%;
1028      width: auto;
1029      }
1030      .drawer {
1031      display: none;
1032      position: fixed;
1033      webkit-overflow-scrolling: touch;
1034      z-index: 9;
1035      }
1036      .drawer-page-content::after {
1037      background-color: rgba(0, 0, 0, 0.6);
1038      content: "";
1039      display: block;
1040      height: 100%;
1041      left: 0;
1042      opacity: 0;
1043      position: fixed;
1044      top: 0;
1045      visibility: hidden;
1046      width: 100%;
1047      z-index: 8;
1048      }
1049      .drawer--top {
1050      ms-transform: translateY(-100%);
1051      transform: translateY(-100%);
1052      webkit-transform: translateY(-100%);
1053      width: 100%;
1054      }
1055      .dropdown {
1056      list-style: none;
1057      margin: 0;
1058      padding: 0;
1059      position: relative;
1060      }
1061      .dropdown li {
1062      font-size: 16px;
1063      }
1064      .dropdown svg {
1065      height: 8px;
1066      position: absolute;
1067      right: 15px;
1068      stroke: #001f5c;
1069      stroke-width: 1px;
1070      transform: rotate(0);
1071      width: 12px;
1072      }
1073      .dropdown__arrow {
1074      z-index: 4;
1075      }
1076      .dropdown__list {
1077      background: var(--color-bg);
1078      border: 2px solid var(--color-darkblue);
1079      border-radius: 22px;
1080      display: none;
1081      left: 0;
1082      list-style: none;
1083      max-height: 0;
1084      max-height: 800px;
1085      opacity: 0;
1086      overflow: hidden;
1087      padding: 0;
1088      position: absolute;
1089      top: -44px;
1090      width: 100%;
1091      z-index: 3;
1092      }
1093      .dropdown__list-container {
1094      padding: 0 !important;
1095      position: relative;
1096      }
1097      .dropdown__list-item {
1098      align-items: center;
1099      display: flex;
1100      display: -ms-flexbox;
1101      height: 44px;
1102      ms-flex-align: center;
1103      padding: 0 15px !important;
1104      }
1105      .dropdown__list-item:last-child {
1106      border-bottom: 0;
1107      }
1108      .dropdown__selected-item {
1109      align-items: center;
1110      background: #fff;
1111      border-radius: 100px;
1112      display: flex;
1113      display: -ms-flexbox;
1114      height: 44px;
1115      ms-flex-align: center;
1116      outline: 0;
1117      padding: 0 15px;
1118      z-index: 2;
1119      }
1120      .feature-columns-oh {
1121      background-color: var(--color-purple);
1122      }
1123      .featured-in-image-wrapper img {
1124      max-height: 85px;
1125      }
1126      .feature-row {
1127      align-items: center;
1128      display: flex;
1129      display: -ms-flexbox;
1130      display: -webkit-flex;
1131      justify-content: space-between;
1132      -moz-align-items: center;
1133      -ms-align-items: center;
1134      -ms-flex-align: center;
1135      -ms-justify-content: space-between;
1136      -o-align-items: center;
1137      -webkit-align-items: center;
1138      -webkit-justify-content: space-between;
1139      width: 100%;
1140      }
1141      .feature-row__image {
1142      display: block;
1143      margin: 0 auto;
1144      }
1145      .feature-row__image-wrapper {
1146      margin: auto;
1147      position: relative;
1148      width: 100%;
1149      }
1150      .feature-row__image-wrapper .feature-row__image {
1151      position: absolute;
1152      top: 0;
1153      width: 100%;
1154      }
1155      .feature-row__item {
1156      flex: 0 1 50%;
1157      -moz-flex: 0 1 50%;
1158      ms-flex: 0 1 50%;
1159      -webkit-flex: 0 1 50%;
1160      }
1161      .feature-row__text {
1162      padding-bottom: 35px;
1163      padding-top: 35px;
1164      }
1165      .feature-row-image-oh img {
1166      border: 5px solid var(--color-darkblue);
1167      border-radius: 30px;
1168      }
1169      .flavor-dot {
1170      background-color: var(--color-baby-blue);
1171      background-image: linear-gradient(
1172      180deg,
1173      var(--color-primary),
1174      var(--color-secondary)
1175      );
1176      border-radius: 50%;
1177      display: inline-block;
1178      flex-shrink: 0;
1179      height: 12px;
1180      margin-right: 10px;
1181      -ms-flex-negative: 0;
1182      width: 12px;
1183      }
1184      .flavorswap-icons {
1185      flex-wrap: wrap;
1186      display: flex;
1187      margin-bottom: 1rem;
1188      margin-right: -0.5rem;
1189      }
1190      .flavorswap-products {
1191      margin-right: 0.5rem;
1192      margin-left: 0.5rem;
1193      position: relative;
1194      }
1195      .flavorswap-product-button {
1196      background-repeat: no-repeat;
1197      background-clip: padding-box;
1198      background-position: bottom -9px left 50%;
1199      border-color: rgba(12, 42, 74, 0.2);
1200      border-style: solid;
1201      border-width: 3px;
1202      border-radius: 100%;
1203      overflow: hidden;
1204      cursor: pointer;
1205      width: 55px;
1206      height: 55px;
1207      position: relative;
1208      background-size: cover;
1209      background-position: bottom;
1210      margin-bottom: 10px;
1211      }
1212      .flavorswap-active {
1213      border-color: #0c2a4a;
1214      }
1215      .free-of-dummy {
1216      border-radius: 50%;
1217      padding-top: 100%;
1218      }
1219      .free-of-grid-item {
1220      margin-top: 10px;
1221      padding: 15px;
1222      position: relative;
1223      }
1224      .free-of-header {
1225      border-radius: 50%;
1226      bottom: 0;
1227      left: 0;
1228      margin: 10px;
1229      position: absolute;
1230      right: 0;
1231      top: 0;
1232      }
1233      .free-of-header {
1234      font-size: 8px;
1235      font-weight: 700;
1236      }
1237      .free-of-header-text {
1238      font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 0.85em);
1239      letter-spacing: 2.5px;
1240      }
1241      .full-width-link {
1242      bottom: 0;
1243      left: 0;
1244      position: absolute;
1245      right: 0;
1246      top: 0;
1247      z-index: 2;
1248      }
1249      .go-cart__button {
1250      background: #fd6d4c;
1251      border-radius: 100px;
1252      color: var(--color-text);
1253      font-size: 18px;
1254      padding: 15px 10px;
1255      text-align: center;
1256      }
1257      .go-cart__drawer {
1258      backface-visibility: hidden;
1259      background-color: #b2eafd;
1260      height: 100%;
1261      max-width: 480px;
1262      position: fixed;
1263      right: -480px;
1264      top: 0;
1265      width: 100%;
1266      z-index: 10002;
1267      }
1268      .go-cart__modal {
1269      align-items: center;
1270      backface-visibility: hidden;
1271      background-color: #fff;
1272      display: flex;
1273      height: 220px;
1274      left: 50%;
1275      max-width: 420px;
1276      opacity: 0;
1277      position: fixed;
1278      top: 50%;
1279      transform: translate(-50%, -50%);
1280      visibility: hidden;
1281      width: 100%;
1282      z-index: 10002;
1283      }
1284      .go-cart__overlay {
1285      backface-visibility: hidden;
1286      background-color: rgba(0, 0, 0, 0.4);
1287      bottom: 0;
1288      left: 0;
1289      opacity: 0;
1290      position: fixed;
1291      right: 0;
1292      top: 0;
1293      visibility: hidden;
1294      z-index: 10001;
1295      }
1296      .go-cart__trigger {
1297      position: relative;
1298      }
1299      .go-cart-drawer {
1300      height: 100%;
1301      overflow-x: hidden;
1302      overflow-y: auto;
1303      position: relative;
1304      }
1305      .go-cart-drawer__close {
1306      line-height: 0;
1307      }
1308      .go-cart-drawer__content {
1309      height: calc(100% - 300px - 60px - 50px - 150px);
1310      min-height: 250px;
1311      overflow-y: auto;
1312      padding: 10px 30px;
1313      }
1314      .go-cart-drawer__footer {
1315      display: flex;
1316      flex-direction: column;
1317      height: 300px;
1318      justify-content: space-between;
1319      padding: 10px 30px 30px 30px;
1320      width: 100%;
1321      }
1322      .go-cart-drawer__header {
1323      align-items: center;
1324      display: flex;
1325      height: 60px;
1326      justify-content: space-between;
1327      padding: 0 30px;
1328      width: 100%;
1329      }
1330      .go-cart-drawer__subtotal {
1331      align-items: center;
1332      display: flex;
1333      font-size: 24px;
1334      height: 50px;
1335      justify-content: space-between;
1336      margin-bottom: 10px;
1337      margin-top: 25px;
1338      padding: 0 30px;
1339      width: 100%;
1340      }
1341      .go-cart-header-text {
1342      color: var(--color-darkblue);
1343      }
1344      .go-cart-header-text {
1345      font-family: Margin, Arial, Helvetica, sans-serif;
1346      font-size: 54px;
1347      }
1348      .go-cart-modal {
1349      align-items: center;
1350      display: flex;
1351      flex-direction: column;
1352      height: 100%;
1353      justify-content: center;
1354      position: relative;
1355      width: 100%;
1356      }
1357      .go-cart-modal__buttons {
1358      align-items: center;
1359      display: flex;
1360      justify-content: space-between;
1361      padding: 0 20px 20px;
1362      width: 100%;
1363      }
1364      .go-cart-modal__close {
1365      line-height: 0;
1366      position: absolute;
1367      right: 20px;
1368      top: 20px;
1369      z-index: 10003;
1370      }
1371      .go-cart-modal__content {
1372      padding: 20px;
1373      text-align: center;
1374      width: 100%;
1375      }
1376      .grid--flush-bottom {
1377      margin-bottom: -55px;
1378      overflow: auto;
1379      }
1380      .grid-view-item {
1381      margin: 0 auto 35px;
1382      }
1383      .grid-view-item__image {
1384      display: block;
1385      margin: 0 auto;
1386      width: 100%;
1387      }
1388      .grid-view-item__image.lazyload {
1389      opacity: 0;
1390      }
1391      .grid-view-item__image-wrapper {
1392      margin: 0 auto 15px;
1393      position: relative;
1394      width: 100%;
1395      }
1396      .grid-view-item__image-wrapper .grid-view-item__image {
1397      position: absolute;
1398      top: 0;
1399      }
1400      .grid-view-item__link {
1401      display: block;
1402      }
1403      .grid-view-item__title {
1404      color: var(--color-text);
1405      margin-bottom: 0;
1406      }
1407      .grid--view-items {
1408      margin-bottom: -35px;
1409      overflow: auto;
1410      }
1411      .h3 {
1412      font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * 1em);
1413      letter-spacing: 0;
1414      text-transform: none;
1415      }
1416      .h3,
1417      .h4 {
1418      font-family: Margin;
1419      font-style: var(--font-style-header);
1420      font-weight: var(--font-weight-header);
1421      line-height: 1.2;
1422      margin: 0 0 17.5px;
1423      overflow-wrap: break-word;
1424      word-wrap: break-word;
1425      }
1426      .h4 {
1427      font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1em);
1428      }
1429      .h4 {
1430      font-family: Margin;
1431      font-style: var(--font-style-header);
1432      font-weight: var(--font-weight-header);
1433      line-height: 1.2;
1434      margin: 0 0 17.5px;
1435      overflow-wrap: break-word;
1436      word-wrap: break-word;
1437      }
1438      .h4 a {
1439      color: inherit;
1440      font-weight: inherit;
1441      text-decoration: none;
1442      }
1443      .haus {
1444      width: 225px;
1445      }
1446      .haus-rules {
1447      padding-bottom: 0;
1448      padding-top: 0;
1449      position: relative;
1450      }
1451      .haus-rules-content {
1452      padding-left: 40px;
1453      padding-right: 40px;
1454      }
1455      .haus-rules-list {
1456      counter-reset: my-awesome-counter;
1457      list-style: none;
1458      padding-left: 110px;
1459      }
1460      .haus-rules-list div {
1461      margin-left: -80px;
1462      }
1463      .haus-rules-list li {
1464      counter-increment: my-awesome-counter;
1465      line-height: 48px;
1466      margin: 0 0 1.5rem 0;
1467      position: relative;
1468      }
1469      .haus-rules-list li::before {
1470      background: var(--color-orange);
1471      border: solid 3px var(--color-darkblue);
1472      border-radius: 50%;
1473      box-shadow: 0 0 0 5px Var(--color-orange);
1474      color: var(--color-darkblue);
1475      content: counter(my-awesome-counter) ". ";
1476      font-size: 1.5rem;
1477      font-weight: 700;
1478      height: var(--size);
1479      left: calc(-1 * var(--size) - 25px);
1480      line-height: var(--size);
1481      position: absolute;
1482      size: 50px;
1483      text-align: center;
1484      top: 0;
1485      white-space: nowrap;
1486      width: var(--size);
1487      }
1488      .haus-rules-title {
1489      font-size: 100px;
1490      letter-spacing: 5px;
1491      line-height: 80px;
1492      }
1493      .hero {
1494      background-position: 50% 50%;
1495      background-repeat: no-repeat;
1496      background-size: cover;
1497      display: table;
1498      height: 475px;
1499      position: relative;
1500      width: 100%;
1501      }
1502      .hero__inner {
1503      display: table-cell;
1504      padding: 55px 0;
1505      position: relative;
1506      vertical-align: middle;
1507      z-index: 2;
1508      }
1509      .hero--medium {
1510      height: 357px;
1511      }
1512      .hide {
1513      display: none !important;
1514      }
1515      .homepage-collection {
1516      background-color: var(--color-darkblue);
1517      position: relative;
1518      }
1519      .hr--invisible {
1520      border-bottom: 0;
1521      }
1522      .index-section {
1523      padding-bottom: 35px;
1524      padding-top: 35px;
1525      }
1526      .index-section:first-child {
1527      border-top: 0;
1528      padding-bottom: 0;
1529      padding-top: 0;
1530      }
1531      .index-section--flush:first-child {
1532      margin-top: -35px;
1533      }
1534      .jdgm-histogram {
1535      background: #fff !important;
1536      border: 1px solid !important;
1537      border-color: #f5f5f5 !important;
1538      margin-top: 5px !important;
1539      }
1540      .jdgm-histogram {
1541      float: unset !important;
1542      width: unset;
1543      }
1544      .jdgm-histogram__row {
1545      color: #000 !important;
1546      }
1547      .jdgm-histogram__row {
1548      text-align: left;
1549      }
1550      .jdgm-prev-badge__text {
1551      white-space: nowrap;
1552      }
1553      .jdgm-product-carousel {
1554      margin-top: -25px;
1555      }
1556      .jdgm-product-carousel-wrapper {
1557      margin: auto;
1558      max-width: 1080px;
1559      padding-bottom: 30px;
1560      padding-top: 50px;
1561      }
1562      .jdgm-rev {
1563      background: #fff !important;
1564      border-color: #f5f5f5 !important;
1565      border-radius: 30px;
1566      padding: 15px;
1567      }
1568      .jdgm-rev-widg {
1569      border: unset !important;
1570      }
1571      .jdgm-rev-widg {
1572      border: none !important;
1573      }
1574      .jdgm-rev-widg__body {
1575      border-top: 3px solid #fff !important;
1576      }
1577      .jdgm-rev-widg__header {
1578      align-content: center;
1579      display: block;
1580      text-align: center;
1581      }
1582      .jdgm-rev-widg__summary {
1583      display: contents;
1584      text-align: center;
1585      }
1586      .jdgm-rev-widg__title {
1587      font-size: 2em;
1588      letter-spacing: 0.07em;
1589      padding-bottom: 10px;
1590      text-align: center;
1591      text-transform: uppercase;
1592      }
1593      .jdgm-widget .jdgm-temp-hidden {
1594      display: inline-block !important;
1595      padding: 5px;
1596      }
1597      .js .article__grid-image {
1598      position: absolute;
1599      top: 0;
1600      }
1601      .js-go-cart-counter {
1602      background-color: #fd6d4c;
1603      border-radius: 50%;
1604      color: #072a47;
1605      font-size: 14px;
1606      letter-spacing: 0;
1607      margin-left: -15px;
1608      padding: 3px 3px 0 3px;
1609      vertical-align: top;
1610      }
1611      .js-go-cart-shipping-progress-text {
1612      font-size: 18px;
1613      font-weight: 800;
1614      }
1615      .keen-slider {
1616      display: flex;
1617      ms-touch-action: pan-y;
1618      overflow: hidden;
1619      position: relative;
1620      touch-action: pan-y;
1621      webkit-touch-callout: none;
1622      }
1623      .keen-slider__slide {
1624      align-self: center;
1625      min-height: 100%;
1626      overflow: hidden;
1627      position: relative;
1628      width: 100%;
1629      }
1630      .lazy__slide {
1631      background-position: center;
1632      background-repeat: no-repeat;
1633      background-size: 100px;
1634      height: 100%;
1635      margin: 0 auto;
1636      padding-top: 100%;
1637      position: relative;
1638      width: 100%;
1639      }
1640      .lazy__slide img {
1641      left: 50%;
1642      position: absolute;
1643      top: 50%;
1644      transform: translate(-50%, -50%);
1645      width: 100%;
1646      }
1647      .link-parent {
1648        margin-bottom: 10px !important;
1649        margin-top: 10px;
1650      }
1651      .logo-align--center .site-header__logo {
1652      margin: 0 auto;
1653      margin: 15px 0 0 0;
1654      text-align: center;
1655      }
1656      .logo-bar__link {
1657      display: block;
1658      }
1659      .logo-bar-index {
1660      color: var(--color-darkblue);
1661      }
1662      .logo-bar-title {
1663      margin: 25px;
1664      }
1665      .margin {
1666      font-family: Margin, Arial, Helvetica, sans-serif;
1667      letter-spacing: 1.2px;
1668      text-transform: none;
1669      }
1670      .gliker {
1671      font-family: Gliker, Arial, Helvetica, sans-serif !important;
1672      letter-spacing: 1.2px !important;
1673      text-transform: none !important;
1674      }
1675      .mega-title {
1676      margin-bottom: 8px;
1677      }
1678      .mega-subtitle,
1679      .mega-title {
1680      color: var(--color-overlay-title-text);
1681      }
1682      .mobile-nav {
1683      display: block;
1684      ms-transform: translate3d(0, 0, 0);
1685      padding-top: 15px;
1686      transform: translate3d(0, 0, 0);
1687      webkit-transform: translate3d(0, 0, 0);
1688      }
1689      .mobile-nav__dropdown {
1690      background-color: var(--color-body);
1691      display: none;
1692      position: absolute;
1693      right: -100%;
1694      top: 0;
1695      width: 100%;
1696      z-index: 8;
1697      }
1698      .mobile-nav__dropdown .mobile-nav__sublist-header {
1699      display: table-cell;
1700      font-family: var(--font-stack-header);
1701      font-style: var(--font-style-header);
1702      font-weight: var(--font-weight-header);
1703      padding-left: 15px;
1704      vertical-align: middle;
1705      }
1706      .mobile-nav__dropdown .mobile-nav__sublist-header--main-nav-parent {
1707      color: var(--color-body-text);
1708      }
1709      .mobile-nav__icon {
1710      bottom: 0;
1711      overflow: hidden;
1712      padding-left: 22px;
1713      padding-right: 22px;
1714      position: absolute;
1715      right: 0;
1716      top: 0;
1717      }
1718      .mobile-nav__item {
1719      display: block;
1720      width: 100%;
1721      }
1722      .mobile-nav__item .icon {
1723      height: 14px;
1724      left: 50%;
1725      margin: -6px 0 0 -7px;
1726      position: absolute;
1727      top: 50%;
1728      width: 14px;
1729      }
1730      .mobile-nav__label {
1731      border-bottom: 1px solid transparent;
1732      }
1733      .mobile-nav__link {
1734      position: relative;
1735      }
1736      .mobile-nav__link,
1737      .mobile-nav__sublist-link {
1738      display: block;
1739      font-size: 16px;
1740      padding: 15px 30px;
1741      width: 100%;
1742      }
1743      .mobile-nav__link--active .mobile-nav__label {
1744      border-bottom-color: var(--color-text);
1745      border-width: medium;
1746      }
1747      .mobile-nav__return {
1748      border-right: 1px solid var(--color-border);
1749      }
1750      .mobile-nav__return-btn {
1751      padding: 24px 0;
1752      position: relative;
1753      width: 55px;
1754      }
1755      .mobile-nav__sublist-link:not(.mobile-nav__sublist-header) {
1756      padding-left: 70px;
1757      padding-right: 30px;
1758      }
1759      .mobile-nav__table {
1760      display: table;
1761      width: 100%;
1762      }
1763      .mobile-nav__table-cell {
1764      display: table-cell;
1765      text-align: left;
1766      vertical-align: middle;
1767      white-space: normal;
1768      width: 1%;
1769      }
1770      .mobile-nav-wrapper {
1771      background-color: var(--color-body);
1772      display: none;
1773      height: 100vh;
1774      left: 0;
1775      ms-transform: translateY(-100%);
1776      overflow: hidden;
1777      position: absolute;
1778      top: 0;
1779      transform: translateY(-100%);
1780      webkit-transform: translateY(-100%);
1781      width: 100%;
1782      z-index: 999;
1783      }
1784      .mobile-nav-wrapper::after {
1785      border-bottom: 1px solid var(--color-border);
1786      bottom: 0;
1787      content: "";
1788      left: 0;
1789      position: absolute;
1790      right: 0;
1791      }
1792      .no-js .js {
1793      display: none;
1794      }
1795      .no-js .slideshow__image {
1796      opacity: 1;
1797      }
1798      .no-js .slideshow__text-content::after {
1799      content: none;
1800      opacity: 0;
1801      visibility: hidden;
1802      }
1803      .no-js [data-image-loading-animation] {
1804      animation-name: none;
1805      }
1806      .one-half {
1807      width: 50%;
1808      }
1809      .one-third {
1810      width: 33.33333%;
1811      }
1812      .one-whole {
1813      width: 100%;
1814      }
1815      .onf {
1816      left: 8%;
1817      }
1818      .order-1 {
1819      order: 1;
1820      }
1821      .order-2 {
1822      order: 2;
1823      }
1824      .page-container {
1825      background-color: var(--color-bg);
1826      overflow: hidden;
1827      position: relative;
1828      }
1829      .page-width {
1830      padding-left: 55px;
1831      padding-right: 55px;
1832      }
1833      .page-width {
1834      margin: 0 auto;
1835      max-width: 1800px;
1836      zoom: 1;
1837      }
1838      .page-width::after {
1839      clear: both;
1840      content: "";
1841      display: table;
1842      }
1843      .payment-icons .icon {
1844      fill: inherit;
1845      height: 24px;
1846      width: 38px;
1847      }
1848      .perks-1 {
1849      left: calc(20% - 92px);
1850      }
1851      .perks-2 {
1852      left: calc(40% - 92px);
1853      }
1854      .perks-3 {
1855      left: calc(60% - 92px);
1856      }
1857      .perks-4 {
1858      left: calc(80% - 92px);
1859      }
1860      .perks-wrapper {
1861      padding-bottom: 50px;
1862      position: relative;
1863      }
1864      .predictive-search-wrapper {
1865      background-color: var(--color-bg);
1866      border: 1px solid var(--color-border-form);
1867      display: none;
1868      left: 0;
1869      margin-top: -1px;
1870      overflow-y: auto;
1871      position: absolute;
1872      right: 0;
1873      z-index: 1000;
1874      }
1875      .price {
1876      align-items: center;
1877      display: flex;
1878      flex-direction: column;
1879      margin-bottom: 0;
1880      margin-top: 0;
1881      }
1882      .price dd {
1883      margin: 0 0.5em 0 0;
1884      }
1885      .price__regular {
1886      display: block;
1887      }
1888      .price__regular,
1889      .price__sale {
1890      margin-right: 0.625rem;
1891      }
1892      .price__sale {
1893      margin-right: 0.625rem;
1894      }
1895      .price__sale {
1896      display: none;
1897      }
1898      .price-item {
1899      color: var(--color-body-text);
1900      font-weight: var(--font-weight-body--bolder);
1901      }
1902      .price-item--sale {
1903/*color: var(--color-sale-text);*/      }
1904      .price--on-sale .price__regular {
1905      display: none;
1906      }
1907      .price--on-sale .price__sale {
1908      display: flex;
1909      flex-direction: row;
1910      flex-wrap: wrap;
1911      }
1912      .price--on-sale .price-item--regular {
1913      text-decoration: line-through;
1914      }
1915      .price--widget {
1916      align-items: center;
1917      font-size: 24px;
1918      margin-top: 10px;
1919      }
1920      .product-arrow {
1921      fill: #fff;
1922      height: 30px;
1923      position: absolute;
1924      top: 50%;
1925      transform: translateY(-50%);
1926      webkit-transform: translateY(-50%);
1927      width: 30px;
1928      }
1929      .product-arrow--left {
1930      left: -50px;
1931      }
1932      .product-arrow--right {
1933      left: auto;
1934      right: -50px;
1935      }
1936      .product-background {
1937      margin-top: -55px;
1938      padding-top: 55px;
1939      }
1940      .product-background .jdgm-prev-badge__text {
1941      font-size: 26px;
1942      padding-left: 5px;
1943      }
1944      .product-background .jdgm-star.jdgm--on:before {
1945      font-size: 32px;
1946      padding-right: 3px;
1947      }
1948      .product-card {
1949      position: relative;
1950      }
1951      .product-card__image-with-placeholder-wrapper {
1952      position: relative;
1953      }
1954      .product-card__title {
1955      border-bottom: 1px solid transparent;
1956      display: inline;
1957      font-family: var(--font-stack-header);
1958      font-style: var(--font-style-header);
1959      font-weight: var(--font-weight-header);
1960      }
1961      .product-dots {
1962      display: flex;
1963      justify-content: center;
1964      padding: 10px 0;
1965      }
1966      .product-form input {
1967      font-size: 20px;
1968      min-height: 44px;
1969      }
1970      .product-page-label {
1971      font-size: 16px;
1972      margin-bottom: 12px;
1973      }
1974      .product-single {
1975      overflow-anchor: none;
1976      }
1977      .product-single__description {
1978      margin-bottom: 20px;
1979      margin-top: 20px;
1980      }
1981      .product-single__description p {
1982      font-size: 24px;
1983      font-weight: 600;
1984      }
1985      .product-single__description p {
1986      color: var(--color-orange);
1987      font-size: 22px;
1988      font-weight: 500;
1989      }
1990      .product-single__media {
1991      height: 100%;
1992      margin: 0 auto;
1993      min-height: 1px;
1994      position: relative;
1995      width: 100%;
1996      }
1997      .product-single__media img {
1998      left: 0;
1999      max-width: 100%;
2000      position: absolute;
2001      top: 0;
2002      width: 100%;
2003      }
2004      .product-single__media-wrapper {
2005      margin: 0 auto;
2006      width: 100%;
2007      }
2008      .product-single__thumbnails {
2009      justify-content: center;
2010      margin-top: 0;
2011      }
2012      .product-single__thumbnails {
2013      margin-left: -9px;
2014      margin-right: -9px;
2015      margin-top: 15px;
2016      }
2017      .product-single__title {
2018      font-size: 72px;
2019      line-height: 56px;
2020      line-height: inherit;
2021      margin-bottom: 0.5rem;
2022      margin-top: -15px;
2023      }
2024      .product-template__container {
2025      padding-bottom: 38px;
2026      }
2027      .ratio-container {
2028      position: relative;
2029      }
2030      .ratio-container:after {
2031      content: "";
2032      display: block;
2033      height: 0;
2034      padding-bottom: 50%;
2035      width: 100%;
2036      }
2037      .rte {
2038      color: var(--color-body-text);
2039      margin-bottom: 35px;
2040      }
2041      .rte img {
2042      height: auto;
2043      }
2044      .rte ul {
2045      list-style: disc outside;
2046      }
2047      .rte ul {
2048      margin: 0 0 17.5px 35px;
2049      }
2050      .rte:last-child {
2051      margin-bottom: 0;
2052      }
2053      .rte-setting {
2054      margin-bottom: 19.44444px;
2055      }
2056      .rte-setting:last-child {
2057      margin-bottom: 0;
2058      }
2059      .section-header {
2060      margin-bottom: 35px;
2061      }
2062      .shipping-announcement-bar-wrapper {
2063      background: #fd6d4c;
2064      border-radius: 3px;
2065      box-shadow: rgba(0, 0, 0, 0.2) 0 0 12px, rgba(0, 0, 0, 0.5) 0 0 0.5px;
2066      display: flex;
2067      justify-content: space-between;
2068      margin: 0;
2069      opacity: 1;
2070      overflow-y: hidden;
2071      padding: 7px;
2072      position: relative;
2073      transform: translate3d(0, 0, 0);
2074      }
2075      .shipping-announcement-bar-wrapper .btn-close {
2076      display: inline-block;
2077      height: 20px;
2078      position: absolute;
2079      right: 15px;
2080      top: 8px;
2081      width: 14px;
2082      }
2083      .shipping-announcement-bar-wrapper .btn-close svg {
2084      fill: #003c5c;
2085      }
2086      .shipping-announcement-bar-wrapper .content-blk {
2087      align-items: center;
2088      display: flex;
2089      }
2090      .shipping-announcement-bar-wrapper .content-blk .shipping-icon {
2091      margin-right: 5px;
2092      width: 20px;
2093      }
2094      .shipping-announcement-bar-wrapper .content-blk .shipping-icon svg {
2095      fill: #003c5c;
2096      }
2097      .shipping-announcement-bar-wrapper .content-blk p {
2098      color: #003c5c;
2099      font-family: "Acherus Grotesque";
2100      font-size: 14px;
2101      font-weight: 800;
2102      letter-spacing: 0.5px;
2103      line-height: 19px;
2104      white-space: pre;
2105      word-wrap: break-word;
2106      }
2107      .shop-all {
2108      padding-left: 40px;
2109      padding-right: 40px;
2110      }
2111      .site-header {
2112      background-color: var(--color-primary-header);
2113      position: relative;
2114      z-index: 1000;
2115      }
2116      .site-header__account {
2117      position: relative;
2118      }
2119      .site-header__icons {
2120      position: relative;
2121      white-space: nowrap;
2122      }
2123      .site-header__icons-wrapper {
2124      justify-content: flex-end;
2125      align-items: center;
2126      display: flex;
2127      display: -ms-flexbox;
2128      display: -webkit-flex;
2129      moz-align-items: center;
2130      ms-align-items: center;
2131      ms-flex-align: center;
2132      -o-align-items: center;
2133      position: relative;
2134      -webkit-align-items: center;
2135      width: 100%;
2136      }
2137      .site-header__icons-wrapper-menu {
2138      justify-content: start;
2139      -ms-justify-content: start;
2140      -webkit-justify-content: start;
2141      }
2142      .site-header__logo {
2143      margin: 15px 0;
2144      }
2145      .site-header__logo-image {
2146      display: block;
2147      }
2148      .site-header__mobile-nav {
2149      background-color: var(--color-baby-blue);
2150      font-family: var(--font-stack-header);
2151      letter-spacing: 3px;
2152      position: relative;
2153      z-index: 11;
2154      }
2155      .site-header__search-toggle {
2156      display: block;
2157      }
2158      .site-shipping__announcement-bar {
2159      border-radius: 30px;
2160      bottom: -50px;
2161      display: inline-block;
2162      max-height: 44px;
2163      max-width: 95%;
2164      overflow: hidden;
2165      position: absolute;
2166      right: 6px;
2167      width: 0;
2168      z-index: 1000;
2169      }
2170      .slideshow {
2171      margin-bottom: 0;
2172      max-height: 80vh;
2173      overflow: hidden;
2174      position: unset;
2175      }
2176      .slideshow__btn {
2177      background-color: var(--color-btn-primary);
2178      color: var(--color-btn-primary-text);
2179      display: inline-block;
2180      line-height: 2.2;
2181      max-width: 100%;
2182      min-height: 3.125rem;
2183      word-wrap: break-word;
2184      }
2185      .slideshow__btn-wrapper {
2186      background-color: transparent;
2187      border: none;
2188      }
2189      .slideshow__controls {
2190      display: flex;
2191      justify-content: center;
2192      margin-bottom: 5px;
2193      position: absolute;
2194      right: 0;
2195      top: 0;
2196      z-index: 8;
2197      }
2198      .slideshow__image {
2199      background-color: transparent;
2200      background-position: center center;
2201      background-repeat: no-repeat;
2202      background-size: cover;
2203      height: 100%;
2204      left: 0;
2205      position: absolute;
2206      top: 0;
2207      width: 100%;
2208      z-index: 1;
2209      }
2210      .slideshow__slide {
2211      height: 100%;
2212      left: 0;
2213      opacity: 0;
2214      overflow: hidden;
2215      position: absolute;
2216      top: 0;
2217      width: 100%;
2218      z-index: -1;
2219      }
2220      .slideshow__slide--active {
2221      opacity: 1;
2222      z-index: 8;
2223      }
2224      .no-js .slideshow__text-content,
2225      .slideshow__slide--active .slideshow__text-content {
2226      -ms-transform: translateY(-40px);
2227      opacity: 1;
2228      transform: translateY(-40px);
2229      -webkit-transform: translateY(-40px);
2230      }
2231      .slideshow__text-content.slideshow__text-content--vertical-top {
2232      top: 120px;
2233      }
2234      .slideshow__text-wrap {
2235      height: 100%;
2236      position: relative;
2237      }
2238      .slideshow__text-wrap--desktop .slideshow__text-content {
2239      position: absolute;
2240      top: 50%;
2241      width: 100%;
2242      z-index: 2;
2243      }
2244      .slideshow__subtitle,
2245      .slideshow__title {
2246      color: var(--color-overlay-title-text);
2247      }
2248      .slideshow--large {
2249      height: 375px;
2250      }
2251      .slideshow--medium {
2252      height: 270px;
2253      }
2254      .slideshow-wrapper {
2255      position: relative;
2256      }
2257      .subscribe-product {
2258      padding: 75px 25px;
2259      }
2260      .subscription-price-grid {
2261      display: flex;
2262      flex-flow: wrap;
2263      }
2264      .subscription-price-grid-item {
2265      flex-basis: 25%;
2266      }
2267      .subscription-price-grid-item .price__sale {
2268      border: var(--color-darkblue) 3px solid;
2269      flex-direction: column;
2270      justify-content: center;
2271      text-align: center;
2272      width: 100%;
2273      }
2274      .subscription-price-grid-item-title {
2275      border: var(--color-darkblue) 3px solid;
2276      margin-bottom: -3px;
2277      }
2278      .tab-container {
2279      position: relative;
2280      }
2281      .tab-nut-free {
2282      grid-area: tab-nut-free;
2283      left: -95px;
2284      position: absolute !important;
2285      top: -75px;
2286      }
2287      .text-center {
2288      text-align: center !important;
2289      }
2290      .text-left {
2291      text-align: left !important;
2292      }
2293      .text-right {
2294      text-align: right !important;
2295      }
2296      .thumbnails-wrapperslider-active {
2297      position: relative;
2298      }
2299      .visually-hidden {
2300      border: 0;
2301      clip: rect(0 0 0 0);
2302      height: 1px;
2303      margin: -1px;
2304      overflow: hidden;
2305      padding: 0;
2306      position: absolute !important;
2307      width: 1px;
2308      }
2309      .visually-hidden--inline {
2310      height: 1em;
2311      margin: 0;
2312      }
2313      ::-moz-placeholder {
2314      color: var(--color-text-field-text);
2315      opacity: 0.6;
2316      }
2317      ::-ms-input-placeholder {
2318      color: var(--color-text-field-text);
2319      opacity: 1;
2320      }
2321      ::-webkit-input-placeholder {
2322      color: var(--color-text-field-text);
2323      opacity: 0.6;
2324      }
2325      :-ms-input-placeholder {
2326      color: var(--color-text-field-text);
2327      opacity: 0.6;
2328      }
2329      @keyframes image-loader {
2330      0% {
2331      background-color: var(--global-color-image-loader-primary);
2332      }
2333      100% {
2334      background-color: var(--global-color-image-loader-primary);
2335      }
2336      50% {
2337      background-color: var(--global-color-image-loader-primary);
2338      }
2339      }
2340      @media (min-width: 768px) {
2341      .site-shipping__announcement-bar {
2342      bottom: -50px;
2343      }
2344      @media only screen and (max-width: 749px) {
2345      .site-footer__item:last-of-type {
2346      margin-bottom: 0;
2347      }
2348      @media only screen and (max-width: 749px) {
2349      .feature-row__image {
2350      order: 1;
2351      }
2352      @media only screen and (max-width: 749px) {
2353      .page-width {
2354      padding-left: 22px;
2355      padding-right: 22px;
2356      }
2357      @media only screen and (max-width: 749px) {
2358      .custom__item {
2359      flex: 0 0 auto;
2360      margin-bottom: 22px;
2361      moz-flex: 0 0 auto;
2362      ms-flex: 0 0 auto;
2363      padding-left: 22px;
2364      webkit-flex: 0 0 auto;
2365      }
2366      @media only screen and (max-width: 749px) {
2367      .site-header__icons {
2368      padding-left: 13px !important;
2369      padding-right: 13px;
2370      width: auto;
2371      }
2372      .site-header__icons .btn--link {
2373      font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em);
2374      }
2375      @media only screen and (max-width: 749px) {
2376      .small--hide {
2377      display: none !important;
2378      }
2379      .small--one-whole {
2380      width: 100%;
2381      }
2382      .small--text-center {
2383      text-align: center !important;
2384      }
2385      @media only screen and (max-width: 749px) {
2386      .product-single__media-group {
2387      position: relative;
2388      }
2389      .template-product .main-content {
2390      padding-top: 22px;
2391      }
2392      @media only screen and (max-width: 749px) {
2393      .product-single__media-group {
2394      margin-bottom: 30px;
2395      }
2396      .product-single__media--has-thumbnails {
2397      margin-bottom: 30px;
2398      }
2399      @media only screen and (max-width: 749px) {
2400      .site-header__logo {
2401      padding-left: 0;
2402      text-align: left;
2403      }
2404      @media only screen and (max-width: 749px) {
2405      .custom-content {
2406      margin-bottom: -22px;
2407      margin-left: -22px;
2408      }
2409      @media only screen and (max-width: 749px) {
2410      .site-header__icon {
2411      display: inline-block;
2412      margin: 0;
2413      padding: 10px 11px;
2414      vertical-align: middle;
2415      }
2416      @media only screen and (max-width: 749px) {
2417      .price {
2418      font-size: calc(
2419      ((var(--font-size-base) - 1) / (var(--font-size-base))) * 1.25em
2420      );
2421      }
2422      @media only screen and (max-width: 749px) {
2423      .feature-row__item {
2424      flex: 1 1 auto;
2425      max-width: 100%;
2426      moz-flex: 1 1 auto;
2427      ms-flex: 1 1 auto;
2428      webkit-flex: 1 1 auto;
2429      width: 100%;
2430      }
2431      @media only screen and (max-width: 749px) {
2432      .h4 {
2433      font-size: calc(((var(--font-h4-mobile)) / (var(--font-size-base))) * 1em);
2434      }
2435      @media only screen and (max-width: 749px) {
2436      .payment-icons {
2437      line-height: 40px;
2438      }
2439      @media only screen and (max-width: 749px) {
2440      .predictive-search-wrapper--drawer {
2441      margin-top: 3px;
2442      padding-top: 14px;
2443      }
2444      @media only screen and (max-width: 749px) {
2445      .h3 {
2446      font-size: calc(((var(--font-h3-mobile)) / (var(--font-size-base))) * 1em);
2447      }
2448      @media only screen and (max-width: 749px) {
2449      .feature-row {
2450      flex-direction: column;
2451      moz-flex-direction: column;
2452      ms-flex-direction: column;
2453      webkit-flex-direction: column;
2454      }
2455      @media only screen and (max-width: 749px) {
2456      .site-header__mobile-nav {
2457      align-items: center;
2458      display: flex;
2459      display: -ms-flexbox;
2460      display: -webkit-flex;
2461      moz-align-items: center;
2462      ms-align-items: center;
2463      ms-flex-align: center;
2464      o-align-items: center;
2465      webkit-align-items: center;
2466      width: 100%;
2467      }
2468      @media only screen and (max-width: 749px) {
2469      .search-bar .predictive-search-wrapper {
2470      border: none;
2471      }
2472      @media only screen and (max-width: 749px) {
2473      .feature-row__text {
2474      order: 2;
2475      padding-bottom: 0;
2476      }
2477      @media only screen and (max-width: 749px) {
2478      h3 {
2479      font-size: calc(((var(--font-h3-mobile)) / (var(--font-size-base))) * 1em);
2480      }
2481      @media only screen and (max-width: 749px) {
2482      .article__grid-image-container {
2483      float: left;
2484      margin: 0 0 55px 0;
2485      }
2486      .small--one-quarter {
2487      width: 25%;
2488      }
2489      @media only screen and (max-width: 749px) {
2490      .grid-view-item__title {
2491      font-size: calc(((var(--font-size-base) - 1) / (var(--font-size-base))) * 1em);
2492      }
2493      @media only screen and (max-width: 750px) {
2494      .big-oat-energy-drip-jar {
2495      margin-bottom: -40%;
2496      }
2497      @media only screen and (max-width: 750px) {
2498      .haus-rules-content {
2499      padding: 50px 15px;
2500      }
2501      @media only screen and (max-width: 750px) {
2502      .big-oat-energy-title {
2503      margin-top: 30px;
2504      }
2505      @media only screen and (max-width: 750px) {
2506      .free-of-grid-item {
2507      padding: 4px;
2508      }
2509      .free-of-header-text {
2510      font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 0.4em);
2511      }
2512      @media only screen and (max-width: 750px) {
2513      #shopify-section-collection h2 {
2514      font-size: 72px;
2515      line-height: 72px;
2516      }
2517      @media only screen and (max-width: 750px) {
2518      .big-oat-energy-drip-spoon {
2519      margin-left: -150px;
2520      margin-top: 0;
2521      min-width: 400px;
2522      z-index: 1;
2523      }
2524      @media only screen and (max-width: 750px) {
2525      .tab-button-text {
2526      font-size: 12px;
2527      }
2528      @media only screen and (max-width: 750px) {
2529      .tab-button {
2530      border-bottom-left-radius: 0;
2531      border-bottom-right-radius: 0;
2532      border-top-left-radius: 30px;
2533      border-top-right-radius: 30px;
2534      }
2535      @media only screen and (max-width: 750px) {
2536      .content-area {
2537      border-top-left-radius: 0;
2538      border-top-right-radius: 0;
2539      }
2540      @media only screen and (max-width: 750px) {
2541      .bnf {
2542      right: 5%;
2543      top: -75px;
2544      width: 120px;
2545      }
2546      .onf {
2547      left: 8%;
2548      top: -85px;
2549      width: 150px;
2550      }
2551      @media only screen and (max-width: 750px) {
2552      .slideshow__text-content.slideshow__text-content--vertical-top {
2553      top: 60px;
2554      }
2555      @media only screen and (max-width: 750px) {
2556      .haus {
2557      width: 175px;
2558      }
2559      .haus-rules-content {
2560      padding: 50px 15px;
2561      }
2562      .haus-rules-list {
2563      padding-left: 80px;
2564      }
2565      .haus-rules-title {
2566      font-size: 64px;
2567      letter-spacing: 5px;
2568      line-height: 80px;
2569      }
2570      @media only screen and (max-width: 750px) {
2571      .perks-1,
2572      .perks-2,
2573      .perks-3,
2574      .perks-4 {
2575      display: inline-block;
2576      left: unset;
2577      padding: 10px;
2578      position: relative;
2579      top: unset;
2580      }
2581      .perks-wrapper {
2582      display: flex;
2583      flex-wrap: wrap;
2584      justify-content: space-around;
2585      padding-bottom: 0;
2586      padding-top: 35px;
2587      }
2588      @media only screen and (max-width: 750px) {
2589      .subscription-price-grid-item {
2590      flex-basis: 50%;
2591      }
2592      @media only screen and (max-width: 989px) {
2593      button,
2594      input {
2595      font-size: 16px;
2596      }
2597      @media only screen and (min-width: 2000px) {
2598      .free-of-header-text {
2599      font-size: calc(((var(--font-h4-desktop)) / (var(--font-size-base))) * 1.1em);
2600      }
2601      @media only screen and (min-width: 750px) {
2602      .search-bar .predictive-search-wrapper {
2603      left: auto;
2604      max-width: 748px;
2605      position: absolute;
2606      right: auto;
2607      }
2608      @media only screen and (min-width: 750px) {
2609      .medium-up--hide {
2610      display: none !important;
2611      }
2612      .medium-up--one-half-product {
2613      margin: 0 2.5%;
2614      width: 44.7%;
2615      }
2616      .medium-up--two-tenths {
2617      width: 20%;
2618      }
2619      .product-single__meta {
2620      width: 95%;
2621      }
2622      @media only screen and (min-width: 750px) {
2623      .site-footer__icon-list {
2624      padding-bottom: 15px;
2625      }
2626      @media only screen and (min-width: 750px) {
2627      .site-header {
2628      padding: 29px 29px;
2629      }
2630      .site-header.logo--center {
2631      padding-top: 0;
2632      }
2633      @media only screen and (min-width: 750px) {
2634      .site-footer__linklist-item {
2635      padding: 0 30px 5px 0;
2636      }
2637      @media only screen and (min-width: 750px) {
2638      .main-content {
2639      padding-top: 55px;
2640      }
2641      @media only screen and (min-width: 750px) {
2642      .mega-subtitle {
2643      font-size: calc(((var(--font-size-base) + 4) / (var(--font-size-base))) * 1em);
2644      margin: 0 auto;
2645      }
2646      @media only screen and (min-width: 750px) {
2647      .mega-subtitle,
2648      .mega-title {
2649      text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
2650      }
2651      @media only screen and (min-width: 750px) {
2652      .product-single {
2653      display: flex;
2654      }
2655      @media only screen and (min-width: 750px) {
2656      input {
2657      padding: 10px 18px;
2658      }
2659      @media only screen and (min-width: 750px) {
2660      .page-container {
2661      ms-transform: translate3d(0, 0, 0);
2662      transform: translate3d(0, 0, 0);
2663      webkit-transform: translate3d(0, 0, 0);
2664      }
2665      @media only screen and (min-width: 750px) {
2666      .site-footer {
2667      padding-bottom: 35px;
2668      }
2669      @media only screen and (min-width: 750px) {
2670      .social-icons .icon {
2671      height: 25px;
2672      width: 25px;
2673      }
2674      @media only screen and (min-width: 750px) {
2675      .btn {
2676      padding: 10px 18px;
2677      }
2678      @media only screen and (min-width: 750px) {
2679      .site-footer__content {
2680      flex-wrap: nowrap;
2681      moz-flex-wrap: nowrap;
2682      ms-flex-wrap: nowrap;
2683      webkit-flex-wrap: nowrap;
2684      }
2685      @media only screen and (min-width: 750px) {
2686      .site-header__account {
2687      padding: 10px 30px;
2688      }
2689      @media only screen and (min-width: 750px) {
2690      .site-footer .h4 {
2691      margin-bottom: 25px;
2692      min-height: calc(var(--font-size-header) * 0.7);
2693      }
2694      @media only screen and (min-width: 750px) {
2695      .site-header__icon .icon-search {
2696      margin-right: 3px;
2697      }
2698      @media only screen and (min-width: 750px) {
2699      .site-footer__item--one-fifth {
2700      flex: 1 1 20%;
2701      moz-flex: 1 1 20%;
2702      ms-flex: 1 1 20%;
2703      webkit-flex: 1 1 20%;
2704      }
2705      .site-footer-newsletter__two-fifths {
2706      flex: 1 1 40%;
2707      moz-flex: 1 1 40%;
2708      ms-flex: 1 1 40%;
2709      webkit-flex: 1 1 40%;
2710      }
2711      .medium-up--one-half {
2712      width: 50%;
2713      }
2714      .medium-up--text-left {
2715      text-align: left !important;
2716      }
2717      @media only screen and (min-width: 750px) {
2718      .site-footer__item {
2719      margin-bottom: 45px;
2720      padding: 0 15px 0 15px;
2721      }
2722      @media only screen and (min-width: 750px) {
2723      .site-header__logo-image {
2724      margin: 0 auto;
2725      }
2726      @media only screen and (min-width: 750px) {
2727      .search-bar__interior {
2728      height: auto;
2729      padding-left: 55px;
2730      padding-right: 55px;
2731      }
2732      @media only screen and (min-width: 750px) {
2733      .go-cart__trigger {
2734      padding-right: 10px;
2735      }
2736      @media only screen and (min-width: 750px) {
2737      .site-footer__hr {
2738      margin: 0 0 20px 0;
2739      }
2740      @media only screen and (min-width: 750px) {
2741      .predictive-search-wrapper {
2742      max-height: 80vh;
2743      }
2744      @media only screen and (min-width: 750px) {
2745      .slideshow__controls {
2746      bottom: 0;
2747      left: 0;
2748      top: auto;
2749      }
2750      @media only screen and (min-width: 750px) {
2751      .slideshow__text-content {
2752      opacity: 0;
2753      }
2754      @media only screen and (min-width: 750px) {
2755      .product-dots {
2756      display: flex;
2757      flex-wrap: wrap;
2758      }
2759      @media only screen and (min-width: 750px) {
2760      .slideshow__btn-wrapper--push {
2761      margin-top: 30px;
2762      }
2763      @media only screen and (min-width: 750px) {
2764      .slideshow--large {
2765      height: 775px;
2766      }
2767      @media only screen and (min-width: 750px) {
2768      .feature-row__text--right {
2769      padding-right: 35px;
2770      }
2771      @media only screen and (min-width: 750px) {
2772      .hero--medium {
2773      height: 475px;
2774      }
2775      @media only screen and (min-width: 750px) {
2776      .slideshow {
2777      max-height: 100vh;
2778      position: relative;
2779      }
2780      @media only screen and (min-width: 750px) {
2781      .social-icons__item:last-of-type {
2782      padding-right: 0;
2783      }
2784      @media only screen and (min-width: 750px) {
2785      [class*="index-section--flush"]:first-child {
2786      margin-top: -55px;
2787      }
2788      @media only screen and (min-width: 750px) {
2789      .index-section {
2790      padding-bottom: 35px;
2791      padding-top: 35px;
2792      }
2793      @media only screen and (min-width: 750px) {
2794      .slideshow--medium {
2795      height: 650px;
2796      }
2797      @media only screen and (min-width: 750px) {
2798      .feature-row__text--left {
2799      padding-left: 35px;
2800      }
2801      @media only screen and (min-width: 750px) {
2802      .tab-content-active {
2803      padding-left: 25px;
2804      padding-right: 85px;
2805      }
2806      @media only screen and (min-width: 750px) {
2807      .grid--uniform .medium-up--one-quarter:nth-child(4n + 1),
2808      .grid--uniform .medium-up--one-third:nth-child(3n + 1) {
2809      clear: both;
2810      }
2811      .medium-up--hide {
2812      display: none !important;
2813      }
2814      .medium-up--one-quarter {
2815      width: 25%;
2816      }
2817      .medium-up--one-third {
2818      width: 33.33333%;
2819      }
2820      @media only screen and (min-width: 750px) {
2821      .section-header {
2822      margin-bottom: 55px;
2823      }
2824      [data-image-loading-animation] {
2825      animation: image-loader 2s 0.4s infinite;
2826      background-color: var(--global-color-image-loader-primary);
2827      -moz-animation: image-loader 2s 0.4s infinite;
2828      -o-animation: image-loader 2s 0.4s infinite;
2829      webkit-animation: image-loader 2s 0.4s infinite;
2830      }
2831      a {
2832      background-color: transparent;
2833      }
2834      [role="button"],
2835      a,
2836      button,
2837      input {
2838      touch-action: manipulation;
2839      }
2840      a,
2841      button,
2842      input {
2843      touch-action: manipulation;
2844      }
2845      b,
2846      strong {
2847      font-weight: var(--font-weight-body--bolder);
2848      }
2849      button,
2850      input {
2851      color: inherit;
2852      font: inherit;
2853      margin: 0;
2854      }
2855      [type="button"]::-moz-focus-inner,
2856      [type="submit"]::-moz-focus-inner,
2857      button::-moz-focus-inner {
2858      border-style: none;
2859      padding: 0;
2860      }
2861      [type="button"]:-moz-focusring,
2862      [type="submit"]:-moz-focusring,
2863      button:-moz-focusring {
2864      outline: 1px dotted ButtonText;
2865      }
2866      em {
2867      font-style: italic;
2868      }
2869      footer,
2870      header,
2871      main,
2872      nav {
2873      display: block;
2874      }
2875      form {
2876      margin: 0;
2877      }
2878      h3 {
2879      font-size: calc(((var(--font-size-header)) / (var(--font-size-base))) * 1em);
2880      letter-spacing: 0;
2881      text-transform: none;
2882      }
2883      .h4,
2884      h3 {
2885      font-family: Margin;
2886      font-style: var(--font-style-header);
2887      font-weight: var(--font-weight-header);
2888      line-height: 1.2;
2889      margin: 0 0 17.5px;
2890      overflow-wrap: break-word;
2891      word-wrap: break-word;
2892      }
2893      hr {
2894      border: 0;
2895      border-bottom: 1px solid var(--color-border);
2896      margin: 55px 0;
2897      }
2898      img {
2899      border: 0;
2900      max-width: 100%;
2901      }
2902      input {
2903      background-color: var(--color-text-field);
2904      border: 1px solid var(--color-border-form);
2905      border-radius: 2px;
2906      color: var(--color-text-field-text);
2907      line-height: 1.2;
2908      max-width: 100%;
2909      }
2910      input {
2911      padding: 8px 15px;
2912      }
2913      input {
2914      webkit-font-smoothing: antialiased;
2915      webkit-text-size-adjust: 100%;
2916      }
2917      input {
2918      color: var(--color-text);
2919      font-family: var(--font-stack-body);
2920      font-size: calc(var(--font-size-base) * 1.5px);
2921      font-style: var(--font-style-body);
2922      font-weight: var(--font-weight-body);
2923      line-height: 1.5;
2924      }
2925      input::-webkit-inner-spin-button,
2926      input::-webkit-outer-spin-button {
2927      margin: 0;
2928      webkit-appearance: none;
2929      }
2930      ol {
2931      list-style: decimal;
2932      }
2933      option {
2934      background-color: var(--color-body);
2935      color: var(--color-text);
2936      }
2937      strong {
2938      font-weight: var(--font-weight-body--bolder);
2939      }
2940      svg:not(:root) {
2941      overflow: hidden;
2942      }
2943      ul {
2944      margin: 0;
2945      padding: 0;
2946      }
2947      ol,
2948      ul {
2949      margin: 0;
2950      padding: 0;
2951      }
2952      }
2953      }
2954      }
2955      }
2956      }
2957      }
2958      }
2959      }
2960      }
2961      }
2962      }
2963      }
2964      }
2965      }
2966      }
2967      }
2968      }
2969      }
2970      }
2971      }
2972      }
2973      }
2974      }
2975      }
2976      }
2977      }
2978      }
2979      }
2980      }
2981      }
2982      }
2983      }
2984      }
2985      }
2986      }
2987      }
2988      }
2989      }
2990      }
2991      }
2992      }
2993      }
2994      }
2995      }
2996      }
2997      }
2998      }
2999      }
3000      }
3001      }
3002      }
3003      }
3004      }
3005      }
3006      }
3007      }
3008      }
3009      }
3010      }
3011      }
3012      }
3013      }
3014      }
3015      }
3016      }
3017      }
3018      }
3019      }
3020      }
3021      }
3022      }
3023      }
3024      }
3025      }
3026      }
3027      }
3028      }
3029      }
3030      }
3031      }
3032      }
3033      }
3034    </style>
3035
3036    
3036<script>
3037      window.performance.mark('debut:theme_stylesheet_loaded.start');
3038      function onLoadStylesheet() {
3039        performance.mark('debut:theme_stylesheet_loaded.end');
3040        performance.measure(
3041          'debut:theme_stylesheet_loaded',
3042          'debut:theme_stylesheet_loaded.start',
3043          'debut:theme_stylesheet_loaded.end'
3044        );
3045        var url = "//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590";
3046        var link = document.querySelector('link[href="' + url + '"]');
3047        link.loaded = true;
3048        link.dispatchEvent(new Event('load'));
3049      }
3050    </script>
3050
3051
3052    <link
3053      rel="stylesheet"
3054      href="//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590"
3055      type="text/css"
3056      media="print"
3057      onload="this.media='all';onLoadStylesheet()"
3058    >
3059    <link
3060      rel="stylesheet"
3061      href="//oat.haus/cdn/shop/t/98/assets/global.css?v=39262540951184641211770136832"
3062      type="text/css"
3063      media="print"
3064      onload="this.media='all';onLoadStylesheet()"
3065    >
3066    <style>
3067      @font-face {
3068        font-family: 'Margin';
3069        src: url(//oat.haus/cdn/shop/t/98/assets/Margin2.woff2?v=73979697606249836921762726276) format('woff2');
3070        font-weight: normal;
3071        font-style: normal;
3072        font-display: swap;
3073      }
3074
3075      @font-face {
3076        font-family: 'Brice';
3077        src: url(//oat.haus/cdn/shop/t/98/assets/briceUpper.woff2?v=66179181321747484971762726278) format('woff2');
3078        font-weight: normal;
3079        font-style: normal;
3080        font-display: swap;
3081      }
3082
3083      @font-face {
3084        font-family: 'Acherus Grotesque';
3085        src: url(//oat.haus/cdn/shop/t/98/assets/AcherusGrotesque-Regular.woff2?v=90071873940701258241762726274) format('woff2');
3086        font-weight: normal;
3087        font-style: normal;
3088        font-display: swap;
3089      }
3090
3091      @font-face {
3092        font-family: 'Gliker';
3093        src: url(//oat.haus/cdn/shop/t/98/assets/Gliker-Regular.woff2?v=7891864014999633141762726275) format('woff2');
3094        font-weight: 400;
3095        font-style: normal;
3096        font-display: swap;
3097      }
3098    </style>
3099
3100    
3100<script>
3101      var theme = {
3102        breakpoints: {
3103          medium: 750,
3104          large: 990,
3105          widescreen: 1400
3106        },
3107        strings: {
3108          addToCart: "Add to cart",
3109          soldOut: "Sold out",
3110          unavailable: "Unavailable",
3111          regularPrice: "Regular price",
3112          salePrice: "Sale price",
3113          sale: "Sale",
3114          fromLowestPrice: "from [price]",
3115          vendor: "Vendor",
3116          showMore: "Show More",
3117          showLess: "Show Less",
3118          searchFor: "Search for",
3119          addressError: "Error looking up that address",
3120          addressNoResults: "No results for that address",
3121          addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.",
3122          authError: "There was a problem authenticating your Google Maps account.",
3123          newWindow: "Opens in a new window.",
3124          external: "Opens external website.",
3125          newWindowExternal: "Opens external website in a new window.",
3126          removeLabel: "Remove [product]",
3127          update: "Update",
3128          quantity: "Quantity",
3129          discountedTotal: "Discounted total",
3130          regularTotal: "Regular total",
3131          priceColumn: "See Price column for discount details.",
3132          quantityMinimumMessage: "Quantity must be 1 or more",
3133          cartError: "There was an error while updating your cart. Please try again.",
3134          removedItemMessage: "Removed \u003cspan class=\"cart__removed-product-details\"\u003e([quantity]) [link]\u003c\/span\u003e from your cart.",
3135          unitPrice: "Unit price",
3136          unitPriceSeparator: "per",
3137          oneCartCount: "1 item",
3138          otherCartCount: "[count] items",
3139          quantityLabel: "Quantity: [count]",
3140          products: "Products",
3141          loading: "Loading",
3142          number_of_results: "[result_number] of [results_count]",
3143          number_of_results_found: "[results_count] results found",
3144          one_result_found: "1 result found"
3145        },
3146        moneyFormat: "${{amount}}",
3147        moneyFormatWithCurrency: "${{amount}} USD",
3148        settings: {
3149          predictiveSearchEnabled: false,
3150          predictiveSearchShowPrice: false,
3151          predictiveSearchShowVendor: false
3152        },
3153        stylesheet: "//oat.haus/cdn/shop/t/98/assets/theme.css?v=41874439393130879591782232590"
3154      }
3155      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
3156    </script>
3156<script src="//oat.haus/cdn/shop/t/98/assets/theme.js?v=162985051904266444801762726276" defer="defer"></script>
3156
3157    
3157<script src="//oat.haus/cdn/shop/t/98/assets/lazysizes.js?v=63098554868324070131762726275" async="async"></script>
3157
3158    
3158<script src="//oat.haus/cdn/shop/t/98/assets/keen-slider.min.js?v=60563873875881527811762726278"></script>
3158
3159
3160    
3160<script type="text/javascript">
3161      if (window.MSInputMethodContext && document.documentMode) {
3162        var scripts = document.getElementsByTagName('script')[0];
3163        var polyfill = document.createElement('script');
3164        polyfill.defer = true;
3165        polyfill.src = "//oat.haus/cdn/shop/t/98/assets/ie11CustomProperties.min.js?v=146208399201472936201762726277";
3166        scripts.parentNode.insertBefore(polyfill, scripts);
3167      }
3168    </script>
3168
3169
3170    
3170<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
3170<meta name="google-site-verification" content="LcGsKdVS7xJMCz4sEJzbltKvw5QIHPKJjToDMU2zP9E">
3171<meta name="google-site-verification" content="3wcYi6nf-zlwjqiDX-H1w9t65N3fmpItKOYDAmrw8RY">
3172<meta name="google-site-verification" content="pp5AXVs70OWPwphLaGbNYtLjfrGwhFctDe7FlmLHdKQ">
3173<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1245675583/digital_wallets/dialog">
3174<meta id="in-context-paypal-metadata" data-shop-id="1245675583" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
3175<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/39590893092927:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://oat.haus/products/build-a-box-variety-granola-butter.oembed">
3176<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=301858879"></script>
3176
3177<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
3178<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=301858879&shop_id=1245675583" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3178
3178
3179<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1245675583,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1245675583","merchantName":"Oat Haus","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Oat Haus","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 3179
3179
3180<script id="shopify-features" type="application/json">{"accessToken":"3e1652e2df91a06f5a222dbdfd219cc4","betas":["rich-media-storefront-analytics"],"domain":"oat.haus","predictiveSearch":true,"shopId":1245675583,"locale":"en"}</script>
vendor: 1 bytes, line 3180
3180
3181<script>var Shopify = Shopify || {};
3182Shopify.shop = "kweenco.myshopify.com";
3183Shopify.locale = "en";
3184Shopify.currency = {"active":"USD","rate":"1.0"};
3185Shopify.country = "US";
3186Shopify.theme = {"name":"Oat-Haus-2025-Theme\/main","id":135838793791,"schema_name":"Debut","schema_version":"17.12.0","theme_store_id":null,"role":"main"};
3187Shopify.theme.handle = "null";
3188Shopify.theme.style = {"id":null,"handle":null};
3189Shopify.cdnHost = "oat.haus/cdn";
3190Shopify.routes = Shopify.routes || {};
3191Shopify.routes.root = "/";
3192Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
3193Shopify.SignInWithShop = Shopify.SignInWithShop || {};
3194Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
3195Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 3195
3195
3196<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 3196
3196
3197<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 3197
3197
3198<script>
3199  window.ShopifyPay = window.ShopifyPay || {};
3200  window.ShopifyPay.apiHost = "shop.app\/pay";
3201  window.ShopifyPay.redirectState = null;
3202</script>
vendor: 1 bytes, line 3202
3202
3203<script>
3204  window.Shopify = window.Shopify || {};
3205  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
3206  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
3207  window.Shopify.SignInWithShop.eligible = true;
3208</script>
vendor: 1 bytes, line 3208
3208
3209<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 3209
3209
3210<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 3210
3210
3211<script type="module">
3212  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
3213
3214  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
3215
3216</script>
vendor: 1 bytes, line 3216
3216
3217<script>
3218  window.Shopify = window.Shopify || {};
3219  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
3220  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"]};
3221</script>
vendor: 1 bytes, line 3221
3221
3222<script>(function() {
3223  var isLoaded = false;
3224  function asyncLoad() {
3225    if (isLoaded) return;
3226    isLoaded = true;
3227    var urls = ["https:\/\/assets1.adroll.com\/shopify\/latest\/j\/shopify_rolling_bootstrap_v2.js?adroll_adv_id=3RBBCYWNWFCXRJLQ6VZCQS\u0026adroll_pix_id=QYXA4KPS7BAZRMFDSHDKOH\u0026shop=kweenco.myshopify.com","https:\/\/shopify-app.bundlepayments.com\/widget-script?shop=kweenco.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0012\/4567\/5583\/t\/61\/assets\/TD7E6dABOm7O04Zh.js?v=1669104285\u0026shopId=12789\u0026shop=kweenco.myshopify.com","https:\/\/cdn.wheelio-app.com\/app\/index.min.js?version=20251118080645537\u0026shop=kweenco.myshopify.com","https:\/\/d1639lhkj5l89m.cloudfront.net\/js\/storefront\/uppromote.js?shop=kweenco.myshopify.com","https:\/\/cdn.attn.tv\/oathaus\/dtag.js?shop=kweenco.myshopify.com"];
3228    for (var i = 0; i < urls.length; i++) {
3229      var s = document.createElement('script');
3230      s.type = 'text/javascript';
3231      s.async = true;
3232      s.src = urls[i];
3233      var x = document.getElementsByTagName('script')[0];
3234      x.parentNode.insertBefore(s, x);
3235    }
3236  };
3237  if(window.attachEvent) {
3238    window.attachEvent('onload', asyncLoad);
3239  } else {
3240    window.addEventListener('load', asyncLoad, false);
3241  }
3242})();</script>
vendor: 1 bytes, line 3242
3242
3243<script id="__st">var __st={"a":1245675583,"offset":-14400,"reqid":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546","pageurl":"oat.haus\/products\/build-a-box-variety-granola-butter","u":"d02b9fd3f488","p":"product","rtyp":"product","rid":6867799441471};</script>
vendor: 1 bytes, line 3243
3243
3244<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 3244
3244
3245<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'])})(!0,!0)}();</script>
vendor: 1 bytes, line 3245
3245
3246<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//oat.haus/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3246
3246
3247<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 = "//oat.haus/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>
3247<script crossorigin="anonymous" defer="defer" src="//oat.haus/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 3247
3247
3248<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 3248
3248
3249<script>
3250  window.Shopify = window.Shopify || {};
3251  window.Shopify.MCP = window.Shopify.MCP || {};
3252  window.Shopify.MCP.enabled = true;
3253  window.Shopify.MCP.shop = "kweenco.myshopify.com";
3254  window.Shopify.MCP.mcpEndpoint = "https:\/\/oat.haus\/api\/mcp";
3255  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"]}}];
3256</script>
vendor: 1 bytes, line 3256
3256
3257<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("\/\/oat.haus\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
3258</script>
vendor: 1 bytes, line 3258
3258
3259<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://oat.haus/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
3260</script>
vendor: 1 bytes, line 3260
3260
3261<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
3262  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);
3263</script>
vendor: 1 bytes, line 3263
3263
3264<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})}}));
3265</script>
3265
3266<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://oat.haus/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
3267<style id="shopify-accelerated-checkout-cart">
3268        #shopify-buyer-consent {
3269  margin-top: 1em;
3270  display: inline-block;
3271  width: 100%;
3272}
3273
3274#shopify-buyer-consent.hidden {
3275  display: none;
3276}
3277
3278#shopify-subscription-policy-button {
3279  background: none;
3280  border: none;
3281  padding: 0;
3282  text-decoration: underline;
3283  font-size: inherit;
3284  cursor: pointer;
3285}
3286
3287#shopify-subscription-policy-button::before {
3288  box-shadow: none;
3289}
3290
3291      </style>
3292
3293<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
3293
3294    
3294<script>
3295      if (window.location.href.includes('bundle-subscriptions')) {
3296        window.onload = function () {
3297          document.querySelector('.p_395984471 ').classList.add('hide');
3298        };
3299      }
3300    </script>
3300
3301
3302    
3302<script src="//oat.haus/cdn/shop/t/98/assets/formatMoney.js?v=141596126160899946901762726275"></script>
3302
3303
3304    
3305<!-- Start of Judge.me Core -->
3306<link rel="dns-prefetch" href="https://cdn.judge.me/">
3307<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#fbcd0a","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
3307ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#fbcd0a","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":5,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"leex","review_date_format":"timestamp","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":true,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":false,"featured_carousel_title":"What Kweens are Saying","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":false,"featured_carousel_autoslide_interval":8,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":90,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#d3e1e6","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Pinterest,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"compact","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
3307itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#108474","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#108474","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
3307youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":3,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":true,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
3307:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/oat.haus","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Oat Haus","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
3307shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Oat Haus"};</script>
3307 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #fbcd0a;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#fbcd0a}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Oat Haus'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
3308</style> <style class='jdgm-settings-style'></style>
3309
3310  
3311  
3312  
3313  <style class='jdgm-miracle-styles'>
3314  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
3314/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}
3315
3316</style>
3317
3318
3319  
3320  
3321   
3322
3323
3324<script data-cfasync='false' class='jdgm-script'>
3325!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/",
3326jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
3327setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,s){
3328!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
3329(s=e.createElement("link")).rel="stylesheet",s.class="jdgm-stylesheet",s.media="nope!",
3330s.href=d,s.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(s))},
3331jdgm.loadCSS.requestedUrls=[],jdgm.docReady(function(){(window.jdgmLoadCSS||e.querySelectorAll(
3332".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
3333parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
3334jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"))})}(document);
3335</script>
vendor: 1 bytes, line 3335
3335
3336<script async data-cfasync="false" type="text/javascript" src="https://cdn.judge.me/loader.js"></script>
3336
3337
3338<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript>
3339<!-- End of Judge.me Core -->
3340
3341
3342    <meta name="facebook-domain-verification" content="egiyiurcxjoui32etb25s8qqltzf5m">
3343
3344    
3345    <!-- Nextdoor Pixel Code -->
3346    
3346<script type="text/javascript">
3347      (function (win, doc, sdk_url) {
3348        if (win.ndp) return;
3349        var tr = (win.ndp = function () {
3350          tr.handleRequest ? tr.handleRequest.apply(tr, arguments) : tr.queue.push(arguments);
3351        });
3352        tr.queue = [];
3353        var s = 'script';
3354        var new_script_section = doc.createElement(s);
3355        new_script_section.async = !0;
3356        new_script_section.src = sdk_url;
3357        var insert_pos = doc.getElementsByTagName(s)[0];
3358        insert_pos.parentNode.insertBefore(new_script_section, insert_pos);
3359      })(window, document, 'https://ads.nextdoor.com/public/pixel/ndp.js');
3360
3361      ndp('init', '6620b92d-a1a3-40e2-963f-604653a69ed4', {});
3362      ndp('track', 'PAGE_VIEW');
3363    </script>
3363
3364    <noscript>
3365      <img
3366        height="1"
3367        width="1"
3368        style="display:none"
3369        src="https://flask.nextdoor.com/pixel?pid=6620b92d-a1a3-40e2-963f-604653a69ed4&ev=PAGE_VIEW&noscript=1"
3370      >
3371    </noscript>
3372    <!-- End Nextdoor Pixel Code -->
3373
3374    
3375    
3376    
3377      
3378<script>
3379  var TRANSLATIONS = {
3380    en: {
3381      translation: {
3382        titles: {
3383          return_to_account: "Return to account details",
3384          subscription: "Subscription",
3385          subscriptions: "Subscriptions",
3386          loading: "Loading...",
3387          cancel: "Cancel",
3388          save: "Save",
3389          continue: "Continue",
3390          pause: "Pause",
3391          edit: "Edit",
3392          my_subscriptions: "My Subscriptions",
3393          frequency: "Frequency",
3394          next_order: "Next Order",
3395          confirm: "Confirm",
3396          remove: "Remove",
3397          description: "Description",
3398          add: "Add",
3399        },
3400        email_gate: {
3401          no_subs: "You do not have any subscriptions yet",
3402          check_email: "Check your email to access your subscriptions, {{email}}",
3403          cta_access_link: "Email me an access link",
3404        },
3405        subscriptions: {
3406          error: "There was an error loading your subscriptions",
3407          no_subs: "You do not have any subscriptions yet",
3408          link_to_account: "Return to Account Details",
3409        },
3410        subscription: {
3411          fetch_error: "There was an error fetching the detail subscription",
3412          auth_error: "There was authorization error, please login again",
3413          plan: "Plan",
3414          active: "Active",
3415          activate: "Activate",
3416          pause: "Pause",
3417          paused: "Paused",
3418          cancel: "Cancel",
3419          cancelled: "Cancelled",
3420          shipment_info: "Shipment info",
3421          update_shipping: "Update shipping",
3422          payment_method: "Payment method",
3423          pay_pal_payment_method: "PayPal",
3424          ending_in: "ending in",
3425          expires: "Expires",
3426          add_phone: "Enter a phone number",
3427          add_name: "Enter your name",
3428          add_lastName: "Enter your last name",
3429          billing_attepts: "Billing Attempts",
3430          percentage_dynamic_discount: "{{discount}} % off",
3431          fixed_amount_dynamic_discount:
3432            "{{discount}} off",
3433          then_dynamic_discount: " then {{discount}}",
3434          orders_dynamic_discount: " for {{orderQty}} orders,",
3435          billing_attepts_empty: "There are no billing attempts",
3436          billing_attepts_error: "There was an error loading the billing attempts",
3437          subs_details: "Subscription Details",
3438          update_payment_btn: "Update payment",
3439          cancel_prompt_title: "Canceling subscription cannot be undone. If you want to resume shipments, you will need to create a new order in the store.",
3440          cancel_error: "There was an error trying to cancel your subscription",
3441          no_payment_method_error: "Payment method missing from subscripiton.",
3442          no_payment_method_error_add: "Please add a new card.",
3443          new_payment_method_success: "Succesfully updated the payment method.",
3444          new_payment_method_error: "Unknown error adding your payment method. Please try again.",
3445          remove_line_error: "There was an error trying to remove the product",
3446          remove_line_success: "Succesfully removed the product",
3447          ships_to: "Ships to",
3448          update_payment_success: "An email was sent to {{email}} with a secure link to update payment information.",
3449          update_payment_success_dunning:
3450            "An email was sent to {{email}} with a secure link to update payment information. After payment information is updated we will retry the order.",
3451          update_payment_success_payment_error:
3452            "Unable to add payment method. An email was sent to {{email}} with a secure link to update payment.",
3453          update_payment_error: "There was an error updating your payment information",
3454          sales_tax: "Sales tax (if applicable) is not displayed because it is calculated with each new order.",
3455          skip_billing_interval_prompt:
3456            "Are you sure you want to skip?",
3457          skip_billing_interval_success:
3458            "Your next order has been rescheduled to {{date}}",
3459          skip_billing_interval_error: "There was an error skipping your next order",
3460          skip_until: "Skip until",
3461          skip_next: "Skip next",
3462          order_now: "Order now",
3463          next_order_success: "Your next order has been rescheduled to {{date}}",
3464          next_order_error: "There was an error setting the subscription&#39;s next order date.",
3465          add_new_address: "Add new address",
3466          address_update_success: "Address updated successfully",
3467          address_update_failed: "We encountered an unknown error. Please try again.",
3468          pause_subscription: "Pause subscription",
3469          cancel_subscription: "Cancel subscription",
3470          pause_disclaimer_date: "We will postpone your subscription. Your subscription will remain active, but you will not be charged until {{date}}
3470. You can pause indefinitely or reschedule anytime.",
3471          pause_disclaimer_indefinitely:
3472            "You will not be charged while your subscription is paused. Reactivate your subscription anytime in your account.",
3473          pause_success: "Your subscription was paused successfully",
3474          reactivate_btn: "Reactivate now",
3475          reactivate: "Reactivate",
3476          reactivate_success: "Your subscription has been successfully reactivated.",
3477          reactivate_error: "Something went wrong while reactivating your subscription. Please try again",
3478          frequency_days: "day(s)",
3479          frequency_weeks: "week(s)",
3480          frequency_months: "month(s)",
3481          order_now_modal_body: "You will be charged {{amount}} and your shipment will go out as soon as possible.",
3482          amount: "Amount",
3483          frequency_update_success: "Delivery frequency updated to {{ frequency }}.",
3484          frequency_update_error: "Unknown error. Delivery frequency could not be updated.",
3485          customer_update_success: "Customer information has been updated",
3486          customer_update_error: "Unknown error. Customer information could not be updated.",
3487          customer_update_info: "Adding your phone number, you will receive free SMS with information about your next subscription, allowing you to skip it,or editing it through your phone",
3488          verified_phone: "Phone verified",
3489          not_verified_phone: "Phone not verified",
3490          verify_phone: "Verify",
3491          enter_code: "Enter the verification code",
3492          verify_code_error: "There was an error verifying your phone number.",
3493          verify_code_retry_error: "You have tried to verify your phone number too many times. Please, try it later.",
3494          verify_code_success: "Phone number verified successfully",
3495          code_received: "You must have received a confirmation code in the provided phone number.",
3496          code_enter: "Please enter the code below to verify your phone number.",
3497          code_send: "Send code",
3498          qty: "Qty",
3499          manage: "Manage",
3500          your_next_order: "Your next order",
3501          swap_product: "Swap products",
3502          swap_product_cta: "Swap for another product...",
3503          or: "Or",
3504          update_variant: "Change selection",
3505          update_bundle: "Update Box",
3506          save: "Save {{percentage}}%",
3507          failed_payment_message: "Failed payment with saved method. We will automatically retry payment.",
3508          failed_payment_cta: "Update Payment method",
3509          order_now_success: "Order placed successfully",
3510          order_now_error: "Unknown error. Please try again.",
3511          update_current_payment_method:
3512            "Update current payment method",
3513          add_new_card: "Add new card",
3514          delayed: "Delayed",
3515          delayedNotification: "Subscription delayed due to inventory. Order will ship when item becomes available. To receive order more quickly, please update selection below.",
3516          update_success: "Your subscription has been updated successfully.",
3517          update_line_success: "Subscription updated. The order will ship out as soon as possible.",
3518          update_error: "Something went wrong. Your subscription has not been changed.",
3519        },
3520        new_payment_method: {
3521          title: "Enter payment method",
3522          payment_info: "Payment information",
3523          card_number: "Card number",
3524          exp_date: "Exp date",
3525          security_code: "CVV",
3526          first_name: "First Name",
3527          last_name: "Last Name",
3528          billing_address: "Billing address",
3529          address1: "Address",
3530          address2: "Apartment, suite, etc. (optional)",
3531          city: "City",
3532          country: "Country/Region",
3533          state: "State/Province",
3534          zip: "Zip code",
3535          phone: "Phone",
3536        },
3537        tables: {
3538          ID: "ID",
3539          status: "Status",
3540          item: "Item",
3541          created: "Created",
3542          next_order: "Next Order",
3543          skip: "Skip",
3544          product: "Product",
3545          quantity: "Quantity",
3546          price: "Price",
3547          total: "Total",
3548          shipping: "Shipping",
3549          originated: "Originated",
3550          frequency: "Frequency",
3551          phone: "Phone",
3552          name: "Name",
3553          lastName: "Last name",
3554          date: "Date",
3555          sold_out: "Sold out",
3556          partial_inventory: "Partial inventory",
3557          qty_sold_out: " • {{quantity}} sold out",
3558          order_number: "Order Number",
3559          subtotal: "Subtotal",
3560          loading_fulfillments: "Loading...",
3561          last_fulfillment: "Last fulfillment",
3562          next_fulfillment: "Next fulfillment",
3563          merchant_discount: "Discount",
3564          one_time_discount_label: "(One-time)",
3565          finite_discount_label: "({{usageCount}} of {{recurringCycleLimit}})",
3566          edit: "Edit",
3567          box_discount: {
3568            percentage: "Box discount ({{value}}%)",
3569            amount: "Box discount ({{value}})",
3570          },
3571        },
3572        login: {
3573          start_intro: "Enter your email address to get started",
3574          welcome: "Welcome",
3575          send_link: "We&#39;ll email you a secure link to sign in.",
3576          email_address: "Email address",
3577          continue: "Continue",
3578          welcome_back: "Welcome back",
3579          choose_login: "Choose how to login for",
3580          send_secure_link: "Send me secure link",
3581          login_password: "Login with password",
3582          check_email: "Check your email for login link",
3583          secure_email_sent: "We&#39;ve sent a secure email to {{email}}. The link expires in 24 hours.",
3584          not_received: "Didn&#39;t receive it?",
3585          new_link: "Send me a new link",
3586          different_email: "Try different email",
3587          no_subscriptions: "No subscriptions found",
3588          invalid_email: "Invalid Email",
3589          no_subscriptions_message: "We couldn&#39;t find any subscriptions associated with",
3590        },
3591        product_swap: {
3592          title_select: "Choose replacement item",
3593          title_confirm: "Confirm",
3594          sold_out: "Sold out",
3595          choose: "Choose",
3596          back: "Back",
3597          confirm: "Confirm",
3598          save: "Save",
3599          update: "Update",
3600          original_item: "Original item",
3601          replacement_item: "Replacement item",
3602          update_success: "Successfully swapped items for the next order.",
3603          update_error: "Something went wrong. Your subscription has not been changed.",
3604        },
3605        bundles: {
3606          build_box: "Build your box",
3607          of: "of",
3608          back: "Back",
3609          continue: "Continue",
3610          add_cart: "Add to cart",
3611          select_plan: "Select plan",
3612          build_your_box: "Build your box",
3613          addons: "Add-ons",
3614          checkout: "Checkout",
3615          edit_my_box: "Edit my box",
3616          box_size: "Box size",
3617          add_cart_error: "There was an error updating your cart.",
3618          update_price: "Cost of the box has changed from {{prevBasePrice}} to {{basePrice}}",
3619          update_success: "Box successfully updated",
3620          update_error: "Something went wrong trying to update the box",
3621          delivery_options: "Delivery options",
3622          one_time_delivery: "One time",
3623          additional_products: "Additional products",
3624        },
3625        addons: {
3626          title: "Add Items",
3627          selection_unavailable: "Selection unavailable",
3628          success_added: "Successfully added items to your subscription.",
3629          subtitle: "Add items to your upcoming order",
3630          subscribe: "Subscribe",
3631          select: "Add",
3632          see_products: "See all products",
3633          modal_title: "Add products to your next order",
3634          save: "Save",
3635          type: "Type",
3636        },
3637        sms: {
3638          title: "Text updates",
3639          enable: "Enable",
3640          edit_phone: "Edit phone number",
3641          enable_phone: "Enable text updates",
3642          phone_placeholder: "Enter phone number",
3643          enable_phone_text: "Text messages allow you to update subscriptions on the go. Message and. data rates may apply.",
3644          phone: "Phone number",
3645          invalid_phone: "Invalid phone number",
3646          invalid_country: "Only US and CA phone numbers are supported.",
3647          duplicated_phone_error: "Phone number already in use",
3648        },
3649        cancelModal: {
3650          header: "Reason for cancelling",
3651          neverMind: "Never mind",
3652          back: "Back",
3653          continue: "Continue",
3654          continueWithCancellation: "Continue with cancellation",
3655          continueCancel: "Continue cancel",
3656          confirmCancellation: "Confirm cancellation",
3657          error: "There was an unknown error",
3658          tryAgain: "Try again.",
3659          TOO_MUCH: "I have too much",
3660          MOVING: "Moving to a new place",
3661          COMPETITOR: "Switching to a competitor",
3662          BUDGET: "Doesn’t fit my budget",
3663          NOT_ENJOY: "I didn’t enjoy the product",
3664          NO_NEED: "No longer need this",
3665          TRAVELLING: "I’m traveling",
3666          OTHER: "Other",
3667          frequency: {
3668            modalTitle: "Frequency update available",
3669            title: "Update frequency instead of losing subscription",
3670            subtitle: "By updating your delivery frequency, you can control how often you recieve shipments.",
3671            updateFrequency: "Update frequency",
3672            formModalTitle: "Edit frequency",
3673            formTitle: "You control how often your receive deliveries. Upcoming orders will be delivered on the frequency selected below.",
3674            formDelivery: "Delivery every",
3675            setFrequency: "Set frequency",
3676          },
3677          address: {
3678            modalPromptTitle: "Address update available",
3679            promptTitle: "Moving doesn’t have to mean cancellation",
3680            promptSubtitle: "By updating your address, you have the option of keeping your subscription with you wherever you go!",
3681            promptUpdateAddress: "Update address",
3682            modalFormTitle: "Enter address",
3683            noShippingOptions: "There are no shipping options available for that address.",
3684            confirmModalTitle: "Shipping confirmation",
3685            confirmTitle: "The price of shipping for your subscription will change from {{oldPrice}} to {{newPrice}} because your new address is in a different delivery zone.",
3686            confirmAcceptShipping: "Accept shipping",
3687            newAddress: "New address:",
3688            oldAddress: "Old address:",
3689          },
3690          pause: {
3691            header: "Pause available",
3692            title: "Did you know you can pause instead?",
3693            description: "Instead of cancelling, pausing your subscription allows you to keep billing and shipping details saved when you’re ready to reactivate your subscription.",
3694            cta: "Pause subscription",
3695            success: "Your subscription was paused successfully",
3696          },
3697          skip: {
3698            header: "Edit order date available",
3699            title: "You can skip or reschedule your next order",
3700            description: "Keep your shipments coming once you’re back from your trip. Consider skipping or rescheduling instead of canceling.",
3701            titleHideSkip: "You can reschedule your next order",
3702            descriptionHideSkip: "Keep your shipments coming once you’re back from your trip. Consider rescheduling instead of canceling.",
3703            titleHideEditNextOrderDate:
3704              "You can skip your next order",
3705            descriptionHideEditNextOrderDate:
3706              "Keep your shipments coming once you’re back from your trip. Consider skipping instead of canceling.",
3707            ctaReschedule: "Reschedule next order",
3708            ctaSkip: "Skip next",
3709            success: "Your next order has been rescheduled to {{date}}",
3710          },
3711          reschedule: {
3712            header: "Schedule next order",
3713            confirmReschedule: "Reschedule",
3714            dateFormat: "mm/dd/yyyy",
3715            inputLabel: "Next order",
3716            description: "Your subscription will remain active, but we will postpone your subscription until the date you select below.",
3717          },
3718          confirm: {
3719            modalTitle: "Additional feedback",
3720            title: "Please provide additional feedback (optional)",
3721            button: "Confirm cancellation",
3722            success: "Subscription cancelled",
3723          },
3724          prepaidMultiOrder: {
3725            modalTitle: "Cancel prepaid subscription",
3726            description: "Subscription with prepaid items cannot be cancelled immediately. By continuing, we will set prepaid items to expire after the current prepaid period.",
3727            button: "Disable autorenew",
3728            success: "Prepaid items will not autorenew",
3729          },
3730        },
3731        drawers: {
3732          updateAddress: {
3733            title: "Enter address",
3734          },
3735        },
3736        babFilters: {
3737          filters: "Filters",
3738          reset: "Reset",
3739        },
3740        billingHistory: {
3741          title: "Billing history",
3742          order: "Order",
3743          date: "Date",
3744          status: "Status",
3745          submitted: "Submitted",
3746          challenged: "Challenged",
3747          failed: "Failed",
3748          success: "Success",
3749          loadMore: "Load more",
3750          bankChallenge: "Complete Challenge",
3751        },
3752        pauseModal: {
3753          delaySubscriptionTitle: "Delay subscription available",
3754          delaySubscriptionSubtitle: "Consider delaying subscription instead",
3755          delaySubscriptionBody: "By delaying your subscription, you can make sure orders start again without needing to remember to turn them back on.",
3756          delaySubscriptionCta: "Delay subscription",
3757          pauseModalTitle: "Pause subscription",
3758          pauseModalLabel: "Pause subscription for",
3759          pauseModalBody: "You will not be charged while your subscription is paused. Reactivate your subscription anytime in your account",
3760          continueToPause: "Continue to Pause",
3761          neverMind: "Never mind",
3762          back: "Back",
3763          save: "Save",
3764          confirmPause: "Confirm",
3765          delaySubscription: "Delay subscription",
3766          ONE_MONTH: "1 month",
3767          TWO_MONTH: "2 months",
3768          THREE_MONTH: "3 months",
3769          CUSTOM: "Custom",
3770        },
3771        discountCodeCard: {
3772          title: "Discount Code",
3773          addBtn: "Add",
3774          cancelBtn: "Cancel",
3775          inputPlaceholder: "Enter code",
3776          applyBtn: "Apply",
3777          successMsg: "Discount applied to subscription",
3778          removeSuccessMsg: "Discount removed from subscription",
3779          loadingMsg: "Adding discount code...",
3780          errorMsg: "Invalid code",
3781          boxDiscount: "Box discount",
3782        },
3783        frequency: {
3784          once_a: "Once a",
3785          every: "Every",
3786          week: "week",
3787          month: "month",
3788          year: "year",
3789          weeks: "weeks",
3790          months: "months",
3791          years: "years",
3792        },
3793      },
3794    },
3795  };
3796
3797  window.bundleapp = window.bundleapp || {};
3798  window.bundleapp.settings = {
3799    ...window.bundleapp.settings,
3800    translations: TRANSLATIONS,
3801  };
3802</script>
3802
3803
3804    
3805    
3806  <!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
3806<script type="text/javascript" src="https://cdn.attn.tv/oathaus/dtag.js?source=app-embed" defer="defer"></script>
3806
3807
3808
3809<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
3810
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821  
3822    
3822<script
3823      async
3824      type="text/javascript"
3825      src="https://cdn.506.io/eg/script.js?shop=kweenco.myshopify.com&v=12"
3826    ></script>
3826
3827  
3828
3829
3830
3831  <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTAzNzk1NDc=" content="{&quot;isInstalled&quot;:true,&quot;installedOn&quot;:&quot;2022-06-21T19:30:19.849Z&quot;,&quot;appVersion&quot;:&quot;3.0&quot;,&quot;subscriptionName&quot;:&quot;Standard&quot;,&quot;cartAnalytics&quot;:true,&quot;freeTrialEndsOn&quot;:null,&quot;settings&quot;:{&quot;reminderBannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;imageUrl&quot;:null,&quot;closingMode&quot;:&quot;doNotAutoClose&quot;,&quot;cssStyles&quot;:&quot;&quot;,&quot;displayAfter&quot;:5,&quot;headerText&quot;:&quot;&quot;,&quot;primaryColor&quot;:&quot;#000000&quot;,&quot;reshowBannerAfter&quot;:&quot;everyNewSession&quot;,&quot;selfcloseAfter&quot;:5,&quot;showImage&quot;:false,&quot;subHeaderText&quot;:&quot;&quot;},&quot;addedItemIdentifier&quot;:&quot;_Gifted&quot;,&quot;ignoreOtherAppLineItems&quot;:null,&quot;customVariantsInfoLifetimeMins&quot;:1440,&quot;redirectPath&quot;:null,&quot;ignoreNonStandardCartRequests&quot;:false,&quot;bannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;cssStyles&quot;:null,&quot;primaryColor&quot;:&quot;#000000&quot;},&quot;themePresetId&quot;:null,&quot;notificationStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:null,&quot;vertical&quot;:null},&quot;primaryColor&quot;:null,&quot;duration&quot;:null,&quot;cssStyles&quot;:null,&quot;hasCustomizations&quot;:false},&quot;fetchCartData&quot;:false,&quot;useLocalStorage&quot;:{&quot;expiryMinutes&quot;:null,&quot;enabled&quot;:false},&quot;popupStyle&quot;:{&quot;primaryColor&quot;:null,&quot;secondaryColor&quot;:null,&quot;cssStyles&quot;:null,&quot;addButtonText&quot;:null,&quot;dismissButtonText&quot;:null,&quot;outOfStockButtonText&quot;:null,&quot;imageUrl&quot;:null,&quot;hasCustomizations&quot;:false,&quot;showProductLink&quot;:false,&quot;subscriptionLabel&quot;:&quot;Subscription Plan&quot;},&quot;refreshAfterBannerClick&quot;:false,&quot;disableReapplyRules&quot;:false,&quot;disableReloadOnFailedAddition&quot;:false,&quot;autoReloadCartPage&quot;:false,&quot;ajaxRedirectPath&quot;:null,&quot;allowSimultaneousRequests&quot;:false,&quot;applyRulesOnCheckout&quot;:false,&quot;enableCartCtrlOverrides&quot;:true,&quot;scriptSettings&quot;:{&quot;branding&quot;:{&quot;show&quot;:false,&quot;removalRequestSent&quot;:null},&quot;productPageRedirection&quot;:{&quot;enabled&quot;:false,&quot;products&quot;:[],&quot;redirectionURL&quot;:&quot;\/&quot;},&quot;debugging&quot;:{&quot;enabled&quot;:false,&quot;enabledOn&quot;:null,&quot;stringifyObj&quot;:false},&quot;customCSS&quot;:null,&quot;delayUpdates&quot;:2000,&quot;decodePayload&quot;:false,&quot;hideAlertsOnFrontend&quot;:false,&quot;removeEGPropertyFromSplitActionLineItems&quot;:false,&quot;fetchProductInfoFromSavedDomain&quot;:false,&quot;enableBuyNowInterceptions&quot;:false,&quot;removeProductsAddedFromExpiredRules&quot;:false,&quot;useFinalPrice&quot;:false,&quot;hideGiftedPropertyText&quot;:false,&quot;fetchCartDataBeforeRequest&quot;:false}},&quot;translations&quot;:null,&quot;defaultLocale&quot;:&quot;en&quot;,&quot;shopDomain&quot;:&quot;oat.haus&quot;}">
3832
3833
3834<script defer>
3835  (async function() {
3836    try {
3837
3838      const blockVersion = "v3"
3839      if (blockVersion != "v3") {
3840        return
3841      }
3842
3843      let metaErrorFlag = false;
3844      if (metaErrorFlag) {
3845        return
3846      }
3847
3848      // Parse metafields as JSON
3849      const metafields = {};
3850
3851      // Process metafields in JavaScript
3852      let savedRulesArray = [];
3853      for (const [key, value] of Object.entries(metafields)) {
3854        if (value) {
3855          for (const prop in value) {
3856            // avoiding Object.Keys for performance gain -- no need to make an array of keys.
3857            savedRulesArray.push(value);
3858            break;
3859          }
3860        }
3861      }
3862
3863      const metaTag = document.createElement('meta');
3864      metaTag.id = 'easygift-rules';
3865      metaTag.content = JSON.stringify(savedRulesArray);
3866      metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwMzc5NTQ3');
3867
3868      document.head.appendChild(metaTag);
3869      } catch (err) {
3870        
3871      }
3872  })();
3873</script>
3873
3874
3875
3876  
3876<script
3877    type="text/javascript"
3878    defer
3879  >
3880
3881    (function () {
3882      try {
3883        window.EG_INFO = window.EG_INFO || {};
3884        var shopInfo = {"isInstalled":true,"installedOn":"2022-06-21T19:30:19.849Z","appVersion":"3.0","subscriptionName":"Standard","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"imageUrl":null,"closingMode":"doNotAutoClose","cssStyles":"","displayAfter":5,"headerText":"","primaryColor":"#000000","reshowBannerAfter":"everyNewSession","selfcloseAfter":5,"showImage":false,"subHeaderText":""},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"cssStyles":null,"primaryColor":"#000000"},"themePresetId":null,"notificationStyle":{"position":{"horizontal":null,"vertical":null},"primaryColor":null,"duration":null,"cssStyles":null,"hasCustomizations":false},"fetchCartData":false,"useLocalStorage":{"expiryMinutes":null,"enabled":false},"popupStyle":{"primaryColor":null,"secondaryColor":null,"cssStyles":null,"addButtonText":null,"dismissButtonText":null,"outOfStockButtonText":null,"imageUrl":null,"hasCustomizations":false,"showProductLink":false,"subscriptionLabel":"Subscription Plan"},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false},"customCSS":null,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false}},"translations":null,"defaultLocale":"en","shopDomain":"oat.haus"};
3885        var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled;
3886        if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) {
3887          var products = shopInfo.settings.scriptSettings.productPageRedirection.products;
3888          if (products.length > 0) {
3889            var productIds = products.map(function(prod) {
3890              var productGid = prod.id;
3891              var productIdNumber = parseInt(productGid.split('/').pop());
3892              return productIdNumber;
3893            });
3894            var productInfo = {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu
3894-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough  and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
3894okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker 
3894calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"};
3895            var isProductInList = productIds.includes(productInfo.id);
3896            if (isProductInList) {
3897              var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL;
3898              if (redirectionURL) {
3899                window.location = redirectionURL;
3900              }
3901            }
3902          }
3903        }
3904
3905        
3906
3907          var rawPriceString = "34.95";
3908    
3909          rawPriceString = rawPriceString.trim();
3910    
3911          var normalisedPrice;
3912
3913          function processNumberString(str) {
3914            // Helper to find the rightmost index of '.', ',' or "'"
3915            const lastDot = str.lastIndexOf('.');
3916            const lastComma = str.lastIndexOf(',');
3917            const lastApostrophe = str.lastIndexOf("'");
3918            const lastIndex = Math.max(lastDot, lastComma, lastApostrophe);
3919
3920            // If no punctuation, remove any stray spaces and return
3921            if (lastIndex === -1) {
3922              return str.replace(/[.,'\s]/g, '');
3923            }
3924
3925            // Extract parts
3926            const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, '');
3927            const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, '');
3928
3929            // If the after part is 1 or 2 digits, treat as decimal
3930            if (after.length > 0 && after.length <= 2) {
3931              return `${before}.${after}`;
3932            }
3933
3934            // Otherwise treat as integer with thousands separator removed
3935            return before + after;
3936          }
3937
3938          normalisedPrice = processNumberString(rawPriceString)
3939
3940          window.EG_INFO["39590893092927"] = {
3941            "price": `${normalisedPrice}`,
3942            "presentmentPrices": {
3943              "edges": [
3944                {
3945                  "node": {
3946                    "price": {
3947                      "amount": `${normalisedPrice}`,
3948                      "currencyCode": "USD"
3949                    }
3950                  }
3951                }
3952              ]
3953            },
3954            "sellingPlanGroups": {
3955              "edges": [
3956                
3957                  {
3958                    "node": {
3959                      "sellingPlans": {
3960                        "edges": [
3961                          
3962                            {
3963                              "node": {
3964                                "id": "gid://shopify/SellingPlan/564166719",
3965                                "pricingPolicies": [
3966                                  
3967                                    {
3968                                      
3969                                        "adjustmentType": "PERCENTAGE",
3970                                        "adjustmentValue": {
3971                                          "percentage": 10
3972                                        }
3973                                      
3974                                    }
3975                                  
3976                                ]
3977                              }
3978                            },
3979                          
3980                            {
3981                              "node": {
3982                                "id": "gid://shopify/SellingPlan/564199487",
3983                                "pricingPolicies": [
3984                                  
3985                                    {
3986                                      
3987                                        "adjustmentType": "PERCENTAGE",
3988                                        "adjustmentValue": {
3989                                          "percentage": 10
3990                                        }
3991                                      
3992                                    }
3993                                  
3994                                ]
3995                              }
3996                            },
3997                          
3998                            {
3999                              "node": {
4000                                "id": "gid://shopify/SellingPlan/564232255",
4001                                "pricingPolicies": [
4002                                  
4003                                    {
4004                                      
4005                                        "adjustmentType": "PERCENTAGE",
4006                                        "adjustmentValue": {
4007                                          "percentage": 10
4008                                        }
4009                                      
4010                                    }
4011                                  
4012                                ]
4013                              }
4014                            }
4015                          
4016                        ]
4017                      }
4018                    }
4019                  }
4020                
4021              ]
4022            },
4023            "product": {
4024              "id": "gid://shopify/Product/6867799441471",
4025              "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],
4026              "collections": {
4027                "pageInfo": {
4028                  "hasNextPage": false
4029                },
4030                "edges": [
4031                  
4032                    {
4033                      "node": {
4034                        "id": "gid://shopify/Collection/160030851135"
4035                      }
4036                    },
4037                  
4038                    {
4039                      "node": {
4040                        "id": "gid://shopify/Collection/261914067007"
4041                      }
4042                    },
4043                  
4044                    {
4045                      "node": {
4046                        "id": "gid://shopify/Collection/263236616255"
4047                      }
4048                    },
4049                  
4050                    {
4051                      "node": {
4052                        "id": "gid://shopify/Collection/61877649471"
4053                      }
4054                    }
4055                  
4056                ]
4057              }
4058            },
4059            "id": "39590893092927",
4060            "timestamp": 1790379547
4061          };
4062        
4063
4064          var rawPriceString = "43.95";
4065    
4066          rawPriceString = rawPriceString.trim();
4067    
4068          var normalisedPrice;
4069
4070          function processNumberString(str) {
4071            // Helper to find the rightmost index of '.', ',' or "'"
4072            const lastDot = str.lastIndexOf('.');
4073            const lastComma = str.lastIndexOf(',');
4074            const lastApostrophe = str.lastIndexOf("'");
4075            const lastIndex = Math.max(lastDot, lastComma, lastApostrophe);
4076
4077            // If no punctuation, remove any stray spaces and return
4078            if (lastIndex === -1) {
4079              return str.replace(/[.,'\s]/g, '');
4080            }
4081
4082            // Extract parts
4083            const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, '');
4084            const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, '');
4085
4086            // If the after part is 1 or 2 digits, treat as decimal
4087            if (after.length > 0 && after.length <= 2) {
4088              return `${before}.${after}`;
4089            }
4090
4091            // Otherwise treat as integer with thousands separator removed
4092            return before + after;
4093          }
4094
4095          normalisedPrice = processNumberString(rawPriceString)
4096
4097          window.EG_INFO["39587106226239"] = {
4098            "price": `${normalisedPrice}`,
4099            "presentmentPrices": {
4100              "edges": [
4101                {
4102                  "node": {
4103                    "price": {
4104                      "amount": `${normalisedPrice}`,
4105                      "currencyCode": "USD"
4106                    }
4107                  }
4108                }
4109              ]
4110            },
4111            "sellingPlanGroups": {
4112              "edges": [
4113                
4114                  {
4115                    "node": {
4116                      "sellingPlans": {
4117                        "edges": [
4118                          
4119                            {
4120                              "node": {
4121                                "id": "gid://shopify/SellingPlan/564166719",
4122                                "pricingPolicies": [
4123                                  
4124                                    {
4125                                      
4126                                        "adjustmentType": "PERCENTAGE",
4127                                        "adjustmentValue": {
4128                                          "percentage": 10
4129                                        }
4130                                      
4131                                    }
4132                                  
4133                                ]
4134                              }
4135                            },
4136                          
4137                            {
4138                              "node": {
4139                                "id": "gid://shopify/SellingPlan/564199487",
4140                                "pricingPolicies": [
4141                                  
4142                                    {
4143                                      
4144                                        "adjustmentType": "PERCENTAGE",
4145                                        "adjustmentValue": {
4146                                          "percentage": 10
4147                                        }
4148                                      
4149                                    }
4150                                  
4151                                ]
4152                              }
4153                            },
4154                          
4155                            {
4156                              "node": {
4157                                "id": "gid://shopify/SellingPlan/564232255",
4158                                "pricingPolicies": [
4159                                  
4160                                    {
4161                                      
4162                                        "adjustmentType": "PERCENTAGE",
4163                                        "adjustmentValue": {
4164                                          "percentage": 10
4165                                        }
4166                                      
4167                                    }
4168                                  
4169                                ]
4170                              }
4171                            }
4172                          
4173                        ]
4174                      }
4175                    }
4176                  }
4177                
4178              ]
4179            },
4180            "product": {
4181              "id": "gid://shopify/Product/6867799441471",
4182              "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],
4183              "collections": {
4184                "pageInfo": {
4185                  "hasNextPage": false
4186                },
4187                "edges": [
4188                  
4189                    {
4190                      "node": {
4191                        "id": "gid://shopify/Collection/160030851135"
4192                      }
4193                    },
4194                  
4195                    {
4196                      "node": {
4197                        "id": "gid://shopify/Collection/261914067007"
4198                      }
4199                    },
4200                  
4201                    {
4202                      "node": {
4203                        "id": "gid://shopify/Collection/263236616255"
4204                      }
4205                    },
4206                  
4207                    {
4208                      "node": {
4209                        "id": "gid://shopify/Collection/61877649471"
4210                      }
4211                    }
4212                  
4213                ]
4214              }
4215            },
4216            "id": "39587106226239",
4217            "timestamp": 1790379547
4218          };
4219        
4220
4221          var rawPriceString = "59.95";
4222    
4223          rawPriceString = rawPriceString.trim();
4224    
4225          var normalisedPrice;
4226
4227          function processNumberString(str) {
4228            // Helper to find the rightmost index of '.', ',' or "'"
4229            const lastDot = str.lastIndexOf('.');
4230            const lastComma = str.lastIndexOf(',');
4231            const lastApostrophe = str.lastIndexOf("'");
4232            const lastIndex = Math.max(lastDot, lastComma, lastApostrophe);
4233
4234            // If no punctuation, remove any stray spaces and return
4235            if (lastIndex === -1) {
4236              return str.replace(/[.,'\s]/g, '');
4237            }
4238
4239            // Extract parts
4240            const before = str.slice(0, lastIndex).replace(/[.,'\s]/g, '');
4241            const after = str.slice(lastIndex + 1).replace(/[.,'\s]/g, '');
4242
4243            // If the after part is 1 or 2 digits, treat as decimal
4244            if (after.length > 0 && after.length <= 2) {
4245              return `${before}.${after}`;
4246            }
4247
4248            // Otherwise treat as integer with thousands separator removed
4249            return before + after;
4250          }
4251
4252          normalisedPrice = processNumberString(rawPriceString)
4253
4254          window.EG_INFO["39590893125695"] = {
4255            "price": `${normalisedPrice}`,
4256            "presentmentPrices": {
4257              "edges": [
4258                {
4259                  "node": {
4260                    "price": {
4261                      "amount": `${normalisedPrice}`,
4262                      "currencyCode": "USD"
4263                    }
4264                  }
4265                }
4266              ]
4267            },
4268            "sellingPlanGroups": {
4269              "edges": [
4270                
4271                  {
4272                    "node": {
4273                      "sellingPlans": {
4274                        "edges": [
4275                          
4276                            {
4277                              "node": {
4278                                "id": "gid://shopify/SellingPlan/564166719",
4279                                "pricingPolicies": [
4280                                  
4281                                    {
4282                                      
4283                                        "adjustmentType": "PERCENTAGE",
4284                                        "adjustmentValue": {
4285                                          "percentage": 10
4286                                        }
4287                                      
4288                                    }
4289                                  
4290                                ]
4291                              }
4292                            },
4293                          
4294                            {
4295                              "node": {
4296                                "id": "gid://shopify/SellingPlan/564199487",
4297                                "pricingPolicies": [
4298                                  
4299                                    {
4300                                      
4301                                        "adjustmentType": "PERCENTAGE",
4302                                        "adjustmentValue": {
4303                                          "percentage": 10
4304                                        }
4305                                      
4306                                    }
4307                                  
4308                                ]
4309                              }
4310                            },
4311                          
4312                            {
4313                              "node": {
4314                                "id": "gid://shopify/SellingPlan/564232255",
4315                                "pricingPolicies": [
4316                                  
4317                                    {
4318                                      
4319                                        "adjustmentType": "PERCENTAGE",
4320                                        "adjustmentValue": {
4321                                          "percentage": 10
4322                                        }
4323                                      
4324                                    }
4325                                  
4326                                ]
4327                              }
4328                            }
4329                          
4330                        ]
4331                      }
4332                    }
4333                  }
4334                
4335              ]
4336            },
4337            "product": {
4338              "id": "gid://shopify/Product/6867799441471",
4339              "tags": ["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],
4340              "collections": {
4341                "pageInfo": {
4342                  "hasNextPage": false
4343                },
4344                "edges": [
4345                  
4346                    {
4347                      "node": {
4348                        "id": "gid://shopify/Collection/160030851135"
4349                      }
4350                    },
4351                  
4352                    {
4353                      "node": {
4354                        "id": "gid://shopify/Collection/261914067007"
4355                      }
4356                    },
4357                  
4358                    {
4359                      "node": {
4360                        "id": "gid://shopify/Collection/263236616255"
4361                      }
4362                    },
4363                  
4364                    {
4365                      "node": {
4366                        "id": "gid://shopify/Collection/61877649471"
4367                      }
4368                    }
4369                  
4370                ]
4371              }
4372            },
4373            "id": "39590893125695",
4374            "timestamp": 1790379547
4375          };
4376        
4377      } catch(err) {
4378      return
4379    }}
4379)()
4380  </script>
4380
4381
4382
4383
4384<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394
4395
4396
4397  
4397<script async src="https://static.klaviyo.com/onsite/js/Kc57tn/klaviyo.js?company_id=Kc57tn"></script>
4397
4398  
4398<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>
4398
4399
4400  
4401    
4401<script id="viewed_product">
4402      if (item == null) {
4403        var _learnq = _learnq || [];
4404
4405        var MetafieldReviews = null
4406        var MetafieldYotpoRating = null
4407        var MetafieldYotpoCount = null
4408        var MetafieldLooxRating = null
4409        var MetafieldLooxCount = null
4410        var okendoProduct = null
4411        var okendoProductReviewCount = null
4412        var okendoProductReviewAverageValue = null
4413        try {
4414          // The following fields are used for Customer Hub recently viewed in order to add reviews.
4415          // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items
4416          MetafieldReviews = {"rating":{"scale_min":"1.0","scale_max":"5.0","value":"4.84"},"rating_count":2684};
4417          MetafieldYotpoRating = null
4418          MetafieldYotpoCount = null
4419          MetafieldLooxRating = null
4420          MetafieldLooxCount = null
4421
4422          okendoProduct = null
4423          // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data
4424          if (okendoProduct && 'error' in okendoProduct) {
4425            okendoProduct = null
4426          }
4427          okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null
4428          okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null
4429        } catch (error) {
4430          console.error('Error in Klaviyo onsite reviews tracking:', error);
4431        }
4432
4433        var item = {
4434          Name: "Butter Bundle",
4435          ProductID: 6867799441471,
4436          Categories: ["all","Bundles","multipacks","Variety"],
4437          ImageURL: "https://oat.haus/cdn/shop/files/GB-POP-UP-2_grande.jpg?v=1739731175",
4438          URL: "https://oat.haus/products/build-a-box-variety-granola-butter",
4439          Brand: "Oat Haus",
4440          Price: "$34.95",
4441          Value: "34.95",
4442          CompareAtPrice: "$77.70"
4443        };
4444        _learnq.push(['track', 'Viewed Product', item]);
4445        _learnq.push(['trackViewedItem', {
4446          Title: item.Name,
4447          ItemId: item.ProductID,
4448          Categories: item.Categories,
4449          ImageUrl: item.ImageURL,
4450          Url: item.URL,
4451          Metadata: {
4452            Brand: item.Brand,
4453            Price: item.Price,
4454            Value: item.Value,
4455            CompareAtPrice: item.CompareAtPrice
4456          },
4457          metafields:{
4458            reviews: MetafieldReviews,
4459            yotpo:{
4460              rating: MetafieldYotpoRating,
4461              count: MetafieldYotpoCount,
4462            },
4463            loox:{
4464              rating: MetafieldLooxRating,
4465              count: MetafieldLooxCount,
4466            },
4467            okendo: {
4468              rating: okendoProductReviewAverageValue,
4469              count: okendoProductReviewCount,
4470            }
4471          }
4472        }]);
4473      }
4474    </script>
4474
4475  
4476
4477
4478
4479
4480  
4480<script>
4481    window.klaviyoReviewsProductDesignMode = false
4482  </script>
4482
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492<!-- END app block --><!-- BEGIN app block: shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2 -->
4493
4494<script type="text/javascript" async src="https://shopify-init.blackcrow.ai/js/core/kweenco.js?shop=kweenco.myshopify.com&tagSrc=ShopifyThemeAppExtension"></script>
4494
4495
4496
4497<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
4498<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: 1245675583,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 4498
4498
4499<script>
4500  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
4501</script>
vendor: 1 bytes, line 4501
4501
4502<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}
4502).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: 1245675583,storefrontBaseUrl: "https://oat.haus",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://oat.haus/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"1407352895","configuration":"{\"accountID\":\"Kc57tn\",\"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":"952500287","configuration":"{\"shopId\":\"12789\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2eedfe5ca9c7d4954f200bfa1ffb380d","type":"APP","apiClientId":2328352,"privacyPurposes":["MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
4502,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"742686783","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"506658879","configuration":"{\"advertisableEid\":\"3RBBCYWNWFCXRJLQ6VZCQS\",\"pixelEid\":\"QYXA4KPS7BAZRMFDSHDKOH\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ba1ef5286d067b01e04bdc37410b8082","type":"APP","apiClientId":1005866,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"336101439","configuration":"{ \"bundleName\": \"kweenco\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d69af31d151d9c0dc4842dc2c8531ca","type":"APP","apiClientId":5106349,"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"},{"id":"329678911","configuration":"{\"pixelCode\":\"CA78QPLTJPR7AEHQEPR0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"},{"id":"323813439","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-P918YT5S1N\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/KMDXCJ_Bl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/pxu5CKLBl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/coMhCJnBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/-lkgCJbBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/DGDiCJPBl5QDEP7zm7Mo\\\",\\\"MC-G7MC5RBMBP\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/P3QfCKXBl5QDEP7zm7Mo\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-P918YT5S1N\\\",\\\"AW-10844830206\\\/r29WCJzBl5QDEP7zm7Mo\\\"]}],\\\"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":"294027327","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":3977633,"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"]}
4502,{"id":"164888639","configuration":"{\"pixel_id\":\"219273098620251\",\"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":"108494911","configuration":"{\"shopId\":\"9016\",\"env\":\"production\",\"metaData\":\"[]\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"36f244aeba196ca7e2f6b8a611f4e21b","type":"APP","apiClientId":2773553,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"72122431","configuration":"{\"pixelId\":\"21309984-c91a-49c6-b4fd-071211c547e9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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":[]},"dataSharingState":"optimized"},{"id":"49152063","configuration":"{\"tagID\":\"2614439288042\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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"},{"id":"5242943","configuration":"{\"myshopifyDomain\":\"kweenco.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"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":"Oat Haus","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"kweenco.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/oat.haus"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":34.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39590893092927","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"sku":"ZCUSTOM3PACK","title":"3 Jars","untranslatedTitle":"3 Jars"},{"price":{"amount":43.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39587106226239","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"sku":"ZCUSTOM4PACK","title":"4 Jars","untranslatedTitle":"4 Jars"},{"price":{"amount":59.95,"currencyCode":"USD"},"product":{"title":"Butter Bundle","vendor":"Oat Haus","id":"6867799441471","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","type":"Bundle"},"id":"39590893125695","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"sku":"ZCUSTOM6PACK","title":"6 Jars","untranslatedTitle":"6 Jars"}],"products":[{"id":"6867799441471","handle":"build-a-box-variety-granola-butter","isCollective":null,"title":"Butter Bundle","type":"Bundle","untranslatedTitle":"Butter Bundle","url":"\/products\/build-a-box-variety-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39590893092927","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"price":{"amount":34.95,"currencyCode":"USD"},"sku":"ZCUSTOM3PACK","title":"3 Jars","untranslatedTitle":"3 Jars"},{"id":"39587106226239","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"price":{"amount":43.95,"currencyCode":"USD"},"sku":"ZCUSTOM4PACK","title":"4 Jars","untranslatedTitle":"4 Jars"},{"id":"39590893125695","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"price":{"amount":59.95,"currencyCode":"USD"},"sku":"ZCUSTOM6PACK","title":"6 Jars","untranslatedTitle":"6 Jars"}]},{"id":"7688004173887","handle":"granola-butter-bundle","isCollective":null,"title":"Granola \u0026 Butter Bundle","type":"Bundle","untranslatedTitle":"Granola \u0026 Butter Bundle","url":"\/products\/granola-butter-bundle","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41399355047999","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/GRANOLA-BANNER-2-EXPANDED_1.jpg?v=1770663134"},"price":{"amount":39.95,"currencyCode":"USD"},"sku":"Z4COMBO-2G2BG","title":"2 Granola 2 Butter","untranslatedTitle":"2 Granola 2 Butter"}]},{"id":"7687946469439","handle":"granola-bundle","isCollective":null,"title":"Granola Bundle","type":"Bundle","untranslatedTitle":"Granola Bundle","url":"\/products\/granola-bundle","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41399256318015","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/GRANOLA-3PK-3.jpg?v=1743088836"},"price":{"amount":27.95,"currencyCode":"USD"},"sku":"Z3BAGCUSTOMGRANOLA","title":"3 Bags","untranslatedTitle":"3 Bags"}]},{"id":"8231344537663","handle":"salted-caramel-granola-butter","isCollective":null,"title":"Salted Caramel Granola Butter","type":"Original","untranslatedTitle":"Salted Caramel Granola Butter","url":"\/products\/salted-caramel-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"43435816976447","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce.jpg?v=1782840404"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"SaltedCaramel_1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6876608069695","handle":"cookie-dough-granola-butter","isCollective":null,"title":"Cookie Dough Granola Butter","type":"Cookie Dough","untranslatedTitle":"Cookie Dough Granola Butter","url":"\/products\/cookie-dough-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39598435729471","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc.jpg?v=1782842304"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xCookie","title":"1 Jar","untranslatedTitle":"1 Jar"}]}
4502,{"id":"564117372991","handle":"original-granola-butter","isCollective":null,"title":"Cinnamon Graham Granola Butter","type":"Cinnamon Graham","untranslatedTitle":"Cinnamon Graham Granola Butter","url":"\/products\/original-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"7065724223551","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744.jpg?v=1782849964"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"CGram1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6925631225919","handle":"birthday-cake-granola-butter","isCollective":null,"title":"Birthday Cake Granola Butter","type":"Birthday Cake","untranslatedTitle":"Birthday Cake Granola Butter","url":"\/products\/birthday-cake-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39657844572223","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586.jpg?v=1782842157"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xBDAY","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"4469511684159","handle":"vanilla-granola-butter","isCollective":null,"title":"Vanilla Granola Butter","type":"Vanilla","untranslatedTitle":"Vanilla Granola Butter","url":"\/products\/vanilla-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"31700289585215","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250.jpg?v=1782849614"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"VAN1J","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"6985470345279","handle":"brownie-batter-granola-butter","isCollective":null,"title":"Brownie Batter Granola Butter","type":"Brownie","untranslatedTitle":"Brownie Batter Granola Butter","url":"\/products\/brownie-batter-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39751069958207","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4.jpg?v=1782842025"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"Brownie1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7116684755007","handle":"cinnamon-roll-granola-butter","isCollective":null,"title":"Cinnamon Roll Granola Butter","type":"Original","untranslatedTitle":"Cinnamon Roll Granola Butter","url":"\/products\/cinnamon-roll-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39971681599551","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f.jpg?v=1782841876"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"CINROLL_1Jar","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7299618537535","handle":"cookies-and-cream","isCollective":null,"title":"Cookies \u0026 Cream Granola Butter","type":"Nut Butters","untranslatedTitle":"Cookies \u0026 Cream Granola Butter","url":"\/products\/cookies-and-cream","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40437321203775","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c.jpg?v=1782841215"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"1xC\u0026C","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7870855282751","handle":"dubai-chocolate-granola-butter","isCollective":null,"title":"Dubai Chocolate Granola Butter","type":"Cookie Dough","untranslatedTitle":"Dubai Chocolate Granola Butter","url":"\/products\/dubai-chocolate-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41947415281727","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1.jpg?v=1782841087"},"price":{"amount":15.95,"currencyCode":"USD"},"sku":"1xDUBAI","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7574554443839","handle":"apple-cider-donut-granola-butter","isCollective":null,"title":"Apple Cider Donut Granola Butter","type":"Original","untranslatedTitle":"Apple Cider Donut Granola Butter","url":"\/products\/apple-cider-donut-granola-butter","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41137908449343","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d.jpg?v=1782841452"},"price":{"amount":12.95,"currencyCode":"USD"},"sku":"APPLECIDER1JAR","title":"1 Jar","untranslatedTitle":"1 Jar"}]},{"id":"7809952383039","handle":"banana-bread-granola","isCollective":null,"title":"Chocolate Chip Banana Bread Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Chocolate Chip Banana Bread Granola","url":"\/products\/banana-bread-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41752489230399","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/BananaBreadFront.jpg?v=1765317193"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAG_BANANA_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7871034294335","handle":"cinnamon-roll-granola","isCollective":null,"title":"Cinnamon Roll Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cinnamon Roll Granola","url":"\/products\/cinnamon-roll-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41947829403711","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58.jpg?v=1765315753"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAG_CINNAROLL_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7664574431295","handle":"cookie-dough-granola","isCollective":null,"title":"Cookie Dough Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cookie Dough Granola","url":"\/products\/cookie-dough-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41350267273279","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookieDoughFront.png?v=1765381339"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAGCOOKIEDOUGH_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7664571482175","handle":"cookies-cream-granola","isCollective":null,"title":"Cookies \u0026 Cream Granola","type":"Dips \u0026 Spreads","untranslatedTitle":"Cookies \u0026 Cream Granola","url":"\/products\/cookies-cream-granola","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41350260228159","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/CookiesAndCreamFront.jpg?v=1765828124"},"price":{"amount":9.95,"currencyCode":"USD"},"sku":"1BAGC\u0026C_GRANOLA","title":"1 Bag","untranslatedTitle":"1 Bag"}]},{"id":"7228131737663","handle":"packets","isCollective":null,"title":"Cinnamon Graham GB Packets","type":"Original","untranslatedTitle":"Cinnamon Graham GB Packets","url":"\/products\/packets","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40213307949119","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc.jpg?v=1755622093"},"price":{"amount":14.95,"currencyCode":"USD"},"sku":"OG-PACKETS","title":"10 Packets - Cinnamon Graham","untranslatedTitle":"10 Packets - Cinnamon Graham"}]},{"id":"8090623279167","handle":"vanilla-gb-packets","isCollective":null,"title":"Vanilla GB Packets","type":"Vanilla","untranslatedTitle":"Vanilla GB Packets","url":"\/products\/vanilla-gb-packets","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"42921493233727","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Solo-Vanilla-Packet-School-Safe.png?v=1770829364"},"price":{"amount":14.95,"currencyCode":"USD"},"sku":"VANILLA-PACKETS","title":"10 Packets -Vanilla","untranslatedTitle":"10 Packets -Vanilla"}]},{"id":"7151010938943","handle":"golden-spoon-1","isCollective":null,"title":"Golden Spoon","type":null,"untranslatedTitle":"Golden Spoon","url":"\/products\/golden-spoon-1","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"40039905132607","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/spoon_9cc8fbdf-0e0c-4a87-95f4-555ca5c8a56c.jpg?v=1679408399"},"price":{"amount":4.99,"currencyCode":"USD"},"sku":"GOLDEN-spoon","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7098473480255","handle":"big-oat-energy-beanie","isCollective":null,"title":"Big Oat Energy Beanie","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Beanie","url":"\/products\/big-o
4502at-energy-beanie","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39931884109887","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/beanie_666ea1ed-8a5d-4ecb-90cc-0b5d182e9e68.jpg?v=1670617769"},"price":{"amount":7.99,"currencyCode":"USD"},"sku":"Beanie","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7098474594367","handle":"big-oat-energy-socks","isCollective":null,"title":"Big Oat Energy Socks","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Socks","url":"\/products\/big-oat-energy-socks","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39931885912127","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Socks_ba487364-4700-4020-ae82-7b710ce099bd.jpg?v=1670617889"},"price":{"amount":9.99,"currencyCode":"USD"},"sku":"SOCKS","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"6850327150655","handle":"oat-haus-bucket-hat","isCollective":null,"title":"Bucket Hat","type":null,"untranslatedTitle":"Bucket Hat","url":"\/products\/oat-haus-bucket-hat","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39567415377983","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Bucket-Hat.jpg?v=1648159182"},"price":{"amount":17.95,"currencyCode":"USD"},"sku":"BUCKET-Blue","title":"Baby Blue","untranslatedTitle":"Baby Blue"}]},{"id":"7082290348095","handle":"haus-party-hat","isCollective":null,"title":"Haus Party Hat","type":"Dips \u0026 Spreads","untranslatedTitle":"Haus Party Hat","url":"\/products\/haus-party-hat","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"39911223885887","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/HAUS-PARTY-HAT-LIGHTBLUEBG.jpg?v=1669153713"},"price":{"amount":19.99,"currencyCode":"USD"},"sku":"HAUSPARTYHAT","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7572501758015","handle":"big-oat-energy-bento-box","isCollective":null,"title":"Big Oat Energy Bento Box","type":"Dips \u0026 Spreads","untranslatedTitle":"Big Oat Energy Bento Box","url":"\/products\/big-oat-energy-bento-box","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41133248512063","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/lunch_box_prod_page_2.png?v=1723122089"},"price":{"amount":19.99,"currencyCode":"USD"},"sku":"BOEBENTOBOX","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7619201368127","handle":"oat-haus-crewneck","isCollective":null,"title":"Gray Oat Haus Crewneck","type":null,"untranslatedTitle":"Gray Oat Haus Crewneck","url":"\/products\/oat-haus-crewneck","vendor":"Oat Haus","remoteShopId":null,"variants":[{"id":"41244407922751","image":{"src":"\/\/oat.haus\/cdn\/shop\/files\/Untitled_design_18.png?v=1728332929"},"price":{"amount":49.95,"currencyCode":"USD"},"sku":"OHGRAYCREWNECK-SMALL","title":"Small","untranslatedTitle":"Small"}]},{"id":"4644402757695","handle":"gift-card","isCollective":null,"title":"Gift Card","type":"Gift Cards","untranslatedTitle":"Gift Card","url":"\/products\/gift-card","vendor":"Kween","remoteShopId":null,"variants":[{"id":"32515785261119","image":{"src":"\/\/oat.haus\/cdn\/shop\/products\/Gift-Card.jpg?v=1648158720"},"price":{"amount":10.0,"currencyCode":"USD"},"sku":"","title":"$10.00 USD","untranslatedTitle":"$10.00 USD"}]}],"purchasingCompany":null},},"https://oat.haus/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"135838793791","themePublished":"true","eventMetadataId":"1a09d67a-8e5b-411b-8a44-38d6cc406a59","pageType":"product","resourceId":"6867799441471","shopId":"1245675583","storefrontBaseUrl":"https:\/\/oat.haus","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":34.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Butter Bundle\",\"vendor\":\"Oat Haus\",\"id\":\"6867799441471\",\"untranslatedTitle\":\"Butter Bundle\",\"url\":\"\/products\/build-a-box-variety-granola-butter\",\"type\":\"Bundle\"},\"id\":\"39590893092927\",\"image\":{\"src\":\"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250\"},\"sku\":\"ZCUSTOM3PACK\",\"title\":\"3 Jars\",\"untranslatedTitle\":\"3 Jars\"}}]]"});})();</script>
4502<script>
4503  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
4504  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
4505  window.ShopifyAnalytics.meta.currency = 'USD';
4506  var meta = {"product":{"id":6867799441471,"gid":"gid:\/\/shopify\/Product\/6867799441471","vendor":"Oat Haus","type":"Bundle","handle":"build-a-box-variety-granola-butter","variants":[{"id":39590893092927,"price":3495,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","sku":"ZCUSTOM3PACK"},{"id":39587106226239,"price":4395,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","sku":"ZCUSTOM4PACK"},{"id":39590893125695,"price":5995,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","sku":"ZCUSTOM6PACK"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":6867799441471,"requestId":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546"}};
4507  for (var attr in meta) {
4508    window.ShopifyAnalytics.meta[attr] = meta[attr];
4509  }
4510</script>
vendor: 1 bytes, line 4510
4510
4511<script class="analytics">
4512  (function () {
4513    var customDocumentWrite = function(content) {
4514      var jquery = null;
4515
4516      if (window.jQuery) {
4517        jquery = window.jQuery;
4518      } else if (window.Checkout && window.Checkout.$) {
4519        jquery = window.Checkout.$;
4520      }
4521
4522      if (jquery) {
4523        jquery('body').append(content);
4524      }
4525    };
4526
4527    var hasLoggedConversion = function(token) {
4528      if (token) {
4529        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
4530      }
4531      return false;
4532    }
4533
4534    var setCookieIfConversion = function(token) {
4535      if (token) {
4536        var twoMonthsFromNow = new Date(Date.now());
4537        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
4538
4539        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
4540      }
4541    }
4542
4543    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
4544    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
4545    if (trekkie.integrations) {
4546      return;
4547    }
4548    trekkie.methods = [
4549      'identify',
4550      'page',
4551      'ready',
4552      'track',
4553      'trackForm',
4554      'trackLink'
4555    ];
4556    trekkie.factory = function(method) {
4557      return function() {
4558        var args = Array.prototype.slice.call(arguments);
4559        args.unshift(method);
4560        trekkie.push(args);
4561        if (method == 'track' || method == 'page') {
4562          var pageUrl;
4563          try {
4564            pageUrl = window.location.href;
4565          } catch (e) {}
4566          var pageReferrer;
4567          try {
4568            pageReferrer = document.referrer;
4569          } catch (e) {}
4570          try {
4571            if (window.__TREKKIE_SHIM_QUEUE == null) {
4572              window.__TREKKIE_SHIM_QUEUE = [];
4573            }
4574            window.__TREKKIE_SHIM_QUEUE.push({
4575              from: 'trekkie-stub',
4576              method: method,
4577              args: args.slice(1),
4578              pageContext: {
4579                url: pageUrl,
4580                referrer: pageReferrer
4581              }
4582            });
4583          } catch (e) {
4584            // no-op
4585          }
4586        }
4587        return trekkie;
4588      };
4589    };
4590    for (var i = 0; i < trekkie.methods.length; i++) {
4591      var key = trekkie.methods[i];
4592      trekkie[key] = trekkie.factory(key);
4593    }
4594    trekkie.load = function(config) {
4595      trekkie.config = config || {};
4596      trekkie.config.initialDocumentCookie = document.cookie;
4597      var first = document.getElementsByTagName('script')[0];
4598var script = document.createElement('script');
4599script.type = 'text/javascript';
4600script.onerror = function(e) {
4601  var scriptFallback = document.createElement('script');
4602  scriptFallback.type = 'text/javascript';
4603  scriptFallback.onerror = function(error) {
4604          var Monorail = {
4605      produce: function produce(monorailDomain, schemaId, payload) {
4606        var currentMs = new Date().getTime();
4607        var event = {
4608          schema_id: schemaId,
4609          payload: payload,
4610          metadata: {
4611            event_created_at_ms: currentMs,
4612            event_sent_at_ms: currentMs
4613          }
4614        };
4615        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
4616      },
4617      sendRequest: function sendRequest(endpointUrl, payload) {
4618        // Try the sendBeacon API
4619        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
4620          var blobData = new window.Blob([payload], {
4621            type: 'text/plain'
4622          });
4623
4624          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
4625            return true;
4626          } // sendBeacon was not successful
4627
4628        } // XHR beacon
4629
4630        var xhr = new XMLHttpRequest();
4631
4632        try {
4633          xhr.open('POST', endpointUrl);
4634          xhr.setRequestHeader('Content-Type', 'text/plain');
4635          xhr.send(payload);
4636        } catch (e) {
4637          console.log(e);
4638        }
4639
4640        return false;
4641      },
4642      isIos12: function isIos12() {
4643        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
4644      }
4645    };
4646    Monorail.produce('monorail-edge.shopifysvc.com',
4647      'trekkie_storefront_load_errors/1.1',
4648      {shop_id: 1245675583,
4649      theme_id: 135838793791,
4650      app_name: "storefront",
4651      context_url: window.location.href,
4652      source_url: "//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
4653
4654  };
4655  scriptFallback.async = true;
4656  scriptFallback.src = '//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
4657  first.parentNode.insertBefore(scriptFallback, first);
4658};
4659script.async = true;
4660script.src = '//oat.haus/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
4661first.parentNode.insertBefore(script, first);
4662
4663    };
4664    trekkie.load(
4665      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1245675583,"isMerchantRequest":null,"themeId":135838793791,"themeCityHash":"14172871753079830559","contentLanguage":"en","currency":"USD","eventMetadataId":"1a09d67a-8e5b-411b-8a44-38d6cc406a59"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
4666    );
4667
4668    var loaded = false;
4669    trekkie.ready(function() {
4670      if (loaded) return;
4671      loaded = true;
4672
4673      window.ShopifyAnalytics.lib = window.trekkie;
4674
4675      var originalDocumentWrite = document.write;
4676      document.write = customDocumentWrite;
4677      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
4678      document.write = originalDocumentWrite;
4679
4680      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
4681      var token = match? match[1]: undefined;
4682      if (!hasLoggedConversion(token)) {
4683        setCookieIfConversion(token);
4684        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":39590893092927,"productId":6867799441471,"productGid":"gid:\/\/shopify\/Product\/6867799441471","name":"Butter Bundle - 3 Jars","price":"34.95","sku":"ZCUSTOM3PACK","brand":"Oat Haus","variant":"3 Jars","category":"Bundle","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
4685      }
4686    });
4687
4688    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":6867799441471,"requestId":"be592485-6427-4bc7-90fd-ea3db3dbed66-1790379546","shopifyEmitted":true});
4689
4690    var eventsListenerScript = document.createElement('script');
4691    eventsListenerScript.async = true;
4692    eventsListenerScript.src = "//oat.haus/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
4693    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
4694})();</script>
4694
4695  
4695<script>
4696  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
4697    window.ga = function ga() {
4698      (window.ga.q = window.ga.q || []).push(arguments);
4699      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
4700        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
4701      }
4702      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.");
4703    };
4704    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
4705      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
4706    }
4707  }
4708</script>
vendor: 1 bytes, line 4708
4708
4709<script
4710  defer
4711  src="https://oat.haus/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
4712  data-application="storefront-renderer"
4713  data-shop-id="1245675583"
4714  data-render-region="gcp-us-central1"
4715  data-page-type="product"
4716  data-theme-instance-id="135838793791"
4717  data-theme-name="Debut"
4718  data-theme-version="17.12.0"
4719  data-monorail-region="shop_domain"
4720  data-resource-timing-sampling-rate="10"
4721  data-shs="true"
4722  data-shs-beacon="true"
4723  data-shs-export-with-fetch="true"
4724  data-shs-logs-sample-rate="1"
4725  data-shs-beacon-endpoint="https://oat.haus/api/collect"
4726></script>
4726
4727<meta name="shopify-y" content="bbb53f3d-9087-4c2b-bae8-fb81f2ac2f8a" data-expiration="1821937146000"><meta name="shopify-s" content="39631c61-8dc2-42b1-b786-e4c6a9dda2ec" data-expiration="1790381346000"><meta name="new-cookie-storage-activated" content="t">
4728</head>
4729
4730  <body class="template-product">
4731    <!-- Google Tag Manager (noscript) -->
4732    <noscript>
4733      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCZCVMC"
4734              title="Google Tag Manager"
4735              height="0" width="0" style="display:none;visibility:hidden"></iframe>
4736    </noscript>
4737    <!-- End Google Tag Manager (noscript) -->
4738
4739    <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a><div id="shopify-section-header" class="shopify-section">
4740
4741<div id="SearchDrawer" class="search-bar drawer drawer--top critical-hidden" role="dialog" aria-modal="true" aria-label="Search" data-predictive-search-drawer>
4742  <div class="search-bar__interior">
4743    <div class="search-form__container" data-search-form-container>
4744      <form class="search-form search-bar__form" action="/search" method="get" role="search">
4745        <div class="search-form__input-wrapper">
4746          <input
4747            type="text"
4748            name="q"
4749            placeholder="Search"
4750            role="combobox"
4751            aria-autocomplete="list"
4752            aria-owns="predictive-search-results"
4753            aria-expanded="false"
4754            aria-label="Search"
4755            aria-haspopup="listbox"
4756            class="search-form__input search-bar__input"
4757            data-predictive-search-drawer-input
4758            data-base-url="/search"
4759          />
4760          <input type="hidden" name="options[prefix]" value="last" aria-hidden="true" />
4761          <div class="predictive-search-wrapper predictive-search-wrapper--drawer" data-predictive-search-mount="drawer"></div>
4762        </div>
4763
4764        <button class="search-bar__submit search-form__submit"
4765          type="submit"
4766          data-search-form-submit>
4767          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg>
4768          <span class="icon__fallback-text">Submit</span>
4769        </button>
4770      </form>
4771
4772      <div class="search-bar__actions">
4773        <button type="button" class="btn--link search-bar__close js-drawer-close">
4774          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 40 40"><path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/></svg>
4775          <span class="icon__fallback-text">Close search</span>
4776        </button>
4777      </div>
4778    </div>
4779  </div>
4780</div>
4781
4782
4783<div data-section-id="header" data-section-type="header-section" data-header-section>
4784  
4785  
4786  
4787
4788  <header class="site-header logo--center colortheme-headerbg" id="site-header-logo-center" role="banner" aria-label="Home Page">
4789    <div class="grid grid--no-gutters grid--table site-header__mobile-nav">
4790      <div class="grid__item medium-up--two-tenths  text-right site-header__icons site-header__icons--plus large-up-hide">
4791        <div class="site-header__icons-wrapper site-header__icons-wrapper-menu">
4792          
4793            <button type="button" class="btn--link site-header__icon site-header__menu js-mobile-nav-toggle mobile-nav--open" aria-controls="MobileNav"  aria-expanded="false" aria-label="Menu">
4794              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 37 40"><path d="M33.5 25h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0-11.5h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0 23h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2z"/></svg>
4795              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 40 40"><path d="M23.868 20.015L39.117 4.78c1.11-1.108 1.11-2.77 0-3.877-1.109-1.108-2.773
4795-1.108-3.882 0L19.986 16.137 4.737.904C3.628-.204 1.965-.204.856.904c-1.11 1.108-1.11 2.77 0 3.877l15.249 15.234L.855 35.248c-1.108 1.108-1.108 2.77 0 3.877.555.554 1.248.831 1.942.831s1.386-.277 1.94-.83l15.25-15.234 15.248 15.233c.555.554 1.248.831 1.941.831s1.387-.277 1.941-.83c1.11-1.109 1.11-2.77 0-3.878L23.868 20.015z" class="layer"/></svg>
4796            </button>
4797          
4798        </div>
4799      </div><nav class="grid__item medium-up--two-tenths small--hide medium-hide" id="AccessibleNav" role="navigation">
4800            
4801<ul class="site-nav list--inline text-left" id="SiteNav">
4802  
4803
4804
4805
4806    
4807      <li >
4808        <a href="/pages/oat-haus-about-us"
4809          class="site-nav__link site-nav__link--main "
4810          
4811        >
4812          <span class="site-nav__label">About</span>
4813        </a>
4814      </li>
4815    
4816  
4817
4818
4819
4820    
4821      <li >
4822        <a href="/collections/all"
4823          class="site-nav__link site-nav__link--main  js-mobile-nav-shop-toggle "
4824          
4825        >
4826          <span class="site-nav__label">Shop</span>
4827        </a>
4828      </li>
4829    
4830  
4831
4832
4833
4834    
4835      <li  class="site-nav--active">
4836        <a href="/products/build-a-box-variety-granola-butter"
4837          class="site-nav__link site-nav__link--main  site-nav__link--active"
4838           aria-current="page"
4839        >
4840          <span class="site-nav__label">Subscribe</span>
4841        </a>
4842      </li>
4843    
4844  
4845</ul>
4846
4847          </nav>
4848
4849      <div class="grid__item medium-up--two-tenths logo-align--center">
4850        
4851        
4852          <div class="h2 site-header__logo">
4853        
4854            <span class="hide critical-hidden">Oat Haus Granola Butter</span>
4855            <a href="/" class="site-header__logo-image site-header__logo-image--centered">
4856              <svg role="img" aria-label="Oat Haus Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 646.23 101.92">
4857                <title>Oat Haus Logo</title>
4858                <desc>Click to Homepage</desc>
4859                <defs><style>.cls-ohlogo{fill:#002a4d;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-ohlogo" d="M279.43,63.14V50.46a188.23,188.23,0,0,0-2.36-29.79c-.39-2.2.79-3.68,3.49-4.75,0,0,22.85-8.57,31.23-11.74,2.15-.81,4.35.14,3.65,4.2-1.47,8.48-3.28,32.5-3.28,42.08v.7h13v-.7c0-9.58-2-33.57-3.29-42.08-.59-4,1.44-4.86,3.65-4.2C333.87,6.66,356.69,16,356.69,16c2.75,1,4,2.46,3.6,4.66a188.23,188.23,0,0,0-2.36,29.79V63.14a188.45,188.45,0,0,0,2.36,29.8,3.61,3.61,0,0,1-3.64,4.19H326.49a3.61,3.61,0,0,1-3.65-4.19,187.28,187.28,0,0,0,2.36-29.8V61.41h-13v1.73a188.45,188.45,0,0,0,2.36,29.8,3.61,3.61,0,0,1-3.64,4.19H280.71a3.61,3.61,0,0,1-3.64-4.19,188.45,188.45,0,0,0,2.36-29.8"></path><path class="cls-ohlogo" d="M95.92,63.68l3-12.64a204.36,204.36,0,0,0,4.81-30.59,3.54,3.54,0,0,1,3.56-3.32h50.05a3.54,3.54,0,0,1,3.56,3.32A204.36,204.36,0,0,0,165.7,51l3,12.64a219.45,219.45,0,0,0,9.07,29.07,3.55,3.55,0,0,1-3.32,4.85H145.59A3.54,3.54,0,0,1,142,94.25c-.25-4.6-.95-10.21-1.86-16L140,77.14H124.66l-.23,1.26c-.91,5.73-1.6,11.32-1.85,15.85A3.55,3.55,0,0,1,119,97.6H90.17a3.56,3.56,0,0,1-3.32-4.86,221.83,221.83,0,0,0,9.07-29.06m40,2.53a1.58,1.58,0,0,0,1.52-2l-1.39-6.8c-1.24-5.73-1.87-9.82-2.64-13.21-.42-1.87-2.18-1.27-2.38-.3C130,49.2,130,51.24,128.78,56.72l-1.61,7.35a1.65,1.65,0,0,0,1.57,2.14Z"></path><path class="cls-ohlogo" d="M196.85,63.68V52.42a3.57,3.57,0,0,0-3.57-3.57c-2.68,0-5.5-.1-8.23.1A32.93,32.93,0,0,0,177,50.76a3.57,3.57,0,0,1-4.57-3.95l3.79-26.62a3.56,3.56,0,0,1,3.53-3.06h64.86a3.56,3.56,0,0,1,3.53,3.06L251.91,47a3.56,3.56,0,0,1-4.7,3.87,35.1,35.1,0,0,0-11.39-2h-3.91a3.56,3.56,0,0,0-3.56,3.57V63.68a195.08,195.08,0,0,0,2.27,29.73,3.57,3.57,0,0,1-3.51,4.19h-29a3.56,3.56,0,0,1-3.5-4.19,195.08,195.08,0,0,0,2.27-29.73"></path><path class="cls-ohlogo" d="M376.86,64.32l2.89-12.24a198,198,0,0,0,4.66-29.59,3.42,3.42,0,0,1,3.44-3.22h48.43a3.43,3.43,0,0,1,3.45,3.22,196.63,196.63,0,0,0,4.65,29.59l2.89,12.24A215.93,215.93,0,0,0,456,92.44a3.43,3.43,0,0,1-3.21,4.69H424.92a3.43,3.43,0,0,1-3.44-3.24,155.36,155.36,0,0,0-1.8-15.44l-.22-1.12H404.67l-.22,1.23c-.88,5.54-1.56,11-1.8,15.33a3.41,3.41,0,0,1-3.44,3.24H371.3a3.43,3.43,0,0,1-3.21-4.69,214.4,214.4,0,0,0,8.77-28.12m40.82,2.45-1.41-7.37c-1-5.47-1.45-7.93-2.6-13.76-.59-3-3.3-2.91-3.81,0-1.18,6.93-1.07,8.43-2,12.52l-1.43,8.57Z"></path><path class="cls-ohlogo" d="M458.39,63.54V52.08a187.86,187.86,0,0,0-2.2-28.76,3.45,3.45,0,0,1,3.4-4.05h28.08a3.45,3.45,0,0,1,3.4,4.05,187.86,187.86,0,0,0-2.2,28.76v2.56c0,8,2.45,13.57,9.23,13.57s9.35-5.56,9.35-13.57V52.08a189.13,189.13,0,0,0-2.2-28.76,3.45,3.45,0,0,1,3.39-4.05h28.09a3.45,3.45,0,0,1,3.39,4.05,189.13,189.13,0,0,0-2.2,28.76V63.54c0,23-13.79,35.26-39.93,35.26-22.8,0-39.6-9.68-39.6-35.26"></path><path class="cls-ohlogo" d="M547.48,89.84l1-25.79a3.51,3.51,0,0,1,5.45-2.75c9.33,5.81,21.63,8.36,32.85,8.36,6.45,0,12.57-.67,12.57-3.45,0-7.68-50.61,4.23-50.61-23.91,0-17.25,18.13-24.7,41.71-24.7a117.87,117.87,0,0,1,30,4.34,3.45,3.45,0,0,1,2.49,3.32V50.34a3.43,3.43,0,0,1-5,3.09,63.46,63.46,0,0,0-26.19-5.8c-6.56,0-12.56,1-12.56,3.78,0,10.5
48597,51-3.11,51,24.14,0,17.36-18.58,23.25-42.16,23.25-11,0-27.24-2.65-38.08-5.5a3.43,3.43,0,0,1-2.52-3.46"></path><path class="cls-ohlogo" d="M279.69,63.1V50.43a189.19,189.19,0,0,0-2.35-29.77c-.39-2.2.79-3.68,3.48-4.75,0,0,22.84-8.56,31.21-11.73,2.15-.81,4.35.14,3.65,4.19-1.47,8.48-3.28,32.49-3.28,42.06v.69h13v-.69c0-9.57-2-33.55-3.29-42.06-.59-4,1.43-4.85,3.64-4.19C334.1,6.66,356.9,16,356.9,16c2.75,1,4,2.46,3.6,4.66a188,188,0,0,0-2.36,29.77V63.1a188.07,188.07,0,0,0,2.36,29.77,3.61,3.61,0,0,1-3.64,4.2H326.72a3.61,3.61,0,0,1-3.64-4.2,188.07,188.07,0,0,0,2.36-29.77V61.37h-13V63.1a188.07,188.07,0,0,0,2.36,29.77,3.61,3.61,0,0,1-3.64,4.2H281a3.61,3.61,0,0,1-3.64-4.2,189.19,189.19,0,0,0,2.35-29.77"></path><path class="cls-ohlogo" d="M96.32,63.64,99.3,51a204.12,204.12,0,0,0,4.81-30.57,3.54,3.54,0,0,1,3.55-3.32h50a3.54,3.54,0,0,1,3.55,3.32A204.12,204.12,0,0,0,166.05,51l3,12.63a222,222,0,0,0,9.06,29,3.55,3.55,0,0,1-3.31,4.85H146a3.53,3.53,0,0,1-3.55-3.35c-.25-4.59-.94-10.2-1.86-16l-.23-1.15H125l-.24,1.27c-.9,5.72-1.6,11.31-1.85,15.84a3.53,3.53,0,0,1-3.55,3.34H90.57a3.55,3.55,0,0,1-3.32-4.85,222,222,0,0,0,9.07-29m40,2.53a1.58,1.58,0,0,0,1.51-2.06l-1.39-6.79c-1.23-5.72-1.86-9.81-2.63-13.2-.42-1.87-2.18-1.27-2.38-.3-1.07,5.35-1,7.39-2.28,12.86L127.54,64a1.65,1.65,0,0,0,1.58,2.14Z"></path><path class="cls-ohlogo" d="M197.17,63.64V52.39a3.56,3.56,0,0,0-3.56-3.57c-2.68,0-5.5-.1-8.23.1a32.85,32.85,0,0,0-8.08,1.81,3.57,3.57,0,0,1-4.57-3.95l3.79-26.6a3.56,3.56,0,0,1,3.53-3.06h64.81a3.56,3.56,0,0,1,3.53,3.06l3.8,26.74a3.55,3.55,0,0,1-4.69,3.86,35.34,35.34,0,0,0-11.38-2h-3.91a3.57,3.57,0,0,0-3.56,3.57V63.64a194.82,194.82,0,0,0,2.27,29.71,3.55,3.55,0,0,1-3.51,4.18h-29a3.56,3.56,0,0,1-3.51-4.18,193.55,193.55,0,0,0,2.27-29.71"></path><path class="cls-ohlogo" d="M377.06,64.28,380,52.05a198.89,198.89,0,0,0,4.65-29.58A3.42,3.42,0,0,1,388,19.26h48.4a3.43,3.43,0,0,1,3.44,3.21,196.31,196.31,0,0,0,4.65,29.58l2.89,12.23a213.48,213.48,0,0,0,8.76,28.09,3.43,3.43,0,0,1-3.21,4.7H425.08a3.41,3.41,0,0,1-3.43-3.24c-.24-4.45-.92-9.87-1.8-15.44l-.22-1.11H404.85l-.23,1.22c-.88,5.55-1.55,11-1.79,15.33a3.42,3.42,0,0,1-3.44,3.24H371.5a3.44,3.44,0,0,1-3.21-4.7,215,215,0,0,0,8.77-28.09m40.79,2.44-1.41-7.36c-1-5.46-1.45-7.92-2.6-13.75-.59-3-3.3-2.91-3.81,0-1.18,6.93-1.07,8.42-2,12.51l-1.43,8.56Z"></path><path class="cls-ohlogo" d="M458.53,63.5V52.05a187.72,187.72,0,0,0-2.2-28.75,3.44,3.44,0,0,1,3.39-4h28.07a3.44,3.44,0,0,1,3.39,4A188.79,188.79,0,0,0,489,52.05V54.6c0,8,2.44,13.56,9.22,13.56s9.34-5.55,9.34-13.56V52.05a187.72,187.72,0,0,0-2.2-28.75,3.44,3.44,0,0,1,3.39-4h28.07a3.44,3.44,0,0,1,3.39,4A189,189,0,0,0,538,52.05V63.5c0,23-13.79,35.23-39.91,35.23-22.79,0-39.57-9.67-39.57-35.23"></path><path class="cls-ohlogo" d="M547.55,89.78l1-25.78A3.5,3.5,0,0,1,554,61.26c9.32,5.8,21.61,8.35,32.83,8.35,6.44,0,12.56-.67,12.56-3.45,0-7.66-50.58,4.23-50.58-23.89,0-17.23,18.12-24.68,41.68-24.68a117.7,117.7,0,0,1,30,4.34,3.45,3.45,0,0,1,2.49,3.32V50.31A3.43,3.43,0,0,1,618,53.4a63.43,63.43,0,0,0-26.17-5.8c-6.56,0-12.56,1-12.56,3.78,0,10.56,51-3.11,51,24.12,0,17.34-18.57,23.23-42.13,23.23-11,0-27.23-2.64-38.06-5.5a3.41,3.41,0,0,1-2.52-3.45"></path><path class="cls-ohlogo" d="M85.36,56.85c-1.1-25.53-16.49-38.44-35.83-40.56a3.48,3.48,0,0,0-3.86,3.46l0,16.07a16.88,16.88,0,0,0,4.07,10.64c3,3.43,5,8.89,5.17,15.09.26,10.57-5,19.28-11.75,19.45s-12.44-8.27-12.7-18.85c-.15-6.2,1.6-11.76,4.43-15.33A16.73,16.73,0,0,0,38.44,36l-.79-15.84a3.48,3.48,0,0,0-4.1-3.25c-19.76,3.59-34.61,18-33.49,44C1.32,90.25,21.3,102.83,44.6,101.72S86.62,86.19,85.36,56.85Z"></path><path class="cls-ohlogo" d="M646.23,8.65A8.89,8.89,0,1,1,637.42,0a8.71,8.71,0,0,1,8.81,8.65m-15.56,0a6.73,6.73,0,0,0,6.75,6.91A6.62,6.62,0,0,0,644,8.7a6.68,6.68,0,1,0-13.34,0M636,13.13h-2V4.48a22.63,22.63,0,0,1,3.33-.27,4.61,4.61,0,0,1,2.95.69,2.19,2.19,0,0,1,.9,1.85,2.23,2.23,0,0,1-1.8,2.06v.1c.85.27,1.27,1,1.54,2.11a7.32,7.32,0,0,0,.63,2.11h-2.11a6.43,6.43,0,0,1-.69-2.11c-.16-.89-.69-1.31-1.79-1.31h-1Zm.06-4.85h1c1.11,0,2-.37,2-1.27s-.58-1.31-1.84-1.31a5.05,5.05,0,0,0-1.11.1Z"></path></g></g>
4860              </svg>
4861            </a>
4862        
4863          </div>
4864        
4865      </div>
4866      
4867
4868
4869      <div class="grid__item medium-up--two-tenths  text-right site-header__icons site-header__icons--plus">
4870        <div class="site-header__icons-wrapper">
4871          <a href="/pages/store-locator" class="site-header__icon site-header__account small-hide medium-hide">
4872                
4873                 <span class="icon-text">Find Us In Store</span>
4874                <span class="icon__fallback-text">Log in</span>
4875              </a>
4876         
4877          <button type="button" class="hide btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
4878            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40"><path d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z"/></svg>
4879            <span class="icon__fallback-text">Search</span>
4880          </button><!--cart button-->
4881<div class="go-cart__trigger js-go-cart-trigger" 
4882  role="button"
4883  tabindex="0"
4884  aria-label="Open cart"
4885  aria-controls="cart-drawer"
4886  aria-expanded="false">
4887
4888    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="42" height="42" viewBox="0 0 42 42" fill="none">
4889    <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6638 4.07751C25.975 3.92192 26.3353 3.89626 26.6654 4.0062C26.9955 4.11613 27.2685 4.35265 27.4243 4.66376L31.2761 12.3673C33.6438 12.5493 35.1296 13.0148 36.0886 14.1995C37.6636 16.149 37.0353 19.082 35.7788 24.9498L35.0281 28.4498C34.1758 32.4275 33.7506 34.4155 32.3068 35.5828C30.8631 36.75 28.8296 36.75 24.7626 36.75H17.2376C13.1706 36.75 11.1371 36.75 9.69506 35.5828C8.24956 34.4155 7.82256 32.4275 6.97206 28.4498L6.22131 24.9498C4.96481 19.082 4.33481 16.149 5.91156 14.1995C6.87056 13.013 8.35631 12.5493 10.7241 12.3673L14.5758 4.66376C14.7329 4.35512 15.0056 4.12107 15.3346 4.01264C15.6635 3.9042 16.0219 3.93016 16.3318 4.08486C16.6416 4.23955 16.8778 4.51045 16.9888 4.83851C17.0998 5.16658 17.0766 5.52521 16.9243 5.83626L13.7131 12.2588C14.5566 12.2529 15.4817 12.25 16.4886 12.25H25.5116C26.5184 12.2488 27.4436 12.2518 28.2871 12.2588L25.0758 5.83626C24.9203 5.52483 24.8949 5.16439 25.0052 4.83424C25.1155 4.50408 25.3524 4.233 25.6638 4.07751ZM12.6876 21C12.6876 20.6519 12.8258 20.3181 13.072 20.0719C13.3181 19.8258 13.652 19.6875 14.0001 19.6875H28.0001C28.3482 19.6875 28.682 19.8258 28.9281 20.0719C29.1743 20.3181 29.3126 20.6519 29.3126 21C29.3126 21.3481 29.1743 21.6819 28.9281 21.9281C28.682 22.1742 28.3482 22.3125 28.0001 22.3125H14.0001C13.652 22.3125 13.3181 22.1742 13.072 21.9281C12.8258 21.6819 12.6876 21.3481 12.6876 21ZM17.5001 24.9375C17.152 24.9375 16.8181 25.0758 16.572 25.3219C16.3258 25.5681 16.1876 25.9019 16.1876 26.25C16.1876 26.5981 16.3258 26.9319 16.572 27.1781C16.8181 27.4242 17.152 27.5625 17.5001 27.5625H24.5001C24.8482 27.5625 25.182 27.4242 25.4281 27.1781C25.6743 26.9319 25.8126 26.5981 25.8126 26.25C25.8126 25.9019 25.6743 25.5681 25.4281 25.3219C25.182 25.0758 24.8482 24.9375 24.5001 24.9375H17.5001Z" fill="#0C2A4A"/>
4890    </svg>
4891
4892    <span class="js-go-cart-counter" aria-live="polite">0</span>
4893
4894
4895</div>
4896<!--end cart button-->
4897
4898              <a href="/account/login" class="site-header__icon site-header__account site-header__account-login" aria-label="Account">
4899                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
4900    <path d="M20 20C22.3206 20 24.5462 19.0781 26.1872 17.4372C27.8281 15.7962 28.75 13.5706 28.75 11.25C28.75 8.92936 27.8281 6.70376 26.1872 5.06282C24.5462 3.42187 22.3206 2.5 20 2.5C17.6794 2.5 15.4538 3.42187 13.8128 5.06282C12.1719 6.70376 11.25 8.92936 11.25 11.25C11.25 13.5706 12.1719 15.7962 13.8128 17.4372C15.4538 19.0781 17.6794 20 20 20ZM9.375 22.5C8.21468 22.5 7.10188 22.9609 6.28141 23.7814C5.46094 24.6019 5 25.7147 5 26.875V27.5C5 30.4912 6.90375 33.0212 9.60625 34.7412C12.3238 36.4712 16.0025 37.5 20 37.5C23.9975 37.5 27.675 36.4712 30.3938 34.7412C33.0963 33.0212 35 30.4912 35 27.5V26.875C35 25.7147 34.5391 24.6019 33.7186 23.7814C32.8981 22.9609 31.7853 22.5 30.625 22.5H9.375Z" fill="#0C2A4A"/>
4901    </svg>
4902                <span class="icon__fallback-text">Log in</span>
4903              </a>
4904            
4905
4906
4907      </div>
4908    </div>
4909
4910
4911        
4912     
4913        
4914  </header>
4915  <nav class="mobile-nav-wrapper  critical-hidden" role="navigation">
4916    <div class="mobile-nav-internal-wrapper">
4917    <ul id="MobileNav" class="mobile-nav text-left brice">
4918      
4919<li class="mobile-nav__item  collection-nav-link">
4920          
4921          
4922          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
4923            <span class="mobile-nav__label">Bundles</span>
4924            <span class="mobile-nav__plus" aria-label="expand section">+</span>
4925            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
4926          </button>    
4927          <div class="mobile-nav__link-list-wrapper">     
4928          <ul href="/collections/multipacks" class="mobile-nav__link-product-list mobile-nav__link "  >
4929            
4930
4931                  
4932                    
4933                    <div class="flavorswap-products  flavorswap-active">
4934                      <a href='/products/build-a-box-variety-granola-butter'
4935                              class="flavorswap-product-button flavorswap-active"
4936                              title="Butter Bundle"
4937                              style="background-image:url(//oat.haus/cdn/shop/files/GB-POP-UP-2_400x400.jpg?v=1739731175)"
4938                              aria-label="Butter Bundle">
4939                        <div class="flavorswap-button-placeholder"></div>
4940                      </a>
4941                      <a href="/products/build-a-box-variety-granola-butter">
4942                      <div class="flavorswap-product--title">Butter Bundle</div>
4943                      </a>
4944                    </div>
4945                  
4946             
4947
4948                  
4949                    
4950                    <div class="flavorswap-products ">
4951                      <a href='/products/granola-butter-bundle'
4952                              class="flavorswap-product-button"
4953                              title="Granola & Butter Bundle"
4954                              style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-BANNER-2-EXPANDED_1_05645df0-60da-409d-a503-5643fe8a9e94_400x400.jpg?v=1736891888)"
4955                              aria-label="Granola & Butter Bundle">
4956                        <div class="flavorswap-button-placeholder"></div>
4957                      </a>
4958                      <a href="/products/granola-butter-bundle">
4959                      <div class="flavorswap-product--title">Granola & Butter Bundle</div>
4960                      </a>
4961                    </div>
4962                  
4963             
4964
4965                  
4966                    
4967                    <div class="flavorswap-products ">
4968                      <a href='/products/granola-bundle'
4969                              class="flavorswap-product-button"
4970                              title="Granola Bundle"
4971                              style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-3PK_7b66cbbe-24d4-48bd-95d1-7eedf6be1d11_400x400.jpg?v=1743088836)"
4972                              aria-label="Granola Bundle">
4973                        <div class="flavorswap-button-placeholder"></div>
4974                      </a>
4975                      <a href="/products/granola-bundle">
4976                      <div class="flavorswap-product--title">Granola Bundle</div>
4977                      </a>
4978                    </div>
4979                  
4980             
4981          </ul>   
4982        </div>        
4983          
4984        </li>
4985      
4986<li class="mobile-nav__item  collection-nav-link">
4987          
4988          
4989          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
4990            <span class="mobile-nav__label">Jars</span>
4991            <span class="mobile-nav__plus" aria-label="expand section">+</span>
4992            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
4993          </button>    
4994          <div class="mobile-nav__link-list-wrapper">     
4995          <ul href="/collections/flavors" class="mobile-nav__link-product-list mobile-nav__link "  >
4996            
4997
4998                  
4999                    
5000                    <div class="flavorswap-products ">
5001                      <a href='/products/salted-caramel-granola-butter'
5002                              class="flavorswap-product-button"
5003                              title="Salted Caramel Granola Butter"
5004                              style="background-image:url(//oat.haus/cdn/shop/files/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce_400x400.jpg?v=1782840404)"
5005                              aria-label="Salted Caramel ">
5006                        <div class="flavorswap-button-placeholder"></div>
5007                      </a>
5008                      <a href="/products/salted-caramel-granola-butter">
5009                      <div class="flavorswap-product--title">Salted Caramel </div>
5010                      </a>
5011                    </div>
5012                  
5013             
5014
5015                  
5016                    
5017                    <div class="flavorswap-products ">
5018                      <a href='/products/cookie-dough-granola-butter'
5019                              class="flavorswap-product-button"
5020                              title="Cookie Dough Granola Butter"
5021                              style="background-image:url(//oat.haus/cdn/shop/files/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc_400x400.jpg?v=1782842304)"
5022                              aria-label="Cookie Dough ">
5023                        <div class="flavorswap-button-placeholder"></div>
5024                      </a>
5025                      <a href="/products/cookie-dough-granola-butter">
5026                      <div class="flavorswap-product--title">Cookie Dough </div>
5027                      </a>
5028                    </div>
5029                  
5030             
5031
5032                  
5033                    
5034                    <div class="flavorswap-products ">
5035                      <a href='/products/original-granola-butter'
5036                              class="flavorswap-product-button"
5037                              title="Cinnamon Graham Granola Butter"
5038                              style="background-image:url(//oat.haus/cdn/shop/files/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744_400x400.jpg?v=1782849964)"
5039                              aria-label="Cinnamon Graham ">
5040                        <div class="flavorswap-button-placeholder"></div>
5041                      </a>
5042                      <a href="/products/original-granola-butter">
5043                      <div class="flavorswap-product--title">Cinnamon Graham </div>
5044                      </a>
5045                    </div>
5046                  
5047             
5048
5049                  
5050                    
5051                    <div class="flavorswap-products ">
5052                      <a href='/products/birthday-cake-granola-butter'
5053                              class="flavorswap-product-button"
5054                              title="Birthday Cake Granola Butter"
5055                              style="background-image:url(//oat.haus/cdn/shop/files/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586_400x400.jpg?v=1782842157)"
5056                              aria-label="Birthday Cake ">
5057                        <div class="flavorswap-button-placeholder"></div>
5058                      </a>
5059                      <a href="/products/birthday-cake-granola-butter">
5060                      <div class="flavorswap-product--title">Birthday Cake </div>
5061                      </a>
5062                    </div>
5063                  
5064             
5065
5066                  
5067                    
5068                    <div class="flavorswap-products ">
5069                      <a href='/products/vanilla-granola-butter'
5070                              class="flavorswap-product-button"
5071                              title="Vanilla Granola Butter"
5072                              style="background-image:url(//oat.haus/cdn/shop/files/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250_400x400.jpg?v=1782849614)"
5073                              aria-label="Vanilla ">
5074                        <div class="flavorswap-button-placeholder"></div>
5075                      </a>
5076                      <a href="/products/vanilla-granola-butter">
5077                      <div class="flavorswap-product--title">Vanilla </div>
5078                      </a>
5079                    </div>
5080                  
5081             
5082
5083                  
5084                    
5085                    <div class="flavorswap-products ">
5086                      <a href='/products/brownie-batter-granola-butter'
5087                              class="flavorswap-product-button"
5088                              title="Brownie Batter Granola Butter"
5089                              style="background-image:url(//oat.haus/cdn/shop/files/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4_400x400.jpg?v=1782842025)"
5090                              aria-label="Brownie Batter ">
5091                        <div class="flavorswap-button-placeholder"></div>
5092                      </a>
5093                      <a href="/products/brownie-batter-granola-butter">
5094                      <div class="flavorswap-product--title">Brownie Batter </div>
5095                      </a>
5096                    </div>
5097                  
5098             
5099
5100                  
5101                    
5102                    <div class="flavorswap-products ">
5103                      <a href='/products/cinnamon-roll-granola-butter'
5104                              class="flavorswap-product-button"
5105                              title="Cinnamon Roll Granola Butter"
5106                              style="background-image:url(//oat.haus/cdn/shop/files/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f_400x400.jpg?v=1782841876)"
5107                              aria-label="Cinnamon Roll ">
5108                        <div class="flavorswap-button-placeholder"></div>
5109                      </a>
5110                      <a href="/products/cinnamon-roll-granola-butter">
5111                      <div class="flavorswap-product--title">Cinnamon Roll </div>
5112                      </a>
5113                    </div>
5114                  
5115             
5116
5117                  
5118                    
5119                    <div class="flavorswap-products ">
5120                      <a href='/products/cookies-and-cream'
5121                              class="flavorswap-product-button"
5122                              title="Cookies & Cream Granola Butter"
5123                              style="background-image:url(//oat.haus/cdn/shop/files/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c_400x400.jpg?v=1782841215)"
5124                              aria-label="Cookies & Cream ">
5125                        <div class="flavorswap-button-placeholder"></div>
5126                      </a>
5127                      <a href="/products/cookies-and-cream">
5128                      <div class="flavorswap-product--title">Cookies & Cream </div>
5129                      </a>
5130                    </div>
5131                  
5132             
5133
5134                  
5135                    
5136                    <div class="flavorswap-products ">
5137                      <a href='/products/dubai-chocolate-granola-butter'
5138                              class="flavorswap-product-button"
5139                              title="Dubai Chocolate Granola Butter"
5140                              style="background-image:url(//oat.haus/cdn/shop/files/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1_400x400.jpg?v=1782841087)"
5141                              aria-label="Dubai Chocolate ">
5142                        <div class="flavorswap-button-placeholder"></div>
5143                      </a>
5144                      <a href="/products/dubai-chocolate-granola-butter">
5145                      <div class="flavorswap-product--title">Dubai Chocolate </div>
5146                      </a>
5147                    </div>
5148                  
5149             
5150
5151                  
5152                    
5153                    <div class="flavorswap-products ">
5154                      <a href='/products/apple-cider-donut-granola-butter'
5155                              class="flavorswap-product-button"
5156                              title="Apple Cider Donut Granola Butter"
5157                              style="background-image:url(//oat.haus/cdn/shop/files/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d_400x400.jpg?v=1782841452)"
5158                              aria-label="Apple Cider Donut ">
5159                        <div class="flavorswap-button-placeholder"></div>
5160                      </a>
5161                      <a href="/products/apple-cider-donut-granola-butter">
5162                      <div class="flavorswap-product--title">Apple Cider Donut </div>
5163                      </a>
5164                    </div>
5165                  
5166             
5167          </ul>   
5168        </div>        
5169          
5170        </li>
5171      
5172<li class="mobile-nav__item  collection-nav-link">
5173          
5174          
5175          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
5176            <span class="mobile-nav__label">Granola</span>
5177            <span class="mobile-nav__plus" aria-label="expand section">+</span>
5178            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
5179          </button>    
5180          <div class="mobile-nav__link-list-wrapper">     
5181          <ul href="/collections/granola" class="mobile-nav__link-product-list mobile-nav__link "  >
5182            
5183
5184                  
5185                    
5186                    <div class="flavorswap-products ">
5187                      <a href='/products/banana-bread-granola'
5188                              class="flavorswap-product-button"
5189                              title="Chocolate Chip Banana Bread Granola"
5190                              style="background-image:url(//oat.haus/cdn/shop/files/BananaBreadFront_400x400.jpg?v=1765317193)"
5191                              aria-label="Chocolate Chip Banana Bread Granola">
5192                        <div class="flavorswap-button-placeholder"></div>
5193                      </a>
5194                      <a href="/products/banana-bread-granola">
5195                      <div class="flavorswap-product--title">Chocolate Chip Banana Bread Granola</div>
5196                      </a>
5197                    </div>
5198                  
5199             
5200
5201                  
5202                    
5203                    <div class="flavorswap-products ">
5204                      <a href='/products/cinnamon-roll-granola'
5205                              class="flavorswap-product-button"
5206                              title="Cinnamon Roll Granola"
5207                              style="background-image:url(//oat.haus/cdn/shop/files/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58_400x400.jpg?v=1765315753)"
5208                              aria-label="Cinnamon Roll Granola">
5209                        <div class="flavorswap-button-placeholder"></div>
5210                      </a>
5211                      <a href="/products/cinnamon-roll-granola">
5212                      <div class="flavorswap-product--title">Cinnamon Roll Granola</div>
5213                      </a>
5214                    </div>
5215                  
5216             
5217
5218                  
5219                    
5220                    <div class="flavorswap-products ">
5221                      <a href='/products/cookie-dough-granola'
5222                              class="flavorswap-product-button"
5223                              title="Cookie Dough Granola"
5224                              style="background-image:url(//oat.haus/cdn/shop/files/CookieDoughFront_400x400.png?v=1765381339)"
5225                              aria-label="Cookie Dough Granola">
5226                        <div class="flavorswap-button-placeholder"></div>
5227                      </a>
5228                      <a href="/products/cookie-dough-granola">
5229                      <div class="flavorswap-product--title">Cookie Dough Granola</div>
5230                      </a>
5231                    </div>
5232                  
5233             
5234
5235                  
5236                    
5237                    <div class="flavorswap-products ">
5238                      <a href='/products/cookies-cream-granola'
5239                              class="flavorswap-product-button"
5240                              title="Cookies & Cream Granola"
5241                              style="background-image:url(//oat.haus/cdn/shop/files/CookiesAndCreamFront_400x400.jpg?v=1765828124)"
5242                              aria-label="Cookies & Cream Granola">
5243                        <div class="flavorswap-button-placeholder"></div>
5244                      </a>
5245                      <a href="/products/cookies-cream-granola">
5246                      <div class="flavorswap-product--title">Cookies & Cream Granola</div>
5247                      </a>
5248                    </div>
5249                  
5250             
5251          </ul>   
5252        </div>        
5253          
5254        </li>
5255      
5256<li class="mobile-nav__item  collection-nav-link">
5257          
5258          
5259          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
5260            <span class="mobile-nav__label">Packets</span>
5261            <span class="mobile-nav__plus" aria-label="expand section">+</span>
5262            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
5263          </button>    
5264          <div class="mobile-nav__link-list-wrapper">     
5265          <ul href="/collections/packets" class="mobile-nav__link-product-list mobile-nav__link "  >
5266            
5267
5268                  
5269                    
5270                    <div class="flavorswap-products ">
5271                      <a href='/products/packets'
5272                              class="flavorswap-product-button"
5273                              title="Cinnamon Graham GB Packets"
5274                              style="background-image:url(//oat.haus/cdn/shop/files/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc_400x400.jpg?v=1755622093)"
5275                              aria-label="Cinnamon Graham GB Packets">
5276                        <div class="flavorswap-button-placeholder"></div>
5277                      </a>
5278                      <a href="/products/packets">
5279                      <div class="flavorswap-product--title">Cinnamon Graham GB Packets</div>
5280                      </a>
5281                    </div>
5282                  
5283             
5284
5285                  
5286                    
5287                    <div class="flavorswap-products ">
5288                      <a href='/products/vanilla-gb-packets'
5289                              class="flavorswap-product-button"
5290                              title="Vanilla GB Packets"
5291                              style="background-image:url(//oat.haus/cdn/shop/files/Solo-Vanilla-Packet-School-Safe_400x400.png?v=1770829364)"
5292                              aria-label="Vanilla GB Packets">
5293                        <div class="flavorswap-button-placeholder"></div>
5294                      </a>
5295                      <a href="/products/vanilla-gb-packets">
5296                      <div class="flavorswap-product--title">Vanilla GB Packets</div>
5297                      </a>
5298                    </div>
5299                  
5300             
5301          </ul>   
5302        </div>        
5303          
5304        </li>
5305      
5306<li class="mobile-nav__item  collection-nav-link">
5307          
5308          
5309          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
5310            <span class="mobile-nav__label">Merch</span>
5311            <span class="mobile-nav__plus" aria-label="expand section">+</span>
5312            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
5313          </button>    
5314          <div class="mobile-nav__link-list-wrapper">     
5315          <ul href="/collections/merch" class="mobile-nav__link-product-list mobile-nav__link "  >
5316            
5317
5318                  
5319                    
5320                    <div class="flavorswap-products ">
5321                      <a href='/products/golden-spoon-1'
5322                              class="flavorswap-product-button"
5323                              title="Golden Spoon"
5324                              style="background-image:url(//oat.haus/cdn/shop/products/spoon_9cc8fbdf-0e0c-4a87-95f4-555ca5c8a56c_400x400.jpg?v=1679408399)"
5325                              aria-label="Golden Spoon">
5326                        <div class="flavorswap-button-placeholder"></div>
5327                      </a>
5328                      <a href="/products/golden-spoon-1">
5329                      <div class="flavorswap-product--title">Golden Spoon</div>
5330                      </a>
5331                    </div>
5332                  
5333             
5334
5335                  
5336                    
5337                    <div class="flavorswap-products ">
5338                      <a href='/products/big-oat-energy-beanie'
5339                              class="flavorswap-product-button"
5340                              title="Big Oat Energy Beanie"
5341                              style="background-image:url(//oat.haus/cdn/shop/products/beanie_666ea1ed-8a5d-4ecb-90cc-0b5d182e9e68_400x400.jpg?v=1670617769)"
5342                              aria-label="Big Oat Energy Beanie">
5343                        <div class="flavorswap-button-placeholder"></div>
5344                      </a>
5345                      <a href="/products/big-oat-energy-beanie">
5346                      <div class="flavorswap-product--title">Big Oat Energy Beanie</div>
5347                      </a>
5348                    </div>
5349                  
5350             
5351
5352                  
5353                    
5354                    <div class="flavorswap-products ">
5355                      <a href='/products/big-oat-energy-socks'
5356                              class="flavorswap-product-button"
5357                              title="Big Oat Energy Socks"
5358                              style="background-image:url(//oat.haus/cdn/shop/products/Socks_ba487364-4700-4020-ae82-7b710ce099bd_400x400.jpg?v=1670617889)"
5359                              aria-label="Big Oat Energy Socks">
5360                        <div class="flavorswap-button-placeholder"></div>
5361                      </a>
5362                      <a href="/products/big-oat-energy-socks">
5363                      <div class="flavorswap-product--title">Big Oat Energy Socks</div>
5364                      </a>
5365                    </div>
5366                  
5367             
5368
5369                  
5370                    
5371                    <div class="flavorswap-products ">
5372                      <a href='/products/oat-haus-bucket-hat'
5373                              class="flavorswap-product-button"
5374                              title="Bucket Hat"
5375                              style="background-image:url(//oat.haus/cdn/shop/products/Bucket-Hat_400x400.jpg?v=1648159182)"
5376                              aria-label="Bucket Hat">
5377                        <div class="flavorswap-button-placeholder"></div>
5378                      </a>
5379                      <a href="/products/oat-haus-bucket-hat">
5380                      <div class="flavorswap-product--title">Bucket Hat</div>
5381                      </a>
5382                    </div>
5383                  
5384             
5385
5386                  
5387                    
5388                    <div class="flavorswap-products ">
5389                      <a href='/products/haus-party-hat'
5390                              class="flavorswap-product-button"
5391                              title="Haus Party Hat"
5392                              style="background-image:url(//oat.haus/cdn/shop/products/HAUS-PARTY-HAT-LIGHTBLUEBG_400x400.jpg?v=1669153713)"
5393                              aria-label="Haus Party Hat">
5394                        <div class="flavorswap-button-placeholder"></div>
5395                      </a>
5396                      <a href="/products/haus-party-hat">
5397                      <div class="flavorswap-product--title">Haus Party Hat</div>
5398                      </a>
5399                    </div>
5400                  
5401             
5402
5403                  
5404                    
5405                    <div class="flavorswap-products ">
5406                      <a href='/products/big-oat-energy-bento-box'
5407                              class="flavorswap-product-button"
5408                              title="Big Oat Energy Bento Box"
5409                              style="background-image:url(//oat.haus/cdn/shop/files/lunch_box_prod_page_2_400x400.png?v=1723122089)"
5410                              aria-label="Big Oat Energy Bento Box">
5411                        <div class="flavorswap-button-placeholder"></div>
5412                      </a>
5413                      <a href="/products/big-oat-energy-bento-box">
5414                      <div class="flavorswap-product--title">Big Oat Energy Bento Box</div>
5415                      </a>
5416                    </div>
5417                  
5418             
5419
5420                  
5421                    
5422                    <div class="flavorswap-products ">
5423                      <a href='/products/oat-haus-crewneck'
5424                              class="flavorswap-product-button"
5425                              title="Gray Oat Haus Crewneck"
5426                              style="background-image:url(//oat.haus/cdn/shop/files/Untitled_design_18_400x400.png?v=1728332929)"
5427                              aria-label="Gray Oat Haus Crewneck">
5428                        <div class="flavorswap-button-placeholder"></div>
5429                      </a>
5430                      <a href="/products/oat-haus-crewneck">
5431                      <div class="flavorswap-product--title">Gray Oat Haus Crewneck</div>
5432                      </a>
5433                    </div>
5434                  
5435             
5436          </ul>   
5437        </div>        
5438          
5439        </li>
5440      
5441<li class="mobile-nav__item  collection-nav-link">
5442          
5443          
5444          <button  type="button" class="btn--link  mobile-nav__link js-toggle-mobile-drop"  aria-expanded="false">
5445            <span class="mobile-nav__label">Gift Cards</span>
5446            <span class="mobile-nav__plus" aria-label="expand section">+</span>
5447            <span class="mobile-nav__minus hide" aria-label="condense section">-</span>
5448          </button>    
5449          <div class="mobile-nav__link-list-wrapper">     
5450          <ul href="/collections/gift-cards" class="mobile-nav__link-product-list mobile-nav__link "  >
5451            
5452
5453                  
5454                    
5455                    <div class="flavorswap-products ">
5456                      <a href='/products/gift-card'
5457                              class="flavorswap-product-button"
5458                              title="Gift Card"
5459                              style="background-image:url(//oat.haus/cdn/shop/products/Gift-Card_400x400.jpg?v=1648158720)"
5460                              aria-label="Gift Card">
5461                        <div class="flavorswap-button-placeholder"></div>
5462                      </a>
5463                      <a href="/products/gift-card">
5464                      <div class="flavorswap-product--title">Gift Card</div>
5465                      </a>
5466                    </div>
5467                  
5468             
5469          </ul>   
5470        </div>        
5471          
5472        </li>
5473      
5474<li class="mobile-nav__item   other-nav-link">
5475          
5476            <a href="https://oat.haus/products/build-a-box-variety-granola-butter?variant=39587106226239&selling_plan=564166719"
5477              class="mobile-nav__link  "
5478              
5479            >
5480              <span class="mobile-nav__label">Subscribe</span>
5481            </a>
5482          
5483        </li>
5484      
5485<li class="mobile-nav__item   other-nav-link">
5486          
5487            
5488            <button type="button" class="btn--link  mobile-nav__link" data-target="info-8" data-level="1" aria-expanded="false">
5489              <span class="mobile-nav__label">Info</span>
5490            </button>
5491            <ul class="mobile-nav__dropdown" data-parent="info-8" data-level="2">
5492              <li class="visually-hidden" tabindex="-1" data-menu-title="2">Info Menu</li>
5493              
5494                <li class="mobile-nav__item">
5495                  
5496                    <a href="/pages/store-locator"
5497                      class="mobile-nav__sublist-link"
5498                      
5499                    >
5500                      <span class="mobile-nav__label">Store Locator</span>
5501                    </a>
5502                  
5503                </li>
5504              
5505                <li class="mobile-nav__item">
5506                  
5507                    <a href="/pages/contact-us"
5508                      class="mobile-nav__sublist-link"
5509                      
5510                    >
5511                      <span class="mobile-nav__label">Contact Us</span>
5512                    </a>
5513                  
5514                </li>
5515              
5516                <li class="mobile-nav__item">
5517                  
5518                    <a href="/pages/alicast"
5519                      class="mobile-nav__sublist-link"
5520                      
5521                    >
5522                      <span class="mobile-nav__label">Podcast</span>
5523                    </a>
5524                  
5525                </li>
5526              
5527                <li class="mobile-nav__item">
5528                  
5529                    <a href="/pages/oat-haus-about-us"
5530                      class="mobile-nav__sublist-link"
5531                      
5532                    >
5533                      <span class="mobile-nav__label">About Us</span>
5534                    </a>
5535                  
5536                </li>
5537              
5538                <li class="mobile-nav__item">
5539                  
5540                    <a href="/pages/affiliates"
5541                      class="mobile-nav__sublist-link"
5542                      
5543                    >
5544                      <span class="mobile-nav__label">Become An Affiliate</span>
5545                    </a>
5546                  
5547                </li>
5548              
5549                <li class="mobile-nav__item">
5550                  
5551                    <a href="/pages/whole-sale-request"
5552                      class="mobile-nav__sublist-link"
5553                      
5554                    >
5555                      <span class="mobile-nav__label">Request A Wholesale Account</span>
5556                    </a>
5557                  
5558                </li>
5559              
5560            </ul>
5561          
5562        </li>
5563      
5564      <li class="mobile-nav__item  product-nav-link small--hide" style="padding-top: 15px;">
5565          
5566        <button type="button" class="btn btn--primary btn--small" aria-expanded="false" style="/* max-width: 200px; */" aria-label="Store Locator">
5567          <a href="/pages/store-locator"><span class="mobile-nav__label" style="color: var(--color-bg);">Find Us In Store</span></a>
5568        </button>
5569        
5570        
5571      </li>
5572    </ul>
5573  </div>
5574  </nav>
5575  <div class="mobile-nav__overlay js-mobile-nav-overlay" data-uw-styling-context="true"></div>
5576</div>
5577<script type="application/ld+json">
5578{
5579  "@context": "http://schema.org",
5580  "@type": "Organization",
5581  "name": "Oat Haus",
5582  
5583    
5584    "logo": "https:\/\/oat.haus\/cdn\/shop\/files\/Packets_Mobile_3x-100_2440x.jpg?v=1755789242",
5585  
5586  "sameAs": [
5587    "",
5588    "",
5589    "",
5590    "",
5591    "",
5592    "",
5593    "",
5594    ""
5595  ],
5596  "url": "https:\/\/oat.haus"
5597}
5598</script>
5598
5599
5600
5601
5602
5603</div>
5604
5605    <div class="page-container drawer-page-content" id="PageContainer">
5606      <main class="main-content js-focus-hidden" id="MainContent" tabindex="-1">
5607        
5608
5609
5610<div id="shopify-section-product-template" class="shopify-section product-section"><style>
5611  .js-go-cart-add-to-cart * {
5612    pointer-events: none;
5613  }
5614
5615  .js-go-cart-add-to-cart {
5616    pointer-events: auto;
5617  }
5618</style>
5619
5620
5621
5622
5623
5624
5625
5626
5627
5628
5629
5630
5631
5632
5633
5634<div
5635  class="product-background colortheme-cookie-productbg colortheme-secondaryproductbg"
5636  data-handle="build-a-box-variety-granola-butter"
5637  data-color="#f16752"
5638>
5639  <div
5640    class="product-template__container page-width "
5641    id="ProductSection-product-template"
5642    data-section-id="product-template"
5643    data-section-type="product"
5644    data-enable-history-state="true"
5645    data-ajax-enabled="false"
5646  >
5647    
5648
5649
5650    <div class="grid product-single">
5651      <div
5652        class="order-2 order-lg-1 left-side grid__item product-single__media-group medium-up--one-half-product"
5653        data-product-single-media-group
5654      >
5655        <div class="title-review--wrapper large-up-hide meduim-hide">
5656          <div class="title-review">
5657            <div class="product-grid">
5658              
5658<script>
5659                window.performance.mark('debut:product:title_visible');
5660              </script>
5660
5661              
5662              
5663
5664
5665
5666
5667
5668
5669
5670
5671
5672
5673
5674
5675
5676
5677
5678<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6867799441471'
5679data-template='manual-installation'
5680data-auto-install='false'>
5681  <div style='display:none' class='jdgm-prev-badge' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.84' tabindex='0' aria-label='4.84 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2684 reviews </span> </div>
5682</div>
5683
5684
5685
5686
5687              <h1 class="product-single__title gliker">
5688                Butter Bundle
5689              </h1>
5690              
5691            </div>
5692          </div>
5693          <div class="product-single__description rte">
5694            
5695            Q: how much GB is too much GB? Answer: the limit does not exist.
5696          </div>
5697        </div>
5698        <div class="product-single__media-wrapper js" style="position: relative;">
5699          <div class="">
5700            <div id="product-keen-slider" class="keen-slider">
5701              
5702              
5703                <div class="keen-slider__slide lazy__slide feature-row__image">
5704                  <img src="" alt="slider-placeholder">
5705                </div>
5706              
5707                <div class="keen-slider__slide lazy__slide feature-row__image">
5708                  <img src="" alt="slider-placeholder">
5709                </div>
5710              
5711                <div class="keen-slider__slide lazy__slide feature-row__image">
5712                  <img src="" alt="slider-placeholder">
5713                </div>
5714              
5715                <div class="keen-slider__slide lazy__slide feature-row__image">
5716                  <img src="" alt="slider-placeholder">
5717                </div>
5718              
5719                <div class="keen-slider__slide lazy__slide feature-row__image">
5720                  <img src="" alt="slider-placeholder">
5721                </div>
5722              
5723                <div class="keen-slider__slide lazy__slide feature-row__image">
5724                  <img src="" alt="slider-placeholder">
5725                </div>
5726              
5727                <div class="keen-slider__slide lazy__slide feature-row__image">
5728                  <img src="" alt="slider-placeholder">
5729                </div>
5730              
5731                <div class="keen-slider__slide lazy__slide feature-row__image">
5732                  <img src="" alt="slider-placeholder">
5733                </div>
5734              
5735            </div>
5736          </div>
5737        </div>
5738
5739        <div class="product-info">
5740          
5741          
5742            <!-- Wrapper for all ingredient items -->
5743            <div class="product-wrapper">
5744              <div class="product-container gliker">
5745                
5746                  <div class="product-item">
5747                    
5748                      <img
5749                        src="//oat.haus/cdn/shop/files/Nut_Free_4x-8.png?v=1756138925&width=50"
5750                        alt="Nut-Free Icon"
5751                        class="product-image-1"
5752                      >
5753                    
5754                    
5755                      <div class="product-label">Nut-Free</div>
5756                    
5757                  </div>
5758                
5759                  <div class="product-item">
5760                    
5761                      <img
5762                        src="//oat.haus/cdn/shop/files/Gluten_Free_4x-8.png?v=1756138925&width=50"
5763                        alt="Gluten-Free Icon"
5764                        class="product-image-2"
5765                      >
5766                    
5767                    
5768                      <div class="product-label">Gluten-Free</div>
5769                    
5770                  </div>
5771                
5772                  <div class="product-item">
5773                    
5774                      <img
5775                        src="//oat.haus/cdn/shop/files/Vegan_4x-8.png?v=1756138925&width=50"
5776                        alt="Vegan Icon"
5777                        class="product-image-3"
5778                      >
5779                    
5780                    
5781                      <div class="product-label">Vegan</div>
5782                    
5783                  </div>
5784                
5785              </div>
5786            </div>
5787          
5788        </div>
5789      </div>
5790      <div class="grid__item right-side medium-up--one-half-product order-1 order-lg-2">
5791        <div class="product-single__meta">
5792          <div class="title-review--wrapper small-hide medium-hide">
5793            <div class="title-review">
5794              <div class="product-grid">
5795                
5795<script>
5796                  window.performance.mark('debut:product:title_visible');
5797                </script>
5797
5798                
5799                
5800
5801
5802
5803
5804
5805
5806
5807
5808
5809
5810
5811
5812
5813
5814
5815<div style='' class='jdgm-widget jdgm-preview-badge' data-id='6867799441471'
5816data-template='manual-installation'
5817data-auto-install='false'>
5818  <div style='display:none' class='jdgm-prev-badge' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0'> <span class='jdgm-prev-badge__stars' data-score='4.84' tabindex='0' aria-label='4.84 stars' role='button'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <span class='jdgm-prev-badge__text'> 2684 reviews </span> </div>
5819</div>
5820
5821
5822
5823
5824                <h1 class="product-single__title gliker">
5825                  Butter Bundle
5826                </h1>
5827                
5828              </div>
5829            </div>
5830            <div class="product-single__description rte">
5831              Q: how much GB is too much GB? Answer: the limit does not exist.
5832            </div>
5833          </div>
5834          <hr class="custom-hr small-hide medium-hide">
5835
5836          <div class="flavorswap-tabs">
5837            
5838            
5839              <button
5840                class="flavorswap-tab active gliker"
5841                data-tab="bundles"
5842              >
5843                Bundles
5844              </button>
5845            
5846              <button
5847                class="flavorswap-tab  gliker"
5848                data-tab="flavors"
5849              >
5850                Flavors
5851              </button>
5852            
5853              <button
5854                class="flavorswap-tab  gliker"
5855                data-tab="granola"
5856              >
5857                Granola
5858              </button>
5859            
5860              <button
5861                class="flavorswap-tab  gliker"
5862                data-tab="packets"
5863              >
5864                Packets
5865              </button>
5866            
5867          </div>
5868
5869          <div class="flavorswap-content">
5870            <!-- Flavors Tab Content -->
5871            
5872              <div
5873                class="flavorswap-section active"
5874                id="bundles"
5875              >
5876                <div class="flavorswap-icons">
5877                  
5878
5879                    
5880                      
5881                      <div class="flavorswap-products ">
5882                        <button
5883                          onclick="location.href='/products/granola-butter-bundle'"
5884                          class="flavorswap-product-button"
5885                          title="Granola & Butter Bundle"
5886                          style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-BANNER-2-EXPANDED_1_05645df0-60da-409d-a503-5643fe8a9e94_200x200.jpg?v=1736891888)"
5887                          aria-label="Granola & Butter Bundle"
5888                        >
5889                          <div class="flavorswap-button-placeholder"></div>
5890                        </button>
5891                        <a href="/products/granola-butter-bundle"><div class="flavorswap-product--title">Granola & Butter Bundle</div></a>
5892                      </div>
5893                    
5894                  
5895
5896                    
5897                      
5898                      <div class="flavorswap-products  flavorswap-active">
5899                        <button
5900                          onclick="location.href='/products/build-a-box-variety-granola-butter'"
5901                          class="flavorswap-product-button flavorswap-active"
5902                          title="Butter Bundle"
5903                          style="background-image:url(//oat.haus/cdn/shop/files/GB-POP-UP-2_200x200.jpg?v=1739731175)"
5904                          aria-label="Butter Bundle"
5905                        >
5906                          <div class="flavorswap-button-placeholder"></div>
5907                        </button>
5908                        <a href="/products/build-a-box-variety-granola-butter"><div class="flavorswap-product--title">Butter Bundle</div></a>
5909                      </div>
5910                    
5911                  
5912
5913                    
5914                      
5915                      <div class="flavorswap-products ">
5916                        <button
5917                          onclick="location.href='/products/granola-bundle'"
5918                          class="flavorswap-product-button"
5919                          title="Granola Bundle"
5920                          style="background-image:url(//oat.haus/cdn/shop/files/GRANOLA-3PK_7b66cbbe-24d4-48bd-95d1-7eedf6be1d11_200x200.jpg?v=1743088836)"
5921                          aria-label="Granola Bundle"
5922                        >
5923                          <div class="flavorswap-button-placeholder"></div>
5924                        </button>
5925                        <a href="/products/granola-bundle"><div class="flavorswap-product--title">Granola Bundle</div></a>
5926                      </div>
5927                    
5928                  
5929                </div>
5930              </div>
5931            
5932              <div
5933                class="flavorswap-section "
5934                id="flavors"
5935              >
5936                <div class="flavorswap-icons">
5937                  
5938
5939                    
5940                      
5941                      <div class="flavorswap-products ">
5942                        <button
5943                          onclick="location.href='/products/salted-caramel-granola-butter'"
5944                          class="flavorswap-product-button"
5945                          title="Salted Caramel Granola Butter"
5946                          style="background-image:url(//oat.haus/cdn/shop/files/SaltedCaramel-Main-LEDStickers_8887bd98-1ef4-42ca-a8a7-8d5fa69550ce_200x200.jpg?v=1782840404)"
5947                          aria-label="Salted Caramel "
5948                        >
5949                          <div class="flavorswap-button-placeholder"></div>
5950                        </button>
5951                        <a href="/products/salted-caramel-granola-butter"><div class="flavorswap-product--title">Salted Caramel </div></a>
5952                      </div>
5953                    
5954                  
5955
5956                    
5957                      
5958                      <div class="flavorswap-products ">
5959                        <button
5960                          onclick="location.href='/products/cookie-dough-granola-butter'"
5961                          class="flavorswap-product-button"
5962                          title="Cookie Dough Granola Butter"
5963                          style="background-image:url(//oat.haus/cdn/shop/files/CookieDough-Main_cd0cdeb0-b94b-41d2-8cf6-080bf2eb5fbc_200x200.jpg?v=1782842304)"
5964                          aria-label="Cookie Dough "
5965                        >
5966                          <div class="flavorswap-button-placeholder"></div>
5967                        </button>
5968                        <a href="/products/cookie-dough-granola-butter"><div class="flavorswap-product--title">Cookie Dough </div></a>
5969                      </div>
5970                    
5971                  
5972
5973                    
5974                      
5975                      <div class="flavorswap-products ">
5976                        <button
5977                          onclick="location.href='/products/original-granola-butter'"
5978                          class="flavorswap-product-button"
5979                          title="Cinnamon Graham Granola Butter"
5980                          style="background-image:url(//oat.haus/cdn/shop/files/CinnamonGraham-Main_4153be55-cf7e-4924-b503-72cb6d0f3744_200x200.jpg?v=1782849964)"
5981                          aria-label="Cinnamon Graham "
5982                        >
5983                          <div class="flavorswap-button-placeholder"></div>
5984                        </button>
5985                        <a href="/products/original-granola-butter"><div class="flavorswap-product--title">Cinnamon Graham </div></a>
5986                      </div>
5987                    
5988                  
5989
5990                    
5991                      
5992                      <div class="flavorswap-products ">
5993                        <button
5994                          onclick="location.href='/products/birthday-cake-granola-butter'"
5995                          class="flavorswap-product-button"
5996                          title="Birthday Cake Granola Butter"
5997                          style="background-image:url(//oat.haus/cdn/shop/files/BirthdayCake-Main_1851660a-17d7-48d1-ab14-3ed7ded2d586_200x200.jpg?v=1782842157)"
5998                          aria-label="Birthday Cake "
5999                        >
6000                          <div class="flavorswap-button-placeholder"></div>
6001                        </button>
6002                        <a href="/products/birthday-cake-granola-butter"><div class="flavorswap-product--title">Birthday Cake </div></a>
6003                      </div>
6004                    
6005                  
6006
6007                    
6008                      
6009                      <div class="flavorswap-products ">
6010                        <button
6011                          onclick="location.href='/products/vanilla-granola-butter'"
6012                          class="flavorswap-product-button"
6013                          title="Vanilla Granola Butter"
6014                          style="background-image:url(//oat.haus/cdn/shop/files/Vanilla-Main_16d8a3c1-1e43-413e-b6bb-0ac576b5c250_200x200.jpg?v=1782849614)"
6015                          aria-label="Vanilla "
6016                        >
6017                          <div class="flavorswap-button-placeholder"></div>
6018                        </button>
6019                        <a href="/products/vanilla-granola-butter"><div class="flavorswap-product--title">Vanilla </div></a>
6020                      </div>
6021                    
6022                  
6023
6024                    
6025                      
6026                      <div class="flavorswap-products ">
6027                        <button
6028                          onclick="location.href='/products/brownie-batter-granola-butter'"
6029                          class="flavorswap-product-button"
6030                          title="Brownie Batter Granola Butter"
6031                          style="background-image:url(//oat.haus/cdn/shop/files/Brownie-Main_f8100671-720e-4e7b-b4c7-fdcf015518b4_200x200.jpg?v=1782842025)"
6032                          aria-label="Brownie Batter "
6033                        >
6034                          <div class="flavorswap-button-placeholder"></div>
6035                        </button>
6036                        <a href="/products/brownie-batter-granola-butter"><div class="flavorswap-product--title">Brownie Batter </div></a>
6037                      </div>
6038                    
6039                  
6040
6041                    
6042                      
6043                      <div class="flavorswap-products ">
6044                        <button
6045                          onclick="location.href='/products/cinnamon-roll-granola-butter'"
6046                          class="flavorswap-product-button"
6047                          title="Cinnamon Roll Granola Butter"
6048                          style="background-image:url(//oat.haus/cdn/shop/files/CinnaRoll-Main_6bc0ce3d-f88b-4787-a9be-106fc670328f_200x200.jpg?v=1782841876)"
6049                          aria-label="Cinnamon Roll "
6050                        >
6051                          <div class="flavorswap-button-placeholder"></div>
6052                        </button>
6053                        <a href="/products/cinnamon-roll-granola-butter"><div class="flavorswap-product--title">Cinnamon Roll </div></a>
6054                      </div>
6055                    
6056                  
6057
6058                    
6059                      
6060                      <div class="flavorswap-products ">
6061                        <button
6062                          onclick="location.href='/products/cookies-and-cream'"
6063                          class="flavorswap-product-button"
6064                          title="Cookies & Cream Granola Butter"
6065                          style="background-image:url(//oat.haus/cdn/shop/files/CnC-Main_44673737-adbe-4578-a70e-997616bd8f6c_200x200.jpg?v=1782841215)"
6066                          aria-label="Cookies & Cream "
6067                        >
6068                          <div class="flavorswap-button-placeholder"></div>
6069                        </button>
6070                        <a href="/products/cookies-and-cream"><div class="flavorswap-product--title">Cookies & Cream </div></a>
6071                      </div>
6072                    
6073                  
6074
6075                    
6076                      
6077                      <div class="flavorswap-products ">
6078                        <button
6079                          onclick="location.href='/products/dubai-chocolate-granola-butter'"
6080                          class="flavorswap-product-button"
6081                          title="Dubai Chocolate Granola Butter"
6082                          style="background-image:url(//oat.haus/cdn/shop/files/Dubai-Main_e64f7a3b-6b46-440b-b32f-73e5539087b1_200x200.jpg?v=1782841087)"
6083                          aria-label="Dubai Chocolate "
6084                        >
6085                          <div class="flavorswap-button-placeholder"></div>
6086                        </button>
6087                        <a href="/products/dubai-chocolate-granola-butter"><div class="flavorswap-product--title">Dubai Chocolate </div></a>
6088                      </div>
6089                    
6090                  
6091
6092                    
6093                      
6094                      <div class="flavorswap-products ">
6095                        <button
6096                          onclick="location.href='/products/apple-cider-donut-granola-butter'"
6097                          class="flavorswap-product-button"
6098                          title="Apple Cider Donut Granola Butter"
6099                          style="background-image:url(//oat.haus/cdn/shop/files/ACD-Main_c794d038-415f-4223-809d-d0f1edf9ea0d_200x200.jpg?v=1782841452)"
6100                          aria-label="Apple Cider Donut "
6101                        >
6102                          <div class="flavorswap-button-placeholder"></div>
6103                        </button>
6104                        <a href="/products/apple-cider-donut-granola-butter"><div class="flavorswap-product--title">Apple Cider Donut </div></a>
6105                      </div>
6106                    
6107                  
6108                </div>
6109              </div>
6110            
6111              <div
6112                class="flavorswap-section "
6113                id="granola"
6114              >
6115                <div class="flavorswap-icons">
6116                  
6117
6118                    
6119                      
6120                      <div class="flavorswap-products ">
6121                        <button
6122                          onclick="location.href='/products/banana-bread-granola'"
6123                          class="flavorswap-product-button"
6124                          title="Chocolate Chip Banana Bread Granola"
6125                          style="background-image:url(//oat.haus/cdn/shop/files/BananaBreadFront_200x200.jpg?v=1765317193)"
6126                          aria-label="Chocolate Chip Banana Bread Granola"
6127                        >
6128                          <div class="flavorswap-button-placeholder"></div>
6129                        </button>
6130                        <a href="/products/banana-bread-granola"><div class="flavorswap-product--title">Chocolate Chip Banana Bread Granola</div></a>
6131                      </div>
6132                    
6133                  
6134
6135                    
6136                      
6137                      <div class="flavorswap-products ">
6138                        <button
6139                          onclick="location.href='/products/cinnamon-roll-granola'"
6140                          class="flavorswap-product-button"
6141                          title="Cinnamon Roll Granola"
6142                          style="background-image:url(//oat.haus/cdn/shop/files/Cinnamon-Roll-Front_8ce04890-8638-45ab-9584-57ae6a9aeb58_200x200.jpg?v=1765315753)"
6143                          aria-label="Cinnamon Roll Granola"
6144                        >
6145                          <div class="flavorswap-button-placeholder"></div>
6146                        </button>
6147                        <a href="/products/cinnamon-roll-granola"><div class="flavorswap-product--title">Cinnamon Roll Granola</div></a>
6148                      </div>
6149                    
6150                  
6151
6152                    
6153                      
6154                      <div class="flavorswap-products ">
6155                        <button
6156                          onclick="location.href='/products/cookie-dough-granola'"
6157                          class="flavorswap-product-button"
6158                          title="Cookie Dough Granola"
6159                          style="background-image:url(//oat.haus/cdn/shop/files/CookieDoughFront_200x200.png?v=1765381339)"
6160                          aria-label="Cookie Dough Granola"
6161                        >
6162                          <div class="flavorswap-button-placeholder"></div>
6163                        </button>
6164                        <a href="/products/cookie-dough-granola"><div class="flavorswap-product--title">Cookie Dough Granola</div></a>
6165                      </div>
6166                    
6167                  
6168
6169                    
6170                      
6171                      <div class="flavorswap-products ">
6172                        <button
6173                          onclick="location.href='/products/cookie
6173s-cream-granola'"
6174                          class="flavorswap-product-button"
6175                          title="Cookies & Cream Granola"
6176                          style="background-image:url(//oat.haus/cdn/shop/files/CookiesAndCreamFront_200x200.jpg?v=1765828124)"
6177                          aria-label="Cookies & Cream Granola"
6178                        >
6179                          <div class="flavorswap-button-placeholder"></div>
6180                        </button>
6181                        <a href="/products/cookies-cream-granola"><div class="flavorswap-product--title">Cookies & Cream Granola</div></a>
6182                      </div>
6183                    
6184                  
6185                </div>
6186              </div>
6187            
6188              <div
6189                class="flavorswap-section "
6190                id="packets"
6191              >
6192                <div class="flavorswap-icons">
6193                  
6194
6195                    
6196                      
6197                      <div class="flavorswap-products ">
6198                        <button
6199                          onclick="location.href='/products/packets'"
6200                          class="flavorswap-product-button"
6201                          title="Cinnamon Graham GB Packets"
6202                          style="background-image:url(//oat.haus/cdn/shop/files/PacketHeroImage3_b55ec251-aa74-4341-bbe1-e57f715883bc_200x200.jpg?v=1755622093)"
6203                          aria-label="Cinnamon Graham GB Packets"
6204                        >
6205                          <div class="flavorswap-button-placeholder"></div>
6206                        </button>
6207                        <a href="/products/packets"><div class="flavorswap-product--title">Cinnamon Graham GB Packets</div></a>
6208                      </div>
6209                    
6210                  
6211
6212                    
6213                      
6214                      <div class="flavorswap-products ">
6215                        <button
6216                          onclick="location.href='/products/vanilla-gb-packets'"
6217                          class="flavorswap-product-button"
6218                          title="Vanilla GB Packets"
6219                          style="background-image:url(//oat.haus/cdn/shop/files/Solo-Vanilla-Packet-School-Safe_200x200.png?v=1770829364)"
6220                          aria-label="Vanilla GB Packets"
6221                        >
6222                          <div class="flavorswap-button-placeholder"></div>
6223                        </button>
6224                        <a href="/products/vanilla-gb-packets"><div class="flavorswap-product--title">Vanilla GB Packets</div></a>
6225                      </div>
6226                    
6227                  
6228                </div>
6229              </div>
6230            
6231          </div>
6232
6233          <hr class="custom-hr">
6234          <div id="subscription-data" data-subscription-text="<p>Save 10% on every subscription | Cancel anytime | Free U.S. Shipping on orders over $25</p>"></div>
6235
6236          <div class="product__form--wrapper"></div>
6237          
6238          
6239
6240          <form method="post" action="/cart/add" id="add-to-cart-build-a-box-variety-granola-butter--product-template" accept-charset="UTF-8" class="product-form product-form-product-template
6241" enctype="multipart/form-data" data-productid="6867799441471" novalidate="novalidate" data-product-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
6242            
6243            
6244              <div class="product-form__controls-group">
6245                
6246                  
6247                  
6248
6249                  
6250                    <div class="gliker product-page-label">Size</div>
6251                    <fieldset
6252                      class="product-form__controls-group radio-flex variant-selector"
6253                      id="SingleOptionSelector-0"
6254                    >
6255                      <!-- <legend class="brice">Size</legend> -->
6256<div class="radio">
6257                          <input
6258                            type="radio"
6259                            class="single-option-selector single-option-selector-product-template product-form__input"
6260                            
6261                              checked="checked"
6262                            
6263                            
6264                            value="3 Jars"
6265                            data-index="option1"
6266                            name="size"
6267                            id="SingleOptionSelector-size-3Jars"
6268                          >
6269
6270                          <label
6271                            for="SingleOptionSelector-size-3Jars"
6272                            class="variant-title text-center"
6273                          >
6274                            <span class="variant-title-svg-wrapper small-hide">
6275                              <svg
6276                                xmlns="http://www.w3.org/2000/svg"
6277                                width="19"
6278                                height="19"
6279                                viewBox="0 0 19 19"
6280                                fill="none"
6281                              >
6282                                <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/>
6283                                <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/>
6284                              </svg>
6285                            </span>
6286                            3 Jars
6287                          </label>
6288                          <div class="variant-save-pct text-center">
6289                            <span class="variant-save-block" aria-hidden="true">Save&nbsp;10%</span><span class="visually-hidden">
6290                                You save 10 percent.
6291                              </span></div>
6292                        </div>
6293<div class="radio">
6294                          <input
6295                            type="radio"
6296                            class="single-option-selector single-option-selector-product-template product-form__input"
6297                            
6298                            
6299                            value="4 Jars"
6300                            data-index="option1"
6301                            name="size"
6302                            id="SingleOptionSelector-size-4Jars"
6303                          >
6304
6305                          <label
6306                            for="SingleOptionSelector-size-4Jars"
6307                            class="variant-title text-center"
6308                          >
6309                            <span class="variant-title-svg-wrapper small-hide">
6310                              <svg
6311                                xmlns="http://www.w3.org/2000/svg"
6312                                width="19"
6313                                height="19"
6314                                viewBox="0 0 19 19"
6315                                fill="none"
6316                              >
6317                                <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/>
6318                                <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/>
6319                              </svg>
6320                            </span>
6321                            4 Jars
6322                          </label>
6323                          <div class="variant-save-pct text-center">
6324                            <span class="variant-save-block" aria-hidden="true">Save&nbsp;15%</span><span class="visually-hidden">
6325                                You save 15 percent.
6326                              </span></div>
6327                        </div>
6328<div class="radio">
6329                          <input
6330                            type="radio"
6331                            class="single-option-selector single-option-selector-product-template product-form__input"
6332                            
6333                            
6334                            value="6 Jars"
6335                            data-index="option1"
6336                            name="size"
6337                            id="SingleOptionSelector-size-6Jars"
6338                          >
6339
6340                          <label
6341                            for="SingleOptionSelector-size-6Jars"
6342                            class="variant-title text-center"
6343                          >
6344                            <span class="variant-title-svg-wrapper small-hide">
6345                              <svg
6346                                xmlns="http://www.w3.org/2000/svg"
6347                                width="19"
6348                                height="19"
6349                                viewBox="0 0 19 19"
6350                                fill="none"
6351                              >
6352                                <rect width="19" height="19" rx="9.5" fill="#0C2A4A" fill-opacity="0.12"/>
6353                                <circle cx="9.5" cy="9.5" r="4.5" fill="#0C2A4A"/>
6354                              </svg>
6355                            </span>
6356                            6 Jars
6357                          </label>
6358                          <div class="variant-save-pct text-center">
6359                            <span class="variant-save-block" aria-hidden="true">Save&nbsp;22%</span><span class="visually-hidden">
6360                                You save 22 percent.
6361                              </span></div>
6362                        </div></fieldset>
6363                  
6364                
6365              </div>
6366            
6367            <hr class="custom-hr">
6368            <select
6369              name="id"
6370              data-productid="6867799441471"
6371              id="ProductSelect-product-template"
6372              class="product-form__variants no-js"
6373            >
6374              
6375                <option
6376                  value="39590893092927"
6377                    selected="selected">
6378                  3 Jars
6379
6380                </option>
6381              
6382                <option
6383                  value="39587106226239">
6384                  4 Jars
6385
6386                </option>
6387              
6388                <option
6389                  value="39590893125695">
6390                  6 Jars
6391
6392                </option>
6393              
6394            </select>
6395
6396            <div
6397              class="product-form__error-message-wrapper product-form__error-message-wrapper--hidden"
6398              data-error-message-wrapper
6399              role="alert"
6400            >
6401              <span class="visually-hidden">Error </span>
6402              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 14 14"><g fill="none" fill-rule="evenodd"><path d="M7 0a7 7 0 0 1 7 7 7 7 0 1 1-7-7z"/><path class="icon-error__symbol" d="M6.328 8.396l-.252-5.4h1.836l-.24 5.4H6.328zM6.04 10.16c0-.528.432-.972.96-.972s.972.444.972.972c0 .516-.444.96-.972.96a.97.97 0 0 1-.96-.96z"/></g></svg>
6403              <span class="product-form__error-message" data-error-message>Quantity must be 1 or more</span>
6404            </div>
6405
6406            <div class="product-form__controls-group product-form__controls-group--submit">
6407              
6408              
6409              
6410                
6411
6412
6413
6414  
6415  
6416  
6417
6418  
6419  
6420  
6421  
6422
6423  <div class="awt-style-1">
6424    <fieldset data-bundleapp-wrapper="756867799441471" class="bundleapp-wrapper" style="display: none"><input type="hidden" name="selling_plan" value="">
6425        
6426
6427        
6428          <div
6429            class="bundleapp-plan-selector-group bundleapp-plan-selector-group--selected"
6430            data-one-time
6431            data-test="oneTimePrice"
6432          >
6433            <label>
6434              <input
6435                type="radio"
6436                name="bundleapp-plan-selector-group"
6437                value=""checked>
6438              <span>One-time purchase</span>
6439              <span class="bundleapp-plan-selector-group-pricing">$34.95</span>
6440            </label>
6441
6442            <div class="bundleapp-plan-selector-plan" style="display: none">
6443              <select class="bundleapp-plan-selector-select">
6444                <option value=""></option>
6445              </select>
6446              <div class="bundleapp-plan-selector-radio" style="display: none">
6447                <input
6448                  type="radio"
6449                  name="plan"
6450                  value=""
6451                  id="one-time-purchase"checked>
6451
6452              </div>
6453            </div>
6454          </div>
6455        
6456
6457        
6458          
6459<div class="bundleapp-plan-selector-group" style="display: none" data-test="008f4cd70c28b04feb307d00b27b8c89669d85e3">
6460                
6461                
6462                
6463<label>
6464                  <input
6465                    type="radio"
6466                    name="bundleapp-plan-selector-group"
6467                    value="008f4cd70c28b04feb307d00b27b8c89669d85e3"
6468                    style=""
6469                  >
6470                  <span>Subscribe & Save 10%</span>
6471
6472                  <div class="bundleapp-plan-selector-group-compare" style="margin-left:auto;">
6473                    <span class="bundleapp-plan-selector-group-pricing"></span>
6474                    <span style="text-decoration: line-through; opacity: .9; font-size: 0.8em;">$34.95</span>
6475                  </div>
6476                </label>
6477
6478                <div
6479                  class="bundleapp-plan-selector-plan"
6480                  id="bundleapp-plan-selector-008f4cd70c28b04feb307d00b27b8c89669d85e3"
6481                  style="display: none"
6482                >
6483                      <label data-test="prefixFromSellingPlanGroup-008f4cd70c28b04feb307d00b27b8c89669d85e3">Deliver every</label>
6484                    
6485<select
6486                    class="bundleapp-plan-selector-select"
6487                    style=""
6488                  >
6489                    
6490                      <option
6491                        data-test="prefixFromSellingPlan-564166719"
6492                        value="564166719">2 weeks
6493                      </option>
6494                    
6495                      <option
6496                        data-test="prefixFromSellingPlan-564199487"
6497                        value="564199487">4 weeks
6498                      </option>
6499                    
6500                      <option
6501                        data-test="prefixFromSellingPlan-564232255"
6502                        value="564232255">6 weeks
6503                      </option>
6504                    
6505                  </select>
6506
6507                  <div class="bundleapp-plan-selector-radio" style="display: none">
6508                    <div style="">
6509                      
6510<label
6511                          class="bundleapp-plan-selector-radio__label "
6512                          for="564166719"
6513                        >
6514                          <input
6515                            class="bundleapp-plan-selector-radio__input "
6516                            type="radio"
6517                            name="plan"
6518                            data-test="prefixFromSellingPlan-564166719"
6519                            value="564166719"
6520                            id="564166719">
6521                          2 weeks
6522                        </label>
6523                      
6524<label
6525                          class="bundleapp-plan-selector-radio__label "
6526                          for="564199487"
6527                        >
6528                          <input
6529                            class="bundleapp-plan-selector-radio__input "
6530                            type="radio"
6531                            name="plan"
6532                            data-test="prefixFromSellingPlan-564199487"
6533                            value="564199487"
6534                            id="564199487">
6535                          4 weeks
6536                        </label>
6537                      
6538<label
6539                          class="bundleapp-plan-selector-radio__label "
6540                          for="564232255"
6541                        >
6542                          <input
6543                            class="bundleapp-plan-selector-radio__input "
6544                            type="radio"
6545                            name="plan"
6546                            data-test="prefixFromSellingPlan-564232255"
6547                            value="564232255"
6548                            id="564232255">
6549                          6 weeks
6550                        </label>
6551                      
6552                    </div>
6553                  </div>
6554                </div>
6555              </div>
6556
6557        <div class="bundleapp-plan-selector-description">
6558          
6559        </div></fieldset>
6560  </div>
6561
6562  
6562<script type="application/json">{
6563      "widget_id": "756867799441471",
6564      "id": 6867799441471,
6565      "title": "Butter Bundle",
6566      "selling_plan_groups": [{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],
6567      "variants": [{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],
6568      "selected_variant":{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},
6569      "selling_plans_by_id": {"564166719": {
6570                "id":564166719,
6571                "name": "Deliver every 2 weeks",
6572                "description": null,
6573                "options": [{"name":"Deliver every","position":1,"value":"2 weeks"}],
6574                "recurring_deliveries": true,
6575                "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}],
6576                "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3"
6577              }
6578,"564199487": {
6579                "id":564199487,
6580                "name": "Deliver every 4 weeks",
6581                "description": null,
6582                "options": [{"name":"Deliver every","position":1,"value":"4 weeks"}],
6583                "recurring_deliveries": true,
6584                "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}],
6585                "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3"
6586              }
6587,"564232255": {
6588                "id":564232255,
6589                "name": "Deliver every 6 weeks",
6590                "description": null,
6591                "options": [{"name":"Deliver every","position":1,"value":"6 weeks"}],
6592                "recurring_deliveries": true,
6593                "price_adjustments": [{"order_count":null,"position":1,"value_type":"percentage","value":10}],
6594                "selling_plan_group_id": "008f4cd70c28b04feb307d00b27b8c89669d85e3"
6595              }
6596},
6597      "metafields": {"isBundle":1,"type":"buildABox"},
6598      "selectedSellingPlanId": null,
6599      "selected_selling_plan":null,
6600      "translations": {
6601        "subscription": "SUBSCRIPTION",
6602        "save": "Save",
6603        "extra": "Extra",
6604        "off": "off",
6605        "customize_my_box": "Customize my box",
6606        "from": "Starting from",
6607        "delivery_suffix": "/delivery"
6608      }
6609    }
6610  </script>
6610
6611
6612  
6612<script>
6613    (function () {
6614      var product = {};
6615      product.id = 6867799441471;
6616      product.title = "Butter Bundle";
6617      product.selling_plan_groups = [{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}];
6618      product.variants = [{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}];
6619      product.selected_selling_plan = null;
6620      product.selected_variant = {"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}};
6621      product.translations = {
6622        subscription: "SUBSCRIPTION",
6623        save: "Save",
6624        extra: "Extra",
6625        off: "off",
6626        customize_my_box: "Customize my box",
6627        from: "Starting from",
6628        delivery_suffix: "/delivery",
6629        gift_first_name_placeholder: "First name",
6630        gift_first_name_label: "First name",
6631        gift_last_name_placeholder: "Last name",
6632        gift_last_name_label: "Last name",
6633        gift_email_placeholder: "Email address",
6634        gift_email_label: "Email address",
6635        gift_email_warning: "Important: Gift emails will be sent here",
6636        gift_note_placeholder: "Note",
6637        gift_note_label: "Note",
6638        gift_checkbox_label: "This is a gift",
6639        gift_recipient_info_title: "Recipient info"
6640      }
6641      product.metafields = {"isBundle":1,"type":"buildABox"};
6642      product.gift_selling_plans =[1247641663] ;
6643
6644      product.selling_plans_by_id = (function() {
6645        var ret = {};
6646        for (group of product.selling_plan_groups) {
6647          for (plan of group.selling_plans) {
6648            ret[plan.id] = JSON.parse(JSON.stringify(plan));
6649            ret[plan.id].selling_plan_group_id = group.id;
6650          }
6651        }
6652        return ret;
6653      })();
6654
6655      document.addEventListener("bundleapp:ready", function(){
6656        if(window.bundleapp && window.bundleapp.BundleAppWidget) {
6657          var $selector = document.querySelector("[data-bundleapp-wrapper='756867799441471']");
6658          var widget = new window.bundleapp.BundleAppWidget($selector, product);
6659        }
6660      });
6661    })();
6662  </script>
6662
6663
6664
6665              
6666              
6667
6668              <div
6669                class="
6670                  product-form__item product-form__item--submit"
6671              >
6672                
6673                  <div class="product-form__controls-group" style="border-radius: 100px;">
6674                    
6675                
6676<div class="visually-hidden" aria-live="assertive" aria-atomic="true" role="status" id="price-live-product-template" data-price-announcer>Current price $34.95, compare at price $38.85.</div><div class="product__price visually-hidden" data-a11y-price-root>
6677                  
6678<dl class="price
6679  
6680   price--on-sale 
6681  "
6682  data-price
6683>
6684
6685  
6686<div class="price__pricing-group">
6687    <div class="price__regular" aria-hidden="true">
6688      <dt>
6689        <span class="visually-hidden visually-hidden--inline">Regular price</span>
6690      </dt>
6691      <dd>
6692        <span class="price-item price-item--regular" data-regular-price>
6693          $34.95
6694        </span>
6695      </dd>
6696    </div>
6697    <div class="price__sale" >
6698      <dt>
6699        <span class="visually-hidden visually-hidden--inline">Sale price</span>
6700      </dt>
6701      <dd>
6702        <span class="price-item price-item--sale" data-sale-price>
6703          $34.95
6704        </span>
6705      </dd>
6706      <dt>
6707        <span class="visually-hidden visually-hidden--inline">Regular price</span>
6708      </dt>
6709      <dd>
6710        <s class="price-item price-item--regular" data-regular-price aria-hidden="true">
6711          $38.85
6712        </s>
6713        <span class="visually-hidden">
6714          Original price $38.85
6715        </span><span class="visually-hidden">You save 10 percent.</span></dd>
6716    </div>
6717    <div class="price__badges">
6718      <span class="price__badge price__badge--sale" aria-hidden="true">
6719        <span>Sale</span>
6720      </span>
6721      <span class="price__badge price__badge--sold-out">
6722        <span>Sold out</span>
6723      </span>
6724    </div>
6725  </div>
6726  <div class="price__unit">
6727    <dt>
6728      <span class="visually-hidden visually-hidden--inline">Unit price</span>
6729    </dt>
6730    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
6731  </div>
6732</dl>
6733
6734                </div>
6735
6736                <button
6737                  type="submit"
6738                  name="add"
6739                  
6740                  aria-label="Add to cart"
6741                  class="js-go-cart-add-to-cart btn product-form__cart-submit"
6742                  
6743                  
6744                  data-add-to-cart
6745                  style="
6746                    flex-basis: 100%;margin: 0;display: flex
6747                    ;
6748                        justify-content: space-evenly;
6749                        align-items: center;
6750                  "
6751                  
6752                    disabled
6753                  
6754                >
6755                  <span data-add-to-cart-text>
6756                    
6757                      ...Loading Bundle
6758                    
6759                  </span><span class="button-price" aria-hidden="true">
6760                    
6761<dl class="price
6762  
6763   price--on-sale 
6764  "
6765  data-price
6766>
6767
6768  
6769<div class="price__pricing-group">
6770    <div class="price__regular" aria-hidden="true">
6771      <dt>
6772        <span class="visually-hidden visually-hidden--inline">Regular price</span>
6773      </dt>
6774      <dd>
6775        <span class="price-item price-item--regular" data-regular-price>
6776          $34.95
6777        </span>
6778      </dd>
6779    </div>
6780    <div class="price__sale" >
6781      <dt>
6782        <span class="visually-hidden visually-hidden--inline">Sale price</span>
6783      </dt>
6784      <dd>
6785        <span class="price-item price-item--sale" data-sale-price>
6786          $34.95
6787        </span>
6788      </dd>
6789      <dt>
6790        <span class="visually-hidden visually-hidden--inline">Regular price</span>
6791      </dt>
6792      <dd>
6793        <s class="price-item price-item--regular" data-regular-price aria-hidden="true">
6794          $38.85
6795        </s>
6796        <span class="visually-hidden">
6797          Original price $38.85
6798        </span><span class="visually-hidden">You save 10 percent.</span></dd>
6799    </div>
6800    <div class="price__badges">
6801      <span class="price__badge price__badge--sale" aria-hidden="true">
6802        <span>Sale</span>
6803      </span>
6804      <span class="price__badge price__badge--sold-out">
6805        <span>Sold out</span>
6806      </span>
6807    </div>
6808  </div>
6809  <div class="price__unit">
6810    <dt>
6811      <span class="visually-hidden visually-hidden--inline">Unit price</span>
6812    </dt>
6813    <dd class="price-unit-price"><span data-unit-price></span><span aria-hidden="true">/</span><span class="visually-hidden">per&nbsp;</span><span data-unit-price-base-unit></span></dd>
6814  </div>
6815</dl>
6816
6817                  </span>
6818
6819                  <span class="hide" data-loader>
6820                    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20"><path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"/></svg>
6821                  </span>
6822                </button>
6823                
6824                  </div>
6825                
6826                
6827              </div>
6828            </div>
6829          <input type="hidden" name="product-id" value="6867799441471" /><input type="hidden" name="section-id" value="product-template" /></form>
6830          
6831        </div><p
6832          class="visually-hidden"
6833          data-product-status
6834          aria-live="assertive"
6835          aria-atomic="true"
6836          role="status"
6837        ></p><p
6838          class="visually-hidden"
6839          data-loader-status
6840          aria-live="assertive"
6841          role="alert"
6842          aria-hidden="true"
6843        >
6844          Adding product to your cart
6845        </p>
6846
6847        <div
6848          class="product-single__store-availability-container"
6849          data-store-availability-container
6850          data-product-title="Butter Bundle"
6851          data-has-only-default-variant="false"
6852          data-base-url="https://oat.haus/"
6853        ></div>
6854
6855        
6856      </div>
6857    </div>
6858  </div>
6859</div>
6860<div class="product-drip-section colortheme-cookie-productbg-drip colortheme-secondaryproductbg">
6861  <div class="productpagedrip">
6862    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1961.99 151.61" style="margin-top:-1px; display: block;">
6863      <defs></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="" d="M1962,0s-3.73,2.4-5.27,3.74c-23.27,20.34-34.09,60.74-51.83,86.73-23.66,34.67-61.37,50.16-99.92,28.84-24.4-13.49-41.23-33.38-61-52.39-13.38-12.85-30.15-24.06-48.7-23.87-23.58.25-42.62,18.3-64,28.18s-46.3,10.9-68.72,4.17c-21.11-6.33-35.64-23.46-57.42-27.41-33.42-6.05-54.57,20.26-70.57,44.81-15,23-35.28,37.22-62.74,41.33-28.29,4.23-61.16-15.31-85.64-30.28-13.83-8.45-27.91-19.2-44.76-19.81-21.5-.78-38.79,16.16-58.78,21.12C1120.61,120.53,1109.93,77,1080,56c-48.18-33.81-69.44,12.81-106.16,38.62-24.54,17.25-52.46,21.07-80.63,14.52-49.63-11.53-96.31-57.26-149.42-49.52a83.66,83.66,0,0,0-13.6,3.17C685.5,77.13,662.5,163.06,611.41,150.33c-28.65-7.15-39.84-49.29-71-48.76-35.68.61-50,34.15-85.3,30.22-51.7-5.75-94.23-83.34-142.84-90.4C299.32,39.51,284,43.48,272,49c-49,22.57-93.86,59.33-150.37,59.73C66,109.15,32.11,38.74,0,0Z"></path></g></g>
6864    </svg>
6865  </div>
6866  <div class="page-width rich-text">
6867    <div class="grid">
6868      <div class="grid__item">
6869        <div class="rich-text__heading text-center gliker">
6870          
6871
6872          
6873            
6874              <h2 class="h1 gliker blurb-title">
6875                All Oats No Brakes
6876              </h2>
6877            
6878
6879            
6880              <div class="product-single__description rte-setting text-center">
6881                <span>Can't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?</span>
6882              </div>
6883            
6884          
6885        </div>
6886      </div>
6887    </div>
6888    
6889    
6890      <div class="product-gallery--wrapper">
6891        <div class="product-gallery">
6892          <div class="Gallery-Image--wrapper Gallery-Image--wrapper-1 ">
6893            <br>
6894            <br>
6895            <br>
6896            <br>
6897            <br>
6898            <br>
6899            <br>
6900            <br>
6901            <br>
6902          </div>
6903        </div>
6904      </div>
6905    
6906  </div>
6907</div>
6908
6909  
6909<script type="application/json" id="ProductJson-product-template">
6910    {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough  and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
6910okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker 
6910calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"}
6911  </script>
6911
6912  
6912<script type="application/json" id="ModelJson-product-template">
6913    []
6914  </script>
6914
6915
6916
6917<script>
6918  // Keep assertive live region in sync with visible price
6919  document.addEventListener('DOMContentLoaded', function () {
6920    var section = document.getElementById('ProductSection-product-template');
6921    if (!section) return;
6922
6923    var announcer = section.querySelector('[data-price-announcer]');
6924    var a11yPriceRoot = section.querySelector('[data-a11y-price-root]');
6925    var buttonPrice = section.querySelector('button[data-add-to-cart] .button-price');
6926    var productEl = document.getElementById('ProductJson-product-template');
6927    var productData = null;
6928    try { productData = productEl ? JSON.parse(productEl.textContent) : null; } catch(e) {}
6929
6930    function money(cents) {
6931      try {
6932        if (window.Shopify && typeof Shopify.formatMoney === 'function') {
6933          return Shopify.formatMoney(cents, "${{amount}}");
6934        }
6935      } catch (e) {}
6936      return '$' + (cents / 100).toFixed(2);
6937    }
6938
6939    // Simple, JSON-driven announcer: updates once on load and on variant change
6940
6941    // Also respond directly to variant selection changes via ProductJson data
6942    function getSelectedVariant() {
6943      if (!productData || !productData.variants) return null;
6944      var select = section.querySelector('#ProductSelect-product-template');
6945      var id = select && select.value ? parseInt(select.value, 10) : null;
6946      if (id) return productData.variants.find(function(v){ return v.id === id; }) || null;
6947      // Fallback by matching option values
6948      var values = [];
6949      var selects = section.querySelectorAll('select.single-option-selector-product-template');
6950      if (selects.length) {
6951        selects.forEach(function(sel){ values.push(sel.value); });
6952      } else {
6953        var groups = section.querySelectorAll('fieldset.variant-selector');
6954        if (groups.length) {
6955          groups.forEach(function(group){
6956            var checked = group.querySelector('input[type="radio"]:checked');
6957            if (checked) values.push(checked.value);
6958          });
6959        }
6960      }
6961      if (!values.length) return null;
6962      return productData.variants.find(function(v){
6963        return (!values[0] || v.option1 === values[0]) && (!values[1] || v.option2 === values[1]) && (!values[2] || v.option3 === values[2]);
6964      }) || null;
6965    }
6966
6967    function updateFromVariant() {
6968      var v = getSelectedVariant();
6969      if (!v) return;
6970      // Sync the SR-visible price DOM to reflect the selected variant
6971      if (a11yPriceRoot) {
6972        var regWrap = a11yPriceRoot.querySelector('.price__regular');
6973        var saleWrap = a11yPriceRoot.querySelector('.price__sale');
6974        var regPrice = a11yPriceRoot.querySelector('.price__regular [data-regular-price]');
6975        var salePrice = a11yPriceRoot.querySelector('.price__sale [data-sale-price]');
6976        var cmpPrice = a11yPriceRoot.querySelector('.price__sale s[data-regular-price]');
6977
6978        var onSale = v.compare_at_price && v.compare_at_price > v.price;
6979        if (regWrap) regWrap.setAttribute('aria-hidden', onSale ? 'true' : 'false');
6980        if (saleWrap) saleWrap.setAttribute('aria-hidden', onSale ? 'false' : 'true');
6981        if (regPrice) regPrice.textContent = money(v.price);
6982        if (salePrice) salePrice.textContent = money(v.price);
6983        if (cmpPrice) cmpPrice.textContent = onSale ? money(v.compare_at_price) : cmpPrice.textContent;
6984      }
6985      var current = money(v.price);
6986      var original = v.compare_at_price && v.compare_at_price > v.price ? money(v.compare_at_price) : null;
6987      if (announcer) {
6988        var prefix = v.title ? (v.title + ': ') : '';
6989        announcer.textContent = original ? (prefix + 'Current price ' + current + ', compare at price ' + original + '.') : (prefix + 'Current price ' + current + '.');
6990      }
6991      // Copy DOM price into button to refresh visuals
6992      if (a11yPriceRoot && buttonPrice) {
6993        buttonPrice.innerHTML = a11yPriceRoot.innerHTML;
6994      }
6995    }
6996
6997    // Initial sync/announce
6998    updateFromVariant();
6999
7000    // Bind variant change listeners
7001    var form = section.querySelector('form.product-form');
7002    if (form) {
7003      form.addEventListener('change', function(e){
7004        // Delay slightly to allow theme/app scripts to update DOM/state
7005        setTimeout(updateFromVariant, 50);
7006      });
7007    }
7008  });
7009</script>
vendor: 1 bytes, line 7009
7009
7010<script>
7011  document.addEventListener("DOMContentLoaded", function () {
7012    const tabs = document.querySelectorAll(".flavorswap-tab");
7013    const sections = document.querySelectorAll(".flavorswap-section");
7014
7015    tabs.forEach(tab => {
7016      tab.addEventListener("click", function () {
7017        // Remove active class from all tabs and sections
7018        tabs.forEach(t => t.classList.remove("active"));
7019        sections.forEach(s => s.classList.remove("active"));
7020
7021        // Add active class to clicked tab and corresponding section
7022        this.classList.add("active");
7023        document.getElementById(this.dataset.tab).classList.add("active");
7024      });
7025    });
7026
7027    function updateHeaderColor() {
7028      const productElement = document.querySelector(".product-background");
7029      if (productElement) {
7030        const headerElement = document.querySelector("header");
7031        const newColor = productElement.getAttribute("data-color");
7032
7033        if (newColor && headerElement) {
7034          headerElement.classList.add("colortheme-headerbg");
7035          
7036          
7037        } else {
7038          console.log("No color found, resetting header.");
7039          headerElement.style.backgroundColor = ""; // Reset if no color is found
7040        }
7041      }
7042    }
7043
7044    // Run once on page load
7045    updateHeaderColor();
7046
7047    // If the product changes dynamically, re-run the function
7048    const observer = new MutationObserver(updateHeaderColor);
7049    observer.observe(document.body, { childList: true, subtree: true });
7050  });
7051</script>
7051
7052
7053
7054<script>
7055(() => {
7056  'use strict';
7057
7058  // Build PRODUCT images safely from product JSON
7059  const productJson = {"id":6867799441471,"title":"Butter Bundle","handle":"build-a-box-variety-granola-butter","description":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2023-06-21T09:19:44-04:00","created_at":"2022-02-03T07:17:49-05:00","vendor":"Oat Haus","type":"Bundle","tags":["alt-menu-photo","black_crow_do_not_cross_sell","buildabox","Bundles","chocolate","colortheme-cookie","hide-from-recommendations","mixnmatch","multipacks","original","vanilla","variety","vegan"],"price":3495,"price_min":3495,"price_max":5995,"available":true,"price_varies":true,"compare_at_price":3885,"compare_at_price_min":3885,"compare_at_price_max":7770,"compare_at_price_varies":true,"variants":[{"id":39590893092927,"title":"3 Jars","option1":"3 Jars","option2":null,"option3":null,"sku":"ZCUSTOM3PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29265845387327,"product_id":6867799441471,"position":4,"created_at":"2022-03-25T15:57:17-04:00","updated_at":"2025-02-16T13:40:50-05:00","alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","width":2503,"height":2502,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","variant_ids":[39590893092927]},"available":true,"name":"Butter Bundle - 3 Jars","public_title":"3 Jars","options":["3 Jars"],"price":3495,"weight":0,"compare_at_price":3885,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3146}],"price":3146,"compare_at_price":3495,"per_delivery_price":3146,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39587106226239,"title":"4 Jars","option1":"4 Jars","option2":null,"option3":null,"sku":"ZCUSTOM4PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":30911301124159,"product_id":6867799441471,"position":10,"created_at":"2023-08-22T11:26:11-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","width":2500,"height":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","variant_ids":[39587106226239]},"available":true,"name":"Butter Bundle - 4 Jars","public_title":"4 Jars","options":["4 Jars"],"price":4395,"weight":0,"compare_at_price":5180,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":3956}],"price":3956,"compare_at_price":4395,"per_delivery_price":3956,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":39590893125695,"title":"6 Jars","option1":"6 Jars","option2":null,"option3":null,"sku":"ZCUSTOM6PACK","requires_shipping":true,"taxable":true,"featured_image":{"id":29266077188159,"product_id":6867799441471,"position":6,"created_at":"2022-03-25T17:13:59-04:00","updated_at":"2025-02-16T13:39:35-05:00","alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","width":1600,"height":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","variant_ids":[39590893125695]},"available":true,"name":"Butter Bundle - 6 Jars","public_title":"6 Jars","options":["6 Jars"],"price":5995,"weight":0,"compare_at_price":7770,"inventory_management":null,"barcode":null,"featured_media":{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"}},"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564166719,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564199487,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"},{"price_adjustments":[{"position":1,"price":5396}],"price":5396,"compare_at_price":5995,"per_delivery_price":5396,"selling_plan_id":564232255,"selling_plan_group_id":"008f4cd70c28b04feb307d00b27b8c89669d85e3"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"],"featured_image":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","options":["Size"],"media":[{"alt":"A selection of 'Granola Butter' jars in various flavors, including brownie batter, vanilla and original, cookie dough  and birthday cake arranged side by side.","id":25748318060607,"position":1,"preview_image":{"aspect_ratio":1.191,"height":3930,"width":4680,"src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175"},"aspect_ratio":1.191,"height":3930,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/GB-POP-UP-2.jpg?v=1739731175","width":4680},{"alt":"A jar of Original Granola Butter by Oat Haus surrounded by strawberries, oats, chocolate chip co
7059okies and two golden spoons. ","id":21567153078335,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-7_d5e8f947-5ede-42a2-b087-e63ac581e6c2.jpg?v=1739731250","width":1920},{"alt":"Three jars of Vanilla Granola Butter with cookies stacked around them and a white background with a peach confetti-like design. ","id":21567152980031,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1200,"width":1200,"src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250"},"aspect_ratio":1.0,"height":1200,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/vanilla_9997d178-fb86-4c2e-b56c-14afffc92277.jpg?v=1739731250","width":1200},{"alt":"Three jars of Granola Butter in different flavors: Vanilla, Original and Chocolate inside a light blue, white and orange Oat Haus box. ","id":21750312271935,"position":4,"preview_image":{"aspect_ratio":1.0,"height":2502,"width":2503,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250"},"aspect_ratio":1.0,"height":2502,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be.jpg?v=1739731250","width":2503},{"alt":"Oat Haus Original, Vanilla, and Chocolate Granola Butter jars on tile surrounded by a plate of brownies, a plate of cookies, dates, cookies and brownies on the tile, and three golden spoons. ","id":21567135809599,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2400,"width":1920,"src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175"},"aspect_ratio":0.8,"height":2400,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/untitled-5-5_85afccde-c476-4274-8830-56b90fbd0a29.jpg?v=1739731175","width":1920},{"alt":"Oat Haus Vanilla, Original and Chocolate Granola Butter Jars surrounding a light blue, white and orange Oat Haus box. ","id":21750572744767,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1600,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OAT-HAUS-SHIPPING-BOX-1-Recovered2.jpg?v=1739731175","width":1600},{"alt":"Oat Haus Original, Cookie Dough, and Vanilla Granola Butter jars against a light blue background. ","id":23631036514367,"position":7,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"A pattern of Original, Vanilla and Cookie Dough Granola Butter jars against a light blue background. ","id":23631570632767,"position":8,"preview_image":{"aspect_ratio":0.8,"height":900,"width":720,"src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250"},"aspect_ratio":0.8,"height":900,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/OHxHP-update-2.jpg?v=1739731250","width":720},{"alt":"Oat Haus Vanilla, Chocolate and Original Granola Butter jars against a light beige background with oats, ginger, chocolate, cinnamon and maple syrup scattered around them. ","id":21567135875135,"position":9,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/VarietyPair2-100_7aae9db6-d088-4321-906f-e77a0eec1b5a.jpg?v=1739731175","width":1000},{"alt":"Oat Haus Original, Cookie Dough and Vanilla jars against a light blue background. ","id":23631039103039,"position":10,"preview_image":{"aspect_ratio":1.0,"height":2500,"width":2500,"src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2500,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/products\/OHxHP-update-1.jpg?v=1739731175","width":2500},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker 
7059calling out that they are \"made with olive oil\" with a very light blue background. ","id":25760592232511,"position":11,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/Build-a-box-dropdown.jpg?v=1739134909","width":2000},{"alt":"Jars of Oat Haus Cookie Dough, Brownie Batter, Vanilla and Cookies and Cream Granola Butter with a pink sticker calling out that they are \"made with olive oil\" against a light blue background. ","id":25748407910463,"position":12,"preview_image":{"aspect_ratio":1.0,"height":2000,"width":2000,"src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175"},"aspect_ratio":1.0,"height":2000,"media_type":"image","src":"\/\/oat.haus\/cdn\/shop\/files\/4-Jar-Bundle---Main.jpg?v=1739731175","width":2000}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"008f4cd70c28b04feb307d00b27b8c89669d85e3","name":"Subscribe \u0026 Save 10%","options":[{"name":"Deliver every","position":1,"values":["2 weeks","4 weeks","6 weeks"]}],"selling_plans":[{"id":564166719,"name":"Deliver every 2 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"2 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564199487,"name":"Deliver every 4 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"4 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}},{"id":564232255,"name":"Deliver every 6 weeks","description":null,"options":[{"name":"Deliver every","position":1,"value":"6 weeks"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"bundlesubscriptions"}],"content":"\u003cp\u003eQ: how much GB is too much GB? Answer: the limit does not exist.\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin\"\u003eAll Oats No Brakes\u003c\/h2\u003e\n\u003cdiv class=\"product-single__description rte-setting text-center\"\u003e\u003cspan\u003eCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eOriginal Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- splitingredients --\u003e\n\u003ch2 class=\"h1 margin haus-rules-title\"\u003eVanilla Ingredients\u003c\/h2\u003e\n\u003col class=\"haus-rules-list\"\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eGluten-free Oats°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eOlive Oil°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eMaple Syrup°\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eCoconut Oil°*\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\u003c\/li\u003e\n\u003cli class=\"haus-rule brice h5\"\u003eRosemary Extract°\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003cp\u003e°Organic, *Made with allergen-free coconut oil\u003c\/p\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eRice cakes\u003c\/h3\u003e\n\u003cp\u003eJust a light snack\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eApples\u003c\/h3\u003e\n\u003cp\u003eOn the go pick me up\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- split --\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eOreo cookies\u003c\/h3\u003e\n\u003cp\u003eA true Parent Trap vibe\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eCelery\u003c\/h3\u003e\n\u003cp\u003e21st century ants on a log\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item\"\u003e\n\u003ch3\u003eYour morning smoothie\u003c\/h3\u003e\n\u003cp\u003eA delicious start to your day\u003c\/p\u003e\n\u003c\/div\u003e"};
7060  const productImages = (productJson.images || [])
7061    .slice(0, Math.max(0, (productJson.images || []).length - 3))
7062    .map(img => (img && img.src) ? img.src : img) // tolerate string/obj
7063    .filter(Boolean);
7064
7065  // (Optional) crude thumbs from main URLs; use CDN sizes if you prefer
7066  const productThumbs = productImages.map(u =>
7067    u.replace(/(\.[^./?]+)(\?.*)?$/, '_500x$1$2')
7068  );
7069
7070  // Navigation plugin factory (no globals)
7071  function navigationFactory(thumbs) {
7072    return (slider) => {
7073      let wrapper, dotsWrapper, dots, arrowLeft, arrowRight;
7074
7075      const remove = (el) => el && el.parentNode && el.parentNode.removeChild(el);
7076      const div = (cls) => { const d = document.createElement('div'); cls.split(' ').forEach(c=>d.classList.add(c)); return d; };
7077
7078      function wrapperMarkup(removeFlag) {
7079        if (removeFlag) {
7080          const parent = wrapper && wrapper.parentNode;
7081          if (parent && wrapper) {
7082            while (wrapper.firstChild) parent.insertBefore(wrapper.firstChild, wrapper);
7083            remove(wrapper);
7084          }
7085          return;
7086        }
7087        wrapper = div('navigation-wrapper');
7088        slider.container.parentNode.appendChild(wrapper);
7089        wrapper.appendChild(slider.container);
7090      }
7091
7092      function arrowMarkup(removeFlag) {
7093        if (removeFlag) { remove(arrowLeft); remove(arrowRight); return; }
7094        arrowLeft = div('product-arrow product-arrow--left');
7095        arrowRight = div('product-arrow product-arrow--right');
7096        arrowLeft.addEventListener('click', () => slider.prev());
7097        arrowRight.addEventListener('click', () => slider.next());
7098        wrapper.appendChild(arrowLeft);
7099        wrapper.appendChild(arrowRight);
7100      }
7101
7102      function dotMarkup(removeFlag) {
7103        if (removeFlag) { remove(dotsWrapper); return; }
7104        dotsWrapper = div('product-dots-wrapper');
7105        dots = div('product-dots');
7106
7107        slider.track.details.slides.forEach((_e, idx) => {
7108          const dot = div('product-dot');
7109          if (thumbs && thumbs[idx]) {
7110            const img = document.createElement('img');
7111            img.src = thumbs[idx];
7112            img.alt = 'Product Image Photography ' + (idx + 1);
7113            dot.appendChild(img);
7114          }
7115          dot.addEventListener('click', () => slider.moveToIdx(idx));
7116          dots.appendChild(dot);
7117        });
7118
7119        dotsWrapper.appendChild(dots);
7120        wrapper.appendChild(dotsWrapper);
7121      }
7122
7123      function updateClasses() {
7124        const rel = slider.track.details.rel;
7125        if (arrowLeft && arrowRight) {
7126          (rel === 0) ? arrowLeft.classList.add('arrow--disabled') : arrowLeft.classList.remove('arrow--disabled');
7127          (rel === slider.track.details.slides.length - 1) ? arrowRight.classList.add('arrow--disabled') : arrowRight.classList.remove('arrow--disabled');
7128        }
7129        if (dots) {
7130          Array.from(dots.children).forEach((dot, idx) => {
7131            (idx === rel) ? dot.classList.add('product-dot--active') : dot.classList.remove('product-dot--active');
7132          });
7133        }
7134      }
7135
7136      function markup(removeFlag) { wrapperMarkup(removeFlag); dotMarkup(removeFlag); arrowMarkup(removeFlag); }
7137
7138      slider.on('created', () => { markup(false); updateClasses(); });
7139      slider.on('optionsChanged', () => { markup(true); markup(false); updateClasses(); });
7140      slider.on('slideChanged', updateClasses);
7141      slider.on('destroyed', () => markup(true));
7142    };
7143  }
7144
7145  // Load images for THIS slider only
7146  function loadImagesFactory(imgs) {
7147    const loaded = [];
7148    return function loadImages(s) {
7149      const slideIdx = s.track.details.rel;
7150      loaded[slideIdx] = true;
7151      s.slides.forEach((el, idx) => {
7152        if (loaded[idx]) {
7153          const img = el.querySelector('img');
7154          if (img && imgs[idx]) img.setAttribute('src', imgs[idx]);
7155        }
7156      });
7157    };
7158  }
7159
7160  const productLoadImages = loadImagesFactory(productImages);
7161  new KeenSlider('#product-keen-slider', {
7162    created: productLoadImages,
7163    animationEnded: productLoadImages,
7164    loop: true,
7165    initial: 0,
7166  }, [navigationFactory(productThumbs)]);
7167})();
7168</script>
7168
7169
7170</div>
7171<div id="shopify-section-product-ingredients" class="shopify-section product-section haus-rules product-ingredients">
7172
7173
7174
7175
7176
7177
7178
7179
7180
7181<div class="product_ingredients colortheme-cookie-productingredientsbg colortheme-secondaryproductbg">
7182  <div class="product_ingredients_items order-2" style="justify-content: center; align-items: center; overflow: hidden;">
7183
7184    
7185    
7186      <!-- Wrapper for all ingredient items -->
7187      <div class="ingredients-wrapper--parent">
7188        <div class="ingredients-wrapper">
7189          <div class="ingredients-container--wrapper">
7190            <div class="ingredients-heading gliker">Ingredients</div>
7191
7192            <div class="ingredients-container">
7193              
7194                <div class="ingredient-item">
7195                  
7196                    
7197                      <img
7198                        src="//oat.haus/cdn/shop/files/GF_Oats_3x-8.png?v=1756742888&width=151"
7199                        alt="Gluten Free Oats Icon"
7200                        class="ingredient-image"
7201                      >
7202                    
7203                  
7204
7205                  
7206                    <div class="ingredient-label gliker">Gluten Free Oats</div>
7207                  
7208                </div>
7209              
7210                <div class="ingredient-item">
7211                  
7212                    
7213                      <img
7214                        src="//oat.haus/cdn/shop/files/Olive_Oil_3x-8.png?v=1756742888&width=142"
7215                        alt="Olive Oil Icon"
7216                        class="ingredient-image"
7217                      >
7218                    
7219                  
7220
7221                  
7222                    <div class="ingredient-label gliker">Olive Oil</div>
7223                  
7224                </div>
7225              
7226                <div class="ingredient-item">
7227                  
7228                    
7229                      <img
7230                        src="//oat.haus/cdn/shop/files/Coconut_Oil_3x-8.png?v=1756742888&width=165"
7231                        alt="Coconut oil Icon"
7232                        class="ingredient-image"
7233                      >
7234                    
7235                  
7236
7237                  
7238                    <div class="ingredient-label gliker">Coconut oil</div>
7239                  
7240                </div>
7241              
7242                <div class="ingredient-item">
7243                  
7244                    
7245                      <img
7246                        src="//oat.haus/cdn/shop/files/Maple_Syrup_3x-8.png?v=1756742888&width=168"
7247                        alt="Maple Syrup Icon"
7248                        class="ingredient-image"
7249                      >
7250                    
7251                  
7252
7253                  
7254                    <div class="ingredient-label gliker">Maple Syrup</div>
7255                  
7256                </div>
7257              
7258            </div>
7259          </div>
7260
7261          <!-- Use Nutritional Image -->
7262          <div class="single-ingredient">
7263            <div class="product-single__media-wrapper js" style="position: relative;">
7264              <div class="nutrition">
7265                <div id="ingredients-keen-slider" class="keen-slider">
7266                  
7267              
7268                  
7269                    <div class="keen-slider__slide lazy__slide feature-row__image">
7270                      <img src="" alt="Nutrition Facts 1">
7271                      <div class="nutriflavor"></div>
7272                    </div>
7273                  
7274                    <div class="keen-slider__slide lazy__slide feature-row__image">
7275                      <img src="" alt="Nutrition Facts 2">
7276                      <div class="nutriflavor"></div>
7277                    </div>
7278                  
7279                    <div class="keen-slider__slide lazy__slide feature-row__image">
7280                      <img src="" alt="Nutrition Facts 3">
7281                      <div class="nutriflavor"></div>
7282                    </div>
7283                  
7284                    <div class="keen-slider__slide lazy__slide feature-row__image">
7285                      <img src="" alt="Nutrition Facts 4">
7286                      <div class="nutriflavor"></div>
7287                    </div>
7288                  
7289                    <div class="keen-slider__slide lazy__slide feature-row__image">
7290                      <img src="" alt="Nutrition Facts 5">
7291                      <div class="nutriflavor"></div>
7292                    </div>
7293                  
7294                    <div class="keen-slider__slide lazy__slide feature-row__image">
7295                      <img src="" alt="Nutrition Facts 6">
7296                      <div class="nutriflavor"></div>
7297                    </div>
7298                  
7299                    <div class="keen-slider__slide lazy__slide feature-row__image">
7300                      <img src="" alt="Nutrition Facts 7">
7301                      <div class="nutriflavor"></div>
7302                    </div>
7303                  
7304                    <div class="keen-slider__slide lazy__slide feature-row__image">
7305                      <img src="" alt="Nutrition Facts 8">
7306                      <div class="nutriflavor"></div>
7307                    </div>
7308                  
7309                    <div class="keen-slider__slide lazy__slide feature-row__image">
7310                      <img src="" alt="Nutrition Facts 9">
7311                      <div class="nutriflavor"></div>
7312                    </div>
7313                  
7314                
7315                </div>
7316              </div>
7317            </div>
7318          </div>
7319
7320        </div>
7321      </div>
7322    
7323
7324  </div>
7325</div>
7326
7327  
7328  
7329  
7330  
7331
7332
7333<script>
7334
7335// Build arrays from the metaobjects safely (no drops leaked into JS)
7336
7337// Full-size images
7338var images = [
7339  
7340    
7341      "//oat.haus/cdn/shop/files/CookieDoughNutritionals_3x-100_c37b1394-50c3-4343-9f23-f72875523af8.jpg?v=1756823399&width=500"
7342    
7343    ,
7344  
7345    
7346      "//oat.haus/cdn/shop/files/OriginalNutritionals_3x-100_2659ed50-c9ae-4aeb-b32a-13122417ba2c.jpg?v=1756823652&width=500"
7347    
7348    ,
7349  
7350    
7351      "//oat.haus/cdn/shop/files/BDAYNutritionals_3x-100_499b26c3-8501-48de-a1bb-7fe9adfbdb60.jpg?v=1756823800&width=500"
7352    
7353    ,
7354  
7355    
7356      "//oat.haus/cdn/shop/files/VanillaNutritionals_3x-100_10f35de6-037d-4875-91c1-6acd596969a4.jpg?v=1756823939&width=500"
7357    
7358    ,
7359  
7360    
7361      "//oat.haus/cdn/shop/files/BrownieBatterNutritionals_3x-100_0c30ddcc-31b2-4109-b868-49aad04d0f8d.jpg?v=1756824160&width=500"
7362    
7363    ,
7364  
7365    
7366      "//oat.haus/cdn/shop/files/Cookies_CreamNutritionals_3x-100_bf521255-9952-41b9-b22d-899146b58a61.jpg?v=1756824286&width=500"
7367    
7368    ,
7369  
7370    
7371      "//oat.haus/cdn/shop/files/WildBerryUpdatedIngredients_4x-100_e245ae04-ad96-4f95-b63f-641b5f01ff82.jpg?v=1756824423&width=500"
7372    
7373    ,
7374  
7375    
7376      "//oat.haus/cdn/shop/files/Brookie_Nutri_e9508b1f-7d4f-4b7d-8aa2-f2f713c25b2a.png?v=1756824553&width=500"
7377    
7378    ,
7379  
7380    
7381      "//oat.haus/cdn/shop/files/DubaiChocolateNutri_4x-100_57d583fa-0fed-42ab-97cb-beddde9b9f7c.jpg?v=1756824737&width=500"
7382    
7383    
7384  
7385];
7386var nutri_images = [
7387  
7388    
7389      "Cookie Dough"
7390    
7391    ,
7392  
7393    
7394      "Original"
7395    
7396    ,
7397  
7398    
7399      "Birthday Cake"
7400    
7401    ,
7402  
7403    
7404      "Vanilla"
7405    
7406    ,
7407  
7408    
7409      "Brownie Batter"
7410    
7411    ,
7412  
7413    
7414      "Cookies and Cream"
7415    
7416    ,
7417  
7418    
7419      "Wild Berry"
7420    
7421    ,
7422  
7423    
7424      "Brookie"
7425    
7426    ,
7427  
7428    
7429      "Dubai Chocolate"
7430    
7431    
7432  
7433];
7434
7435
7436
7437var elements = document.querySelectorAll(".lazy__slide img")
7438var loaded = [] 
7439
7440  function navigation(slider) {
7441  let wrapper, dots, arrowLeft, arrowRight
7442
7443  function markup(remove) {
7444    wrapperMarkup(remove)
7445    dotMarkup(remove)
7446    arrowMarkup(remove)
7447  }
7448
7449  function removeElement(elment) {
7450    elment.parentNode.removeChild(elment)
7451  }
7452  function createDiv(className) {
7453    var div = document.createElement("div")
7454    var classNames = className.split(" ")
7455    classNames.forEach((name) => div.classList.add(name))
7456    return div
7457  }
7458
7459  function arrowMarkup(remove) {
7460    if (remove) {
7461      removeElement(arrowLeft)
7462      removeElement(arrowRight)
7463      return
7464    }
7465    arrowLeft = createDiv("product-arrow product-arrow--left")
7466    arrowLeft.addEventListener("click", () => slider.prev())
7467    arrowRight = createDiv("product-arrow product-arrow--right")
7468    arrowRight.addEventListener("click", () => slider.next())
7469
7470    wrapper.appendChild(arrowLeft)
7471    wrapper.appendChild(arrowRight)
7472  }
7473
7474  function wrapperMarkup(remove) {
7475    if (remove) {
7476      var parent = wrapper.parentNode
7477      while (wrapper.firstChild)
7478        parent.insertBefore(wrapper.firstChild, wrapper)
7479      removeElement(wrapper)
7480      return
7481    }
7482    wrapper = createDiv("navigation-wrapper")
7483    slider.container.parentNode.appendChild(wrapper)
7484    wrapper.appendChild(slider.container)
7485  }
7486
7487  function dotMarkup(remove) {
7488    if (remove) {
7489      removeElement(dotsWrapper)
7490      return
7491    }
7492    // Create the wrapper for dots
7493    dotsWrapper = createDiv("product-dots-wrapper");
7494
7495    // Create the dots container
7496    dots = createDiv("product-dots");
7497    var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
7498    slider.track.details.slides.forEach((_e, idx) => {
7499      var dot = createDiv("product-dot")
7500      var img = document.createElement("img")
7501      if(width>700){
7502        var imagethumbss = images.map(i => i.split('.jpg')[0] + '_500x.jpg')
7503        img.src=imagethumbss[idx]
7504        img.alt="Slider Dot"
7505        dot.appendChild(img)
7506    }
7507      dot.addEventListener("click", () => slider.moveToIdx(idx))
7508      dots.appendChild(dot)
7509    })
7510   // Append dots to the wrapper
7511   dotsWrapper.appendChild(dots);
7512
7513   // Append dotsWrapper to the main wrapper
7514   wrapper.appendChild(dotsWrapper);
7515  }
7516
7517  function updateClasses() {
7518    var slide = slider.track.details.rel
7519    slide === 0
7520      ? arrowLeft.classList.add("arrow--disabled")
7521      : arrowLeft.classList.remove("arrow--disabled")
7522    slide === slider.track.details.slides.length - 1
7523      ? arrowRight.classList.add("arrow--disabled")
7524      : arrowRight.classList.remove("arrow--disabled")
7525    Array.from(dots.children).forEach(function (dot, idx) {
7526      idx === slide
7527        ? dot.classList.add("product-dot--active")
7528        : dot.classList.remove("product-dot--active")
7529    })
7530  }
7531
7532  slider.on("created", () => {
7533    markup()
7534    updateClasses()
7535  })
7536  slider.on("optionsChanged", () => {
7537    console.log(2)
7538    markup(true)
7539    markup()
7540    updateClasses()
7541  })
7542  slider.on("slideChanged", () => {
7543    updateClasses()
7544  })
7545  slider.on("destroyed", () => {
7546    markup(true)
7547  })
7548}
7549
7550
7551function loadImages(s) {
7552        const slideIdx = s.track.details.rel
7553        loaded[slideIdx] = true
7554
7555        s.slides.forEach((element, idx) => {
7556          if (loaded[idx])
7557            element.querySelector("img").setAttribute("src", images[idx])
7558            element.querySelector("img").setAttribute("alt", nutri_images[idx] + " Nutrition Facts" )
7559            element.querySelector(".nutriflavor").innerHTML=nutri_images[idx]
7560        })
7561      }
7562      var IngSlider = new KeenSlider("#ingredients-keen-slider", {
7563        animationEnded: loadImages,
7564        created: loadImages,
7565        loop: true,
7566        initial: 0,
7567      }, [navigation])
7568
7569
7570</script>
7570
7571</div>
7572<div id="shopify-section-pairs-with" class="shopify-section product-pairs-with">
7573
7574
7575
7576
7577
7578
7579
7580
7581    <div class = " colortheme-cookie-pairswithbg pairs-with-section">
7582        <div class="main-container">
7583            <div class="head-pair gliker">
7584                <h2>Best Paired With?</h2>
7585            </div>
7586            <div class="pairs-section">
7587                
7588                
7589                    <div class="pairs-container paris-first-container">
7590                    
7591                        
7592                        <div class="pair-item">
7593                            <div class="pair-image">
7594                                
7595                                <img src="//oat.haus/cdn/shop/files/Pancakes.png?v=1756240873" alt="Pancakes" class="">
7596                                
7597                            </div>
7598                            <div class="pair-desc">
7599
7600                                
7601                                <div class="heading-pair">
7602                                    <h3 class="pair-heading gliker">Pancakes</h3>
7603                                </div>
7604                                
7605                                
7606                                
7607                                <div class="text-pair">
7608                                    <p class="pair-text">Move over, maple syrup. </p>
7609                                </div>
7610                                
7611                            </div>
7612                        </div>
7613                        
7614                    
7615                        
7616                        <div class="pair-item">
7617                            <div class="pair-image">
7618                                
7619                                <img src="//oat.haus/cdn/shop/files/Toast.png?v=1756240873" alt="On Toast" class="">
7620                                
7621                            </div>
7622                            <div class="pair-desc">
7623
7624                                
7625                                <div class="heading-pair">
7626                                    <h3 class="pair-heading gliker">On Toast</h3>
7627                                </div>
7628                                
7629                                
7630                                
7631                                <div class="text-pair">
7632                                    <p class="pair-text">Fairy bread! </p>
7633                                </div>
7634                                
7635                            </div>
7636                        </div>
7637                        
7638                    
7639                        
7640                        <div class="pair-item">
7641                            <div class="pair-image">
7642                                
7643                                <img src="//oat.haus/cdn/shop/files/Yogurt.png?v=1756299694" alt="Yogurt" class="">
7644                                
7645                            </div>
7646                            <div class="pair-desc">
7647
7648                                
7649                                <div class="heading-pair">
7650                                    <h3 class="pair-heading gliker">Yogurt</h3>
7651                                </div>
7652                                
7653                                
7654                                
7655                                <div class="text-pair">
7656                                    <p class="pair-text">A breakfast of champions. </p>
7657                                </div>
7658                                
7659                            </div>
7660                        </div>
7661                        
7662                    
7663                        
7664                    
7665                        
7666                    
7667                        
7668                    
7669                        
7670                    
7671                    </div>
7672                        
7673                        
7674                        <div class="last-pair-container ">
7675                            <div class="last-pair-item">
7676                                <div class="last-pair-image">
7677                                    
7678                                        <img src="//oat.haus/cdn/shop/files/Brookie_9f4fbeba-d5bf-4fe9-9b70-4539141e4ca0.jpg?v=1756822987&width=800" alt="Image inspiring what product can pair with" class="pair-image pair-image-">
7679                                    
7680                                </div>
7681                                <div class="last-pair-desc">
7682
7683                                    
7684                            
7685                                    
7686                                </div>
7687                            </div>
7688                        </div>
7689                    <div class="pairs-container paris-second-container">
7690                    
7691                        
7692                    
7693                        
7694                    
7695                        
7696                    
7697                        
7698                        <div class="pair-item">
7699                            <div class="pair-image">
7700
7701                                
7702                                <img src="//oat.haus/cdn/shop/files/Spoon_3cef08d0-46ec-4d9d-9aa4-07e5ad6ccbf6.png?v=1756240873&width=74" alt="A spoon" class="">
7703                                
7704                            </div>
7705                            <div class="pair-desc">
7706
7707                                
7708                                <div class="heading-pair">
7709                                    <h3 class="pair-heading gliker">A spoon</h3>
7710                                </div>
7711                                
7712                                
7713                                
7714                                <div class="text-pair">
7715                                    <p class="pair-text">Dive on in. </p>
7716                                </div>
7717                                
7718                            </div>
7719                        </div>
7720                        
7721                    
7722                        
7723                        <div class="pair-item">
7724                            <div class="pair-image">
7725
7726                                
7727                                <img src="//oat.haus/cdn/shop/files/Chocolate.png?v=1756240873&width=74" alt="Chocolate" class="">
7728                                
7729                            </div>
7730                            <div class="pair-desc">
7731
7732                                
7733                                <div class="heading-pair">
7734                                    <h3 class="pair-heading gliker">Chocolate</h3>
7735                                </div>
7736                                
7737                                
7738                                
7739                                <div class="text-pair">
7740                                    <p class="pair-text">Nom!</p>
7741                                </div>
7742                                
7743                            </div>
7744                        </div>
7745                        
7746                    
7747                        
7748                        <div class="pair-item">
7749                            <div class="pair-image">
7750
7751                                
7752                                <img src="//oat.haus/cdn/shop/files/GrahamCracker.png?v=1756240873&width=74" alt="Graham Crackers" class="">
7753                                
7754                            </div>
7755                            <div class="pair-desc">
7756
7757                                
7758                                <div class="heading-pair">
7759                                    <h3 class="pair-heading gliker">Graham Crackers</h3>
7760                                </div>
7761                                
7762                                
7763                                
7764                                <div class="text-pair">
7765                                    <p class="pair-text">Just add marshmallows. </p>
7766                                </div>
7767                                
7768                            </div>
7769                        </div>
7770                        
7771                    
7772                        
7773                    
7774                    </div>
7775                
7776            </div>
7777        </div>
7778    </div>
7779
7780
7781
7782</div>
7783<div id="shopify-section-judgeme-product-carousel" class="shopify-section jdgm-product-carousel">
7784
7785
7786<div class="colortheme-cookie-reviewsbg">
7787    <div product-page-width  class=" jdgm-product-carousel-wrapper">
7788        
7789
7790
7791
7792<div style='clear:both'></div>
7793<div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='Butter Bundle' data-id='6867799441471'
7794data-from-snippet='false'
7795data-auto-install='false'>
7796  <div class='jdgm-rev-widg' data-updated-at='2026-09-25T02:54:12Z' data-average-rating='4.84' data-number-of-reviews='2684' data-number-of-questions='0' data-image-url='https://cdn.shopify.com/s/files/1/0012/4567/5583/files/GB-POP-UP-2.jpg?v=1739731175'> <style class='jdgm-temp-hiding-style'>.jdgm-rev-widg{ display: none }</style> <div class='jdgm-rev-widg__header'> <h2 class='jdgm-rev-widg__title'>Customer Reviews</h2>  <div class='jdgm-rev-widg__summary'> <div class='jdgm-rev-widg__summary-stars' aria-label='Average rating is 4.84 stars' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </div> <div class='jdgm-rev-widg__summary-text'>Based on 2684 reviews</div> </div> <a style='display: none' href='#' class='jdgm-write-rev-link' role='button'>Write a review</a> <div class='jdgm-histogram jdgm-temp-hidden'>  <div class='jdgm-histogram__row' data-rating='5' data-frequency='2445' data-percentage='91'>  <div class='jdgm-histogram__star' role='button' aria-label="91% (2445) reviews with 5 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 91%;'> </div> </div> <div class='jdgm-histogram__percentage'>91%</div> <div class='jdgm-histogram__frequency'>(2445)</div> </div>  <div class='jdgm-histogram__row' data-rating='4' data-frequency='118' data-percentage='4'>  <div class='jdgm-histogram__star' role='button' aria-label="4% (118) reviews with 4 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 4%;'> </div> </div> <div class='jdgm-histogram__percentage'>4%</div> <div class='jdgm-histogram__frequency'>(118)</div> </div>  <div class='jdgm-histogram__row' data-rating='3' data-frequency='84' data-percentage='3'>  <div class='jdgm-histogram__star' role='button' aria-label="3% (84) reviews with 3 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 3%;'> </div> </div> <div class='jdgm-histogram__percentage'>3%</div> <div class='jdgm-histogram__frequency'>(84)</div> </div>  <div class='jdgm-histogram__row' data-rating='2' data-frequency='11' data-percentage='0'>  <div class='jdgm-histogram__star' role='button' aria-label="0% (11) reviews with 2 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 0%;'> </div> </div> <div class='jdgm-histogram__percentage'>0%</div> <div class='jdgm-histogram__frequency'>(11)</div> </div>  <div class='jdgm-histogram__row' data-rating='1' data-frequency='26' data-percentage='1'>  <div class='jdgm-histogram__star' role='button' aria-label="1% (26) reviews with 1 star rating"  tabindex='0' ><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span><span class='jdgm-star jdgm--off'></span></div> <div class='jdgm-histogram__bar'> <div class='jdgm-histogram__bar-content' style='width: 1%;'> </div> </div> <div class='jdgm-histogram__percentage'>1%</div> <div class='jdgm-histogram__frequency'>(26)</div> </div>  <div class='jdgm-histogram__row jdgm-histogram__clear-filter' data-rating=null tabindex='0'></div> </div>  <div class="jdgm-medals-wrapper jdgm-hidden" data-updated-at='2026-09-25T02:54:12Z'> <style type="text/css"></style> <div class="jdgm-medals" data-link="https://app.judge.me/reviews/stores/oat.haus">
7796 <div class="jdgm-medals__container"> <div class="jdgm-medal-wrapper" title="Platinum Authentic Shop. At least 99% of published reviews are verified reviews"> <a class="jdgm-medal jdgm--loading" data-value="99.8" data-type="auth" data-tier="platinum" aria-label="Judge.me Platinum Authentic Shop medal"> <div class="jdgm-medal__image" data-url="auth/platinum.svg" data-alt="Judge.me Platinum Authentic Shop medal"></div> <div class="jdgm-medal__value ">99.8</div> </a> </div> <div class="jdgm-medal-wrapper" title="Gold Transparent Shop. Published at least 95% of verified reviews received in total"> <a class="jdgm-medal jdgm--loading" data-value="96.7" data-type="tran" data-tier="gold" aria-label="Judge.me Gold Transparent Shop medal"> <div class="jdgm-medal__image" data-url="tran/gold.svg" data-alt="Judge.me Gold Transparent Shop medal"></div> <div class="jdgm-medal__value ">96.7</div> </a> </div> </div> </div> </div>   <div class='jdgm-rev-widg__sort-wrapper'></div> </div> <div class='jdgm-rev-widg__body'>  <div class='jdgm-rev-widg__reviews'><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='92c8fba5-8f7e-4d2b-a00e-139a026206d4' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > K </div>  <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T21:26:25Z' data-content='2026-09-23 21:26:25 UTC'></time>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Kirsten F.</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  </div> <b class='jdgm-rev__title'></b> <div class='jdgm-rev__body'><p>Butter Bundle</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='e8d62086-2b11-446d-840a-76c910e8a808' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > G </div>  <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T18:49:52Z' data-content='2026-09-23 18:49:52 UTC'></time>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Gregg Z.</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  </div> <b class='jdgm-rev__title'>Good stuff</b> <div class='jdgm-rev__body'><p>Love it</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div><div class='jdgm-rev jdgm-divider-top' data-verified-buyer='true' data-review-id='cf10e5e3-3b05-4188-9793-8b703a54cd45' data-review-language='' data-product-title='Butter Bundle' data-product-url='/products/build-a-box-variety-granola-butter' data-thumb-up-count='0' data-thumb-down-count='0'> <div class='jdgm-rev__header'>  <div class='jdgm-rev__icon' > S </div>  <span class='jdgm-rev__rating' data-score='5' tabindex='0' aria-label='5 
7796star review' role='img'> <span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span><span class='jdgm-star jdgm--on'></span> </span> <time class='jdgm-rev__timestamp jdgm-spinner' datetime='2026-09-23T17:04:54Z' data-content='2026-09-23 17:04:54 UTC'></time>    <div class='jdgm-rev__br'></div> <span class='jdgm-rev__buyer-badge-wrapper'> <span class='jdgm-rev__buyer-badge'></span> </span> <span class='jdgm-rev__author-wrapper'> <span class='jdgm-rev__author'>Stacey A.</span> <span class='jdgm-rev__location' >  </span>  </span> </div> <div class='jdgm-rev__content'>  <div class='jdgm-rev__custom-form'>  </div> <b class='jdgm-rev__title'>Rice Krispy Treats!!</b> <div class='jdgm-rev__body'><p>OMG!!! I dont know how ya all did this but the rice krispy treat butter is DA BOMB!!!! Sooo Sooo good!! It tastes exactly like a rice krispy treat!</p></div> <div class='jdgm-rev__pics'>  </div> <div class='jdgm-rev__vids'>   </div> <div class='jdgm-rev__transparency-badge-wrapper'>  <div class='jdgm-rev__transparency-badge' data-badge-type=review_collected_via_store_invitation></div>  </div> </div> <div class='jdgm-rev__actions'> <div class='jdgm-rev__social'></div> <div class='jdgm-rev__votes'></div> </div> <div class='jdgm-rev__reply'>  </div> </div></div> <div class='jdgm-paginate' data-per-page='3' data-url='https://api.judge.me/reviews/reviews_for_widget' ><a class='jdgm-paginate__page jdgm-curt' data-page='1' aria-label='Page 1' tabindex='0' aria-current='page'  role='button'>1</a><a class='jdgm-paginate__page ' data-page='2' aria-label='Page 2' tabindex='0'   role='button'>2</a><a class='jdgm-paginate__page ' data-page='3' aria-label='Page 3' tabindex='0'   role='button'>3</a><a class='jdgm-paginate__page jdgm-paginate__next-page' data-page='2' aria-label='Page 2' tabindex='0'  rel='next' role='button'></a><a class='jdgm-paginate__page jdgm-paginate__last-page' data-page='333' aria-label='Page 333' tabindex='0'   role='button'></a></div>  </div> <div class='jdgm-rev-widg__paginate-spinner-wrapper'> <div class='jdgm-spinner'></div> </div> </div>
7797</div>
7798
7799
7800
7801
7802
7803
7804
7805
7806
7807
7808
7809
7810
7811
7812
7813
7814    </div>
7815</div>    
7816    </div>
7817<div id="shopify-section-product-recommendations" class="shopify-section shopify-product-recommendation"><div class="page-width" data-base-url="/recommendations/products" data-product-id="6867799441471" data-section-id="product-recommendations" data-section-type="product-recommendations"></div><!-- Include Swiper CSS -->
7818<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
7819
7820<!-- Initialize Swiper with pagination -->
7821<script>
7822  document.addEventListener('DOMContentLoaded', function () {
7823    // Target element selector
7824    const swiperContainerSelector = '.product-recommendations';
7825
7826    // Function to update ratings
7827    function updateRatings() {
7828        document.querySelectorAll('.custom-ratings').forEach(function (el) {
7829            let rating = parseFloat(el.getAttribute('data-rating')) || 0;
7830            let ratingPercent = (rating / 5) * 100; // Convert rating to percentage
7831            el.style.setProperty('--rating-percent', ratingPercent + '%');
7832        });
7833    }
7834
7835    // Function to initialize Swiper
7836    function initSwiper() {
7837        const swiperEl = document.querySelector(swiperContainerSelector);
7838        if (swiperEl) {
7839            console.log('Swiper container found. Initializing...');
7840            new Swiper(swiperEl, {
7841                slidesPerView: 1.5,
7842                spaceBetween: 30,
7843                pagination: {
7844                    el: '.swiper-pagination',
7845                    clickable: true,
7846                },
7847                breakpoints: {
7848                    1400: { slidesPerView: 4, spaceBetween: 50 },
7849                    990: { slidesPerView: 3, spaceBetween: 30 },
7850                    750: { slidesPerView: 2.5, spaceBetween: 30 }
7851                }
7852            });
7853
7854            // Call updateRatings() after Swiper initializes
7855            updateRatings();
7856            return true; // Success
7857        }
7858        return false; // Not found
7859    }
7860
7861    // Try initializing immediately (if container exists)
7862    if (!initSwiper()) {
7863        console.log('Swiper container not found. Setting up observer...');
7864        
7865        // Set up MutationObserver to watch for dynamic loading
7866        const observer = new MutationObserver(function (mutations, obs) {
7867            if (initSwiper()) {
7868                console.log('Swiper initialized via observer. Disconnecting...');
7869                obs.disconnect(); // Stop observing after successful init
7870            }
7871        });
7872
7873        // Start observing the document body for added nodes
7874        observer.observe(document.body, {
7875            childList: true,
7876            subtree: true
7877        });
7878
7879        // Optional: Timeout as fallback
7880        setTimeout(() => {
7881            observer.disconnect();
7882            console.log('Observer timeout reached');
7883        }, 10000); // 10-second timeout
7884    }
7885});
7886
7887
7888  </script>
7888
7889
7890</div>
7891
7892
7893
7894<script>
7895  // Override default values of shop.strings for each template.
7896  // Alternate product templates can change values of
7897  // add to cart button, sold out, and unavailable states here.
7898  theme.productStrings = {
7899    addToCart: "Add to cart",
7900    soldOut: "Sold out",
7901    unavailable: "Unavailable"
7902  }
7903</script>
7903
7904
7905
7906
7907<!-- Please add your alpha2 code, you can find it here: https://help.shopify.com/en/api/custom-storefronts/storefront-api/reference/enum/countrycode --><!-- set your product id values are default, product_id, parent_id, sku--><!-- CODE SETTINGS END -->
7908<!-- CODE SETTINGS END -->
7909
7910<!-- ==================================== -->
7911<!-- DO NOT EDIT ANYTHING BELOW THIS LINE -->
7911<script type="application/ld+json" data-creator_name="FeedArmy">
7912{
7913  "@context": "http://schema.org/",
7914  "@type": "Product",
7915  "name": "Butter Bundle",
7916  "url": "https://oat.haus/products/build-a-box-variety-granola-butter",
7917  "sku": "shopify_US_6867799441471_39590893092927","productID": "6867799441471",
7918  "brand": {
7919    "@type": "Brand",
7920    "name": "Oat Haus"
7921  },
7922  "description": "Q: how much GB is too much GB? Answer: the limit does not exist.\n\nAll Oats No Brakes\nCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\n\nOriginal Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\nVanilla Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\n\nRice cakes\nJust a light snack\n\n\nApples\nOn the go pick me up\n\n\n\nOreo cookies\nA true Parent Trap vibe\n\n\nCelery\n21st century ants on a log\n\n\nYour morning smoothie\nA delicious start to your day\n",
7923  "image": "https://oat.haus/cdn/shop/files/GB-POP-UP-2_grande.jpg?v=1739731175","offers":
7924      {
7925        "@type" : "Offer",
7926        "priceCurrency": "USD",
7927        "price": "34.95",
7928        "itemCondition" : "http://schema.org/NewCondition",
7929        "availability" : "http://schema.org/InStock",
7930        "url" : "https://oat.haus/products/build-a-box-variety-granola-butter?variant=39590893092927","image": "https://oat.haus/cdn/shop/products/OAT-HAUS-SHIPPING-BOX-2-2_04f04acd-8f06-428f-bdd7-9c66124047be_2503x.jpg?v=1739731250","name" : "Butter Bundle - 3 Jars","sku": "shopify_US_6867799441471_39590893092927","description" : "Q: how much GB is too much GB? Answer: the limit does not exist.\n\nAll Oats No Brakes\nCan't decide which flavor to choose? We FEEL YOU — that's why we created the Variety Pack, so you don't have to. Variety is the spice of life, so why pick one when you can have 'em all?\n\nOriginal Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\nVanilla Ingredients\n\nGluten-free Oats°\nOlive Oil°\nMaple Syrup°\nCoconut Oil°*\nSpices - Cinnamon°, Allspice°, Cardamom°, Ginger°, Salt\nRosemary Extract°\n\n°Organic, *Made with allergen-free coconut oil\n\n\nRice cakes\nJust a light snack\n\n\nApples\nOn the go pick me up\n\n\n\nOreo cookies\nA true Parent Trap vibe\n\n\nCelery\n21st century ants on a log\n\n\nYour morning smoothie\nA delicious start to your day\n","priceValidUntil": "2027-09-25"
7931      },
7932      "additionalProperty": [{
7933        "@type": "PropertyValue",
7934        "propertyID": "item_group_id",
7935        "value": "6867799441471"
7936      }]}
7937</script>
7937<script data-locksmith>
7938    var load = function () {
7939
7940          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
7941            Locksmith.ping();
7942          }
7943
7944
7945      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
7946        event.preventDefault();
7947        var data = Locksmith.util.serializeForm(event.target);
7948        var options = { spinner: false, container: 'locksmith-content' };
7949        // a form rendered inline (section replacement) must keep that context
7950        // on resubmit: same enclosing container (there may be several on the
7951        // page), and no layout classes or cancel affordance in the re-render
7952        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
7953        if (inlineContainer) {
7954          options.container = inlineContainer;
7955        }
7956        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
7957          options.include_layout_classes = false;
7958        }
7959        Locksmith.postResource(data, options);
7960      });
7961
7962      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
7963        event.preventDefault();
7964        Locksmith.postResource({}, { spinner: true, container: document });
7965      });
7966
7967      Locksmith.submitPasscode = function (passcode) {
7968        Locksmith.postResource(
7969          { passcode: passcode },
7970          { spinner: false, container: 'locksmith-content' }
7971        );
7972      };
7973    };
7974
7975    if (typeof Locksmith !== 'undefined') {
7976      load();
7977    } else {
7978      window.addEventListener('load', load);
7979    }
7980  </script>
7980
7981      </main>
7982
7983      <div id="shopify-section-footer" class="shopify-section"> 
7984<style>
7985  .site-footer__hr {
7986    border-bottom: 5px solid var(--color-darkblue);
7987    width: 100%
7988  }
7989
7990  .site-footer p,
7991  .site-footer__linklist-item a,
7992  .site-footer__rte a,
7993  .site-footer h4,
7994  .site-footer small,
7995  .site-footer__copyright-content a,
7996  .site-footer__newsletter-error,
7997  .site-footer__social-icons .social-icons__link {
7998    color: #ffffff;
7999  }
8000
8001  .site-footer__rte p {
8002    font-weight: 400;
8003    font-size: 14px;
8004    line-height: 1.42;
8005    letter-spacing: 0;
8006    margin-bottom: 8px;
8007  }
8008
8009  @media only screen and (min-width: 750px) {
8010    .site-footer__rte p {
8011      font-size: 20px;
8012      line-height: 1.12;
8013      margin-bottom: 20px;
8014    }
8015  }
8016  
8017  .link-parent--description {
8018    font-size: 16px;
8019    line-height: 1.5;
8020  }
8021
8022  .site-footer {
8023    color: #ffffff;
8024    background-color: #0c2a4a;
8025  }
8026
8027  .site-footer__rte a {
8028    border-bottom: 1px solid #ffffff;
8029  }
8030
8031  .site-footer__rte a:hover,
8032  .site-footer__linklist-item a:hover,
8033  .site-footer__copyright-content a:hover {
8034    color: #e6e6e6;
8035    border-bottom: 1px solid #e6e6e6;
8036  }
8037
8038  .site-footer__social-icons .social-icons__link:hover {
8039    color: #e6e6e6;
8040  }
8041</style><footer class="site-footer critical-hidden" role="contentinfo" data-section-id="footer" data-section-type="footer-section">
8042  <div class="page-width">
8043    <div class="site-footer__content"><div class="site-footer__item site-footer__item--1
8044                    
8045                    site-footer__item--one-quarter
8046                    "
8047             >
8048          <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Ecom</p>
8049              <p class="link-parent--description"></p><ul class="site-footer__linklist
8050                            "><li class="site-footer__linklist-item ">
8051                        <a href="/collections/all#Bundles"
8052                          
8053                        >
8054                          Bundles
8055                        </a>
8056                      </li>
8057                       <li class="site-footer__linklist-item ">
8058                        <a href="/collections/all#Flavors"
8059                          
8060                        >
8061                          Jars 
8062                        </a>
8063                      </li>
8064                       <li class="site-footer__linklist-item ">
8065                        <a href="/collections/all#Granola"
8066                          
8067                        >
8068                          Granola
8069                        </a>
8070                      </li>
8071                       <li class="site-footer__linklist-item ">
8072                        <a href="/collections/all#merch"
8073                          
8074                        >
8075                          Merch 
8076                        </a>
8077                      </li>
8078                       <li class="site-footer__linklist-item ">
8079                        <a href="/collections/all#Gift%20Cards"
8080                          
8081                        >
8082                          Gift Cards
8083                        </a>
8084                      </li>
8085                       </ul></div>
8086        </div><div class="site-footer__item site-footer__item--2
8087                    
8088                    site-footer__item--one-quarter
8089                    "
8090             >
8091          <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Collab</p>
8092              <p class="link-parent--description"></p><ul class="site-footer__linklist
8093                            "><li class="site-footer__linklist-item ">
8094                        <a href="/pages/affiliates"
8095                          
8096                        >
8097                          Become an Affiliate
8098                        </a>
8099                      </li>
8100                       <li class="site-footer__linklist-item ">
8101                        <a href="mailto:[email protected]"
8102                          
8103                        >
8104                          Sales
8105                        </a>
8106                      </li>
8107                       <li class="site-footer__linklist-item ">
8108                        <a href="mailto:[email protected]"
8109                          
8110                        >
8111                          Press
8112                        </a>
8113                      </li>
8114                       <li class="site-footer__linklist-item ">
8115                        <a href="mailto:[email protected]"
8116                          
8117                        >
8118                          Events
8119                        </a>
8120                      </li>
8121                       <li class="site-footer__linklist-item ">
8122                        <a href="/pages/whole-sale-request"
8123                          
8124                        >
8125                          Request Wholesale
8126                        </a>
8127                      </li>
8128                       </ul></div>
8129        </div><div class="site-footer__item site-footer__item--3
8130                    
8131                    site-footer__item--one-quarter
8132                    "
8133             >
8134          <div class="site-footer__item-inner site-footer__item-inner--link_list"><p class="h4 link-parent">Info</p>
8135              <p class="link-parent--description"></p><ul class="site-footer__linklist
8136                            "><li class="site-footer__linklist-item ">
8137                        <a href="/blogs/blog"
8138                          
8139                        >
8140                          Blog
8141                        </a>
8142                      </li>
8143                       <li class="site-footer__linklist-item ">
8144                        <a href="https://alicast.buzzsprout.com/"
8145                          
8146                        >
8147                          Podcast
8148                        </a>
8149                      </li>
8150                       <li class="site-footer__linklist-item ">
8151                        <a href="/pages/oat-haus-about-us"
8152                          
8153                        >
8154                          About Us
8155                        </a>
8156                      </li>
8157                       <li class="site-footer__linklist-item ">
8158                        <a href="/pages/oat-haus-faq"
8159                          
8160                        >
8161                          FAQ
8162                        </a>
8163                      </li>
8164                       <li class="site-footer__linklist-item ">
8165                        <a href="/pages/privacy"
8166                          
8167                        >
8168                          Privacy &amp; TOS
8169                        </a>
8170                      </li>
8171                       <li class="site-footer__linklist-item ">
8172                        <a href="/pages/contact-us"
8173                          
8174                        >
8175                          Contact Us
8176                        </a>
8177                      </li>
8178                       </ul></div>
8179        </div><div class="site-footer__item site-footer__item--4
8180                    
8181                    site-footer__item--one-quarter
8182                    "
8183             >
8184          <div class="site-footer__item-inner site-footer__item-inner--text"><p class="h4 link-parent">WOMAN OWNED</p>
8185              <p class="link-parent--description"></p><div class="site-footer__rte
8186                      ">
8187                      <p>Kween And Co. DBA </p><p>Oat Haus</p><p>Brooklyn Heights, OH</p>
8188                  </div></div>
8189        </div><div class="site-footer__item site-footer__item--5
8190                    
8191                    site-footer__item--one-quarter
8192                    "
8193             >
8194          <div class="site-footer__item-inner site-footer__item-inner--newsletter"><p class="h4 link-parent">Subscribe to our newsletter</p>
8195              <p class="link-parent--description">Join the Haus Party for 10% off your first order!</p><div class="site-footer__newsletter
8196                          ">
8197                          <div class="klaviyo-form-WAX4GK"></div>
8198                </div></div>
8199        </div></div>
8200  </div>
8201
8202  
8203<div class="page-width">
8204    <div class="grid__item  small--one-whole site-footer-item-tall social-icons-wrapper"><ul class="list--inline site-footer__social-icons social-icons site-footer__icon-list">
8205          <div class="footer__menu--items">
8206            
8207                <li class="footer__menu--item">
8208                  <a href="/pages/privacy"
8209                    
8210                  >
8211                  Privacy
8212                </a>
8213                </li>
8214              
8215                <li class="footer__menu--item">
8216                  <a href="/pages/privacy"
8217                    
8218                  >
8219                  Security
8220                </a>
8221                </li>
8222              
8223                <li class="footer__menu--item">
8224                  <a href="/pages/privacy"
8225                    
8226                  >
8227                  User terms
8228                </a>
8229                </li>
8230              
8231                <li class="footer__menu--item">
8232                  <a href="/pages/privacy"
8233                    
8234                  >
8235                  Customer terms
8236                </a>
8237                </li>
8238              
8239            </div>
8240          
8241          <li class="site-footer__copyright-content small-hide medium-hide list--inline social-icons__item" ><a href="https://www.instagram.com/oat.haus/" target="_blank" aria-describedby="a11y-external-message">OAT.HAUS: </a><a href="https://www.instagram.com/alibonar/" target="_blank">Powered by @AliBonar</a>, &copy; 2026</li>
8242        </ul></div>
8243
8244    <div class="grid grid--no-gutters small--text-center grid--footer-float-right small--hide"><div class="grid__item small--hide one-half  site-footer-item-align-right"></div><div class="grid__item medium-up--hide one-half small--one-whole"></div><!-- <div class="grid__item small--one-whole ">
8245        <small class="site-footer__copyright-content"><a href="https://www.instagram.com/oat.haus/">OAT.HAUS:</a></small>
8246        <small class="site-footer__copyright-content site-footer__copyright-content--powered-by"><a href="https://www.instagram.com/alibonar/">Powered by @AliBonar</a>, &copy; 2026</small>
8247      </div> -->
8248    </div>
8249  </div>
8250  <div class="footer_block_logo--wrapper">
8251    <img src="//oat.haus/cdn/shop/files/Rectangle_2sd_1.png?v=1743779108&width=1236" alt="footer logo">
8252  </div>
8253</footer>
8254
8255
8256
8257
8258</div>
8259
8260      <div id="slideshow-info" class="visually-hidden" aria-hidden="true">
8260Use left/right arrows to navigate the slideshow or swipe left/right if using a mobile device</div>
8261      <ul class="visually-hidden" aria-hidden="true">
8262        <li id="a11y-external-message">Opens external website.</li>
8263        <li id="a11y-new-window-external-message">Opens external website in a new window.</li>
8264      </ul>
8265    </div>
8266
8267    
8267<script>
8268      // Add safe aria-label fallbacks for common inputs without accessible names
8269      (function () {
8270        function hasAssociatedLabel(el) {
8271          var id = el.getAttribute('id');
8272          if (!id) return false;
8273          return !!document.querySelector('label[for="' + CSS.escape(id) + '"]');
8274        }
8275
8276        function isEligible(el) {
8277          if (el.hasAttribute('aria-label') || el.hasAttribute('aria-labelledby')) return false;
8278          if (hasAssociatedLabel(el)) return false;
8279          if (el.type === 'hidden' || el.type === 'button' || el.type === 'submit' || el.type === 'image') return false;
8280          return true;
8281        }
8282
8283        function labelFrom(el) {
8284          var ph = (el.getAttribute('placeholder') || '').trim();
8285          if (ph) return ph;
8286          var name = (el.getAttribute('name') || '').replace(/[\[\]_]+/g, ' ').replace(/\s+/g, ' ').trim();
8287          if (name) return name.charAt(0).toUpperCase() + name.slice(1);
8288          return 'Form field';
8289        }
8290
8291        function addFallbacks() {
8292          var selector = 'input, textarea, select';
8293          document.querySelectorAll(selector).forEach(function (el) {
8294            if (!isEligible(el)) return;
8295            el.setAttribute('aria-label', labelFrom(el));
8296          });
8297        }
8298
8299        if (document.readyState === 'loading') {
8300          document.addEventListener('DOMContentLoaded', addFallbacks);
8301        } else {
8302          addFallbacks();
8303        }
8304      })();
8305    </script>
8305
8306
8307    
8307<script>
8308      // Focus management for cart drawer and modals (accessibility hotfix)
8309      // Restores focus to the cart drawer after transient popups close,
8310      // or back to the last focused control when appropriate.
8311      (function () {
8312        var lastFocusedBeforeDrawer = null;
8313        var lastFocusedBeforePopup = null;
8314
8315        var selectors = {
8316          drawer: '.js-go-cart-drawer',
8317          drawerHeader: '#go-cart-header',
8318          drawerClose: '.js-go-cart-drawer-close',
8319          overlay: '.js-go-cart-overlay',
8320          modal: '.go-cart__modal',
8321          modalClose: '.js-go-cart-modal-close, .js-go-cart-modal-fail-close',
8322          addToCart: '[data-add-to-cart], .js-go-cart-add-to-cart'
8323        };
8324
8325        var focusable = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])';
8326
8327        function q(sel) { return document.querySelector(sel); }
8328        function qa(sel, root) { return Array.prototype.slice.call((root||document).querySelectorAll(sel)); }
8329        function isVisible(el) {
8330          if (!el) return false;
8331          var cs = getComputedStyle(el);
8332          return cs && cs.visibility !== 'hidden' && cs.display !== 'none';
8333        }
8334
8335        function drawerOpen() {
8336          var drawer = q(selectors.drawer);
8337          var overlay = q(selectors.overlay);
8338          if (!drawer) return false;
8339          // consider overlay visibility or drawer width as proxy
8340          if (overlay && isVisible(overlay) && overlay.offsetParent !== null) return true;
8341          return drawer.offsetWidth > 0 && isVisible(drawer);
8342        }
8343
8344        function focusDrawer() {
8345          var drawer = q(selectors.drawer);
8346          if (!drawer) return;
8347          var target = q(selectors.drawerClose) || q(selectors.drawerHeader) || drawer;
8348          if (target === q(selectors.drawerHeader)) {
8349            target.setAttribute('tabindex', '-1');
8350          }
8351          try { target.focus(); } catch (e) {}
8352        }
8353
8354        function restoreFocus() {
8355          if (drawerOpen()) {
8356            focusDrawer();
8357            return;
8358          }
8359          if (lastFocusedBeforePopup && document.contains(lastFocusedBeforePopup)) {
8360            try { lastFocusedBeforePopup.focus(); return; } catch (e) {}
8361          }
8362          if (lastFocusedBeforeDrawer && document.contains(lastFocusedBeforeDrawer)) {
8363            try { lastFocusedBeforeDrawer.focus(); return; } catch (e) {}
8364          }
8365          var main = document.getElementById('MainContent');
8366          if (main) {
8367            main.setAttribute('tabindex', '-1');
8368            main.focus();
8369          }
8370        }
8371
8372        // When user adds to cart, remember focus and move to drawer once open
8373        document.addEventListener('click', function (evt) {
8374          var tgt = evt.target.closest(selectors.addToCart);
8375          if (tgt) {
8376            lastFocusedBeforeDrawer = document.activeElement;
8377            // try focusing drawer shortly after to catch async open
8378            setTimeout(function () { if (drawerOpen()) focusDrawer(); }, 300);
8379            setTimeout(function () { if (drawerOpen()) focusDrawer(); }, 800);
8380          }
8381          // Capture when popup close is clicked
8382          var closePopup = evt.target.closest(selectors.modalClose);
8383          if (closePopup) {
8384            // allow app to close the popup, then restore focus
8385            setTimeout(restoreFocus, 50);
8386          }
8387        }, true);
8388
8389        // Observe modal presence to save/restore focus automatically
8390        var modalObserver = new MutationObserver(function () {
8391          var openModals = qa(selectors.modal).filter(isVisible);
8392          if (openModals.length > 0) {
8393            if (!lastFocusedBeforePopup) lastFocusedBeforePopup = document.activeElement;
8394          } else {
8395            // no more modals
8396            if (lastFocusedBeforePopup) {
8397              setTimeout(function () { restoreFocus(); }, 50);
8398              lastFocusedBeforePopup = null;
8399            }
8400          }
8401        });
8402        modalObserver.observe(document.body, { childList: true, subtree: true });
8403      })();
8404    </script>
8404
8405
8406    
8406<script type="application/json" data-cart-routes>
8407      {
8408        "cartUrl": "/cart",
8409        "cartAddUrl": "/cart/add",
8410        "cartChangeUrl": "/cart/change"
8411      }
8412    </script>
8412
8413
8414    <ul hidden>
8415      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
8416      <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
8417    </ul><div id="shopify-section-go-cart" class="shopify-section"><!--go cart modal fail-->
8418<div class="go-cart__modal go-cart__modal--fail js-go-cart-modal-fail">
8419
8420    <div class="go-cart-modal">
8421
8422        <!--go cart modal close-->
8423        <div class="go-cart-modal__close js-go-cart-modal-fail-close">
8424
8425            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
8426                <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path>
8427            </svg>
8428
8429        </div>
8430        <!--end go cart modal close-->
8431
8432        <!--go cart modal content-->
8433        <div class="go-cart-modal__content js-go-cart-modal-fail-content">
8434            Something went wrong, please contact us!
8435        </div>
8436        <!--end go cart modal content-->
8437
8438    </div>
8439
8440</div>
8441<!--end go cart modal fail-->
8442
8443<!--go cart modal-->
8444<div class="go-cart__modal js-go-cart-modal">
8445
8446    <div class="go-cart-modal">
8447
8448        <!--go cart modal close-->
8449        <div class="go-cart-modal__close js-go-cart-modal-close">
8450
8451            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
8452                <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path>
8453            </svg>
8454
8455        </div>
8456        <!--end go cart modal close-->
8457
8458        <!--go cart modal content-->
8459        <div class="go-cart-modal__content js-go-cart-modal-content"></div>
8460        <!--end go cart modal content-->
8461
8462        <!--go cart modal buttons-->
8463        <div class="go-cart-modal__buttons">
8464
8465            <a class="go-cart__button js-go-cart-modal-close">
8466                Continue shopping
8467            </a>
8468
8469            <a href="/cart/" class="go-cart__button">
8470                View cart
8471            </a>
8472
8473        </div>
8474        <!--end go cart modal buttons-->
8475
8476    </div>
8477
8478</div>
8479<!--end go cart modal-->
8480
8481<!--go cart drawer-->
8482<div class="go-cart__drawer js-go-cart-drawer"
8483     role="dialog"
8484     aria-modal="true"
8485     aria-labelledby="go-cart-header"
8486      aria-label="Shopping cart"
8487     tabindex="-1">
8488
8489    <div class="go-cart-drawer">
8490      <div aria-live="assertive" class="visually-hidden" id="cart-status-message"></div>
8491
8492      	<div class="go-cart-header">
8493          <!--go cart drawer close-->
8494          <div class="go-cart-drawer__header">
8495            <div class="go-cart-header-text" id="go-cart-header">Your Cart</div>
8496            <div class="go-cart-drawer__close js-go-cart-drawer-close" aria-label="Close Cart"  role="button"  tabindex="0">
8497              <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 20 20">
8498                <path d="M15.89 14.696l-4.734-4.734 4.717-4.717c.4-.4.37-1.085-.03-1.485s-1.085-.43-1.485-.03L9.641 8.447 4.97 3.776c-.4-.4-1.085-.37-1.485.03s-.43 1.085-.03 1.485l4.671 4.671-4.688 4.688c-.4.4-.37 1.085.03 1.485s1.085.43 1.485.03l4.688-4.687 4.734 4.734c.4.4 1.085.37 1.485-.03s.43-1.085.03-1.485z"></path>
8499              </svg>
8500            </div>
8501          </div>
8502          <!--parenteses percent render 'free-gifts'%}-->
8503      	</div>
8504        <!--end go cart drawer close-->
8505
8506        <!--go cart drawer content-->
8507        <div class="go-cart-drawer__content js-go-cart-drawer-content"></div>
8508        <!--end go cart drawer content-->
8509        <div class="go-cart-upsell">
8510          <div class="thumbnails-wrapperslider-active">
8511            <div class="product-single__thumbnails product-single__thumbnails-go-cart" id="cartrecs-keen-slider-wrapper">
8512              <div id="cart-arrow-left" class="arrow arrow--left"  role="button"  tabindex="0"   aria-label="Previous suggested product"   aria-controls="cartrecs-keen-slider"></div>
8513              <div id="cart-arrow-right" class="arrow arrow--right" role="button" tabindex="0"  aria-label="Next suggested product" aria-controls="cartrecs-keen-slider"></div>
8514              <div class="keen-slider" id="cartrecs-keen-slider"></div>
8515            </div>
8516          </div>
8517        </div>
8518
8519        <!--go cart drawer buttons-->
8520        <div class="go-cart-drawer__footer js-go-cart-drawer-footer">
8521          <!--go cart drawer subtotal-->
8522          <div class="go-cart-drawer__subtotal">
8523            <span>Subtotal: </span>
8524            <span class="go-cart-drawer__subtotal-price js-go-cart-drawer-subtotal"></span>
8525          </div>
8526          <div class="go-cart-drawer__discountnote" style="text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 5px;">
8527            Discounts Applied @ Checkout
8528          </div>
8529          <!--end go cart drawer subtotal-->
8530
8531          <a href="/checkout/" class="go-cart__button brice" aria-label="Checkout">Checkout</a>
8532        </div>
8533        <!--end go cart drawer buttons-->
8534
8535    </div>
8536
8537</div>
8538<!--end go cart drawer-->
8539
8540<!--go cart overlay-->
8541<div class="go-cart__overlay js-go-cart-overlay "></div>
8542<!--end go cart overlay-->
8543</div>
8543<script src="//oat.haus/cdn/shop/t/98/assets/gocart.js?v=113698955116570131861762726276" type="text/javascript"></script>
8543
8544
8545    
8545<script>
8546      var goCart = new GoCart();
8547    </script>
8547
8548
8549    
8549<script>
8550      (function (d) {
8551        var s = d.createElement('script');
8552        /* uncomment the following line to override default position*/
8553        s.setAttribute('data-position', 3);
8554        /* uncomment the following line to override default size (values: small, large)*/
8555        /* s.setAttribute("data-size", "large");*/
8556        /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/
8557        /* s.setAttribute("data-language", "null");*/
8558        /* uncomment the following line to override color set via widget (e.g., #053f67)*/
8559        /* s.setAttribute("data-color", "#2d68ff");*/
8560        /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/
8561        /* s.setAttribute("data-type", "1");*/
8562        /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/
8563        /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility";*/
8564        /* uncomment the following line to override support on mobile devices*/
8565        /* s.setAttribute("data-mobile", true);*/
8566        /* uncomment the following line to set custom trigger action for accessibility menu*/
8567        /* s.setAttribute("data-trigger", "triggerId")*/
8568        s.setAttribute('data-account', 'oistXiea0e');
8569        s.setAttribute('src', 'https://cdn.userway.org/widget.js');
8570        (d.body || d.head).appendChild(s);
8571      })(document);
8572    </script>
8572
8573
8574  
8575  
8576  
8577    
8577<script>
8578  var STYLE_VAR_MAP = {
8579    FreqButtonBackgroundColor: {
8580      cssVar: '--awt-freq-button-background',
8581      defaultVal: '#F0F0F0',
8582    },
8583    FreqButtonBackgroundColorHover: {
8584      cssVar: '--awt-freq-button-background-hover',
8585      defaultVal: '#DDD',
8586    },
8587    FreqButtonColor: {
8588      cssVar: '--awt-freq-button-color',
8589      defaultVal: '#000',
8590    },
8591    FreqButtonColorHover: {
8592      cssVar: '--awt-freq-button-color-hover',
8593      defaultVal: '#000',
8594    },
8595    FreqButtonBorder: {
8596      cssVar: '--awt-freq-button-border',
8597      defaultVal: '1px solid #000',
8598    },
8599    FreqButtonBorderHover: {
8600      cssVar: '--awt-freq-button-border-hover',
8601      defaultVal: '1px solid #000',
8602    },
8603    FreqButtonBorderRadius: {
8604      cssVar: '--awt-freq-button-border-radius',
8605      defaultVal: '0',
8606    },
8607    FreqButtonBackgroundColorSelected: {
8608      cssVar: '--awt-freq-button-background-selected',
8609      defaultVal: '#000',
8610    },
8611    FreqButtonBackgroundColorHoverSelected: {
8612      cssVar: '--awt-freq-button-background-hover-selected',
8613      defaultVal: '#000',
8614    },
8615    FreqButtonColorSelected: {
8616      cssVar: '--awt-freq-button-color-selected',
8617      defaultVal: '#FFF',
8618    },
8619    FreqButtonColorHoverSelected: {
8620      cssVar: '--awt-freq-button-color-hover-selected',
8621      defaultVal: '#FFF',
8622    },
8623    FreqButtonBorderSelected: {
8624      cssVar: '--awt-freq-button-border-selected',
8625      defaultVal: '1px solid #000',
8626    },
8627    FreqButtonBorderHoverSelected: {
8628      cssVar: '--awt-freq-button-border-hover-selected',
8629      defaultVal: '1px solid #000',
8630    },
8631    PrimaryButtonBackgroundColor: {
8632      cssVar: '--awt-primary-button-background',
8633      defaultVal: '#000',
8634    },
8635    PrimaryButtonBackgroundColorHover: {
8636      cssVar: '--awt-primary-button-background-hover',
8637      defaultVal: '#000',
8638    },
8639    PrimaryButtonColor: {
8640      cssVar: '--awt-primary-button-color',
8641      defaultVal: '#FFF',
8642    },
8643    PrimaryButtonColorHover: {
8644      cssVar: '--awt-primary-button-color-hover',
8645      defaultVal: '#FFF',
8646    },
8647    PrimaryButtonBorder: {
8648      cssVar: '--awt-primary-button-border',
8649      defaultVal: '0px solid #FFF',
8650    },
8651    PrimaryButtonBorderHover: {
8652      cssVar: '--awt-primary-button-border-hover',
8653      defaultVal: '0px solid #FFF',
8654    },
8655    PrimaryButtonBorderRadius: {
8656      cssVar: '--awt-primary-button-border-radius',
8657      defaultVal: '4px',
8658    },
8659    RadioButtonBackgroundColor: {
8660      cssVar: '--awt-radio-button-background',
8661      defaultVal: '#000',
8662    },
8663    BorderColor: {
8664      cssVar: '--awt-border-color',
8665      defaultVal: '#e6e6e6',
8666    },
8667    BorderRadius: {
8668      cssVar: '--awt-border-radius',
8669      defaultVal: '3px',
8670    },
8671    SelectedPlanBackgroundColor: {
8672      cssVar: '--awt-selected-plan-background',
8673      defaultVal: '#EEE',
8674    },
8675    SelectedPlanBorderColor: {
8676      cssVar: '--awt-selected-plan-border-color',
8677      defaultVal: '#000',
8678    },
8679    ProgressBarBackgroundColor: {
8680      cssVar: '--awt-progress-bar-background',
8681      defaultVal: '#000',
8682    },
8683    ProgressBarColor: {
8684      cssVar: '--awt-progress-bar-color',
8685      defaultVal: '#FFF',
8686    },
8687    AccentBackgroundColor: {
8688      cssVar: '--awt-accent-background',
8689      defaultVal: '#000',
8690    },
8691    AccentColor: {
8692      cssVar: '--awt-accent-color',
8693      defaultVal: '#FFF',
8694    },
8695  };
8696
8697  (function () {
8698    window.bundleapp = window.bundleapp || {};
8699    window.bundleapp.settings = Object.assign(
8700      {},
8701      window.bundleapp.settings || {},
8702      // All configs that where here have been moved to other places
8703      // the moneyFormat is now fetched below via ajax
8704      // other settings are set to the global namespace on the script tag handler
8705      // So this code here is only a reminder that the attribute exists
8706
8707      /**
8708      * Theme specific settings:
8709      * This is a quick and dirty way to get some theme specific settings into the app.
8710      *
8711      * priceContainerSel Array<String> selector string for the price container
8712      * comparePriceContainerSel Array<String> selector string for compare at price container
8713      * priceBadgeContainer Array<String> selector string for the price Badge container
8714      * hideIfUnavailable Boolean hides selling plans if variant is unavailable/out of stock
8715      * containerClass String Adds a class to the container where the widget renders
8716      * renderInsideSel String Selector to render the widget inside
8717      * renderAfterSel String Selector to render the widget after
8718      * renderBeforeSel String Selector to render the widget before
8719      * useRadioButtonFrequencySelector Boolean use radio buttons instead of a select
8720      * addToCartButtonSel Selector string to locale the add to cart button inside form[action='/cart/add']
8721      * formDomChangeElementsSel String selector for items to listen to and trigger handleFormDomChanged (ex: 'li.variantSwatch' or 'li.variantSwatch, button.variantItem')
8722      * triggerDomChangeOnUrlVariantChange Boolean to trigger handleFormDomChanged when the url variant changes
8723      *   - use this when the items to select variant are not input fields and as such would not be listened to by our script naturally
8724      * */
8725      {
8726        hideIfUnavailable: false,
8727        proxy: '/tools/bundle-subscriptions',
8728        appPublic: true,
8729        moneyFormat: '$\{\{amount\}\}',
8730        shopStyleSettings: {},
8731        defaultSubscription: false,
8732      },
8733    );
8734
8735    window.bundleapp.setThemeConfigs = (obj) => {
8736      window.bundleapp.settings = Object.assign(
8737        {},
8738        window.bundleapp.settings,
8739        obj,
8740      );
8741    };
8742
8743    var showPreviewModeControl = function () {
8744      const previewModeControlHtml = `
8745        <div id="awt-preview-mode-control">
8746          <div class="awt-logo">
8747            <div class="awt-logo--image"></div>
8748            <span>Preview</span>
8749            <a href="https://help.awtomatic.app/en/articles/5593674-previewing-and-testing-your-subscriptions" target="_blank"><div class="awt-logo--info-icon"></div></a>
8750          </div>
8751          <div>
8752            <!-- <button id="awt-preview-mode-control__hide">Hide</button> -->
8753            <button id="awt-preview-mode-control__close">Close</button>
8754          </div>
8755        </div>
8756      `;
8757      const $previewModelEl = document.createElement('div');
8758      $previewModelEl.innerHTML = previewModeControlHtml;
8759      document.querySelector('body').appendChild($previewModelEl);
8760
8761      // not removing this yet bc its set to be used in a v2 version of the preview mode controls
8762      const hidePreviewControl = function () {
8763        document
8764          .querySelector('#awt-preview-mode-control')
8765          .classList.add('hidden');
8766      };
8767      const closePreviewMode = function () {
8768        window.localStorage.removeItem(PREVIEW_MODE_STORAGE_KEY);
8769        insertUrlParam('awt-preview');
8770        window.location.reload();
8771      };
8772      // document
8773      //   .querySelector('#awt-preview-mode-control__hide')
8774      //   .addEventListener('click', hidePreviewControl);
8775      document
8776        .querySelector('#awt-preview-mode-control__close')
8777        .addEventListener('click', closePreviewMode);
8778    };
8779
8780    var getShopInfo = function () {
8781      const moneyFormat =
8782        window.moneyFormat ||
8783        (window.theme && window.theme.moneyFormat) ||
8784        (window.theme &&
8785          window.theme.strings &&
8786          window.theme.strings.moneyFormat) ||
8787        (window.theme &&
8788          window.theme.settings &&
8789          window.theme.settings.moneyFormat) ||
8790        (window.bundleapp && window.bundleapp.settings && window.bundleapp.settings.moneyFormat);
8791      if (moneyFormat) {
8792        window.bundleapp.settings = Object.assign({}, window.bundleapp.settings, {
8793          moneyFormat: moneyFormat,
8794        });
8795        return Promise.resolve();
8796      }
8797
8798      return fetch(window.bundleapp.settings.proxy + '/shop-info')
8799        .then(function (res) {
8800          return res.json();
8801        })
8802        .then(function (data) {
8803          window.bundleapp.settings = Object.assign(
8804            {},
8805            window.bundleapp.settings,
8806            data,
8807          );
8808        });
8809    };
8810
8811    var setCssVars = function (styleSettings) {
8812      if (styleSettings) {
8813        // update CSS vars
8814        var root = document.querySelector(':root');
8815        for (var styleSettingsKey in STYLE_VAR_MAP) {
8816          styleSettings[styleSettingsKey] &&
8817            root.style.setProperty(
8818              STYLE_VAR_MAP[styleSettingsKey].cssVar,
8819              styleSettings[styleSettingsKey],
8820            );
8821        }
8822      }
8823    };
8824
8825    var insertUrlParam = function (key, value) {
8826      if (history.replaceState) {
8827        let searchParams = new URLSearchParams(window.location.search);
8828        if (value) {
8829          searchParams.set(key, value);
8830        } else {
8831          searchParams.delete(key);
8832        }
8833        let newurl =
8834          window.location.protocol +
8835          '//' +
8836          window.location.host +
8837          window.location.pathname +
8838          '?' +
8839          searchParams.toString();
8840        window.history.replaceState({ path: newurl }, '', newurl);
8841      }
8842    };
8843
8844    var formatMoney = function (cents, format) {
8845      if (typeof cents == 'string') {
8846        cents = cents.replace('.', '');
8847      }
8848      var value = '';
8849      var placeholderRegex = /\{\{\s*(\w+)\s*\}\}/;
8850      var formatString = format || window.bundleapp.settings.moneyFormat;
8851
8852      function defaultOption(opt, def) {
8853        return typeof opt == 'undefined' ? def : opt;
8854      }
8855
8856      function formatWithDelimiters(number, precision, thousands, decimal) {
8857        precision = defaultOption(precision, 2);
8858        thousands = defaultOption(thousands, ',');
8859        decimal = defaultOption(decimal, '.');
8860
8861        if (isNaN(number) || number == null) {
8862          return 0;
8863        }
8864
8865        number = (number / 100.0).toFixed(precision);
8866
8867        var parts = number.split('.'),
8868          dollars = parts[0].replace(
8869            /(\d)(?=(\d\d\d)+(?!\d))/g,
8870            '$1' + thousands,
8871          ),
8872          cents = parts[1] ? decimal + parts[1] : '';
8873
8874        return dollars + cents;
8875      }
8876
8877      switch (formatString.match(placeholderRegex)[1]) {
8878        case 'amount':
8879          value = formatWithDelimiters(cents, 2);
8880          break;
8881        case 'amount_no_decimals':
8882          value = formatWithDelimiters(cents, 0);
8883          break;
8884        case 'amount_with_comma_separator':
8885          value = formatWithDelimiters(cents, 2, '.', ',');
8886          break;
8887        case 'amount_no_decimals_with_comma_separator':
8888          value = formatWithDelimiters(cents, 0, '.', ',');
8889          break;
8890      }
8891
8892      return formatString.replace(placeholderRegex, value);
8893    };
8894    // FIXME eslint error
8895    // eslint-disable-next-line no-undef
8896    const debounce = function (func, wait, immediate) {
8897      var timeout;
8898      return function () {
8899        var context = this,
8900          args = arguments;
8901        var later = function () {
8902          timeout = null;
8903          if (!immediate) func.apply(context, args);
8904        };
8905        var callNow = immediate && !timeout;
8906        clearTimeout(timeout);
8907        timeout = setTimeout(later, wait);
8908        if (callNow) func.apply(context, args);
8909      };
8910    };
8911    // Method to get closes matching parent source: https://gomakethings.com/a-native-vanilla-javascript-way-to-get-the-closest-matching-parent-element/
8912    if (window.Element && !Element.prototype.closest) {
8913      Element.prototype.closest = function (s) {
8914        var matches = (this.document || this.ownerDocument).querySelectorAll(s),
8915          i,
8916          el = this;
8917        do {
8918          i = matches.length;
8919          // FIXME eslint error
8920          // eslint-disable-next-line no-empty
8921          while (--i >= 0 && matches.item(i) !== el) {}
8922        } while (i < 0 && (el = el.parentElement));
8923        return el;
8924      };
8925    }
8926
8927    var priceBadgeContainer = () =>
8928      [
8929        'form.product__form--add-to-cart .product__price', // Boundless
8930        '.product-single__meta .price-container', //Brooklyn
8931        '.product__price .price__pricing-group', // Debut
8932        '.product__content .price__pricing-group', // Express
8933        '.product-single__prices', // Minimal, Simple
8934        '.product__content-header .product__price', // Narrative
8935        '.inline-list.product-meta', // Supply
8936        '.product-single__meta-list', // Venture
8937      ]
8938        .concat(window.bundleapp.settings.priceBadgeContainer || [])
8939        .join(', ');
8940
8941    const priceContainerSel = () =>
8942      [
8943        '.price__regular', // debut, express
8944        '.product-single__price', // brooklin, minimal
8945        '.product__current-price', // narrative
8946        '#productPrice-product-template', // supply, venture
8947        '.product__price--reg', // boundless
8948      ]
8949        .concat(window.bundleapp.settings.priceContainerSel || [])
8950        .join(', ');
8951
8952    const comparePriceContainerSel = () =>
8953      [
8954        '.price--on-sale .price__sale', // debut, express
8955        '.product-single__price--compare-at', // brooklin
8956        '.product-single__sale-price', // minimal
8957        '.product__compare-price', //narrative
8958        '.product-single__price--compare', // simple, venture
8959        '.product__price .product__price--sale', // boundless
8960        '.product-meta .sale-tag', // supply
8961      ]
8962        .concat(window.bundleapp.settings.comparePriceContainerSel || [])
8963        .join(', ');
8964
8965    const planSelectorSel = '.bundleapp-plan-selector-plan';
8966
8967    const addToCartButtonSel = () =>
8968      ['button[type=submit]']
8969        .concat(window.bundleapp.settings.addToCartButtonSel || [])
8970        .join(', ');
8971
8972    const PREVIEW_MODE_STORAGE_KEY = 'awtomatic-preview-mode';
8973
8974    /* Functions for gift form data validation */
8975    const getField = (fieldId) => document.getElementById(fieldId);
8976    const getFieldValue = (fieldId) => getField(fieldId).value;
8977    const isEmpty = (str) => str === '';
8978    const emailIsValid = (email) =>
8979      /^[A-Z0-9._%+-]+@([A-Z0-9-]+\.)+[A-Z0-9]+$/i.test(email);
8980    const isFieldValid = (fieldId) =>
8981      getField(fieldId).getAttribute('data-invalid') == undefined;
8982    const toggleAddToCart = (target, isValidForm) => {
8983      const form = target.closest('form');
8984      const addToCartBtn = form.querySelector(addToCartButtonSel());
8985      if (addToCartBtn) {
8986        if (isValidForm) {
8987          addToCartBtn.removeAttribute('disabled');
8988        } else {
8989          addToCartBtn.setAttribute('disabled', true);
8990        }
8991      }
8992      const customizeBtn = form.querySelector('#awt-customize-box-btn');
8993      debugger;
8994      if (customizeBtn) {
8995        if (isValidForm) {
8996          customizeBtn.removeAttribute('disabled');
8997        } else {
8998          customizeBtn.setAttribute('disabled', true);
8999        }
9000      }
9001    };
9002
9003    const toggleFieldValid = (field, isInvalid, message) => {
9004      const msg = field.parentElement.getElementsByClassName('awt-error-msg');
9005      if (isInvalid) {
9006        field.classList.add('awt-input-error');
9007        field.classList.add('awt-error');
9008  
9009        field.setAttribute('data-invalid', true);
9010        if (msg.length === 0) {
9011          const errorLabel = document.createElement('div');
9012          errorLabel.classList.add('awt-error-msg');
9013          errorLabel.innerText = message;
9014          field.parentElement.insertBefore(
9015            errorLabel,
9016            field.parentElement.lastElementChild,
9017          );
9018        }
9019      } else {
9020        field.classList.remove('awt-input-error');
9021        field.classList.remove('awt-error');
9022  
9023        if (msg.length > 0) {
9024          msg[0].remove();
9025        }
9026        field.removeAttribute('data-invalid');
9027      }
9028    };
9029
9030    const isGiftFormValid = () =>
9031      isFieldValid('awtGiftInfoFirstName') &&
9032      isFieldValid('awtGiftInfoLastName') &&
9033      isFieldValid('awtGiftInfoEmail');
9034
9035    const validateRequiredField = (event) => {
9036      const isFieldEmpty = isEmpty(getFieldValue(event.target.id));
9037      toggleFieldValid(event.target, isFieldEmpty, 'Required');
9038      toggleAddToCart(event.target, isGiftFormValid());
9039    };
9040
9041    const validateEmailField = (event) => {
9042      const isValidEmail = emailIsValid(getFieldValue(event.target.id));
9043      toggleFieldValid(event.target, !isValidEmail, 'Invalid email');
9044      toggleAddToCart(event.target, isGiftFormValid());
9045    };
9046
9047    /**
9048    * Awtomatic Selector Widget
9049    * */
9050
9051    function BundleAppWidget($selector, product) {
9052      this.product = product;
9053      this.isGiftSelected = false;
9054      this.$selector = $selector;
9055      this.$sellingPlanField = this.$selector.querySelector(
9056        'input[name=selling_plan]',
9057      );
9058      this.$wrapper = this.$selector.closest(
9059        'div[data-section-type], .shopify-section, body',
9060      );
9061      this.$planGroups = this.$selector.querySelectorAll(
9062        '.bundleapp-plan-selector-group',
9063      );
9064      this.$form = this.$selector.closest('form');
9065      this.$variantSelect = this.$form.querySelector('[name=id]');
9066      this.$badgePriceEl = this.$wrapper.querySelector(priceBadgeContainer());
9067      if (!this.$badgePriceEl)
9068        console.warn('Did not find a badge container element');
9069      // FIXME eslint error
9070      // eslint-disable-next-line no-undef
9071      this.setPlansVisibility = debounce(
9072        this._baseSetPlansVisibility.bind(this),
9073        50,
9074      );
9075
9076      this.init();
9077      this.setPlansVisibility();
9078      if (window.bundleapp.settings.onInit) {
9079        window.bundleapp.settings.onInit.call(this);
9080      }
9081      if (window.bundleapp.onInit) {
9082        console.warn(
9083          'onInit will be deprecated soon. Please use bundleapp.settings.onInit instead',
9084        );
9085        window.bundleapp.onInit.call(this);
9086      }
9087    }
9088
9089    Object.assign(BundleAppWidget.prototype, {
9090      init: function () {
9091        this.$selector.style.display = 'block';
9092        this.$planGroups.forEach(
9093          function (elem) {
9094            var $planGroupRadio = elem.querySelector(
9095              "input[name='bundleapp-plan-selector-group']",
9096            );
9097            var groupId = $planGroupRadio.value;
9098            var selectedPlanGroup = this.product.selling_plans_by_id[
9099              this.product.selected_selling_plan
9100                ? this.product.selected_selling_plan.id
9101                : null
9102            ];
9103            var isSelectedGroup = !!(
9104              selectedPlanGroup &&
9105              selectedPlanGroup.selling_plan_group_id === groupId
9106            );
9107
9108            this.handleGiftVisibility(isSelectedGroup);
9109
9110            $planGroupRadio.addEventListener(
9111              'change',
9112              this.handlePlanRadioChange.bind(this),
9113            );
9114            elem
9115              .querySelector('select')
9116              .addEventListener(
9117                'change',
9118                this.handlePlanOptionsChange.bind(this),
9119              );
9120            var $radioButtonsfrequencySelector = elem.querySelectorAll(
9121              '.bundleapp-plan-selector-radio__input',
9122            );
9123            for (
9124              let index = 0;
9125              index < $radioButtonsfrequencySelector.length;
9126              index++
9127            ) {
9128              $radioButtonsfrequencySelector[index].addEventListener(
9129                'change',
9130                this.handlePlanOptionsChange.bind(this),
9131              );
9132            }
9133          }.bind(this),
9134        );
9135
9136        //Ads an event listener to every element in the form
9137        const $selectorElements = Array.from(
9138          this.$selector.querySelectorAll('input, select'),
9139        );
9140        Array.from(this.$form.elements).forEach(
9141          function (el) {
9142            if (
9143              !$selectorElements.includes(el) &&
9144              el.tagName !== 'BUTTON' &&
9145              el.type !== 'hidden'
9146            ) {
9147              el.addEventListener('change', this.handleFormDomChanged.bind(this));
9148            }
9149          }.bind(this),
9150        );
9151
9152        if (window.bundleapp.settings.defaultSubscription) {
9153          const $oneTimeRadio = this.$selector.querySelector('[data-one-time]');
9154  
9155          // Only if one time is available and defaultSubscription enabled we set checked
9156          // the first selling plan group. If there is no one-time option, we already
9157          // mark the first selling plan checked
9158          if ($oneTimeRadio) {
9159            const $firstSellingPlanGroup = this.$selector.querySelector(
9160              '[data-one-time] + .bundleapp-plan-selector-group input',
9161            );
9162            $firstSellingPlanGroup.dispatchEvent(new Event('change'));
9163          }
9164        }
9165        
9166        if (window.bundleapp.settings.formDomChangeElementsSel) {
9167          const $variantEls = document.querySelectorAll(
9168            window.bundleapp.settings.formDomChangeElementsSel,
9169          );
9170          $variantEls.forEach(
9171            function (el) {
9172              el.addEventListener('click', this.handleFormDomChanged.bind(this));
9173            }.bind(this),
9174          );
9175        }
9176      },
9177
9178      getTranslation: function (key, fallback) {
9179        let translation = this.product?.translations[key];
9180        if (translation.includes('translation missing')) {
9181          translation = fallback;
9182        }
9183        return translation;
9184      },
9185
9186      handleGiftVisibility: function (isSelectedGroup) {
9187          let isGiftable =
9188            this.product &&
9189            this.product.gift_selling_plans &&
9190            this.product.gift_selling_plans.includes(
9191              this.product.selected_selling_plan &&
9192                this.product.selected_selling_plan.id,
9193            );
9194          const giftCheckBox = document.querySelector('input[name="awt-is-gift"]');
9195    
9196          if (isGiftable && !giftCheckBox && isSelectedGroup) {
9197            this.isGiftSelected = true;
9198            let isGiftCheckboxLabel = document.createElement('label');
9199            isGiftCheckboxLabel.classList.add('awt-checkbox');
9200            let isGiftCheckbox = document.createElement('input');
9201            const giftTitle = this.getTranslation(
9202              'gift_recipient_info_title',
9203              'Recipient info',
9204            );
9205            const giftFirstNameLabel = this.getTranslation(
9206              'gift_first_name_label',
9207              'First name',
9208            );
9209            const giftFirstNamePlaceholder = this.getTranslation(
9210              'gift_first_name_placeholder',
9211              'First name',
9212            );
9213            const giftLastNameLabel = this.getTranslation(
9214              'gift_last_name_label',
9215              'Last name',
9216            );
9217            const giftLastNamePlaceholder = this.getTranslation(
9218              'gift_last_name_placeholder',
9219              'Last name',
9220            );
9221            const giftEmailLabel = this.getTranslation(
9222              'gift_email_label',
9223              'Email address',
9224            );
9225            const giftEmailPlaceholder = this.getTranslation(
9226              'gift_email_placeholder',
9227              'Email address',
9228            );
9229            const giftEmailWarning = this.getTranslation(
9230              'gift_email_warning',
9231              'Important: Gift emails will be sent here',
9232            );
9233            const giftNoteLabel = this.getTranslation('gift_note_label', 'Note');
9234            const giftNotePlaceholder = this.getTranslation(
9235              'gift_note_placeholder',
9236              'Note',
9237            );
9238    
9239            isGiftCheckbox.addEventListener('change', function (event) {
9240              const isGiftSelected = event.currentTarget.checked;
9241              this.isGiftSelected = isGiftSelected;
9242    
9243              if (isGiftSelected) {
9244                const giftsMarkUp = `<div class="gift">
9245                <p class="awt-gift-info-title">${giftTitle}</p>
9246                    <div class="awt-form-group">
9247                      <label for="awtGiftInfoFirstName" class="awt-floating-label">
9248                          <input type="text" id="awtGiftInfoFirstName" class="awt-gift-input" required name="properties[_giftFirstName]" placeholder="${giftFirstNamePlaceholder}" data-invalid>
9249                          <span class="awt-gift-label">${giftFirstNameLabel}*</span>
9250                      </label>
9251                      <label for="awtGiftInfoLastName" class="awt-floating-label">
9252                          <input type="text" id="awtGiftInfoLastName" class="awt-gift-input" required name="properties[_giftLastName]" placeholder="${giftLastNamePlaceholder}" data-invalid>
9253                         <span class="awt-gift-label">${giftLastNameLabel}*</span>
9254                      </label>
9255                    </div>
9256                    <div class="awt-gift-input-container">
9257                      <label for="awtGiftInfoEmail" class="awt-floating-label">
9258                          <input type="email" id="awtGiftInfoEmail" class="awt-gift-input" required name="properties[_giftEmail]" placeholder="${giftEmailPlaceholder}" data-invalid>
9259                          <span class="awt-gift-label">${giftEmailLabel}*</span>
9260                          <div class="awt-floating-label-warning">${giftEmailWarning}</div>
9261                      </label>
9262                    </div>
9263                    <div class="awt-gift-input-container">
9264                      <label for="awtGiftInfoNote" class="awt-floating-label">
9265                          <textarea id="awtGiftInfoNote" class="awt-gift-input" placeholder="${giftNotePlaceholder}" name="properties[_giftNote]"></textarea>
9266                          <span class="awt-gift-label">${giftNoteLabel}</span>
9267                      </label>
9268                    </div>
9269            </div>`;
9270    
9271                let giftInfoContainer = document.createElement('div');
9272                giftInfoContainer.setAttribute('name', 'awt-gift-info-container');
9273                giftInfoContainer.classList.add('awt-gift-info-container');
9274    
9275                giftInfoContainer.innerHTML = giftsMarkUp;
9276                isGiftCheckboxLabel.parentElement.appendChild(giftInfoContainer);
9277                getField('awtGiftInfoFirstName').addEventListener(
9278                  'blur',
9279                  validateRequiredField,
9280                );
9281                getField('awtGiftInfoLastName').addEventListener(
9282                  'blur',
9283                  validateRequiredField,
9284                );
9285                getField('awtGiftInfoEmail').addEventListener(
9286                  'blur',
9287                  validateEmailField,
9288                );
9289                toggleAddToCart(getField('awtGiftInfoEmail'), isGiftFormValid());
9290              } else {
9291                const giftInfoContainer = document.querySelector(
9292                  'div[name="awt-gift-info-container"]',
9293                );
9294                getField('awtGiftInfoFirstName').removeEventListener(
9295                  'blur',
9296                  validateRequiredField,
9297                );
9298                getField('awtGiftInfoLastName').removeEventListener(
9299                  'blur',
9300                  validateRequiredField,
9301                );
9302                getField('awtGiftInfoEmail').removeEventListener(
9303                  'blur',
9304                  validateEmailField,
9305                );
9306                toggleAddToCart(getField('awtGiftInfoEmail'), true);
9307                giftInfoContainer &&
9308                  giftInfoContainer.parentNode &&
9309                  giftInfoContainer.parentNode.removeChild(giftInfoContainer);
9310              }
9311            });
9312            isGiftCheckbox.type = 'checkbox';
9313            isGiftCheckbox.name = 'awt-is-gift';
9314            isGiftCheckboxLabel.appendChild(isGiftCheckbox);
9315            isGiftCheckboxLabel.appendChild(
9316              document.createTextNode(
9317                this.getTranslation('gift_checkbox_label', 'This is a gift'),
9318              ),
9319            );
9320            const planDescription = document.querySelector(
9321              '.bundleapp-plan-selector-description',
9322            );
9323            planDescription &&
9324              planDescription.parentNode.insertBefore(
9325                isGiftCheckboxLabel,
9326                planDescription.nextSibling,
9327              );
9328          }
9329          if (!isGiftable) {
9330            if (giftCheckBox) {
9331              const giftCheckBoxLabel = giftCheckBox.parentNode;
9332              giftCheckBoxLabel.parentNode.removeChild(giftCheckBoxLabel);
9333              const giftInfoContainer = document.querySelector(
9334                'div[name="awt-gift-info-container"]',
9335              );
9336    
9337              giftInfoContainer &&
9338                giftInfoContainer.parentNode &&
9339                giftInfoContainer.parentNode.removeChild(giftInfoContainer);
9340            }
9341          }
9342        },
9343
9344      // This is marked as a private function because this is not intended to be used
9345      // directly. Use the debounced version of it this.setPlansVisibility()
9346      _baseSetPlansVisibility: function () {
9347        if (window.bundleapp.settings.hideIfUnavailable) {
9348          //If variant is not available hide the whole widget
9349          this.$selector.style.display = this.product.selected_variant.available
9350            ? 'block'
9351            : 'none';
9352        }
9353
9354        var selling_plan_group_ids = this.product.selected_variant.selling_plan_allocations.map(
9355          function (i) {
9356            return i.selling_plan_group_id;
9357          },
9358        );
9359        var planId = '';
9360        const hasPlanWithMultipleDeliveries = this.product.selected_variant.selling_plan_allocations.some(
9361          (sp) => sp.price !== sp.per_delivery_price,
9362        );
9363        // @TODO: translate suffix
9364        const suffix = hasPlanWithMultipleDeliveries
9365          ? this.getTranslation('delivery_suffix', '/delivery')
9366          : '';
9367        this.$planGroups.forEach(
9368          function (elem) {
9369            var bundleAppSettings = window.bundleapp.settings || {};
9370            var $planGroupRadio = elem.querySelector(
9371              "input[name='bundleapp-plan-selector-group']",
9372            );
9373            var groupId = $planGroupRadio.value;
9374            elem.style.display =
9375              selling_plan_group_ids.includes(groupId) || !groupId
9376                ? 'block'
9377                : 'none';
9378            var selectedPlanGroup = this.product.selling_plans_by_id[
9379              this.product.selected_selling_plan
9380                ? this.product.selected_selling_plan.id
9381                : null
9382            ];
9383            var isSelectedGroup = !!(
9384              selectedPlanGroup &&
9385              selectedPlanGroup.selling_plan_group_id === groupId
9386            );
9387
9388            this.handleGiftVisibility(isSelectedGroup);
9389
9390            var $selectorPlan = elem.querySelector(planSelectorSel);
9391            $selectorPlan.style.display = isSelectedGroup ? 'block' : 'none';
9392
9393            if (!$planGroupRadio.value && !isSelectedGroup) {
9394              // If value is falsy a.k.a one-time purchase
9395              $planGroupRadio.checked = true;
9396            } else {
9397              $planGroupRadio.checked = isSelectedGroup;
9398
9399              if (this.$planGroups.length === 1) {
9400                elem.classList.add('bundleapp-plan-selector-group--single-group');
9401              }
9402
9403              // if this is the selected group add the selected class
9404              if (isSelectedGroup) {
9405                elem.classList.add('bundleapp-plan-selector-group--selected');
9406                if (bundleAppSettings.useRadioButtonFrequencySelector) {
9407                  const selectedGroupPlans = elem
9408                    .querySelector('.bundleapp-plan-selector-radio')
9409                    .getElementsByTagName('input');
9410                  const isPlanChecked = Array.from(selectedGroupPlans).some(
9411                    ({ checked }) => checked,
9412                  );
9413                  if (!isPlanChecked) {
9414                    // if no plan is checked, select the first one
9415                    selectedGroupPlans[0].checked = true;
9416                    elem
9417                      .querySelector('.bundleapp-plan-selector-radio label')
9418                      .classList.add(
9419                        'bundleapp-plan-selector-radio__label--selected',
9420                      );
9421                  }
9422                }
9423              }
9424            }
9425
9426            if (bundleAppSettings.useRadioButtonFrequencySelector) {
9427              let $radioButtonPlanSelector = elem.querySelector(
9428                '.bundleapp-plan-selector-radio',
9429              );
9430
9431              $radioButtonPlanSelector.style.display = isSelectedGroup
9432                ? 'block'
9433                : 'none';
9434              let $selectPlanSelector = elem.querySelector(
9435                '.bundleapp-plan-selector-select',
9436              );
9437              $selectPlanSelector.style.display = 'none';
9438            } else {
9439              let $radioButtonPlanSelector = elem.querySelector(
9440                '.bundleapp-plan-selector-radio',
9441              );
9442              $radioButtonPlanSelector.style.display = 'none';
9443              let $selectPlanSelector = elem.querySelector(
9444                '.bundleapp-plan-selector-select',
9445              );
9446              $selectPlanSelector.style.display =
9447                isSelectedGroup && $selectPlanSelector.options.length > 1
9448                  ? 'block'
9449                  : 'none';
9450            }
9451
9452            if (isSelectedGroup) {
9453              const planSel = bundleAppSettings.useRadioButtonFrequencySelector
9454                ? `${planSelectorSel} .bundleapp-plan-selector-radio input:checked`
9455                : `${planSelectorSel} select`;
9456
9457              planId =
9458                elem.querySelector(planSel) && elem.querySelector(planSel).value;
9459            }
9460
9461            //update pricing label of each group
9462            const planGroup = this.product.selling_plan_groups.find(
9463              (p) => p.id === groupId,
9464            );
9465            const $priceLabel = elem.querySelector(
9466              '.bundleapp-plan-selector-group-pricing',
9467            );
9468
9469            const currentVariant = this.product.variants.find(
9470              (variant) => variant.id === this.product.selected_variant.id,
9471            );
9472
9473            if (planGroup && $priceLabel) {
9474              const values = planGroup.selling_plans.map(function (i) {
9475                return parseInt(i.price_adjustments[0]?.value);
9476              });
9477
9478              const sellingPlansFromCurrentGroup = currentVariant.selling_plan_allocations.filter(
9479                (sp) => sp.selling_plan_group_id === planGroup.id,
9480              );
9481              if (sellingPlansFromCurrentGroup && values) {
9482                const lowestPriceInGroup = Math.min.apply(
9483                  null,
9484                  sellingPlansFromCurrentGroup.map((sp) => sp.per_delivery_price),
9485                );
9486                const isSame = values.every(function (val) {
9487                  return val === values[0];
9488                });
9489                const prefix = isSame ? '' : this.getTranslation('from', 'from');
9490                $priceLabel.innerHTML = `${prefix} ${formatMoney(
9491                  lowestPriceInGroup,
9492                )}${suffix}`;
9493                $priceLabel.dataset.test = `planPriceInSelector-${
9494                  sellingPlansFromCurrentGroup?.selling_plan_group_id ||
9495                  sellingPlansFromCurrentGroup[0]?.selling_plan_group_id
9496                }`;
9497              }
9498            }
9499
9500            if (this.product?.selling_plan_groups?.length === 1) {
9501              // check to see. IF just one selling plan group, and does not offer discount
9502              // then we wont display itemized prices.
9503              const $itemizedPrices = this.$selector.querySelectorAll(
9504                '.bundleapp-plan-selector-group-pricing',
9505              );
9506
9507              const oneTimePurchasePrice = currentVariant?.price;
9508
9509              const pricesInSellingPlans = currentVariant.selling_plan_allocations.map(
9510                (sp) => sp.price,
9511              );
9512              const allEqual = (arr) => arr.every((val) => val === arr[0]);
9513
9514              if (allEqual([oneTimePurchasePrice, ...pricesInSellingPlans])) {
9515                $itemizedPrices.forEach((price) => {
9516                  price.style.display = 'none';
9517                });
9518              }
9519            }
9520          }.bind(this),
9521        );
9522
9523        //check if theres a visible option selected
9524        //If not: check first
9525        if (
9526          !Array.from(this.$planGroups).filter(
9527            (el) => el.offsetParent && el.querySelector('input').checked,
9528          ).length
9529        ) {
9530          // get first input that's visible
9531          const firstVisibleGroup = Array.from(this.$planGroups).filter(
9532            (el) => el.offsetParent,
9533          )[0];
9534          if (firstVisibleGroup) {
9535            const $firstRadio = firstVisibleGroup.querySelector('input');
9536            if (!$firstRadio.checked) {
9537              $firstRadio.checked = true;
9538              $firstRadio.dispatchEvent(new Event('change'));
9539              // if we are using radio buttons get the first plan and check it
9540              if (window.bundleapp.settings.useRadioButtonFrequencySelector) {
9541                let $radioButtonPlanSelector = firstVisibleGroup.querySelector(
9542                  '.bundleapp-plan-selector-radio',
9543                );
9544                const firstPlan = $radioButtonPlanSelector.querySelector('input');
9545                if (!firstPlan.checked) {
9546                  firstPlan.checked = true;
9547                  firstPlan.dispatchEvent(new Event('change'));
9548                }
9549              }
9550            }
9551          }
9552        }
9553
9554        //Updates input field
9555        if (this.$sellingPlanField) {
9556          this.$sellingPlanField.value = planId ? planId : '';
9557        }
9558        //Update url only if we are in the product page
9559        if (window.location.pathname.includes('/products/')) {
9560          insertUrlParam('selling_plan', planId);
9561        }
9562
9563        //Updates one-time purchase price
9564        const $oneTimePrice = this.$selector.querySelector(
9565          '[data-one-time].bundleapp-plan-selector-group .bundleapp-plan-selector-group-pricing',
9566        );
9567        if ($oneTimePrice) {
9568          $oneTimePrice.innerHTML = `${formatMoney(
9569            this.product.selected_variant.price,
9570          )}${suffix}`;
9571          // data-test attribute for testing
9572          $oneTimePrice.dataset.test = 'oneTimePriceInSelector';
9573        }
9574
9575        // do not update prices if there are no selling plans groups on the product
9576        if (this.product?.selling_plan_groups?.length) {
9577          this.updatePrice(planId);
9578          this.updateBadgePrice(planId);
9579        }
9580        this.replaceAddBtnForBundles();
9581      },
9582
9583      replaceAddBtnForBundles: function () {
9584        // only replace button on BaB bundle
9585        if (
9586          !this.product?.metafields?.isBundle ||
9587          this.product?.metafields?.type === 'shuffle'
9588        ) {
9589          return;
9590        }
9591
9592        const $btn = this.$form.querySelector(addToCartButtonSel());
9593
9594        // remove "buy it now" button
9595        const $shopifyPaymentBtn = $btn.parentElement.querySelector(
9596          '.shopify-payment-button',
9597        );
9598        if ($shopifyPaymentBtn) {
9599          $shopifyPaymentBtn.remove();
9600        }
9601
9602        let $clonedBtn = this.$form.querySelector('#awt-customize-box-btn');
9603        if (!$clonedBtn) {
9604          $clonedBtn = $btn.cloneNode(true);
9605          $clonedBtn.id = 'awt-customize-box-btn';
9606          $clonedBtn.type = 'button';
9607          $clonedBtn.innerText = this.getTranslation(
9608            'customize_my_box',
9609            'Customize my box',
9610          );
9611          $clonedBtn.classList.remove('btn--secondary-accent');
9612          $clonedBtn.classList.add('btn--primary-accent');
9613          $clonedBtn.removeAttribute('@click.prevent');
9614          $clonedBtn.removeAttribute('x-show:');
9615          $clonedBtn.removeAttribute(':disabled');
9616          $clonedBtn.removeAttribute('disabled');
9617          $clonedBtn.removeAttribute(':class');
9618          // remove any href in case the theme has been customized and isn't a standard add-to-cart button
9619          $clonedBtn.removeAttribute('href');
9620
9621          $btn.style.display = 'none';
9622          $btn.classList.add('awt-hidden-add-to-cart-button');
9623          $btn.parentNode.insertBefore($clonedBtn, $btn.nextSibling);
9624        } else {
9625          // clone the previous clone and replace
9626          var secondClone = $clonedBtn.cloneNode(true);
9627          $clonedBtn.parentNode.replaceChild(secondClone, $clonedBtn);
9628
9629          // reference new button so we can add event listener
9630          $clonedBtn = secondClone;
9631        }
9632
9633        var handleCustomizeBoxButtonClick = function (event) {
9634          event.stopPropagation();
9635
9636          let params = new URLSearchParams(window.location.search);
9637          let search = window.location.search;
9638          // only use product.selected_variant.id arg if variant is not already in the
9639          // url params. Otherwise we might be overriding the latest selection
9640          if (!search.includes('variant') && this.product?.selected_variant?.id) {
9641            params.append('variant', this.product?.selected_variant?.id);
9642          }
9643
9644          // only use selectedSellingPlanId arg if variant is not already in the
9645          // url params. Otherwise we might be overriding the latest selection
9646          let selectedSellingPlanId = this.product?.selected_selling_plan?.id;
9647          if (!selectedSellingPlanId) {
9648            // if selectedSellingPlanId wasn't on the product check for the hidden input
9649            selectedSellingPlanId = document.querySelector(
9650              'input[name="selling_plan"]',
9651            )?.value;
9652          }
9653          if (!search.includes('selling_plan') && selectedSellingPlanId) {
9654            params.append('selling_plan', selectedSellingPlanId);
9655          }
9656
9657          let priceAdjustments = this.product?.selected_selling_plan
9658            ?.price_adjustments;
9659          if (
9660            priceAdjustments &&
9661            priceAdjustments[0] &&
9662            priceAdjustments[0].value
9663          ) {
9664            params.append(
9665              'd',
9666              `${priceAdjustments[0].value}-${
9667                priceAdjustments[0].value_type === 'percentage' ? 'p' : 'q'
9668              }`,
9669            );
9670          }
9671
9672          let url = new URL(
9673            `${window.location.origin}${window.bundleapp.settings.proxy}/bundle/${this.product.id}`,
9674          );
9675          url.search = params.toString();
9676          let isGiftable = this.product.gift_selling_plans.includes(
9677            this.product.selected_selling_plan?.id,
9678          );
9679          if (isGiftable && this.isGiftSelected) {
9680            const giftFirstName = document.getElementById('awtGiftInfoFirstName');
9681            const giftLastName = document.getElementById('awtGiftInfoLastName');
9682            const giftEmail = document.getElementById('awtGiftInfoEmail');
9683            const giftNote = document.getElementById('awtGiftInfoNote');
9684            const giftInformation = {
9685              firstName: giftFirstName?.value,
9686              lastName: giftLastName?.value,
9687              email: giftEmail?.value,
9688              note: giftNote?.value,
9689            };
9690            sessionStorage &&
9691              sessionStorage.setItem(
9692                'awt-gift-information',
9693                JSON.stringify(giftInformation),
9694              );
9695          }
9696
9697          window.location.href = url.toString();
9698        };
9699        $clonedBtn.addEventListener(
9700          'click',
9701          handleCustomizeBoxButtonClick.bind(this),
9702        );
9703      },
9704
9705      updatePrice: function (planId) {
9706        var planAllocation = this.product.selected_variant.selling_plan_allocations.find(
9707          (allo) => allo.selling_plan_id == planId,
9708        );
9709
9710        // var planOption = this.product.selling_plans_by_id[planId];
9711        let $comparePriceSpan = this.$wrapper.querySelector(
9712          '.bundleapp-compareAtPrice',
9713        );
9714        const $priceRegular = this.$wrapper.querySelector(priceContainerSel());
9715        
9716        const $priceSale = this.$wrapper.querySelector(
9717          comparePriceContainerSel(),
9718        );
9719
9720        if (!$priceRegular) console.warn('Did not find a price element');
9721        if (!$priceSale) console.warn('Did not find a compare price element');
9722
9723        if (!$comparePriceSpan) {
9724          $comparePriceSpan = document.createElement('span');
9725          $comparePriceSpan.classList.add('bundleapp-compareAtPrice');
9726          if ($priceRegular) {
9727            const priceStyles = window.getComputedStyle($priceRegular);
9728            Array.from(priceStyles).forEach((key) =>
9729              $comparePriceSpan.style.setProperty(
9730                key,
9731                priceStyles.getPropertyValue(key),
9732                priceStyles.getPropertyPriority(key),
9733              ),
9734            );
9735            $priceRegular.after($comparePriceSpan);
9736          }
9737          $comparePriceSpan.style.textDecoration = 'line-through';
9738          $comparePriceSpan.style.webkitTextDecorationLine = 'line-through';
9739          $comparePriceSpan.style.marginLeft = '10px';
9740
9741          // for testing purpose
9742          if ($comparePriceSpan)
9743            $comparePriceSpan.dataset.test = 'bundlePriceOnSale';
9744        }
9745
9746        setTimeout(
9747          function () {
9748            // Since the theme wants to change the price we need to wait a bit to make our changes,
9749            // hence, the timeout
9750            if (planAllocation) {
9751              if ($priceRegular) {
9752                $priceRegular.innerHTML = `${formatMoney(planAllocation.price)}`;
9753
9754                if (
9755                  planAllocation.compare_at_price &&
9756                  planAllocation.compare_at_price !== planAllocation.price
9757                ) {
9758                  $comparePriceSpan.innerHTML = `${formatMoney(
9759                    planAllocation.compare_at_price,
9760                  )}`;
9761                  $comparePriceSpan.style.display = 'inline';
9762                } else if (
9763                  this.product &&
9764                  this.product.compare_at_price &&
9765                  this.product.compare_at_price !== planAllocation.price
9766                ) {
9767                  $comparePriceSpan.innerHTML = `${formatMoney(
9768                    product.compare_at_price,
9769                  )}`;
9770                  $comparePriceSpan.style.display = 'inline';
9771                }
9772                 else {
9773                  $comparePriceSpan.style.display = 'none';
9774                }
9775              }
9776            } else {
9777              if ($priceRegular) {
9778                $priceRegular.innerHTML = `${formatMoney(
9779                  this.product.selected_variant.price,
9780                )}`;
9781              }
9782              if (this.product.selected_variant.compare_at_price) {
9783                $comparePriceSpan.innerHTML = formatMoney(
9784                  this.product.selected_variant.compare_at_price,
9785                );
9786                $comparePriceSpan.style.display = 'inline';
9787              } else {
9788                $comparePriceSpan.style.display = 'none';
9789              }
9790            }
9791
9792            // make sure theme did not try to display=block
9793            if ($priceRegular) $priceRegular.style.display = 'inline';
9794
9795            //for testing purposes
9796            if ($priceRegular) $priceRegular.dataset.test = 'priceRegular';
9797
9798            // hide this because we are not longer using this elements.
9799            if ($priceSale) $priceSale.style.display = 'none';
9800            //for testing purposes
9801            if ($priceSale) $priceSale.dataset.test = 'priceOnSale';
9802
9803            // make sure theme did not tried to decorate text
9804            if ($priceRegular) $priceRegular.style.textDecoration = 'none';
9805
9806            if (
9807              this.product?.selected_variant?.compare_at_price ===
9808                this.product.selected_variant.price ||
9809              this.product?.selected_variant?.compare_at_price ===
9810                planAllocation?.price ||
9811              this.product?.selected_variant?.price === planAllocation?.price
9812            ) {
9813              if ($comparePriceSpan) $comparePriceSpan.style.display = 'none';
9814            }
9815          }.bind(this),
9816          100,
9817        );
9818      },
9819
9820      updateBadgePrice: function (planId) {
9821        var planAllocation = this.product.selected_variant.selling_plan_allocations.find(
9822          (allo) => allo.selling_plan_id == planId,
9823        );
9824        var planOption = this.product.selling_plans_by_id[planId];
9825
9826        var $priceAdjustment = this.$wrapper.querySelector(
9827          '.bundleapp-price-adjustment',
9828        );
9829
9830        if (planAllocation) {
9831          var value_type = planOption.price_adjustments[0].value_type;
9832          var value = planOption.price_adjustments[0].value;
9833
9834          var symbol = value_type === 'percentage' ? '%' : '';
9835          var strValue = value_type === 'percentage' ? value : formatMoney(value);
9836
9837          var discount = value > 0 ? `${strValue}${symbol}` : '';
9838
9839          // find out if this selling plan is part of a selling plan group with multiple selling plans/frequencies
9840          const planAllocationBrothers = this.product.selected_variant.selling_plan_allocations.reduce(
9841            (acc, curr) => {
9842              if (
9843                curr.selling_plan_group_id ===
9844                  planAllocation.selling_plan_group_id &&
9845                curr.selling_plan_id !== planAllocation.selling_plan_id
9846              ) {
9847                acc.brothers = acc.brothers + 1;
9848
9849                if (curr.price !== planAllocation.price) {
9850                  acc.dynamicSavings = acc.dynamicSavings + 1;
9851                }
9852              }
9853
9854              return acc;
9855            },
9856            { brothers: 0, dynamicSavings: 0 },
9857          );
9858
9859          const subscriptionLabel = `<span data-test="subscriptionLabel">${this.getTranslation(
9860            'subscription',
9861            'SUBSCRIPTION',
9862          )}</span>`;
9863          const dotSeparatorLabel =
9864            '<span data-test="dotSeparatorLabel"> · </span>';
9865          const saveLabel = `<span data-test="saveLabel">${this.getTranslation(
9866            'save',
9867            'Save',
9868          )} ${discount}</span>`;
9869          const extraDiscountLabel = `<span data-test="extraDiscountLabel">${this.getTranslation(
9870            'extra',
9871            'Extra',
9872          )} ${discount} ${this.getTranslation('off', 'off')}</span>`;
9873
9874          let badgeLabel = subscriptionLabel + dotSeparatorLabel + saveLabel;
9875
9876          if (!discount) {
9877            badgeLabel = subscriptionLabel;
9878          }
9879
9880          if (
9881            this.product.selected_variant.compare_at_price &&
9882            this.product.selected_variant.price != planAllocation.price
9883          ) {
9884            badgeLabel = extraDiscountLabel;
9885          }
9886
9887          const html = `<span data-test="subscriptionBadge">${badgeLabel}</span>`;
9888
9889          if (this.$badgePriceEl) {
9890            if ($priceAdjustment) {
9891              $priceAdjustment.innerHTML = html;
9892            } else {
9893              var div = document.createElement('div');
9894              div.classList.add('bundleapp-price-adjustment');
9895              div.innerHTML = html;
9896              this.$badgePriceEl.appendChild(div);
9897            }
9898          }
9899        } else {
9900          if ($priceAdjustment) {
9901            $priceAdjustment.remove();
9902          }
9903        }
9904      },
9905
9906      setSupportInformation: function () {
9907        var $description = this.$selector.querySelector(
9908          '.bundleapp-plan-selector-description',
9909        );
9910
9911        if ($description) {
9912          if (
9913            this.product.selected_selling_plan &&
9914            this.product.selected_selling_plan.description
9915          ) {
9916            $description.innerHTML = `<span>${this.product.selected_selling_plan.description}</span>`;
9917          } else {
9918            $description.innerHTML = '';
9919          }
9920        }
9921      },
9922
9923      handlePlanRadioChange: function (e) {
9924        var target = e.currentTarget || e.target;
9925        var $planGroup = target.closest('.bundleapp-plan-selector-group');
9926
9927        // remove selected class from previously selected group
9928        var $previouslySelected = this.$form.querySelectorAll(
9929          '.bundleapp-plan-selector-group--selected',
9930        );
9931        $previouslySelected.forEach((selectedGroup) =>
9932          selectedGroup.classList.remove(
9933            'bundleapp-plan-selector-group--selected',
9934          ),
9935        );
9936
9937        // add selected class to newly selected group
9938        $planGroup.classList.add('bundleapp-plan-selector-group--selected');
9939
9940        var $planSelect = $planGroup.querySelector('select');
9941        var planId = $planSelect.value;
9942        this.product.selected_selling_plan = this.product.selling_plans_by_id[
9943          planId
9944        ];
9945
9946        this.setPlansVisibility();
9947        this.setSupportInformation();
9948      },
9949
9950      handlePlanOptionsChange: function (e) {
9951        var target = e.currentTarget || e.target;
9952        var planId = target.value;
9953
9954        if (window.bundleapp.settings.useRadioButtonFrequencySelector) {
9955          // remove selected class from previously selected plan label
9956          var $previouslySelectedLabels = document.querySelectorAll(
9957            '.bundleapp-plan-selector-radio__label--selected',
9958          );
9959          $previouslySelectedLabels.forEach((selectedLabel) =>
9960            selectedLabel.classList.remove(
9961              'bundleapp-plan-selector-radio__label--selected',
9962            ),
9963          );
9964
9965          // add selected class to selected label
9966          var $label = document.querySelector(
9967            `.bundleapp-plan-selector-radio__label[for="${planId}"]`,
9968          );
9969          if ($label) {
9970            $label.classList.add(
9971              'bundleapp-plan-selector-radio__label--selected',
9972            );
9973          }
9974        }
9975
9976        this.product.selected_selling_plan = this.product.selling_plans_by_id[
9977          planId
9978        ];
9979        this.setPlansVisibility();
9980      },
9981
9982      handleFormDomChanged: function (e) {
9983        setTimeout(
9984          function () {
9985            var variantId = this.$form.querySelector('[name=id]').value;
9986            this.product.selected_variant = this.product.variants.find(
9987              (v) => v.id == variantId,
9988            );
9989            this.setPlansVisibility();
9990          }.bind(this),
9991          20,
9992        );
9993      },
9994    });
9995
9996    //Validates app is public
9997    const inPreviewMode = !!(
9998      window.location.search.includes('awt-preview') ||
9999      window.localStorage.getItem(PREVIEW_MODE_STORAGE_KEY) === 'true'
10000    );
10001
10002    // make sure preview mode is set in local storage if in preview mode
10003    inPreviewMode &&
10004      window.localStorage.setItem(PREVIEW_MODE_STORAGE_KEY, inPreviewMode);
10005
10006    // if we're in preview mode we can get rid of the URL param
10007    inPreviewMode && insertUrlParam('awt-preview');
10008
10009    // show preview control if !appPublic and inPreviewMode
10010    if (inPreviewMode && !window.bundleapp.settings.appPublic) {
10011      showPreviewModeControl();
10012    }
10013
10014    // update CSS vars
10015    setCssVars(window.bundleapp.settings.shopStyleSettings);
10016
10017    if (window.bundleapp.settings.appPublic || inPreviewMode) {
10018      window.bundleapp.BundleAppWidget = BundleAppWidget;
10019      document.dispatchEvent(new Event('bundleapp:ready'));
10020    }
10021
10022    /**
10023    * Iterating over forms
10024    */
10025    var shopInfoPromise = getShopInfo();
10026
10027    window.bundleapp.initializeForms = function () {
10028      var $forms = document.querySelectorAll("form[action='/cart/add']");
10029      $forms.forEach(function (el) {
10030        // if we found more than one form, lets make sure we're adding only to the
10031        // forms that we want to..
10032        if ($forms.length > 1) {
10033          // check if this is the installments form (from Dawn theme) before
10034          // initializing the plan selector widget
10035          if (el.getAttribute('id') && el.getAttribute('id').includes('product-form-installment')) {
10036            return;
10037          }
10038
10039          // additional checks will go here
10040        }
10041        var settings = window.bundleapp.settings;
10042        var $variantEl = el.querySelector('[name=id]');
10043
10044        // Checking if the widget has been initialized already
10045        if (el.querySelector('[data-bundleapp-wrapper]')) {
10046          console.warn('Bundleapp: Form already initialized');
10047          return;
10048        }
10049        if ($variantEl) {
10050          var pathname = window.location.pathname;
10051          var search = window.location.search;
10052          var searchParams = new URLSearchParams(search);
10053          var reqParams = new URLSearchParams();
10054
10055          //gets product handle if in a product page
10056          let productHandle = pathname.includes('/products/')
10057            ? pathname.split('/').filter(Boolean).pop()
10058            : null;
10059
10060          // If there is a container selector we want to try to get the handle from it.
10061          // This because in collection pages or product pages with recommended products it
10062          // will be easier: ie <div data-bundleapp-widget="build-a-box-variety-granola-butter"/>
10063
10064          var $containerSel = el.querySelector(
10065            settings.containerSel || '[data-bundleapp-widget]',
10066          );
10067
10068          if (
10069            $containerSel &&
10070            $containerSel.dataset &&
10071            $containerSel.dataset.bundleappWidget
10072          ) {
10073            productHandle = $containerSel.dataset.bundleappWidget;
10074          }
10075
10076          if (productHandle) {
10077            reqParams.append('productHandle', productHandle);
10078          }
10079          var getProductSelector = function () {
10080              return;
10081            return fetch(
10082              settings.productSelectorUrl
10083                ? settings.productSelectorUrl +
10084                    productHandle +
10085                    '?view=selector&' +
10086                    reqParams.toString()
10087                : settings.proxy + '/product-selector?' + reqParams.toString(),
10088            ).then(function (res) {
10089              if (!res.ok) {
10090                throw new Error(res.statusText);
10091              }
10092              return res.text();
10093            });
10094          };
10095
10096          // gets selected variant
10097          var variantId = $variantEl.value;
10098          if (variantId) {
10099            reqParams.append('variant', variantId);
10100          }
10101
10102          // gets selected selling plan
10103          var sellingPlan = searchParams.get('selling_plan');
10104          if (sellingPlan) {
10105            reqParams.append('selling_plan', sellingPlan);
10106          }
10107
10108          var compareHtmlStrings = function (html1, html2) {
10109            // We need to remove this uuid from the string since it is always different
10110            // This is used to uniquely identify each widget. and it cannot be any product related
10111            // attribute because we could have multiple selectors for the same product
10112            var regexWrapperIdHtml = /data-bundleapp-wrapper=["|']\d+["|']/gm;
10113            var regexWrapperIdJs = /"widget_id":\s?"\d+"/gm;
10114
10115            var str1 = (html1 || '')
10116              .replace(regexWrapperIdHtml, '')
10117              .replace(regexWrapperIdJs, '');
10118            var str2 = (html2 || '')
10119              .replace(regexWrapperIdHtml, '')
10120              .replace(regexWrapperIdJs, '');
10121            return str1 === str2;
10122          };
10123
10124          var cachedSelector;
10125          var selectorStorageKey = `bundleSelector1${productHandle + variantId}`;
10126
10127          // We check first if there is a cached selector in local storage
10128          // to speed the render time
10129          try {
10130            cachedSelector = window.localStorage.getItem(selectorStorageKey);
10131            if (cachedSelector && cachedSelector !== 'undefined') {
10132              Promise.all([shopInfoPromise]).then(function () {
10133                if (window.bundleapp.settings.appPublic || inPreviewMode) {
10134                  addAndInitiateSelector(
10135                    cachedSelector,
10136                    window.bundleapp.settings.shopStyleSettings,
10137                  );
10138                }
10139              });
10140            }
10141          } catch (err) {
10142            console.error(err);
10143          }
10144
10145          // we want to store the selector in a cache
10146          // in case there is a new version we can remove it and
10147          // create and initiate a new one
10148          var cachedDivContainer;
10149          var addAndInitiateSelector = function (htmlString, styleSettings) {
10150            var addSelector = function ($el) {
10151              // if selector style is selected use that
10152              if (styleSettings && styleSettings.SelectorStyle) {
10153                $el.classList.add(styleSettings.SelectorStyle);
10154              }
10155              // if a container class has been set in the settings this means
10156              // that we've manually set them up, use this class
10157              else if (settings.containerClass) {
10158                $el.classList.add(settings.containerClass);
10159              }
10160              // if styleSettings exist but no selector style has been chosen, default to awt-style-1
10161              else if (styleSettings && !styleSettings.SelectorStyle) {
10162                $el.classList.add('awt-style-1');
10163              }
10164              // final default is bundleapp-container
10165              else {
10166                $el.classList.add('bundleapp-container');
10167              }
10168
10169              $el.innerHTML = htmlString.trim();
10170
10171              var $renderBeforeEl, $renderAfterEl, $renderInsideEl;
10172              if (
10173                settings.renderAfterSel ||
10174                (styleSettings && styleSettings.RenderAfterSel)
10175              ) {
10176                $renderAfterEl = el.querySelector(
10177                  settings.renderAfterSel || styleSettings.RenderAfterSel,
10178                );
10179              } else if (
10180                settings.renderBeforeEl ||
10181                (styleSettings && styleSettings.RenderBeforeSel)
10182              ) {
10183                $renderBeforeEl = el.querySelector(
10184                  settings.renderBeforeEl || styleSettings.RenderBeforeSel,
10185                );
10186              } else if (
10187                settings.renderInsideSel ||
10188                (styleSettings && styleSettings.RenderInsideSel)
10189              ) {
10190                $renderInsideEl = el.querySelector(
10191                  settings.renderInsideSel || styleSettings.RenderInsideSel,
10192                );
10193              }
10194
10195              // If there is a custom selector to render the widget
10196              if ($renderInsideEl) {
10197                $renderInsideEl.append($el);
10198              } else if ($containerSel) {
10199                // if the default container selector is available
10200                $containerSel.append($el);
10201              } else if ($renderAfterEl) {
10202                // else if renderAfterSel is set, render widget after that
10203                $renderAfterEl.parentNode.insertBefore(
10204                  $el,
10205                  $renderAfterEl.nextSibling,
10206                );
10207              } else if ($renderBeforeEl) {
10208                // else if renderBeforeSel is set, render widget after that
10209                $renderBeforeEl.parentNode.insertBefore($el, $renderBeforeEl);
10210              } else if ($variantEl) {
10211                // else render the widget after the input field
10212                $variantEl.parentNode.insertBefore($el, $variantEl.nextSibling);
10213              }
10214            };
10215
10216            if (cachedDivContainer) {
10217              var newEl = document.createElement('div');
10218              addSelector(newEl);
10219              cachedDivContainer.parentNode.removeChild(cachedDivContainer);
10220            } else {
10221              cachedDivContainer = document.createElement('div');
10222              addSelector(cachedDivContainer);
10223            }
10224
10225            const scriptMatches = [
10226              ...htmlString.matchAll(/
10226<script type=.*>(.+)<\/script>/gims),
10227            ];
10228            if (scriptMatches.length && scriptMatches[0] && scriptMatches[0][1]) {
10229              try {
10230                var product = JSON.parse(scriptMatches[0][1]);
10231                /**
10232                * Initiates the widget selector
10233                */
10234                var $selector = document.querySelector(
10235                  "[data-bundleapp-wrapper='" + product.widget_id + "']",
10236                );
10237                new window.bundleapp.BundleAppWidget($selector, product);
10238              } catch (err) {
10239                console.warn('Bundle: Could not parse and initiate widget', err);
10240              }
10241            }
10242          };
10243
10244          try {
10245            var prodSelectorPromise = getProductSelector();
10246            Promise.all([prodSelectorPromise, shopInfoPromise]).then((values) => {
10247              const responseText = values[0];
10248              // replaces to minify a bit the html string
10249              // .replace(/\n|\t/g, ' ') // replaces newlines and tabs
10250              // .replace(/>[\s]*?</g, '><') // removes spaces between open and close brackets
10251              // .replace(/[\s]*?</g, '<'); // removes spaces at start
10252
10253              if (
10254                (window.bundleapp.settings.appPublic || inPreviewMode) &&
10255                !compareHtmlStrings(responseText, cachedSelector) && responseText
10256              ) {
10257                window.localStorage.setItem(selectorStorageKey, responseText);
10258                addAndInitiateSelector(
10259                  responseText,
10260                  window.bundleapp.settings.shopStyleSettings,
10261                );
10262              }
10263            });
10264          } catch (err) {
10265            console.error(
10266              'Something went wrong while fetching and parsing the product',
10267              err,
10268            );
10269          }
10270        }
10271      });
10272    };
10273
10274    window.bundleapp.initializeForms();
10275
10276    if (window.bundleapp.settings.triggerDomChangeOnUrlVariantChange) {
10277      let last;
10278      const check = () => {
10279        const v = new URLSearchParams(location.search).get('variant');
10280        if (v !== last) {
10281          last = v;
10282          this.handleFormDomChanged();
10283        }
10284      };
10285      ['pushState', 'replaceState'].forEach(type => {
10286        const original = history[type];
10287        history[type] = function () {
10288          original.apply(this, arguments);
10289          check();
10290        };
10291      });
10292      addEventListener('popstate', check);
10293      check();
10294    }
10295  })();
10296
10297  (function () {
10298    function addStyle(styleString) {
10299        const style = document.createElement('style');
10300        style.textContent = styleString;
10301        document.head.append(style);
10302    }
10303    const rootStyles = Object.values(STYLE_VAR_MAP).reduce(
10304        (accum, { cssVar, defaultVal = '' } = {}) => {
10305        return `${accum}${cssVar}: ${defaultVal};`;
10306        },
10307        '',
10308    );
10309
10310    addStyle(`
10311        /**** CUSTOM COLORS ****/
10312        :root {
10313        ${rootStyles}
10314        }
10315        /**** END CUSTOM COLORS ****/
10316    `);
10317  })();
10318</script>
10318
10319
10320<style>
10321
10322  .bundleapp-wrapper {
10323      border: none;
10324      padding: 0;
10325      margin-bottom: 20px;
10326      width: 100%;
10327  }
10328  .bundleapp-wrapper legend {
10329      font-size: 90%;
10330      margin-bottom: 5px;
10331  }
10332  .bundleapp-wrapper .bundleapp-plan-selector-group {
10333      margin-bottom: 5px;
10334  }
10335  .bundleapp-wrapper .bundleapp-plan-selector-group > label {
10336      display: flex;
10337      align-items: center;
10338      font-size: 90%;
10339  }
10340  .bundleapp-wrapper .bundleapp-plan-selector-group label > input {
10341      min-height: 30px;
10342      margin-right: 10px;
10343  }
10344  .bundleapp-wrapper .bundleapp-plan-selector-group select {
10345      width: 100%;
10346      margin-bottom: 20px;
10347  }
10348  .bundleapp-wrapper .bundleapp-plan-selector-group-pricing {
10349      margin-left: auto;
10350  }
10351  .bundleapp-wrapper .bundleapp-plan-selector-plan {
10352      margin-left: 23px;
10353  }
10354  .bundleapp-wrapper .bundleapp-plan-selector-plan > label {
10355      font-size: 80%;
10356      display: block;
10357      text-align: left;
10358  }
10359  .bundleapp-wrapper .bundleapp-plan-selector-description span {
10360      border: solid 1px #dfe3e8;
10361      padding: 16px;
10362      height: auto;
10363      margin-top: 16px;
10364      border-radius: 0px;
10365      font-size: 90%;
10366      margin-left: 23px;
10367      display: block;
10368  }
10369  .bundleapp-price-adjustment {
10370      display: inline-block;
10371      margin-left: 10px;
10372      border: 1px solid;
10373      border-color: inherit;
10374      font-size: 80%;
10375      padding-left: 10px;
10376      padding-right: 10px;
10377      border-radius: 3px;
10378  }
10379  .bundleapp-legend {
10380      text-align: left;
10381      margin-bottom: 5px;
10382  }
10383  .awt-hidden-add-to-cart-button {
10384      display: none !important;
10385  }
10386  /**** PLAN SELECTOR BASICS ****/
10387  .awt-style-1, .awt-style-2 {
10388      width: 100%;
10389      margin-top: 20px;
10390      margin-bottom: 20px;
10391  }
10392  .awt-style-1 .bundleapp-wrapper, .awt-style-2 .bundleapp-wrapper {
10393      margin-bottom: 0;
10394  }
10395  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-description span, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-description span {
10396      margin-left: 0;
10397  }
10398  /**** PLAN SELECTOR BASICS ****/
10399  /**** CUSTOM DROP DOWN ****/
10400  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select {
10401      padding: 14px 50px 14px 17px;
10402      margin-bottom: 8px;
10403      appearance: none;
10404      -webkit-appearance: none;
10405      background-repeat: no-repeat;
10406      background-position: center right;
10407      background-image: url("data:image/svg+xml,%3Csvg width='44' height='24' xmlns='http://www.w3.org/2000/svg' role='presentation' focusable='false' aria-hidden='true' class='icon-chevron '%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath transform='rotate(90 12.414 12.4145)' stroke='null' id='svg_1' d='m10.121,19.122l6,-6a1,1 0 0 0 0,-1.415l-6,-6a1,1 0 0 0 -1.414,0a1,1 0 0 0 0,1.415l5.293,5.292l-5.293,5.293a1,1 0 1 0 1.414,1.415z' fill-rule='evenodd' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E");
10408      background-size: 35px;
10409      background-color: #fff;
10410      border: 1px solid var(--awt-border-color);
10411      outline: 0;
10412      height: auto;
10413  }
10414  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:focus-visible {
10415      box-shadow: none;
10416  }
10417  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group select.bundleapp-plan-selector-select:hover {
10418      cursor: pointer;
10419  }
10420  /**** END CUSTOM DROP DOWN ****/
10421  /**** CUSTOM RADIO BUTTON ****/
10422  .awt-style-1 .bundleapp-wrapper input[type='radio'], .awt-style-2 .bundleapp-wrapper input[type='radio'] {
10423      /* Add if not using autoprefixer */
10424      -webkit-appearance: none;
10425      /* Remove most all native input styles */
10426      appearance: none;
10427      /* For iOS < 15 */
10428      background-color: #fff;
10429      /* Not removed via appearance */
10430      margin: 0 10px 0 0;
10431      color: currentColor;
10432      width: 20px;
10433      height: 20px;
10434      border: 1px solid currentColor;
10435      border-radius: 50%;
10436      /* transform: translateY(-0.075em);
10437      */
10438      display: grid;
10439      place-content: center;
10440      min-height: 0 !important;
10441      min-width: 20px;
10442      outline: none;
10443      padding: 0;
10444  }
10445  .awt-style-1 .bundleapp-wrapper input[type='radio']:focus .awt-style-2 .bundleapp-wrapper input[type='radio']:focus {
10446      /* remove outline */
10447      outline: none;
10448  }
10449  .awt-style-1 .bundleapp-wrapper input[type='radio']::before, .awt-style-2 .bundleapp-wrapper input[type='radio']::before {
10450      content: '';
10451      width: 10px;
10452      height: 10px;
10453      border-radius: 50%;
10454      transform: scale(0);
10455      transition: 120ms transform ease-in-out;
10456      background-color: var(--awt-radio-button-background);
10457      transition: background-color 0.3s;
10458  }
10459  .awt-style-1 .bundleapp-wrapper input[type='radio']:checked::before, .awt-style-2 .bundleapp-wrapper input[type='radio']:checked::before {
10460      transform: scale(1);
10461  }
10462  /**** END CUSTOM RADIO BUTTON ****/
10463  /**** CUSTOM FREQUENCY BUTTONS ****/
10464  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio input, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio input {
10465      clip: rect(0, 0, 0, 0);
10466      overflow: hidden;
10467      position: absolute;
10468      height: 1px;
10469      width: 1px;
10470  }
10471  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label {
10472      display: inline-block;
10473      text-align: center;
10474      min-width: 36px;
10475      padding: 6px 10px;
10476      border: var(--awt-freq-button-border);
10477      color: var(--awt-freq-button-color);
10478      background-color: var(--awt-freq-button-background);
10479      cursor: pointer;
10480      border-radius: var(--awt-freq-button-border-radius);
10481      margin: 6px 8px 6px 0;
10482      transition: border 0.3s, color 0.3s, background-color 0.3s;
10483  }
10484  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label:hover {
10485      color: var(--awt-freq-button-color-hover);
10486      background-color: var(--awt-freq-button-background-hover);
10487      border: var(--awt-freq-button-border-hover);
10488  }
10489  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected {
10490      background-color: var(--awt-freq-button-background-selected);
10491      color: var(--awt-freq-button-color-selected);
10492      border: var(--awt-freq-button-border-selected);
10493      transition: border 0.3s, color 0.3s, background-color 0.3s;
10494  }
10495  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-radio__label.bundleapp-plan-selector-radio__label--selected:hover {
10496      background-color: var(--awt-freq-button-background-hover-selected);
10497      color: var(--awt-freq-button-color-hover-selected);
10498      border: var(--awt-freq-button-border-hover-selected);
10499  }
10500  /**** END CUSTOM FREQUENCY BUTTONS ****/
10501  /**** CUSTOM LABEL ACCENT ****/
10502  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent, .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label .awt-accent {
10503      background-color: var(--awt-accent-background);
10504      padding: 2px 8px;
10505      border-radius: 20px;
10506      font-size: 12px;
10507      display: inline-block;
10508      color: var(--awt-accent-color);
10509  }
10510  /**** END CUSTOM LABEL ACCENT ****/
10511  /*****************************************/
10512  /*****************************************/
10513  /**************** STYLE 1 ****************/
10514  /*****************************************/
10515  /*****************************************/
10516  /**** CUSTOM PLAN SELECTOR ****/
10517  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label {
10518      font-weight: 400;
10519      margin-bottom: 0;
10520  }
10521  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover {
10522      cursor: pointer;
10523  }
10524  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group {
10525      margin-bottom: 10px;
10526      padding: 10px 15px;
10527      border-radius: var(--awt-border-radius);
10528      border: 1px solid var(--awt-border-color);
10529      transition: border 0.3s, color 0.3s, background-color 0.3s;
10530  }
10531  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-select {
10532      margin-bottom: 0;
10533  }
10534  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan {
10535      margin-top: 10px;
10536  }
10537  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label {
10538      margin-bottom: 8px;
10539  }
10540  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected {
10541      border-color: var(--awt-selected-plan-border-color);
10542      background-color: var(--awt-selected-plan-background);
10543  }
10544  .awt-style-1 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--single-group {
10545      //border: none;
10546      background-color: initial;
10547      border-color: var(--awt-border-color);
10548      transition: border 0.3s, color 0.3s, background-color 0.3s;
10549  }
10550  /**** END CUSTOM PLAN SELECTOR ****/
10551  /*****************************************/
10552  /*****************************************/
10553  /**************** STYLE 2 ****************/
10554  /*****************************************/
10555  /*****************************************/
10556  /**** CUSTOM PLAN SELECTOR ****/
10557  .awt-style-2 .bundleapp-wrapper {
10558      border: 1px solid var(--awt-border-color);
10559  }
10560  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group:not(:last-child) {
10561      border-bottom: 1px solid var(--awt-border-color);
10562  }
10563  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label {
10564      font-weight: 400;
10565      margin-bottom: 0;
10566  }
10567  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group > label:hover {
10568      cursor: pointer;
10569  }
10570  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan {
10571      margin-top: 10px;
10572  }
10573  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group .bundleapp-plan-selector-plan > label {
10574      margin-bottom: 8px;
10575  }
10576  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group {
10577      margin-bottom: 0;
10578      padding: 8px 20px;
10579      transition: border 0.3s, color 0.3s, background-color 0.3s;
10580  }
10581  .awt-style-2 .bundleapp-wrapper .bundleapp-plan-selector-group.bundleapp-plan-selector-group--selected {
10582      border-color: var(--awt-selected-plan-border-color);
10583      background-color: var(--awt-selected-plan-background);
10584      border-bottom: 0;
10585  }
10586  /**** END CUSTOM PLAN SELECTOR ****/
10587  /**** CUSTOMIZE CP ****/
10588  .bundle-button.button--primary:enabled {
10589      background-color: var(--awt-primary-button-background);
10590      color: var(--awt-primary-button-color);
10591      border-style: solid;
10592      border: var(--awt-primary-button-border);
10593      border-radius: var(--awt-primary-button-border-radius);
10594      transition: color 0.3s, background-color 0.3s, border-color 0.3s, border-width 0.3s;
10595  }
10596  .bundle-button.button--primary:enabled:hover {
10597      background-color: var(--awt-primary-button-background-hover);
10598      color: var(--awt-primary-button-color-hover);
10599      border: var(--awt-primary-button-border-hover);
10600  }
10601  /**** END CUSTOMIZE CP ****/
10602  /**** BaB UI ****/
10603  .bundleapp-modal__logo {
10604      background-image: url();
10605      background-position: center;
10606  }
10607  .awtomatic-progress-item {
10608      transition: border 0.3s, color 0.3s, background-color 0.3s;
10609  }
10610  .awtomatic-progress-item.awtomatic-progress-item--completed {
10611      background-color: var(--awt-progress-bar-background);
10612  }
10613  .awtomatic-progress-item.awtomatic-progress-item--completed .bundle-text--subheading {
10614      color: var(--awt-progress-bar-color);
10615  }
10616  .bundle-stepper-counter--complete {
10617      background-color: var(--awt-progress-bar-background);
10618      color: var(--awt-progress-bar-color);
10619  }
10620  .bundle-stepper-item:after {
10621      transition: border-color 0.3s;
10622  }
10623  .bundle-stepper-item--complete:after {
10624      border-bottom-color: var(--awt-progress-bar-background);
10625  }
10626  /**** End BaB UI ****/
10627  
10628  /**** Gift styling ****/
10629  .awt-gift-info-title {
10630      font-weight: 400;
10631      font-size: 16px;
10632      text-align: start;
10633  }
10634  .awt-error-msg {
10635      color: #ff2a51;
10636      text-align: start;
10637  }
10638  .awt-input-error.awt-error {
10639      background-color: rgba(255,42,81,.1);
10640      border: 2px solid #ff2a51;
10641  }
10642  .awt-floating-label {
10643      display: block;
10644      position: relative;
10645      border-radius: 5px;
10646      width: 100%;
10647  }
10648  .awt-floating-label:last-child {
10649      margin-bottom: 0;
10650  }
10651  .awt-floating-label input, .awt-floating-label textarea {
10652      font-family: inherit;
10653      width: 100%;
10654      height: 40px;
10655      border: none;
10656      outline: none;
10657      background-color: #f8f8f8;
10658      border-radius: 8px;
10659      padding: 0 12px;
10660      font-size: 16px;
10661      margin: 0px;
10662      font-family: inherit;
10663  }
10664  .awt-floating-label textarea {
10665      height: 120px;
10666      padding: 12px;
10667  }
10668  .awt-floating-label input::placeholder, .awt-floating-label textarea::placeholder {
10669      opacity: 0;
10670  }
10671  .awt-floating-label span {
10672      position: absolute;
10673      top: 20px;
10674      left: 8px;
10675      transform: translateY(-50%);
10676      font-size: 16px;
10677      padding: 0 4px;
10678      transition-duration: 300ms;
10679      border-radius: 5px;
10680  }
10681  label.awt-floating-label:focus-within > span, .awt-floating-label input:not(:placeholder-shown) + span, .awt-floating-label textarea:not(:placeholder-shown) + span {
10682      transform: translateY(-150%);
10683      font-size: 11px;
10684      background-color: rgba(255, 255, 255);
10685  }
10686  .awt-floating-label-warning {
10687      font-size: 14px;
10688      padding: 0 2px;
10689      text-align: start;
10690  }
10691  /*! form field group in 2 columns */
10692  .awt-form-group {
10693      display: flex;
10694      justify-content: space-between;
10695  }
10696  .awt-form-group > * {
10697      width: calc(50% - 4px);
10698      padding-bottom: 16px;
10699  }
10700  .awt-gift-input-container {
10701      padding-bottom:16px 
10702  }
10703  /*! custom checkbox */
10704  .awt-checkbox {
10705      display: flex;
10706      align-items: center;
10707      margin: 16px 0;
10708  }
10709  .awt-checkbox input[type="checkbox"] {
10710      /* Add if not using autoprefixer */
10711      -webkit-appearance: none;
10712      /* Remove most all native input styles */
10713      appearance: none;
10714      /* For iOS < 15 */
10715      background-color: #fff;
10716      width: 18px;
10717      height: 18px;
10718      margin-right: 4px;
10719      position: relative;
10720      border-radius: 2px;
10721      box-shadow: 0 0 0 1px inset #000;
10722  }
10723  .awt-checkbox input[type="checkbox"]:checked {
10724      /* For iOS < 15 */
10725      background-color: #000000;
10726  }
10727  .awt-checkbox input[type="checkbox"]:checked::before {
10728      content: "";
10729      position: absolute;
10730      left: 4px;
10731      top: 8px;
10732      background: white;
10733      width: 2px;
10734      height: 2px;
10735      box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
10736      transform: rotate(45deg);
10737  }
10738  .awt-checkbox input[type="checkbox"]:disabled {
10739      background-color: #f8f8f8;
10740      cursor: not-allowed;
10741  }
10742  /**** End Gift styling ****/
10743
10744  /*** PREVIEW CONTROL ***/
10745  #awt-preview-mode-control {
10746      position: fixed;
10747      bottom: 15px;
10748      left: 50%;
10749      transform: translateX(-50%);
10750      height: 75px;
10751      z-index: 2147483647;
10752      background-color: #fff;
10753      color: #222;
10754      padding: 17px;
10755      display: flex;
10756      justify-content: space-between;
10757      align-content: center;
10758      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
10759      border-radius: 8px;
10760      box-sizing: border-box;
10761  }
10762  #awt-preview-mode-control.hidden {
10763      display: none;
10764  }
10765  #awt-preview-mode-control div.awt-logo {
10766      display: flex;
10767      height: 100%;
10768      align-items: center;
10769      flex-wrap: nowrap;
10770  }
10771  #awt-preview-mode-control div.awt-logo span {
10772      margin-top: 3px;
10773      font-size: 16px;
10774      font-family: sans-serif;
10775      color: #3700ff;
10776  }
10777  #awt-preview-mode-control div.awt-logo .awt-logo--image {
10778      display: block;
10779      background-image: url('https://bundle-public-assets.s3.amazonaws.com/customerPortal/awtomatic-no-dot.svg');
10780      background-repeat: no-repeat;
10781      background-size: contain;
10782      background-position: center;
10783      width: 95px;
10784      height: 100%;
10785      margin-right: 6px;
10786  }
10787  #awt-preview-mode-control div.awt-logo .awt-logo--info-icon {
10788      display: block;
10789      background-image: url('https://bundle-public-assets.s3.amazonaws.com/customerPortal/info-icon.svg');
10790      background-repeat: no-repeat;
10791      background-size: contain;
10792      background-position: center;
10793      width: 15px;
10794      height: 15px;
10795      margin: 5px 25px 0 9px;
10796  }
10797  #awt-preview-mode-control button {
10798      display: inline-block;
10799      border: 1px solid #eee;
10800      background-color: #fff;
10801      border-radius: 4px;
10802      padding: 5px 15px;
10803      margin: 0;
10804      text-decoration: none;
10805      color: #000;
10806      font-family: sans-serif;
10807      font-size: 15px;
10808      cursor: pointer;
10809      text-align: center;
10810      transition: background 250ms ease-in-out, transform 150ms ease;
10811      -webkit-appearance: none;
10812      -moz-appearance: none;
10813      font-weight: bold;
10814      height: 100%;
10815      outline: none;
10816      box-shadow: none;
10817  }
10818  #awt-preview-mode-control button:hover, #awt-preview-mode-control button:focus {
10819      background-color: #fbfbfb;
10820  }
10821  #awt-preview-mode-control button:focus {
10822      outline: none;
10823  }
10824  #awt-preview-mode-control button:active {
10825      transform: scale(0.99);
10826  }
10827  button#awt-preview-mode-control__hide {
10828      background-color: #fff;
10829      color: #000;
10830  }
10831  #awt-preview-mode-control button#awt-preview-mode-control__hide:hover, #awt-preview-mode-control button#awt-preview-mode-control__hide:focus {
10832      background: #eee;
10833  }
10834  @media only screen and (max-width: 480px) {
10835      #awt-preview-mode-control button#awt-preview-mode-control__hide {
10836          display: none;
10837      }
10838  }
10839  /*** END PREVIEW CONTROL ***/ 
10840
10841</style>
10842  
10843  
10844  
10845    <link href="//oat.haus/cdn/shop/t/98/assets/awtomic-theme-custom.css?v=83392081128845575771762726277" rel="stylesheet" type="text/css" media="all" />
10846<script src="//oat.haus/cdn/shop/t/98/assets/awtomic-theme-custom.js?v=104704643877496385991762726277" async></script>
10846
10847
10848<style>
10849  /** custom colors */
10850  :root {
10851    --logo-image-url: url();
10852    --primary-btn-bg-color: #000;
10853    --primary-btn-color: #fff;
10854    --primary-btn-border: 1px solid #000;
10855    --primary-btn-bg-color-hover: #222;
10856    --primary-btn-color-hover: #fff;
10857    --primary-btn-border-hover: 1px solid #222;
10858    --primary-btn-disabled-color: #828282;
10859    --primary-btn-disabled-bg-color: #e9e9e9;
10860    --primary-btn-disabled-border: 1px solid #e9e9e9;
10861    --primary-btn-disabled-bg-color-hover: #e9e9e9;
10862    --primary-btn-disabled-color-hover: #828282;
10863    --primary-btn-disabled-border-hover: 1px solid #e9e9e9;
10864    --btn-border-radius: 0;
10865    --unselected-btn-border: 1px solid var(--primary-btn-disabled-color);
10866    --unselected-btn-color: var(--primary-btn-disabled-color);
10867    --unselected-btn-bg-color: transparent;
10868    --progress-bar-bg-color: #eeeeee;
10869    --progress-bar-completed-bg-color: #000;
10870    --progress-bar-color: #000;
10871    --progress-bar-completed-color: #fff;
10872  }
10873  /** end custom colors */
10874</style>
10875
10876  
10877  
10878    
10879
10880  
10880<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10880
10881</body>
10882</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.