<!doctype html><html
  class="no-js the-good-bean"
  lang="en"
>
  <head>
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://thegoodbean.com/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
  
    <link rel="icon" type="image/png" href="//thegoodbean.com/cdn/shop/files/The_Good_Bean_Favicon_32x32.png?v=1660339378">

  


<title>
  The Good Bean and Beanitos All-Natural Bean Snacks and Chips
</title>


  <meta name="description" content="The Good Bean and Beanitos Store has all your favorite, all-natural roasted chickpea snacks and easy meal solutions. Beanitos makes deliciously healthy and crunchy bean chips and bean snacks. roasted chickpeas crispy chickpeas chickpea chips roasted chickpeas snack crunchy chickpea chickpea snack roasted beanitos chips">



<meta property="og:site_name" content="The Good Bean">
<meta property="og:url" content="https://thegoodbean.com/">
<meta property="og:title" content="The Good Bean and Beanitos All-Natural Bean Snacks and Chips">
<meta property="og:type" content="website">
<meta property="og:description" content="The Good Bean and Beanitos Store has all your favorite, all-natural roasted chickpea snacks and easy meal solutions. Beanitos makes deliciously healthy and crunchy bean chips and bean snacks. roasted chickpeas crispy chickpeas chickpea chips roasted chickpeas snack crunchy chickpea chickpea snack roasted beanitos chips"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="The Good Bean and Beanitos All-Natural Bean Snacks and Chips">
<meta name="twitter:description" content="The Good Bean and Beanitos Store has all your favorite, all-natural roasted chickpea snacks and easy meal solutions. Beanitos makes deliciously healthy and crunchy bean chips and bean snacks. roasted chickpeas crispy chickpeas chickpea chips roasted chickpeas snack crunchy chickpea chickpea snack roasted beanitos chips">

    <!-- Preconnect Shopify CDN -->
<link href="https://cdn.shopify.com" rel="preconnect" crossorigin>

<!-- Fonts -->
<link rel="preload" href="https://use.typekit.net/bhz5mws.css" as="style">

<!-- Asset URL Fonts -->


<!-- <link rel="preload" href="//thegoodbean.com/cdn/shop/files/RocaTwo-Rg.otf?v=11697" as="font" crossorigin> -->

<!-- Stylesheets -->
<link rel="preload" href="//thegoodbean.com/cdn/shop/t/6/assets/base.css?v=140505162405720192641777568949" as="style">
<link rel="preload" href="//thegoodbean.com/cdn/shop/t/6/assets/tailwind.css?v=86583307899381840571711981554" as="style">

<!-- Scripts -->
<link rel="preload" data-ot-ignore href="//thegoodbean.com/cdn/shop/t/6/assets/common.js?v=77550360386254619021777568948" as="script" crossorigin>


    <link href="//thegoodbean.com/cdn/shop/t/6/assets/base.css?v=140505162405720192641777568949" rel="stylesheet" type="text/css" media="all" />
    <link href="//thegoodbean.com/cdn/shop/t/6/assets/tailwind.css?v=86583307899381840571711981554" rel="stylesheet" type="text/css" media="all" />
    <!-- Dev folder -->

    <script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
    </script>
    <!-- OneTrust Cookies Consent Notice start for thegoodbean.com 
    <script
      type="text/javascript"
      src="https://cdn.cookielaw.org/consent/cf0aca37-953f-467e-ad33-78dcae1b166b/OtAutoBlock.js"
    ></script>
    <script
      src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
      type="text/javascript"
      charset="UTF-8"
      data-domain-script="cf0aca37-953f-467e-ad33-78dcae1b166b"
    ></script>
    <script type="text/javascript">
      function OptanonWrapper() { }
    </script>
    <!-- OneTrust Cookies Consent Notice end for thegoodbean.com -->
    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="gd4aysvmpndfw8quezpn7ckdftkjby">
<meta name="google-site-verification" content="ImOUpXJcFcMw3YLC40S9TisnecVhHVnmYXyvNNHkfv0">
<meta name="google-site-verification" content="pHMVbbD9Dw5_VPM0wjpz1yg0y3CWPttIfGSRohpsRbU">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/4204485/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="2ffd3b817f60614ff91be92eed3103ed">
<meta id="in-context-paypal-metadata" data-shop-id="4204485" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=4204485" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":4204485,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/4204485","merchantName":"The Good Bean","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"The Good Bean","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"2ffd3b817f60614ff91be92eed3103ed","betas":["rich-media-storefront-analytics"],"domain":"thegoodbean.com","predictiveSearch":true,"shopId":4204485,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "the-good-bean-shop.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"main ⚠️ DO NOT REPLACE","id":121084936258,"schema_name":"o\/S x The Good Bean","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "thegoodbean.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<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>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//thegoodbean.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//thegoodbean.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.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"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.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"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script id="__st">var __st={"a":4204485,"offset":-25200,"reqid":"1a77517b-99c3-4ebe-8d45-665f21c4dc31-1781005787","pageurl":"thegoodbean.com\/?cat=25\u0026feed=rss2","u":"b11c806d8349","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<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.2.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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//thegoodbean.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//thegoodbean.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<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://thegoodbean.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  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);
</script>
<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})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://thegoodbean.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://thegoodbean.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    <!-- DS Google Tag Manager -->
    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KP9MCFZX');</script>
<!-- End Google Tag Manager -->

    <!-- End Google Tag Manager -->

    <!-- "snippets/judgeme_core.liquid" was not rendered, the associated app was uninstalled -->

    <meta name="facebook-domain-verification" content="g7bx70y1bcrp1pxpn734uljszu4s80">
  <!-- BEGIN app block: shopify://apps/geo-pro-geolocation/blocks/geopro/16fc5313-7aee-4e90-ac95-f50fc7c8b657 --><!-- This snippet is used to load Geo:Pro data on the storefront -->
<meta class='geo-ip' content='eyJwYXJhbWV0ZXJzIjp7ImxheW91dC1zZWxlY3RvciI6InJlZGlyZWN0IiwicGVybWFuZW50LXJlZGlyZWN0Ijp0cnVlLCJwb3B1cF9kZWxheSI6IjE0NDAwIiwiZG9tYWluc19saXN0IjpmYWxzZSwic3RvcmVfdGl0bGUiOiJUaGUgR29vZCBCZWFuIiwicmVkaXJlY3RfdGV4dCI6IkV4cGVyaWVuY2UgZ2xvYmFsIHN1c3RhaW5hYmxlIGZsYXZvcnMuIiwieWVzIjoiWWVzLCBwbGVhc2UiLCJubyI6Ik5vLCB0aGFua3MiLCJiYWNrZ3JvdW5kLWNvbG9yIjoiZmZmZmZmIiwidGV4dC1jb2xvciI6IjAwMDAwMCIsInllcy1iYWNrZ3JvdW5kLWNvbG9yIjoiMDAwMDAwIiwieWVzLXRleHQtY29sb3IiOiJmZmZmZmYiLCJuby1iYWNrZ3JvdW5kLWNvbG9yIjoiODg4ODg4Iiwibm8tdGV4dC1jb2xvciI6ImZmZmZmZiIsImxvY2FsaXphdGlvbiI6W10sIm93bmVyX2lwIjoiMTc0LjE2MS4xMjEuMyIsIm93bmVyX2lwX21vZGUiOiIiLCJyZXBlYXRfc3dpdGNoZXIiOnRydWUsInJlcGVhdF9wZXJpb2QiOiIxIiwic2hvd19wb3B1cF9mb3Jfc2FtZV93ZWJzaXRlIjp0cnVlLCJoaWRlX3RoZV9ub19idXR0b24iOmZhbHNlLCJkaXNhYmxlZF9zdGF0ZSI6ZmFsc2UsImxhc3RfZW1iZWRkZWRfYXQiOiIyMDI1LTAyLTA3IDE0OjA1OjMwIn0sInJ1bGVzTGlzdCI6W3sicnVsZV9pZCI6IjM2MjEzIiwiY291bnRyaWVzIjoiVW5pdGVkIFN0YXRlcyBcLyBHZW9yZ2lhIiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IkhlYXQgYW5kIEVhdCBDYW1wYWluIiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvdGhlZ29vZGJlYW4uY29tXC9wYWdlc1wvaGVhdC1hbmQtZWF0IiwiZG9tYWluX3JlZGlyZWN0IjoiMCIsIm1hcmtldF9pZCI6IjAifV19'>
<!-- This snippet initializes the plugin -->
<script async>
  // geopro loading script
  !function(){function e(e,t,o){try{if("function"!=typeof fetch)return;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Baiduspider")>=0)return;var r="https://aa4cacd33be28673d7e69be559ce7ad7@o4506196830715904.ingest.us.sentry.io/4507550373445632",n=r.match(/^https:\/\/([^@]+)@([^/]+)\/(.+)$/),i={message:e,level:"error",environment:"production",transaction:location.href,user:{id:window.Shopify&&window.Shopify.shop?window.Shopify.shop:"unknown",ip_address:String.fromCharCode(123,123)+"auto"+String.fromCharCode(125,125)},extra:o||{},logger:"GeoProInline",exception:{type:t&&t.name?t.name:"Error",value:t&&t.message?t.message:String(t)}};fetch("https://"+n[2]+"/api/"+n[3]+"/envelope/?sentry_key="+n[1],{method:"POST",body:JSON.stringify({dsn:r,sent_at:(new Date).toISOString(),event_id:Math.random().toString(16).slice(2)})+'\n{"type":"event"}\n'+JSON.stringify(i)+"\n",headers:{"Content-Type":"text/plain"},keepalive:!0,referrerPolicy:"no-referrer",mode:"no-cors"}).catch(function(){})}catch(e){}}function t(){window.geopro_cancel="1"}try{var o=navigator&&navigator.userAgent?navigator.userAgent:"";!(r=o.toLowerCase())||/bot|crawl|spider|slurp|search|fetch|monitor|scrape|http|lighthouse|headless|phantom|selenium|playwright|puppeteer|wget|curl|python|java(?!script)|ruby|perl|go-http|axios|node-fetch|preview|facebookexternalhit|whatsapp|telegram|discord|embedly|skype|pingdom|uptimerobot|gtmetrix|pagespeed|chrome-lighthouse|ahrefs|semrush|mj12|dotbot|petalbot|yandex|baiduspider|bingpreview|duckduck|applebot|googlebot|bingbot/i.test(r)||["el-geoip-location-admin","el-geoip-location"].some(function(e){try{var t=JSON.parse(localStorage.getItem(e));return t&&t.expires>Date.now()}catch(e){return!1}})||function(){function o(o){try{if(!o||o.isCrawler||"success"!==o.message)return void t();var r=o.isAdmin?"el-geoip-location-admin":"el-geoip-location",n=Date.now()+36e5;localStorage.setItem(r,JSON.stringify({value:o.data,expires:n})),o.isAdmin&&localStorage.setItem("el-geoip-admin",JSON.stringify({value:"1",expires:n}))}catch(r){e("GeoPro inline runtime error",r,{phase:"callback",response:o}),t()}}var r="https://geo.geoproapp.com?x-api-key=91e359ab7-2b63-539e-1de2-c4bf731367a7",n=new XMLHttpRequest;n.open("GET",r,!0),n.responseType="json",n.timeout=5e3;var i=!1;function a(t){i||(i=!0,e("GeoPro inline XHR failed",new Error("XHR request failed: "+t),{url:r,eventType:t,status:n.status,readyState:n.readyState,timeout:n.timeout,responseURL:n.responseURL||null}),o(null))}n.onload=function(){if(200===n.status)return i=!0,void o(n.response);a("load")},n.onerror=function(){a("error")},n.ontimeout=function(){a("timeout")},n.onabort=function(){a("abort")},n.send()}()}catch(o){e("GeoPro inline runtime error",o,{phase:"load"}),t()}var r}();
</script>
<script src="https://cdn.shopify.com/extensions/019ea753-304c-7ae9-b46d-044dbc4d0923/easylocation-258/assets/easylocation-storefront.min.js" type="text/javascript" async></script>


<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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: 4204485,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 4204485,storefrontBaseUrl: "https://thegoodbean.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"709492802","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-12G4366HFY\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-12G4366HFY\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","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":"174391362","configuration":"{\"pixel_id\":\"914504419056217\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","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":"60424258","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"The Good Bean","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"the-good-bean-shop.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/thegoodbean.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://thegoodbean.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"4204485","storefrontBaseUrl":"https:\/\/thegoodbean.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"1a77517b-99c3-4ebe-8d45-665f21c4dc31-1781005787"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 4204485,
      theme_id: 121084936258,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//thegoodbean.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//thegoodbean.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//thegoodbean.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":4204485,"isMerchantRequest":null,"themeId":121084936258,"themeCityHash":"12302467090978535583","contentLanguage":"en","currency":"USD","eventMetadataId":"61301180-c862-47a0-b589-334f308db383"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"1a77517b-99c3-4ebe-8d45-665f21c4dc31-1781005787","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//thegoodbean.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://thegoodbean.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="4204485"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="121084936258"
  data-theme-name="o/S x The Good Bean"
  data-theme-version="1.0.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://thegoodbean.com/api/collect"
></script>
</head><body
    class="template-index page-index"
    data-template="index"
    data-barba="wrapper"
  >
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KP9MCFZX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div
      class="
        bg-blue fixed z-50 h-screen w-full top-0 left-0
        [clip-path:circle(0%_at_0_0)] pointer-events-none
      "
      data-hook="transition"
    ></div>

    <div data-barba="container" data-brand="



the-good-bean
">
      <div
        class="invisible template-index page-index"
        data-hook="body-double"
        data-template="index"
      ></div>

      <div class="hidden" data-hook="favicon">
          
            <link rel="icon" type="image/png" href="//thegoodbean.com/cdn/shop/files/The_Good_Bean_Favicon_32x32.png?v=1660339378">
          
        
      </div>

      <a
        href="#MainContent"
        class="
          absolute top-0 left-5 z-50 p-2.5 bg-white -translate-y-full
          focus-visible:translate-y-5 rounded transition-transform
        "
      >
        Skip to main content
      </a><div id="shopify-section-custom-emoji" class="shopify-section hidden"><!-- sections/custom-emoji [ja] -->




    

    <!-- snippets/responsive-image [aa] -->








<img class="custom-emoji inline w-auto m-0"
     src="//thegoodbean.com/cdn/shop/files/check-circle_small.png?v=1657729923"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/check-circle_180x.png?v=1657729923 180w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_360x.png?v=1657729923 360w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_470x.png?v=1657729923 470w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_600x.png?v=1657729923 600w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_770x.png?v=1657729923 770w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_970x.png?v=1657729923 970w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_1060x.png?v=1657729923 1060w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_1280x.png?v=1657729923 1280w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_1512x.png?v=1657729923 1512w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_1728x.png?v=1657729923 1728w ,


    
    //thegoodbean.com/cdn/shop/files/check-circle_2048x.png?v=1657729923 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
        data-emoji="✅"
     >






</div>

      <div id="shopify-section-announcement-bar" class="shopify-section contents"><!-- sections/announcement-bar [ja] -->


<style data-shopify>
    
        #shopify-section-announcement-bar {
            display: none;
        }
    
</style>



<section class="section-announcement-bar bg-bean-medium beanitos:bg-cream">
    <ul class="group md:h-9 [&.slick-initialized]:animate-fadeIn" 
        data-slick='{
        "arrows": false,
        
        "draggable": false,
        "infinite": true,
        "pauseIcon": "#shopify-section-announcement-bar .slick-pause-icon",
        "playIcon": "#shopify-section-announcement-bar .slick-play-icon"
    }'>
        
    </ul>
    
    <span class="slick-pause-icon hidden group-slick-init:inline 
                 reveal:animate-rotateIn animate-delay-500" 
          aria-hidden="true">
        <!-- snippets/icon (pause) [aa/ja] --><svg class="icon icon-pause h-full text-dark
" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 11V5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5V11C4 11.5523 4.44772 12 5 12C5.55228 12 6 11.5523 6 11Z" fill="currentColor" />
            <path d="M10 11V5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5V11C8 11.5523 8.44772 12 9 12C9.55228 12 10 11.5523 10 11Z" fill="currentColor" />
        </svg>
    </span>
    
    <span class="slick-play-icon hidden reveal:animate-rotateIn" 
          aria-hidden="true">
        <!-- snippets/icon (play) [aa/ja] --><svg class="icon icon-play h-full text-dark
" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 4L12.2222 8L6 12V4Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
    </span>
</section>



</div>
      <div id="shopify-section-header" class="shopify-section section-header sticky top-0 bg-white z-40"><!-- sections/header [ja] -->




    <style>
      #menu-link--shop-menu{display:none;}
      .icon-cart {display: none;}
    #nav-mobile .menu ul .mob-men-link{
        text-align: center;
        border-bottom: 2px solid #dbe11d;
    }
    #nav-mobile .menu ul .mob-men-link a{
        display: block;
        margin: 0 auto;
        padding: 25px 0;
        width: 100%;
        position: relative;
    }
    #nav-mobile .menu ul .mob-men-link button{
        text-align: center;
        display: flex;
        justify-content: center;
        font-weight: 900;
        letter-spacing: 0px;
    }
    #nav-mobile .menu ul .mob-men-link button svg{
        justify-self: flex-end;
        position: absolute;
        right: 20px;
    }
    #nav-mobile .menu ul li{
        display: flex;
        justify-content: center;
    }
    #snacks ul, #puffs ul, #chips ul{
        padding-top: 0;
        padding-bottom: 0;
        gap: 0;
    }
    #snacks ul li, #puffs ul li, #chips ul li{
        text-align: center;
        border-bottom: 2px solid #dbe11d;
    }
    #snacks ul li a, #puffs ul li a, #chips ul li a{
        display: block;
        margin: 0 auto;
        padding: 25px 0;
        width: 100%;
        text-align: center;
        position: relative
        font-weight: 900;
    }
    #snacks ul li a .icon, #puffs ul li a .icon, #chips ul li a .icon {
        position: absolute;
        font-weight: 900;
        right: 20px;
        top: 41%;
    }
    </style><header class="relative -z-10">
    <!-- snippets/primary-nav-mobile [ja] -->








<nav
  class="
    grid grid-cols-[1fr_auto_1fr] py-4 px-5 gap-10
    activated:bg-cream transition-colors md:hidden
  "
  aria-label="primary navigation menu"
  data-hook="nav-mobile"
  id="nav-mobile"
>
  <ul class="contents">
    <li class="flex">
      <button
        class="group relative"
        id="menu-link--mobile-navigation"
        data-menu-toggle="mobile-navigation--mobile"
        data-toggle-scroll
      >
        <span class="sr-only">Toggle "Mobile Navigation" menu</span>
        <!-- snippets/icon (menu) [aa/ja] --><svg class="icon icon-menu group-activated:rotate-180 group-activated:opacity-0
                            transition-[opacity,transform]
" width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <line x1="2" y1="1" x2="18" y2="1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="7" x2="19" y2="7" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="2" y1="13" x2="18" y2="13" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>

        <!-- snippets/icon (arrow) [aa/ja] --><svg class="icon icon-arrow -rotate-180 group-activated:rotate-0 opacity-0
                            group-activated:opacity-100 transition-[opacity,transform]
                            absolute inset-0 h-full w-full
" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.999999 8.00001L8 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <path d="M1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
      </button>

      <!-- snippets/mega-menu-mobile [ja] -->





<div
  class="
    menu invisible activated:visible pointer-events-none
    activated:pointer-events-auto fixed top-nav bottom-0 left-0
    right-0 -translate-x-full activated:translate-x-0 bg-cream
    border-t border-blue flex flex-col
    transition-transform-visibility
  "
  data-mega-menu="mobile-navigation--mobile"
>
  <ul class="px-5 overflow-scroll no-scrollbar">
    
      
        
          <li class="[:merge(.menu).activated_&]:animate-fadeInUpSmall [:merge(.menu).activated_&]:animate-delay-300 mob-men-link">
            <a
              class="font-navigo font-bold text-2xl mt-6"
              
              href="/collections/all"
            >
              Products
            </a>
          </li>
        
      
        
          <li class="[:merge(.menu).activated_&]:animate-fadeInUpSmall [:merge(.menu).activated_&]:animate-delay-300 mob-men-link">
            <a
              class="font-navigo font-bold text-2xl mt-6"
              
                data-barba-prevent="self"
              
              href="/pages/store-locator"
            >
              Find In Store
            </a>
          </li>
        
      
        
          <li class="[:merge(.menu).activated_&]:animate-fadeInUpSmall [:merge(.menu).activated_&]:animate-delay-300 mob-men-link">
            <a
              class="font-navigo font-bold text-2xl mt-6"
              
              href="/pages/frequently-asked-questions"
            >
              FAQ
            </a>
          </li>
        
      
        
          <li class="[:merge(.menu).activated_&]:animate-fadeInUpSmall [:merge(.menu).activated_&]:animate-delay-300 mob-men-link">
            <a
              class="font-navigo font-bold text-2xl mt-6"
              
              href="https://thegoodbean.com/pages/contact"
            >
              Contact
            </a>
          </li>
        
      
      <li
        class=" mob-men-amazon
          mt-6 [:merge(.menu).activated_&]:opacity-100 translate-y-[20%]
          [:merge(.menu).activated_&]:transform-none
          transition-[opacity,transform] delay-300 duration-1000
        "
      >
        
          <!-- snippets/amazon-button [ss] --><li>
<a class="flex items-center gap-x-2 rounded-2xl font-semibold bg-bean text-black px-4 py-3 w-fit interact:animate-bounceForward transition-transform"
   href=" https://www.amazon.com/stores/TheGoodBeanCompany/page/2CBA1704-FF6E-4F31-8DA4-CB05794AEE9B?ref_=ast_bln " target="_blank">
   <!-- snippets/icon (amazon) [aa/ja] --><svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.9079 19.3997C10.2079 23.9997 4.20786 20.1997 0.407864 17.7997C0.207864 17.6997 -0.192124 17.7997 0.107876 18.1997C1.40788 19.7997 5.60788 23.4997 11.1079 23.4997C16.6079 23.4997 19.8079 20.4997 20.3079 19.9997C20.6079 19.4997 20.4079 19.1997 19.9079 19.3997Z" fill="#FF9900"/>
      <path d="M22.7077 17.9C22.4077 17.6 21.1077 17.5 20.3077 17.6C19.5077 17.7 18.2077 18.2 18.3077 18.5C18.4077 18.6 18.5077 18.6 19.0077 18.5C19.6077 18.4 21.2077 18.2 21.5077 18.7C21.8077 19.1 21.0077 21.2 20.8077 21.6C20.7077 21.9 20.9077 22 21.1077 21.8C21.4077 21.6 21.9077 21 22.2077 20.2C22.7077 19.3 22.9077 18.1 22.7077 17.9Z" fill="#FF9900"/>
      <path d="M17.5078 12V4.3C17.5078 3 16.2078 0 11.6078 0C7.00776 0 4.50775 2.9 4.50775 5.5L8.40775 5.8C8.40775 5.8 9.30776 3.2 11.2078 3.2C13.2078 3.2 13.1078 4.8 13.1078 5.2V6.9C10.5078 7 4.20776 7.7 4.20776 13.1C4.20776 18.8 11.4077 19.1 13.8077 15.4C13.9077 15.6 14.0078 15.7 14.1078 15.8C15.0078 16.7 16.1078 17.8 16.1078 17.8L19.1078 14.9C19.2078 14.8 17.5078 13.5 17.5078 12ZM13.1078 11.4C13.1078 15.6 8.70776 15 8.70776 12.3C8.70776 9.8 11.3078 9.3 13.1078 9.3V11.4Z" fill="black"/>
    </svg>
   <span class="-translate-y-0.5 md:sr-only lg:not-sr-only">Shop on Amazon</span>
</a>
  </li>

        
      </li>
    
  </ul>

  <a
    href="/pages/beanitos?view=beanitos-index"
    class="
      flex flex-col flex-center mt-auto min-h-[8rem]
      the-good-bean:p-7 beanitos:p-5
      beanitos:bg-blue the-good-bean:bg-red
      [:merge(.menu).activated_&]:animate-fadeInUpSmall
      [:merge(.menu).activated_&]:animate-delay-300
    "
  >
    <span class="font-cubano text-white tracking-widest mb-2.5"> Shop </span>

    <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[148px] max-h-[84px] object-contain"
     src="//thegoodbean.com/cdn/shop/files/Group_small.png?v=1661274975"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_180x.png?v=1661274975 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_360x.png?v=1661274975 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_470x.png?v=1661274975 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_600x.png?v=1661274975 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_770x.png?v=1661274975 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_970x.png?v=1661274975 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_1060x.png?v=1661274975 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_1280x.png?v=1661274975 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_1512x.png?v=1661274975 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_1728x.png?v=1661274975 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_2048x.png?v=1661274975 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Beanitos Logo"
     
       loading="lazy"
     
      >

  </a><div
    class="
      flex h-16 min-h-[4rem]
      [:merge(.menu).activated_&]:animate-fadeInUpSmall
      [:merge(.menu).activated_&]:animate-delay-300
    "
  >


  </div>
</div>

    </li>
  </ul>

  <a href="/">
    <!-- snippets/responsive-image [aa] -->








<img class="h-16 w-36 object-contain"
     src="//thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_small.png?v=1614309045"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_180x.png?v=1614309045 180w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_360x.png?v=1614309045 360w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_470x.png?v=1614309045 470w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_600x.png?v=1614309045 600w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_770x.png?v=1614309045 770w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_970x.png?v=1614309045 970w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1060x.png?v=1614309045 1060w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1280x.png?v=1614309045 1280w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1512x.png?v=1614309045 1512w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1728x.png?v=1614309045 1728w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_2048x.png?v=1614309045 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="The Good Bean Logo"
     
       loading="lazy"
     
      >

  </a>

  <ul class="contents">
    <li class="flex items-center ml-auto">
      <!-- snippets/cart-button [ja] -->


    </li>
  </ul>
</nav>


    <!-- snippets/primary-nav-desktop [ja] -->





<nav class="hidden md:flex items-center gap-8 h-[120px]" 
     aria-label="primary navigation menu">
    <ul class="contents">
        <li class="h-full mr-auto px-8 py-5">
            <a href="/">
                <!-- snippets/responsive-image [aa] -->








<img class="h-20 w-36 object-contain object-left relative -z-10"
     src="//thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_small.png?v=1614309045"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_180x.png?v=1614309045 180w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_360x.png?v=1614309045 360w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_470x.png?v=1614309045 470w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_600x.png?v=1614309045 600w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_770x.png?v=1614309045 770w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_970x.png?v=1614309045 970w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1060x.png?v=1614309045 1060w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1280x.png?v=1614309045 1280w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1512x.png?v=1614309045 1512w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_1728x.png?v=1614309045 1728w ,


    
    //thegoodbean.com/cdn/shop/files/logo-blu-trans-whtltrs_2048x.png?v=1614309045 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="The Good Bean Logo"
     
       loading="lazy"
     
      >

            </a>
        </li>

        <!-- snippets/menu-desktop -->







<li
  id="menu-desktop"
  class="
    menu absolute right-0 top-0 activated:bg-cream
    activated:flex flex-col h-screen max-h-full
    activated:max-h-screen
    transition-[max-height,background-color] activated:delay-300
  "
  data-menu-desktop
>
  <ul class="flex gap-8 items-center px-8 py-5 h-[120px]">
    
      
        <!-- snippets/amazon-button [ss] --><li>
<a class="flex items-center gap-x-2 rounded-2xl font-semibold bg-bean text-black px-4 py-3 w-fit interact:animate-bounceForward transition-transform"
   href=" https://www.amazon.com/stores/TheGoodBeanCompany/page/2CBA1704-FF6E-4F31-8DA4-CB05794AEE9B?ref_=ast_bln " target="_blank">
   <!-- snippets/icon (amazon) [aa/ja] --><svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M19.9079 19.3997C10.2079 23.9997 4.20786 20.1997 0.407864 17.7997C0.207864 17.6997 -0.192124 17.7997 0.107876 18.1997C1.40788 19.7997 5.60788 23.4997 11.1079 23.4997C16.6079 23.4997 19.8079 20.4997 20.3079 19.9997C20.6079 19.4997 20.4079 19.1997 19.9079 19.3997Z" fill="#FF9900"/>
      <path d="M22.7077 17.9C22.4077 17.6 21.1077 17.5 20.3077 17.6C19.5077 17.7 18.2077 18.2 18.3077 18.5C18.4077 18.6 18.5077 18.6 19.0077 18.5C19.6077 18.4 21.2077 18.2 21.5077 18.7C21.8077 19.1 21.0077 21.2 20.8077 21.6C20.7077 21.9 20.9077 22 21.1077 21.8C21.4077 21.6 21.9077 21 22.2077 20.2C22.7077 19.3 22.9077 18.1 22.7077 17.9Z" fill="#FF9900"/>
      <path d="M17.5078 12V4.3C17.5078 3 16.2078 0 11.6078 0C7.00776 0 4.50775 2.9 4.50775 5.5L8.40775 5.8C8.40775 5.8 9.30776 3.2 11.2078 3.2C13.2078 3.2 13.1078 4.8 13.1078 5.2V6.9C10.5078 7 4.20776 7.7 4.20776 13.1C4.20776 18.8 11.4077 19.1 13.8077 15.4C13.9077 15.6 14.0078 15.7 14.1078 15.8C15.0078 16.7 16.1078 17.8 16.1078 17.8L19.1078 14.9C19.2078 14.8 17.5078 13.5 17.5078 12ZM13.1078 11.4C13.1078 15.6 8.70776 15 8.70776 12.3C8.70776 9.8 11.3078 9.3 13.1078 9.3V11.4Z" fill="black"/>
    </svg>
   <span class="-translate-y-0.5 md:sr-only lg:not-sr-only">Shop on Amazon</span>
</a>
  </li>

      

      
        
        

        <li>
          <!-- snippets/mega-menu-link [ja] -->







    <a class="font-navigo font-bold relative group" 
       href="https://thegoodbean.com/collections/all-the-good-bean"
       >
        Products

        <img class="absolute h-1.5 w-full scale-0 group-interact:scale-100 
                    [.group.current_&]:reveal:scale-100 transition-transform" 
             src="//thegoodbean.com/cdn/shop/files/brush-stroke_small.png?v=5073444507506764395" alt="">
    </a>


        </li>

        
      
        
        

        <li>
          <!-- snippets/mega-menu-link [ja] -->







    <a class="font-navigo font-bold relative group" 
       href="/pages/store-locator"
       
           data-barba-prevent="self"
       >
        Find In Store

        <img class="absolute h-1.5 w-full scale-0 group-interact:scale-100 
                    [.group.current_&]:reveal:scale-100 transition-transform" 
             src="//thegoodbean.com/cdn/shop/files/brush-stroke_small.png?v=5073444507506764395" alt="">
    </a>


        </li>

        
      
        
        

        <li>
          <!-- snippets/mega-menu-link [ja] -->







    <a class="font-navigo font-bold relative group" 
       href="https://thegoodbean.com/pages/frequently-asked-questions?view=faq"
       >
        FAQ

        <img class="absolute h-1.5 w-full scale-0 group-interact:scale-100 
                    [.group.current_&]:reveal:scale-100 transition-transform" 
             src="//thegoodbean.com/cdn/shop/files/brush-stroke_small.png?v=5073444507506764395" alt="">
    </a>


        </li>

        
      
        
        

        <li>
          <!-- snippets/mega-menu-link [ja] -->







    <a class="font-navigo font-bold relative group" 
       href="https://thegoodbean.com/pages/contact"
       >
        Contact

        <img class="absolute h-1.5 w-full scale-0 group-interact:scale-100 
                    [.group.current_&]:reveal:scale-100 transition-transform" 
             src="//thegoodbean.com/cdn/shop/files/brush-stroke_small.png?v=5073444507506764395" alt="">
    </a>


        </li>

        
      

      
        <li>
          <a
            class="interact:animate-bounceForward"
            href="/pages/beanitos?view=beanitos-index"
          >
            <!-- snippets/responsive-image [aa] -->








<img class="h-full max-h-[76px] w-full max-w-[74px] object-contain"
     src="//thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_small.png?v=1662002199"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_180x.png?v=1662002199 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_360x.png?v=1662002199 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_470x.png?v=1662002199 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_600x.png?v=1662002199 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_770x.png?v=1662002199 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_970x.png?v=1662002199 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_1060x.png?v=1662002199 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_1280x.png?v=1662002199 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_1512x.png?v=1662002199 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_1728x.png?v=1662002199 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_9733e5b6-8cbd-43f6-99a6-841ef8c56a4d_2048x.png?v=1662002199 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Beanitos Logo"
     
       loading="lazy"
     
      >

          </a>
        </li>
      

      <li>
        <button
          class="interact:animate-bounceForward"
          data-toggle-search aria-label="Search Site"
        >
          <!-- snippets/icon (search) [aa/ja] --><svg class="icon icon-search 
" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.26669 13.5619C10.5068 13.5619 13.1334 10.9354 13.1334 7.69528C13.1334 4.45521 10.5068 1.82861 7.26669 1.82861C4.02662 1.82861 1.40002 4.45521 1.40002 7.69528C1.40002 10.9354 4.02662 13.5619 7.26669 13.5619Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M14.6 15.0286L11.41 11.8386" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        </button>

        <div
          class="
            opacity-0 activated:opacity-100 scale-y-0
            activated:scale-y-100 transition-[opacity,transform]
            origin-top absolute top-full right-0 w-full bg-cream
            rounded-b-2xl
          "
          data-search-popup
        >
          <form action="/search">
            <div class="relative h-full w-full">
              <!-- snippets/icon (search) [aa/ja] --><svg class="icon icon-search absolute top-1/2 -translate-y-1/2 left-7 -translate-x-1/2
                                    pointer-events-none
" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M7.26669 13.5619C10.5068 13.5619 13.1334 10.9354 13.1334 7.69528C13.1334 4.45521 10.5068 1.82861 7.26669 1.82861C4.02662 1.82861 1.40002 4.45521 1.40002 7.69528C1.40002 10.9354 4.02662 13.5619 7.26669 13.5619Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M14.6 15.0286L11.41 11.8386" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>

              <input
                type="search"
                name="q"
                id="search-bar"
                class="
                  peer font-navigo font-bold h-16 w-full pl-14
                  bg-transparent placeholder:opacity-0
                "
                placeholder="Search the store"
                value=""
              >

              <label
                class="
                  absolute top-0 peer-placeholder-shown:top-1/2
                  -translate-y-1/2 left-12 font-navigo font-bold text-white
                  peer-placeholder-shown:text-black bg-black
                  peer-placeholder-shown:bg-transparent py-0.5 px-2 rounded
                  pointer-events-none transition-all
                "
                for="search-bar"
              >
                Search the store
              </label>
            </div>

            <input type="hidden" name="type" value="product,page">
            <input type="hidden" name="options[unavailable_products]" value="hide">
            <input type="hidden" name="options[prefix]" value="last">

            <input class="sr-only invisible" type="submit" value="Search">
          </form>
        </div>
      </li>
    
    
  </ul>
</li>

    </ul>
</nav>

</header>



</div>
<div id="shopify-section-ajax-cart" class="shopify-section relative"><!-- sections/ajax-cart [aa] --><section class="js-cart--container bg-cream 

  
    fixed top-0 right-0 bottom-0 z-50 h-full w-full xs:max-w-sm 
    translate-x-full activated:translate-x-0 invisible 
    activated:visible transition-transform-visibility activated:delay-300 ease-in-out" 
         data-section-id="ajax-cart">
    <div class="js-cart--inner h-full flex flex-col"><!-- snippets/cart-header [aa] -->




<div class="js-slide-cart--header flex items-center gap-3.5 px-5 py-6 [:merge(.cart).activated_&]:animate-fadeInUpSmall">
    <h2 class="font-navigo font-bold">
        <span class="hidden">0 •</span> Cart
    </h2><!-- 4500 -->
    <!-- 0 -->
    <p class="font-navigo text-sm">
        
            <span>$ 45</span>
            away from <span class="font-semibold">free shipping</span>
        
    </p>

    
        <button type="button" 
                name="close cart" 
                class="js-cart--close ml-auto"
                data-toggle-scroll>
            <span class="sr-only">Close Cart</span>
            <!-- snippets/icon (close) [aa/ja] --><svg class="icon icon-close 
" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M13.0659 1.28198L1.06592 13.282" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M1.06592 1.28198L13.0659 13.282" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
        </button>
    
</div>

            <!-- snippets/cart-empty [aa] -->



<div class="slide-cart--empty h-full text-center p-5 pt-14">
    <h3 class="font-navigo font-black text-2xl mb-1.5">
        Your cart is empty
    </h3>

    <!-- snippets/cart-upsell [aa] -->




    
    


    
    


    
    


</div>

</div>
</section>



</div>
<main
        id="MainContent"
        class="content-for-layout focus-none relative"
        role="main"
        tabindex="-1"
      >
        <div id="shopify-section-template--14331280293954__16540346508f7658b6" class="shopify-section section-hero-slider"><!-- sections/hero-slider [ja] -->

<!--
  
-->

<!---->

<section class="slick group h-fold w-full " id="slick">
  <!-- Looping over 2 blocks from customize theme -->
  
    

    

    

    

    

    <div
      class="relative"
      
        style="background-color: #00afcc;"
      
    >
      
        <div class="min-h-full w-full lg:inset-0 flex flex-col z-10 reveal:animate-fadeIn                             absolute                                justify-end             md:justify-end             lg:justify-end items-start             md:items-start             lg:items-start max-w-3xl p-8"><div
            class="py-8 px-16 w-full text-left 
            md:text-left 
            lg:text-left"
            style="
              border-radius: 1.5rem;
                color: #000000;
                background:#00afcc;
                
            "
          >
            
            <p>
              
                
                

                
                  
                    <span class="block md:hidden mb-2 font-black text-xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="0">E</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="20">x</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="40">p</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="60">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="80">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="100">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="120">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="140">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="160">c</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="180">e</span>
                    </span>
                  

                
              
                
                

                
                  
                    <h1 class="block md:hidden font-cubano text-4xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="300">S</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="318">u</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="336">s</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="354">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="372">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="390">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="408">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="426">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="444">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="462">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="480">e</span>
                    </h1>
                  

                
              
                
                

                
                  
                    <h1 class="block md:hidden font-cubano text-7xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="600">G</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="614">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="628">o</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="642">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="656">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="670">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="684"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="698">F</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="712">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="726">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="740">v</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="754">o</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="768">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="782">s</span>
                    </h1>
                  
                
              
            </p>

            
            <p>
              
                
                

                
                  
                    <span class="hidden md:block font-black text-2xl mb-2">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="0">E</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="9">x</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="18">p</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="27">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="36">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="45">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="54">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="63">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="72">c</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="81">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="90"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="99">S</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="108">u</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="117">s</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="126">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="135">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="144">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="153">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="162">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="171">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="180">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="189">e</span>
                    </span>
                  

                
              
                
                

                
                  

                
              
                
                

                
                  
                    <h1 class="hidden md:block font-cubano text-7xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="600">G</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="614">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="628">o</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="642">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="656">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="670">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="684"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="698">F</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="712">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="726">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="740">v</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="754">o</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="768">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="782">s</span>
                    </h1>
                  
                
              
            </p>

            
              <a
                href="/pages/heat-and-eat"
                class="
                  btn-black btn-lg font-cubano text-2xl
                  tracking-wider w-full md:w-auto mt-5 reveal:animate-zoomIn reveal:animate-delay-1000
                "
              >
                Explore Heat-and-Eat Pouches
              </a>
            
          </div>
        </div>
      

      
        <!-- snippets/responsive-image [aa] -->








<img class="object-cover h-fold !hidden md:!block w-full reveal:animate-fadeIn"
     src="//thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_small.jpg?v=1737993775"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_180x.jpg?v=1737993775 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_360x.jpg?v=1737993775 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_470x.jpg?v=1737993775 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_600x.jpg?v=1737993775 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_770x.jpg?v=1737993775 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_970x.jpg?v=1737993775 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_1060x.jpg?v=1737993775 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_1280x.jpg?v=1737993775 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_1512x.jpg?v=1737993775 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_1728x.jpg?v=1737993775 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB-Product-Lineup_Kitchen-BG_PHG-EDIT_2048x.jpg?v=1737993775 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
      >


          <!-- snippets/responsive-image [aa] -->








<img class="w-full object-cover h-fold md:!hidden"
     src="//thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_small.jpg?v=1737993816"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_180x.jpg?v=1737993816 180w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_360x.jpg?v=1737993816 360w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_470x.jpg?v=1737993816 470w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_600x.jpg?v=1737993816 600w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_770x.jpg?v=1737993816 770w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_970x.jpg?v=1737993816 970w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_1060x.jpg?v=1737993816 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_1280x.jpg?v=1737993816 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_1512x.jpg?v=1737993816 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_1728x.jpg?v=1737993816 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile-Alt_2048x.jpg?v=1737993816 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
      >

        
      
    </div>
  
    

    

    

    

    

    <div
      class="relative"
      
        style="background-color: #049dca;"
      
    >
      
        <div class="min-h-full w-full lg:inset-0 flex flex-col z-10 reveal:animate-fadeIn                             absolute                                justify-end             md:justify-end             lg:justify-end items-start             md:items-start             lg:items-start max-w-3xl p-8"><div
            class="py-8 px-16 w-full text-left 
            md:text-left 
            lg:text-left"
            style="
              border-radius: 1.5rem;
                color: #000000;
                background:#049dca;
                
            "
          >
            
            <p>
              
                
                

                
                  
                    <span class="block md:hidden mb-2 font-black text-xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="0">W</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="20">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="40"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="60">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="80">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="100">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="120">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="140">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="160">v</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="180">e</span>
                    </span>
                  

                
              
                
                

                
                  
                    <h1 class="block md:hidden font-cubano text-4xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="300">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="322">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="344">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="366">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="388">s</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="410"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="432">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="454">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="476">e</span>
                    </h1>
                  

                
              
                
                

                
                  
                    <h1 class="block md:hidden font-cubano text-7xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="600">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="628">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="656">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="684">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="712">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="740">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="768">®</span>
                    </h1>
                  
                
              
            </p>

            
            <p>
              
                
                

                
                  
                    <span class="hidden md:block font-black text-2xl mb-2">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="0">W</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="20">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="40"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="60">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="80">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="100">l</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="120">i</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="140">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="160">v</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="180">e</span>
                    </span>
                  

                
              
                
                

                
                  

                
              
                
                

                
                  
                    <h1 class="hidden md:block font-cubano text-7xl">
                      <!-- snippets/animate-characters [ja] -->






<span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="600">B</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="611">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="622">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="633">n</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="644">s</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="655"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="666">a</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="677">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="688">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="699"> </span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="710">b</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="721">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="732">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="743">t</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="754">e</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="765">r</span><span class="font-[inherit] [font-weight:inherit] reveal:animate-fadeIn"
            data-delay="776">®</span>
                    </h1>
                  
                
              
            </p>

            
              <a
                href="/collections/all-the-good-bean"
                class="
                  btn-black btn-lg font-cubano text-2xl
                  tracking-wider w-full md:w-auto mt-5 reveal:animate-zoomIn reveal:animate-delay-1000
                "
              >
                Explore The Good Bean
              </a>
            
          </div>
        </div>
      

      
        <!-- snippets/responsive-image [aa] -->








<img class="object-cover h-fold !hidden md:!block w-full reveal:animate-fadeIn"
     src="//thegoodbean.com/cdn/shop/files/Header-GoodBean_small.jpg?v=1737497024"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_180x.jpg?v=1737497024 180w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_360x.jpg?v=1737497024 360w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_470x.jpg?v=1737497024 470w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_600x.jpg?v=1737497024 600w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_770x.jpg?v=1737497024 770w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_970x.jpg?v=1737497024 970w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_1060x.jpg?v=1737497024 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_1280x.jpg?v=1737497024 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_1512x.jpg?v=1737497024 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_1728x.jpg?v=1737497024 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean_2048x.jpg?v=1737497024 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
      >


          <!-- snippets/responsive-image [aa] -->








<img class="w-full object-cover h-fold md:!hidden"
     src="//thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_small.jpg?v=1737497024"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_180x.jpg?v=1737497024 180w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_360x.jpg?v=1737497024 360w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_470x.jpg?v=1737497024 470w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_600x.jpg?v=1737497024 600w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_770x.jpg?v=1737497024 770w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_970x.jpg?v=1737497024 970w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_1060x.jpg?v=1737497024 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_1280x.jpg?v=1737497024 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_1512x.jpg?v=1737497024 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_1728x.jpg?v=1737497024 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Header-GoodBean-Mobile_2048x.jpg?v=1737497024 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
      >

        
      
    </div>
  
</section>
</div><div id="shopify-section-template--14331280293954__1661369733ba5b2077" class="shopify-section section-banner contents"><!-- sections/banner [ja] -->

<style data-shopify>
  #shopify-section-template--14331280293954__1661369733ba5b2077 section {
  background-color: #00afcc;
  }

  #shopify-section-template--14331280293954__1661369733ba5b2077 .mask {
  background-color: #00afcc;
  }
</style>

<section
  class="section-banner relative animate-duration-700 reveal:animate-strokeInLeft 
 will-change-[clip-path] 
 animate-duration-700"
  id=""
>
  
  
<div class="md:hidden absolute top-0 left-0 right-0 h-8 mask

            
                -translate-y-full mask-mobile-primary"></div>
    <div class="hidden md:block absolute top-0 left-0 right-0 h-8 mask

            
                -translate-y-full mask-desktop-primary"></div>
  

  
<div class="md:hidden absolute bottom-0 left-0 right-0 h-8 mask

            
                translate-y-full rotate-180 mask-mobile-primary"></div>
    <div class="hidden md:block absolute bottom-0 left-0 right-0 h-8 mask

            
                translate-y-full rotate-180 mask-desktop-primary"></div>
  

  

  
<div class="flex flex-col pt-16 px-5 pb-14

            

            justify-center
            md:justify-center
            items-center
            md:items-center banner-content">
      <div class="banner-inner">
        
          
              <!-- snippets/text-block [ja] -->







<h2
  class="font-navigo font-black text-2xl md:text-3xl text-center md:leading-10 md:w-1/2 mx-auto reveal:animate-fadeIn"
  data-delay="100"
>
  <span style="color:#fff">Our food is a communal share plate, rooted in multi-cultural foodways, with a commitment to local and sustainable ingredients.</span>
</h2>


            
        
        <div class="text-center px-5 mx-auto ">
          <ul class="grid grid-cols-2 md:grid-cols-4 gap-x-1 gap-y-8 md:gap-12 justify-center">
            
              
            
          </ul>
        </div>
      </div>
    </div>
  
</section>


</div><div id="shopify-section-template--14331280293954__1661869474554a5ed1" class="shopify-section contents"><!-- sections/floating-images [ja] -->


<div class="section-floating-images hidden activated:block absolute 
            overflow-hidden pointer-events-none w-full z-10 
            -translate-y-1/4"
     data-floating-images>
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661869474554a5ed1-1 {
                
                    width: 120px;
                
                
                
                    --left: 0%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 85%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 md:hidden 
 reveal:animate-slideInLeft
        "
     src="//thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_small.png?v=1661869618"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_180x.png?v=1661869618 180w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_360x.png?v=1661869618 360w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_470x.png?v=1661869618 470w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_600x.png?v=1661869618 600w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_770x.png?v=1661869618 770w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_970x.png?v=1661869618 970w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1060x.png?v=1661869618 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1280x.png?v=1661869618 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1512x.png?v=1661869618 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1728x.png?v=1661869618 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_2048x.png?v=1661869618 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661869474554a5ed1-1"
         >

        
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661869474554a5ed1-2 {
                
                    width: 220px;
                
                
                
                    --left: 0%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 90%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 hidden 
 md:block 
 reveal:animate-slideInLeft
        "
     src="//thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_small.png?v=1661869618"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_180x.png?v=1661869618 180w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_360x.png?v=1661869618 360w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_470x.png?v=1661869618 470w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_600x.png?v=1661869618 600w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_770x.png?v=1661869618 770w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_970x.png?v=1661869618 970w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1060x.png?v=1661869618 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1280x.png?v=1661869618 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1512x.png?v=1661869618 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_1728x.png?v=1661869618 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_left_1_2048x.png?v=1661869618 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661869474554a5ed1-2"
         >

        
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661869474554a5ed1-3 {
                
                    width: 130px;
                
                
                
                    --left: 100%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 20%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 md:hidden 
 reveal:animate-slideInRight
        "
     src="//thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_small.png?v=1661869618"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_180x.png?v=1661869618 180w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_360x.png?v=1661869618 360w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_470x.png?v=1661869618 470w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_600x.png?v=1661869618 600w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_770x.png?v=1661869618 770w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_970x.png?v=1661869618 970w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1060x.png?v=1661869618 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1280x.png?v=1661869618 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1512x.png?v=1661869618 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1728x.png?v=1661869618 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_2048x.png?v=1661869618 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661869474554a5ed1-3"
         >

        
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661869474554a5ed1-4 {
                
                    width: 190px;
                
                
                
                    --left: 100%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 38%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 hidden 
 md:block 
 reveal:animate-slideInRight
        "
     src="//thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_small.png?v=1661869618"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_180x.png?v=1661869618 180w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_360x.png?v=1661869618 360w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_470x.png?v=1661869618 470w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_600x.png?v=1661869618 600w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_770x.png?v=1661869618 770w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_970x.png?v=1661869618 970w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1060x.png?v=1661869618 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1280x.png?v=1661869618 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1512x.png?v=1661869618 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_1728x.png?v=1661869618 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Salted_Chickpeas_desktop_right_1_2048x.png?v=1661869618 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661869474554a5ed1-4"
         >

        
    
</div>



</div><div id="shopify-section-template--14331280293954__16613631665f8375b5" class="shopify-section section-collection-slider contents"><!-- sections/collection-slider [ja] -->




<section class="mt-32 mb-12 md:mb-20 overflow-hidden">
    
        <h2 class="font-cubano text-4xl md:text-5xl px-5 text-center mb-6 md:mb-12">
            Meet our family of beans!
        </h2>
    

    
        <div class="relative ">
            <!-- snippets/slick-arrows [ja] --><button type="button"
        class="js-prev slick-prev hidden [&.slick-arrow]:!flex justify-center items-center w-9 
                        md:w-12 h-9 md:h-12 bg-white md:bg-black md:beanitos:bg-red 
                        rounded-full absolute top-1/2 z-10 -translate-y-1/2 border 
                        border-bean md:border-0 md:text-white 
                        [&.slick-disabled]:cursor-not-allowed 
                        [&.slick-disabled]:opacity-50 left-2.5 md:left-8"
        data-slick-prev>
    <span class="sr-only">Previous slide</span>
    <!-- snippets/icon (arrow) [aa/ja] --><svg class="icon icon-arrow 
" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.999999 8.00001L8 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <path d="M1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
</button>

<button type="button"
        class="js-next slick-next hidden [&.slick-arrow]:!flex justify-center items-center w-9 
                        md:w-12 h-9 md:h-12 bg-white md:bg-black md:beanitos:bg-red 
                        rounded-full absolute top-1/2 z-10 -translate-y-1/2 border 
                        border-bean md:border-0 md:text-white 
                        [&.slick-disabled]:cursor-not-allowed 
                        [&.slick-disabled]:opacity-50 right-2.5 md:right-8"
        data-slick-next>
    <span class="sr-only">Next slide</span>
    <!-- snippets/icon (arrow) [aa/ja] --><svg class="icon icon-arrow rotate-180
" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.999999 8.00001L8 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <path d="M1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
</button>

<ul class="mx-auto flex justify-center gap-4 
                       md:[&_.slick-list]:px-5 xl:[&_.slick-list]:px-28 [&_.slick-track]:!flex [&_.slick-track]:gap-4"
                data-slick='{
        "centerMode": true,
        "infinite": false,
        "mobileFirst": true,
        "nextArrow": "#shopify-section-template--14331280293954__16613631665f8375b5 .js-next",
        "prevArrow": "#shopify-section-template--14331280293954__16613631665f8375b5 .js-prev",
        "slidesToScroll": 1,
        "slidesToShow": 1,
        "swipeToSlide": true,
        "variableWidth": true,
        "responsive": [
            {
                "breakpoint": 768,
                
                    "settings": "unslick"
                
            },
            {
                "breakpoint": 1280,
                
                    "settings": "unslick"
                
            }
        ]
    }'>
                
        
                    
        
                    
                    
                    
        
                    

                    <li class="rounded-2xl bg-[image:var(--img-texture-speckle)] 
                               animate-loopBackground animate-paused hover:animate-running 
                               text-center">
                        
                        
                        
                        <a href="/collections/heat-eat-packs"
                           class="group flex flex-col gap-4 h-full !w-[19.25rem] py-6 px-4">
                            <!-- snippets/responsive-image [aa] -->








<img class="h-64 object-contain group-interact:scale-110 transition-transform duration-700"
     src="//thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_small.png?v=1737497264"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_180x.png?v=1737497264 180w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_360x.png?v=1737497264 360w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_470x.png?v=1737497264 470w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_600x.png?v=1737497264 600w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_770x.png?v=1737497264 770w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_970x.png?v=1737497264 970w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_1060x.png?v=1737497264 1060w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_1280x.png?v=1737497264 1280w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_1512x.png?v=1737497264 1512w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_1728x.png?v=1737497264 1728w ,


    
    //thegoodbean.com/cdn/shop/files/GoodBean_HeatandEat_Family_3_2048x.png?v=1737497264 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

        
                            <div class="relative flex-1 flex flex-col">
                                
<!-- snippets/badge [ja] --><div class="-translate-y-[calc(16px+100%)]
                                        bg-black
 absolute top-0 left-1/2 
            -translate-x-1/2 -translate-y-1/2 font-navigo font-bold 
            text-white text-xs md:text-sm px-3 py-0.5 rounded-md">
   New!
</div>

                                

                                <h3 class="font-cubano text-2xl mb-2.5">
                                    Heat-and-Eat Pouches
                                </h3>
                              
                            </div>
                        </a>
                    </li>
                    
                
        
                    
        
                    
                    
                    
        
                    

                    <li class="rounded-2xl bg-[image:var(--img-texture-speckle)] 
                               animate-loopBackground animate-paused hover:animate-running 
                               text-center">
                        
                        
                        
                        <a href="/collections/roasted-chickpea-snacks"
                           class="group flex flex-col gap-4 h-full !w-[19.25rem] py-6 px-4">
                            <!-- snippets/responsive-image [aa] -->








<img class="h-64 object-contain group-interact:scale-110 transition-transform duration-700"
     src="//thegoodbean.com/cdn/shop/files/Group_28_small.png?v=1661365238"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_28_180x.png?v=1661365238 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_360x.png?v=1661365238 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_470x.png?v=1661365238 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_600x.png?v=1661365238 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_770x.png?v=1661365238 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_970x.png?v=1661365238 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_1060x.png?v=1661365238 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_1280x.png?v=1661365238 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_1512x.png?v=1661365238 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_1728x.png?v=1661365238 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_28_2048x.png?v=1661365238 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

        
                            <div class="relative flex-1 flex flex-col">
                                

                                <h3 class="font-cubano text-2xl mb-2.5">
                                    Crunchy Chickpeas
                                </h3>
                              
                            </div>
                        </a>
                    </li>
                    
                
            </ul>
        </div>
    
</section>



</div><div id="shopify-section-template--14331280293954__166187487058d19ca9" class="shopify-section contents"><!-- sections/floating-images [ja] -->


<div class="section-floating-images hidden activated:block absolute 
            overflow-hidden pointer-events-none w-full z-10 
            -translate-y-1/4"
     data-floating-images>
    

        <style data-shopify>
            #floating-image-template--14331280293954__166187487058d19ca9-1 {
                
                    width: 42px;
                
                
                
                    --left: 50%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 30%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 reveal:animate-zoomIn
        "
     src="//thegoodbean.com/cdn/shop/files/Vector_small.png?v=1661874887"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Vector_180x.png?v=1661874887 180w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_360x.png?v=1661874887 360w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_470x.png?v=1661874887 470w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_600x.png?v=1661874887 600w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_770x.png?v=1661874887 770w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_970x.png?v=1661874887 970w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_1060x.png?v=1661874887 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_1280x.png?v=1661874887 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_1512x.png?v=1661874887 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_1728x.png?v=1661874887 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Vector_2048x.png?v=1661874887 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__166187487058d19ca9-1"
         >

        
    
</div>



</div><div id="shopify-section-template--14331280293954__1661361616feb290d0" class="shopify-section section-icon-text-grid"><!-- sections/icon-text-grid [ja] -->


<section class="text-center px-5 mt-12 md:mt-20 mb-9 md:mb-24 mx-auto">
    <ul class="grid grid-cols-3 md:grid-cols-[repeat(6,_minmax(0,_110px))] 
               gap-x-1 gap-y-8 md:gap-12 justify-center">
        <!-- Looping over 6 blocks from customize theme -->
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="100">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/protein_small.png?v=1661361637"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/protein_180x.png?v=1661361637 180w ,


    
    //thegoodbean.com/cdn/shop/files/protein_360x.png?v=1661361637 360w ,


    
    //thegoodbean.com/cdn/shop/files/protein_470x.png?v=1661361637 470w ,


    
    //thegoodbean.com/cdn/shop/files/protein_600x.png?v=1661361637 600w ,


    
    //thegoodbean.com/cdn/shop/files/protein_770x.png?v=1661361637 770w ,


    
    //thegoodbean.com/cdn/shop/files/protein_970x.png?v=1661361637 970w ,


    
    //thegoodbean.com/cdn/shop/files/protein_1060x.png?v=1661361637 1060w ,


    
    //thegoodbean.com/cdn/shop/files/protein_1280x.png?v=1661361637 1280w ,


    
    //thegoodbean.com/cdn/shop/files/protein_1512x.png?v=1661361637 1512w ,


    
    //thegoodbean.com/cdn/shop/files/protein_1728x.png?v=1661361637 1728w ,


    
    //thegoodbean.com/cdn/shop/files/protein_2048x.png?v=1661361637 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    Plant-Based Protein
                </h3>
            </li>
            
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="200">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/Frame_small.png?v=1661361635"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Frame_180x.png?v=1661361635 180w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_360x.png?v=1661361635 360w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_470x.png?v=1661361635 470w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_600x.png?v=1661361635 600w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_770x.png?v=1661361635 770w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_970x.png?v=1661361635 970w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_1060x.png?v=1661361635 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_1280x.png?v=1661361635 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_1512x.png?v=1661361635 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_1728x.png?v=1661361635 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_2048x.png?v=1661361635 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    USA Farms
                </h3>
            </li>
            
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="300">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/Frame_168_small.png?v=1661361636"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Frame_168_180x.png?v=1661361636 180w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_360x.png?v=1661361636 360w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_470x.png?v=1661361636 470w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_600x.png?v=1661361636 600w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_770x.png?v=1661361636 770w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_970x.png?v=1661361636 970w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_1060x.png?v=1661361636 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_1280x.png?v=1661361636 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_1512x.png?v=1661361636 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_1728x.png?v=1661361636 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Frame_168_2048x.png?v=1661361636 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    Sustainable Agriculture
                </h3>
            </li>
            
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="400">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/no_gluten_small.png?v=1661361636"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/no_gluten_180x.png?v=1661361636 180w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_360x.png?v=1661361636 360w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_470x.png?v=1661361636 470w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_600x.png?v=1661361636 600w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_770x.png?v=1661361636 770w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_970x.png?v=1661361636 970w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_1060x.png?v=1661361636 1060w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_1280x.png?v=1661361636 1280w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_1512x.png?v=1661361636 1512w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_1728x.png?v=1661361636 1728w ,


    
    //thegoodbean.com/cdn/shop/files/no_gluten_2048x.png?v=1661361636 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    Gluten Free
                </h3>
            </li>
            
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="500">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/non_gmo_small.png?v=1661361636"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/non_gmo_180x.png?v=1661361636 180w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_360x.png?v=1661361636 360w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_470x.png?v=1661361636 470w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_600x.png?v=1661361636 600w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_770x.png?v=1661361636 770w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_970x.png?v=1661361636 970w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_1060x.png?v=1661361636 1060w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_1280x.png?v=1661361636 1280w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_1512x.png?v=1661361636 1512w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_1728x.png?v=1661361636 1728w ,


    
    //thegoodbean.com/cdn/shop/files/non_gmo_2048x.png?v=1661361636 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    Non-GMO
                </h3>
            </li>
            
        

            <li class="text-center reveal:animate-fadeIn" 
                data-delay="600">
                <!-- snippets/responsive-image [aa] -->








<img class="w-full h-full max-w-[80px] max-h-[80px] object-contain 
                            mx-auto mb-5"
     src="//thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_small.png?v=1661361636"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_180x.png?v=1661361636 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_360x.png?v=1661361636 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_470x.png?v=1661361636 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_600x.png?v=1661361636 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_770x.png?v=1661361636 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_970x.png?v=1661361636 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_1060x.png?v=1661361636 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_1280x.png?v=1661361636 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_1512x.png?v=1661361636 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_1728x.png?v=1661361636 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_649138ae-f36c-4e4c-b1e3-c57dbaf83519_2048x.png?v=1661361636 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >


                <h3 class="font-cubano">
                    Real Whole Foods
                </h3>
            </li>
            
        
    </ul>
</section>



</div><div id="shopify-section-template--14331280293954__16608374106de098c5" class="shopify-section section-banner contents"><!-- sections/banner [ja] -->

<style data-shopify>
  #shopify-section-template--14331280293954__16608374106de098c5 section {
  background-color: ;
  }

  #shopify-section-template--14331280293954__16608374106de098c5 .mask {
  background-color: #ffffff;
  }
</style>

<section
  class="section-banner relative animate-duration-700 

    
        h-fold"
  id=""
>
  
  
<div class="md:hidden absolute top-0 left-0 right-0 h-8 mask

            
                rotate-180 mask-mobile-primary"></div>
    <div class="hidden md:block absolute top-0 left-0 right-0 h-8 mask

            
                rotate-180 mask-desktop-primary"></div>
  

  
<div class="md:hidden absolute bottom-0 left-0 right-0 h-8 mask mask-mobile-primary"></div>
    <div class="hidden md:block absolute bottom-0 left-0 right-0 h-8 mask mask-desktop-primary"></div>
  

  
    <video class="w-full h-full object-cover pointer-events-none" autoplay muted loop>
      <source src="https://cdn.shopify.com/videos/c/o/v/8eeef7f260a947d6a0f27dd7b4d94123.mov" type="video/mp4">
      Your browser does not support the video tag.
    </video>

  

  
<div class="flex flex-col pt-16 px-5 pb-14

            
                absolute inset-0
            

            justify-center
            md:justify-center
            items-center
            md:items-center banner-content">
      <div class="banner-inner">
        
          
              <!-- snippets/text-block [ja] -->







<h2
  class="font-cubano text-white text-5xl md:text-6xl mb-7 text-center reveal:animate-fadeIn"
  data-delay="100"
>
  Transparency Matters
</h2>


            
        
        <div class="text-center px-5 mx-auto ">
          <ul class="grid grid-cols-2 md:grid-cols-4 gap-x-1 gap-y-8 md:gap-12 justify-center">
            
              
            
          </ul>
        </div>
      </div>
    </div>
  
</section>


</div><div id="shopify-section-template--14331280293954__166086116330b8db85" class="shopify-section contents"><!-- sections/icon-slider [ja] -->




<section class="section-icon-slider relative py-24">
    <!-- snippets/slick-arrows [ja] --><button type="button"
        class="js-prev slick-prev hidden [&.slick-arrow]:!flex justify-center items-center w-9 
                md:w-12 h-9 md:h-12 bg-white md:bg-black md:beanitos:bg-red 
                rounded-full absolute top-1/2 z-10 -translate-y-1/2 border 
                border-bean md:border-0 md:text-white 
                [&.slick-disabled]:cursor-not-allowed 
                [&.slick-disabled]:opacity-50 left-2.5 md:left-8"
        data-slick-prev>
    <span class="sr-only">Previous slide</span>
    <!-- snippets/icon (arrow) [aa/ja] --><svg class="icon icon-arrow 
" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.999999 8.00001L8 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <path d="M1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
</button>

<button type="button"
        class="js-next slick-next hidden [&.slick-arrow]:!flex justify-center items-center w-9 
                md:w-12 h-9 md:h-12 bg-white md:bg-black md:beanitos:bg-red 
                rounded-full absolute top-1/2 z-10 -translate-y-1/2 border 
                border-bean md:border-0 md:text-white 
                [&.slick-disabled]:cursor-not-allowed 
                [&.slick-disabled]:opacity-50 right-2.5 md:right-8"
        data-slick-next>
    <span class="sr-only">Next slide</span>
    <!-- snippets/icon (arrow) [aa/ja] --><svg class="icon icon-arrow rotate-180
" width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0.999999 8.00001L8 1" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <line x1="1" y1="8" x2="19" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
            <path d="M1 8L8 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
        </svg>
</button>

<ul class="mx-auto flex justify-center gap-20 xs:px-5 xl:px-28 overflow-hidden [&_.slick-list]:w-full [&_.slick-list]:overflow-visible xs:[&_.slick-list]:mr-5 xl:[&_.slick-list]:mr-28 [&_.slick-track]:!flex [&_.slick-track]:gap-8"
        data-slick='{
        "centerMode": true,
        "infinite": false,
        "mobileFirst": true,
        "nextArrow": "#shopify-section-template--14331280293954__166086116330b8db85 .js-next",
        "prevArrow": "#shopify-section-template--14331280293954__166086116330b8db85 .js-prev",
        "swipeToSlide": true,
        "variableWidth": true,
        "responsive": [
                
                {
                    "breakpoint": 576,
                    "settings": {
                        "centerMode": false,
                        "slidesToShow": 2
                    }
                }
            
            ,  
                {
                    "breakpoint": 768,
                    "settings": {
                        "centerMode": false,
                        "slidesToShow": 3
                    }
                }
            
            , 
                {
                    "breakpoint": 1024,
                    "settings": {
                        "centerMode": false,
                        "slidesToShow": 4
                    }
                }
            
            ,
                {
                    "breakpoint": 1280,
                    "settings": "unslick"
                }
            
            ,
                {
                    "breakpoint": 1700,
                    "settings": "unslick"
                }
            
        ]
    }'>
        
    
            <li class="group reveal:animate-fadeIn" 
                data-delay="100">
                <div class="text-center flex-center flex-col w-60 p-4 pt-8 bg-contain bg-no-repeat bg-center overflow-visible" 
                     style="
                        
                            background-image: url(//thegoodbean.com/cdn/shop/files/Rough_Circle.png?v=1660861291);
                            background-position: top;
                        
                    ">
                    
                        <!-- snippets/curve-path [ja] -->

<svg class="h-[30px] overflow-visible" viewBox="0 0 463.07 65.88">
    <path id="curve" d="M.26,65.45C67.61,24.25 146.81,0.5 231.54,.5C316.27,.5 395.46,24.25 462.8,65.45" fill="transparent" />

    <text width="463.07" 
          class="fill-current text-4xl tracking-[.3em] ">
        <textPath class="font-cubano" 
                  xlink:href="#curve" 
                  startOffset="50%" 
                  text-anchor="middle" 
                  alignment-baseline="hanging">
            Chickpeas
        </textPath>
    </text>
</svg>

                    
        
                    
                        <!-- snippets/responsive-image [aa] -->








<img class="h-28 w-28"
     src="//thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_small.png?v=1662001544"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_180x.png?v=1662001544 180w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_360x.png?v=1662001544 360w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_470x.png?v=1662001544 470w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_600x.png?v=1662001544 600w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_770x.png?v=1662001544 770w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_970x.png?v=1662001544 970w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_1060x.png?v=1662001544 1060w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_1280x.png?v=1662001544 1280w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_1512x.png?v=1662001544 1512w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_1728x.png?v=1662001544 1728w ,


    
    //thegoodbean.com/cdn/shop/files/white-bean-render_1_81799cdc-b732-4809-93d0-82cad77f28d3_2048x.png?v=1662001544 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

                    
        
                    
                        <p class="font-navigo font-black text-xl mt-4">
                            USA
                        </p>
                    
        
                    
                        <p class="font-navigo font-medium text-lg">
                            Family Farms
                        </p>
                    
                </div>
            </li>
            
        
    
            <li class="group reveal:animate-fadeIn" 
                data-delay="200">
                <div class="text-center flex-center flex-col w-60 p-4 pt-8 bg-contain bg-no-repeat bg-center overflow-visible" 
                     style="
                        
                            background-image: url(//thegoodbean.com/cdn/shop/files/Rough_Circle.png?v=1660861291);
                            background-position: top;
                        
                    ">
                    
                        <!-- snippets/curve-path [ja] -->

<svg class="h-[30px] overflow-visible" viewBox="0 0 463.07 65.88">
    <path id="curve" d="M.26,65.45C67.61,24.25 146.81,0.5 231.54,.5C316.27,.5 395.46,24.25 462.8,65.45" fill="transparent" />

    <text width="463.07" 
          class="fill-current text-4xl tracking-[.3em] ">
        <textPath class="font-cubano" 
                  xlink:href="#curve" 
                  startOffset="50%" 
                  text-anchor="middle" 
                  alignment-baseline="hanging">
            Pinto Beans
        </textPath>
    </text>
</svg>

                    
        
                    
                        <!-- snippets/responsive-image [aa] -->








<img class="h-28 w-28"
     src="//thegoodbean.com/cdn/shop/files/Pinto_Bean_small.png?v=1663619251"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_180x.png?v=1663619251 180w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_360x.png?v=1663619251 360w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_470x.png?v=1663619251 470w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_600x.png?v=1663619251 600w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_770x.png?v=1663619251 770w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_970x.png?v=1663619251 970w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_1060x.png?v=1663619251 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_1280x.png?v=1663619251 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_1512x.png?v=1663619251 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_1728x.png?v=1663619251 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Pinto_Bean_2048x.png?v=1663619251 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

                    
        
                    
                        <p class="font-navigo font-black text-xl mt-4">
                            North Dakota
                        </p>
                    
        
                    
                </div>
            </li>
            
        
    
            <li class="group reveal:animate-fadeIn" 
                data-delay="300">
                <div class="text-center flex-center flex-col w-60 p-4 pt-8 bg-contain bg-no-repeat bg-center overflow-visible" 
                     style="
                        
                            background-image: url(//thegoodbean.com/cdn/shop/files/Rough_Circle.png?v=1660861291);
                            background-position: top;
                        
                    ">
                    
                        <!-- snippets/curve-path [ja] -->

<svg class="h-[30px] overflow-visible" viewBox="0 0 463.07 65.88">
    <path id="curve" d="M.26,65.45C67.61,24.25 146.81,0.5 231.54,.5C316.27,.5 395.46,24.25 462.8,65.45" fill="transparent" />

    <text width="463.07" 
          class="fill-current text-4xl tracking-[.3em] ">
        <textPath class="font-cubano" 
                  xlink:href="#curve" 
                  startOffset="50%" 
                  text-anchor="middle" 
                  alignment-baseline="hanging">
            Black Beans
        </textPath>
    </text>
</svg>

                    
        
                    
                        <!-- snippets/responsive-image [aa] -->








<img class="h-28 w-28"
     src="//thegoodbean.com/cdn/shop/files/Untitled_design_12_small.png?v=1665183609"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_180x.png?v=1665183609 180w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_360x.png?v=1665183609 360w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_470x.png?v=1665183609 470w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_600x.png?v=1665183609 600w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_770x.png?v=1665183609 770w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_970x.png?v=1665183609 970w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_1060x.png?v=1665183609 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_1280x.png?v=1665183609 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_1512x.png?v=1665183609 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_1728x.png?v=1665183609 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Untitled_design_12_2048x.png?v=1665183609 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

                    
        
                    
                        <p class="font-navigo font-black text-xl mt-4">
                            North Dakota, Minnesota & Michigan
                        </p>
                    
        
                    
                </div>
            </li>
            
        
    
            <li class="group reveal:animate-fadeIn" 
                data-delay="400">
                <div class="text-center flex-center flex-col w-60 p-4 pt-8 bg-contain bg-no-repeat bg-center overflow-visible" 
                     style="
                        
                            background-image: url(//thegoodbean.com/cdn/shop/files/Rough_Circle.png?v=1660861291);
                            background-position: top;
                        
                    ">
                    
                        <!-- snippets/curve-path [ja] -->

<svg class="h-[30px] overflow-visible" viewBox="0 0 463.07 65.88">
    <path id="curve" d="M.26,65.45C67.61,24.25 146.81,0.5 231.54,.5C316.27,.5 395.46,24.25 462.8,65.45" fill="transparent" />

    <text width="463.07" 
          class="fill-current text-4xl tracking-[.3em] ">
        <textPath class="font-cubano" 
                  xlink:href="#curve" 
                  startOffset="50%" 
                  text-anchor="middle" 
                  alignment-baseline="hanging">
            White Beans
        </textPath>
    </text>
</svg>

                    
        
                    
                        <!-- snippets/responsive-image [aa] -->








<img class="h-28 w-28"
     src="//thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_small.png?v=1663620160"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_180x.png?v=1663620160 180w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_360x.png?v=1663620160 360w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_470x.png?v=1663620160 470w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_600x.png?v=1663620160 600w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_770x.png?v=1663620160 770w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_970x.png?v=1663620160 970w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_1060x.png?v=1663620160 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_1280x.png?v=1663620160 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_1512x.png?v=1663620160 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_1728x.png?v=1663620160 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Beans_for_Sourcing_100_x_100_px_1_2048x.png?v=1663620160 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

                    
        
                    
                        <p class="font-navigo font-black text-xl mt-4">
                            North Dakota, Minnesota & Michigan
                        </p>
                    
        
                    
                </div>
            </li>
            
        
    
            <li class="group reveal:animate-fadeIn" 
                data-delay="500">
                <div class="text-center flex-center flex-col w-60 p-4 pt-8 bg-contain bg-no-repeat bg-center overflow-visible" 
                     style="
                        
                            background-image: url(//thegoodbean.com/cdn/shop/files/Rough_Circle.png?v=1660861291);
                            background-position: top;
                        
                    ">
                    
                        <!-- snippets/curve-path [ja] -->

<svg class="h-[30px] overflow-visible" viewBox="0 0 463.07 65.88">
    <path id="curve" d="M.26,65.45C67.61,24.25 146.81,0.5 231.54,.5C316.27,.5 395.46,24.25 462.8,65.45" fill="transparent" />

    <text width="463.07" 
          class="fill-current text-4xl tracking-[.3em] ">
        <textPath class="font-cubano" 
                  xlink:href="#curve" 
                  startOffset="50%" 
                  text-anchor="middle" 
                  alignment-baseline="hanging">
            Peas
        </textPath>
    </text>
</svg>

                    
        
                    
                        <!-- snippets/responsive-image [aa] -->








<img class="h-28 w-28"
     src="//thegoodbean.com/cdn/shop/files/peas_1_1_small.png?v=1662001544"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_180x.png?v=1662001544 180w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_360x.png?v=1662001544 360w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_470x.png?v=1662001544 470w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_600x.png?v=1662001544 600w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_770x.png?v=1662001544 770w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_970x.png?v=1662001544 970w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_1060x.png?v=1662001544 1060w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_1280x.png?v=1662001544 1280w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_1512x.png?v=1662001544 1512w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_1728x.png?v=1662001544 1728w ,


    
    //thegoodbean.com/cdn/shop/files/peas_1_1_2048x.png?v=1662001544 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >

                    
        
                    
                        <p class="font-navigo font-black text-xl mt-4">
                            USA
                        </p>
                    
        
                    
                        <p class="font-navigo font-medium text-lg">
                            Family Farms
                        </p>
                    
                </div>
            </li>
            
        
    </ul>
</section>



</div><div id="shopify-section-template--14331280293954__166187825821f96227" class="shopify-section contents"><!-- sections/quote [ja] -->


<style data-shopify>
    

    
        #shopify-section-template--14331280293954__166187825821f96227 .section-quote {
            background-image: url(//thegoodbean.com/cdn/shop/files/background-swatch.png?v=1661878273);
        }
    
</style>    

<section class="section-quote bg-no-repeat bg-bottom bg-[length:150%_85%] 
                md:bg-[length:100%_85%] md:max-w-[56.75rem] mx-auto p-14 
                pt-0 -mb-5 md:mb-24 relative z-10">
    <div class="md:w-[31rem] mx-auto text-center">
        
    
        <p class="text-xl mb-2.5">
            Discover The Good Bean to bring global culinary taste and adventure to your plate. Each recipe is inspired by flavorful bean dishes from around the world.
        </p>
    
        
    
        
    </div>
</section>



<style> #shopify-section-template--14331280293954__166187825821f96227 .section-quote {background-size: 100%; padding-top: 2.5rem;} </style></div><div id="shopify-section-template--14331280293954__1661878832973bad19" class="shopify-section contents"><!-- sections/floating-images [ja] -->


<div class="section-floating-images hidden activated:block absolute 
            overflow-hidden pointer-events-none w-full z-10 
            -translate-y-1/4"
     data-floating-images>
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661878832973bad19-1 {
                
                    width: clamp(260px, 25vw, 314px);
                
                
                
                    --left: 0%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 50%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 hidden 
 lg:block 
 reveal:animate-slideInLeft
        "
     src="//thegoodbean.com/cdn/shop/files/Group_111_small.png?v=1661878273"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_111_180x.png?v=1661878273 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_360x.png?v=1661878273 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_470x.png?v=1661878273 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_600x.png?v=1661878273 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_770x.png?v=1661878273 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_970x.png?v=1661878273 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_1060x.png?v=1661878273 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_1280x.png?v=1661878273 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_1512x.png?v=1661878273 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_1728x.png?v=1661878273 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_111_2048x.png?v=1661878273 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661878832973bad19-1"
         >

        
    

        <style data-shopify>
            #floating-image-template--14331280293954__1661878832973bad19-2 {
                
                    width: clamp(240px, 23vw, 278px);
                
                
                
                    --left: 100%;
                    left: var(--left);

                    --tw-translate-x: calc(var(--left) * -1); 
                

                
                    --top: 50%;
                    top: var(--top);

                    --tw-translate-y: calc(var(--top) * -1); 
                
            }
        </style>

        

        

        <!-- snippets/responsive-image [aa] -->








<img class="
        absolute transform z-10 hidden 
 lg:block 
 reveal:animate-slideInRight
        "
     src="//thegoodbean.com/cdn/shop/files/Group_110_small.png?v=1661878273"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Group_110_180x.png?v=1661878273 180w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_360x.png?v=1661878273 360w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_470x.png?v=1661878273 470w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_600x.png?v=1661878273 600w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_770x.png?v=1661878273 770w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_970x.png?v=1661878273 970w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_1060x.png?v=1661878273 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_1280x.png?v=1661878273 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_1512x.png?v=1661878273 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_1728x.png?v=1661878273 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Group_110_2048x.png?v=1661878273 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
     
            id="floating-image-template--14331280293954__1661878832973bad19-2"
         >

        
    
</div>



</div><div id="shopify-section-template--14331280293954__1660836626d1050de8" class="shopify-section section-banner contents"><!-- sections/banner [ja] -->

<style data-shopify>
  #shopify-section-template--14331280293954__1660836626d1050de8 section {
  background-color: #fec5aa;
  }

  #shopify-section-template--14331280293954__1660836626d1050de8 .mask {
  background-color: #ffffff;
  }
</style>

<section
  class="section-banner relative animate-duration-700 

    
        h-fold"
  id=""
>
  
  

  

  
    <!-- snippets/image-swap [ja] -->
<!-- snippets/responsive-image [aa] -->








<img class="
            lg:hidden
        

        h-full w-full object-cover
"
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_small.jpg?v=1673586423"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_180x.jpg?v=1673586423 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_360x.jpg?v=1673586423 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_470x.jpg?v=1673586423 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_600x.jpg?v=1673586423 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_770x.jpg?v=1673586423 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_970x.jpg?v=1673586423 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1060x.jpg?v=1673586423 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1280x.jpg?v=1673586423 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1512x.jpg?v=1673586423 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1728x.jpg?v=1673586423 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_2048x.jpg?v=1673586423 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >






<!-- snippets/responsive-image [aa] -->








<img class="
            hidden lg:block
        

        h-full w-full object-cover
"
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_small.jpg?v=1673586423"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_180x.jpg?v=1673586423 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_360x.jpg?v=1673586423 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_470x.jpg?v=1673586423 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_600x.jpg?v=1673586423 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_770x.jpg?v=1673586423 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_970x.jpg?v=1673586423 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1060x.jpg?v=1673586423 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1280x.jpg?v=1673586423 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1512x.jpg?v=1673586423 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_1728x.jpg?v=1673586423 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-725_1_sharpened_2048x.jpg?v=1673586423 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt=""
     
       loading="lazy"
     
      >



  

  
<div class="flex flex-col pt-16 px-5 pb-14

            
                absolute inset-0
            

            justify-between
            md:justify-between
            items-start
            md:items-start banner-content">
      <div class="banner-inner">
        
          
              <!-- snippets/text-block [ja] -->







<h2
  class="font-cubano text-4xl md:text-7xl reveal:animate-fadeIn"
  data-delay="100"
>
  Keep Snacking
</h2>


            
        
          
              <!-- snippets/button-block [ja] -->


<a class="btn-black btn-lime btn-md w-full md:w-fit font-cubano uppercase tracking-widest reveal:animate-zoomIn" 
   href="/collections/all-beanitos?view=beanitos"
   data-delay="200">
    Shop Beanitos
</a>

          
        
        <div class="text-center px-5 mx-auto ">
          <ul class="grid grid-cols-2 md:grid-cols-4 gap-x-1 gap-y-8 md:gap-12 justify-center">
            
              
            
              
            
          </ul>
        </div>
      </div>
    </div>
  
</section>


<style> #shopify-section-template--14331280293954__1660836626d1050de8 .banner-inner {background-color: rgb(0 175 204); border-radius: 1.5rem; display: flex; flex-direction: column; row-gap: 20px; padding: 3rem 4rem; max-width: fit-content; margin: auto 0;} </style></div><div id="shopify-section-template--14331280293954__d6b0224d-81b1-4c48-a444-98c30cb2a1f0" class="shopify-section section-social-feed"><!-- sections/social-feed [ja] -->
<style>
    .left-accent-image {
      rotate: 0deg;
    }
    .right-accent-image {
        rotate: 0deg;
    }
    @media (min-width: 1042px) {
      .left-accent-image {
        rotate: 0deg;
      }
      .right-accent-image {
          rotate: 0deg;
      }
    }
</style>





<section class="relative overflow-hidden pt-16 text-center
                pb-16 md:pb-28 bg-blue ">
    <div class="w-fit mx-auto">
      
<div class="relative"><h2 class="font-cubano text-4xl md:text-5xl mb-6 px-j8 pb-6 relative after:content-[''] after:block after:h-1 after:w-36 after:rounded-full
              after:absolute after:top-full after:left-1/2
              after:-translate-x-1/2
               after:bg-lime">
                Follow us on instagram
            </h2></div>
      

      
    </div><div class="group slick-track:flex slick-track:gap-2
                sm:slick-track:gap-5 slick-track:ml-2 slick-track:sm:ml-4
                [&_.slick-autoplay-toggle-button]:w-8
        [&_.slick-autoplay-toggle-button]:aspect-square
        [&_.slick-autoplay-toggle-button]:top-auto
        [&_.slick-autoplay-toggle-button]:-bottom-10
        [&_.slick-autoplay-toggle-button]:left-4
        [&_.slick-autoplay-toggle-button]:right-auto
        [&_.slick-autoplay-toggle-button]:bg-bean-medium
        [&_.slick-autoplay-toggle-button]:rounded-full"
         data-slick='{
      "arrows": false,
      
      "slidesToShow": 5,
      "centerMode": true,
      
      "autoplay": true,
      "autoplaySpeed": 3000,
      "draggable": false,
      "infinite": true,
      "pauseIcon": "#shopify-section-template--14331280293954__d6b0224d-81b1-4c48-a444-98c30cb2a1f0 .slick-pause-icon",
      "playIcon": "#shopify-section-template--14331280293954__d6b0224d-81b1-4c48-a444-98c30cb2a1f0 .slick-play-icon",
      "regionLabel": "Social Feed Slider",
      "pauseOnFocus": false,
      "pauseOnHover": false,
      "variableWidth": true
    }' title="Social Feed Slider">
        

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="100">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_small.jpg?v=1686868536"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_180x.jpg?v=1686868536 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_360x.jpg?v=1686868536 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_470x.jpg?v=1686868536 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_600x.jpg?v=1686868536 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_770x.jpg?v=1686868536 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_970x.jpg?v=1686868536 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1060x.jpg?v=1686868536 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1280x.jpg?v=1686868536 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1512x.jpg?v=1686868536 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1728x.jpg?v=1686868536 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_2048x.jpg?v=1686868536 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="The Good Bean / Beanitos"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="200">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                -rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_small.jpg?v=1686868537"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_180x.jpg?v=1686868537 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_360x.jpg?v=1686868537 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_470x.jpg?v=1686868537 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_600x.jpg?v=1686868537 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_770x.jpg?v=1686868537 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_970x.jpg?v=1686868537 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1060x.jpg?v=1686868537 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1280x.jpg?v=1686868537 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1512x.jpg?v=1686868537 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1728x.jpg?v=1686868537 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_2048x.jpg?v=1686868537 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Black Edamame"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="300">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_small.jpg?v=1686868534"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_180x.jpg?v=1686868534 180w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_360x.jpg?v=1686868534 360w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_470x.jpg?v=1686868534 470w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_600x.jpg?v=1686868534 600w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_770x.jpg?v=1686868534 770w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_970x.jpg?v=1686868534 970w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1060x.jpg?v=1686868534 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1280x.jpg?v=1686868534 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1512x.jpg?v=1686868534 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1728x.jpg?v=1686868534 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_2048x.jpg?v=1686868534 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Sea_Salt_with_Kale_salad"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="400">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                -rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_small.jpg?v=1686868534"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_180x.jpg?v=1686868534 180w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_360x.jpg?v=1686868534 360w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_470x.jpg?v=1686868534 470w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_600x.jpg?v=1686868534 600w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_770x.jpg?v=1686868534 770w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_970x.jpg?v=1686868534 970w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1060x.jpg?v=1686868534 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1280x.jpg?v=1686868534 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1512x.jpg?v=1686868534 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1728x.jpg?v=1686868534 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_2048x.jpg?v=1686868534 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Sea_Salt_and_Hummus"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="500">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_small.jpg?v=1686868538"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_180x.jpg?v=1686868538 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_360x.jpg?v=1686868538 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_470x.jpg?v=1686868538 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_600x.jpg?v=1686868538 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_770x.jpg?v=1686868538 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_970x.jpg?v=1686868538 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1060x.jpg?v=1686868538 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1280x.jpg?v=1686868538 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1512x.jpg?v=1686868538 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1728x.jpg?v=1686868538 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_2048x.jpg?v=1686868538 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="TGB Beanitos Mexican Smoky Chipotle"
     
       loading="lazy"
     
      >

</a>
        

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="100">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_small.jpg?v=1686868536"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_180x.jpg?v=1686868536 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_360x.jpg?v=1686868536 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_470x.jpg?v=1686868536 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_600x.jpg?v=1686868536 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_770x.jpg?v=1686868536 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_970x.jpg?v=1686868536 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1060x.jpg?v=1686868536 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1280x.jpg?v=1686868536 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1512x.jpg?v=1686868536 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_1728x.jpg?v=1686868536 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-648-2_2048x.jpg?v=1686868536 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="The Good Bean / Beanitos"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="200">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                -rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_small.jpg?v=1686868537"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_180x.jpg?v=1686868537 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_360x.jpg?v=1686868537 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_470x.jpg?v=1686868537 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_600x.jpg?v=1686868537 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_770x.jpg?v=1686868537 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_970x.jpg?v=1686868537 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1060x.jpg?v=1686868537 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1280x.jpg?v=1686868537 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1512x.jpg?v=1686868537 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_1728x.jpg?v=1686868537 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-679_94b281aa-a260-476c-bba7-47f6e9305374_2048x.jpg?v=1686868537 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Black Edamame"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="300">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_small.jpg?v=1686868534"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_180x.jpg?v=1686868534 180w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_360x.jpg?v=1686868534 360w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_470x.jpg?v=1686868534 470w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_600x.jpg?v=1686868534 600w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_770x.jpg?v=1686868534 770w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_970x.jpg?v=1686868534 970w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1060x.jpg?v=1686868534 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1280x.jpg?v=1686868534 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1512x.jpg?v=1686868534 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_1728x.jpg?v=1686868534 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_with_Kale_salad_2048x.jpg?v=1686868534 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Sea_Salt_with_Kale_salad"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="400">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                -rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_small.jpg?v=1686868534"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_180x.jpg?v=1686868534 180w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_360x.jpg?v=1686868534 360w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_470x.jpg?v=1686868534 470w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_600x.jpg?v=1686868534 600w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_770x.jpg?v=1686868534 770w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_970x.jpg?v=1686868534 970w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1060x.jpg?v=1686868534 1060w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1280x.jpg?v=1686868534 1280w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1512x.jpg?v=1686868534 1512w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_1728x.jpg?v=1686868534 1728w ,


    
    //thegoodbean.com/cdn/shop/files/Sea_Salt_and_Hummus_2048x.jpg?v=1686868534 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="Sea_Salt_and_Hummus"
     
       loading="lazy"
     
      >

</a>

            


            
              <a href="https://www.instagram.com/thegoodbeansnacks/" target="_blank"
            
            class="p-[4%] max-w-[280px] md:max-w-[25vw] reveal:animate-zoomIn"
                 data-delay="500">
                <!-- snippets/responsive-image [aa] -->








<img class="
                aspect-square w-full object-cover rounded-2xl hover:rotate-0
                hover:scale-110 transition-transform duration-300

                rotate-2
            "
     src="//thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_small.jpg?v=1686868538"
     srcset="


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_180x.jpg?v=1686868538 180w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_360x.jpg?v=1686868538 360w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_470x.jpg?v=1686868538 470w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_600x.jpg?v=1686868538 600w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_770x.jpg?v=1686868538 770w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_970x.jpg?v=1686868538 970w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1060x.jpg?v=1686868538 1060w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1280x.jpg?v=1686868538 1280w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1512x.jpg?v=1686868538 1512w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_1728x.jpg?v=1686868538 1728w ,


    
    //thegoodbean.com/cdn/shop/files/TGB_Beanitos-530_2048x.jpg?v=1686868538 2048w ,
"
     data-widths="18036047060077097010601280151217282048"
     data-sizes="auto"
     alt="TGB Beanitos Mexican Smoky Chipotle"
     
       loading="lazy"
     
      >

</a>
    </div>
</section><span class="slick-pause-icon hidden group-slick-init:inline animate-rotateIn"
      aria-hidden="true">
    <!-- snippets/icon (pause) [aa/ja] --><svg class="icon icon-pause mx-auto h-full text-dark
" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 11V5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5V11C4 11.5523 4.44772 12 5 12C5.55228 12 6 11.5523 6 11Z" fill="currentColor" />
            <path d="M10 11V5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5V11C8 11.5523 8.44772 12 9 12C9.55228 12 10 11.5523 10 11Z" fill="currentColor" />
        </svg>
</span>

<span class="slick-play-icon hidden animate-rotateIn"
      aria-hidden="true">
    <!-- snippets/icon (play) [aa/ja] --><svg class="icon icon-play mx-auto h-full text-dark
" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 4L12.2222 8L6 12V4Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
</span>



</div>
      </main>

      <div>
        <div id="shopify-section-footer" class="shopify-section"><!-- sections/footer [ja] -->








<footer>
    <div class="grid md:grid-cols-1 lg:grid-flow-col">
        <div class="md:contents lg:flex flex-col"><div class="bg-bean px-5 py-16 md:pl-48 md:pr-48 md:py-24 text-black 
                        text-center md:text-left relative overflow-hidden -order-1 
                        col-span-full">
                <!-- snippets/blob (chickpea) [ja] --><svg class="blob blob-chickpea absolute top-1 right-0 pointer-events-none" width="144" height="184" viewBox="0 0 144 184" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M160 107.761C156.973 128.251 156.873 150.644 139.359 166.155C119.069 184.144 94.7501 190.824 71.9077 171.484C67.5544 167.782 63.3011 165.93 57.4967 165.805C31.9021 165.255 12.3622 149.768 4.90648 124.649C-7.45297 82.9418 4.00579 47.5648 34.0037 17.5168C43.3358 8.15967 54.9447 3.55615 68.2549 0.75401C83.2914 -2.3984 96.8517 5.40757 109.887 4.55692C138.008 2.7055 137.908 25.2477 145.389 40.009C155.872 60.6748 157.598 84.1177 160 107.761Z" fill="#EFDCB5"/>
        </svg>

                <!-- snippets/blob (bean) [ja] --><svg class="blob blob-bean absolute left-0 bottom-0 pointer-events-none" width="157" height="218" viewBox="0 0 157 218" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M153.061 249.989C141.537 284.009 108.351 302.131 78.8848 290.463C-3.46071 257.829 -33.5106 149.315 -1.34554 54.1837C10.1785 20.1639 35.9251 -10.0274 71.2629 3.1722C103.355 15.1685 106.017 66.9457 94.5297 100.966C85.3032 128.203 97.0096 157.957 120.568 167.292C150.035 178.96 164.549 216.006 153.061 249.989Z" fill="#EFDCB5"/>
        </svg>
    
                <div class="relative z-10">
                    
                        <p class="font-cubano font-black mb-1 tracking-widest 
                                  reveal:animate-fadeIn">
                            Bean mail
                        </p>
                    

                    
                        <p class="font-cubano font-black text-2xl mt-1 mb-6 
                                  reveal:animate-fadeIn">
                            Get the newsletter
                        </p>
                    
        
                    <!-- snippets/newsletter-form [ja] -->


<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="newsletter-form w-full"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
    <input type="hidden" name="contact[tags]" value="newsletter">

    <div class="flex flex-col md:flex-row gap-3.5 md:gap-2 w-full">
        <div class="flex-1 relative">
            <input  id="NewsletterForm--footer"
                    type="email"
                    name="contact[email]"
                    class="peer h-full w-full px-3 py-5 bg-white font-navigo font-bold 
                           text-lg placeholder:opacity-0 reveal:animate-fadeIn"
                    value=""
                    aria-required="true"
                    autocorrect="off"
                    autocapitalize="off"
                    autocomplete="email"
                    
                    placeholder="name@email.com"
                    required>

            <label class="font-navigo font-bold absolute left-3 leading-none rounded 
                          text-white peer-placeholder-shown:text-black
                          bg-black peer-placeholder-shown:bg-transparent
                          text-xs peer-placeholder-shown:text-base
                          top-0 peer-placeholder-shown:top-1/2 
                          px-2 py-1 peer-placeholder-shown:p-0 pointer-events-none
                          -translate-y-1/2 transition-all reveal:animate-fadeIn" 
                   for="NewsletterForm--footer"
                   data-delay="100">
                Your email
            </label>
        </div>

        <button type="submit" 
                class="btn-black btn-sm md:btn-md" 
                name="commit" 
                id="Subscribe">
            Sign Up
        </button>
    </div></form>

                </div>
            </div><!-- grid-cols-1 grid-cols-2 md:grid-cols-1 md:grid-cols-2 -->
            <ul class="grid grid-cols-0 md:grid-cols-1 
                       lg:grid-cols-0 lg:flex-1">
                
            </ul>
        </div>
    
        
    </div><div class="md:flex justify-between items-center md:p-10">
            
            <!-- "Footer Menu" Navigation Menu -->
            <ul class="flex justify-between md:gap-6 p-5 pb-2.5 md:p-0">
                
                    
                    <li class="font-navigo font-bold 
                               ">
                        <a href="/pages/contact">
                            Contact
                        </a>
                    </li>
                    
                    
                
                    
                    <li class="font-navigo font-bold 
                               ">
                        <a href="/pages/frequently-asked-questions?view=faq">
                            FAQ
                        </a>
                    </li>
                    
                    
                
            </ul>
        

            
            <!-- "Policy Menu" Navigation Menu -->
            <ul class="flex justify-between md:gap-4 p-5 md:p-0">
                <li class="font-navigo font-bold text-xs">
                    Ⓒ The Good Bean
                </li>

                

                    <li class="font-navigo font-bold text-xs 
                               ">
                        <a href="/policies/privacy-policy">
                            Privacy
                        </a>
                    </li>
                    
                

                    <li class="font-navigo font-bold text-xs 
                               ">
                        <a href="/policies/terms-of-service">
                            Terms
                        </a>
                    </li>
                    
                

                    <li class="font-navigo font-bold text-xs 
                               ">
                        <a href="/pages/accessibility">
                            Accessibility
                        </a>
                    </li>
                    
                
            </ul>
        
    </div>
</footer>



</div>
      </div>

      <script type="module" src="//thegoodbean.com/cdn/shop/t/6/assets/common.js?v=77550360386254619021777568948"></script>
      <!-- Dev folder -->

      
      <!-- snippets/additional-scripts -->





<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous" data-ot-ignore></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" data-ot-ignore>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" data-ot-ignore></script>
<script>
    $('.section-hero-slider .slick').slick({
          dots: false,
          autoplay: true,
          infinite: true,
          arrow: false,
          speed: 3000,
      fade: true,
        autoplaySpeed: 4000,
          prevArrow: false,
          nextArrow: false,
          slidesToShow: 1,
          slidesToScroll: 1,
        });
</script>

    </div>
    <!-- "snippets/smile-initializer.liquid" was not rendered, the associated app was uninstalled -->
  <style> .destini-css-0 li {background-color: red !important;} </style>
<div id="shopify-block-AWlJLUmlLUTAySkRqM__16387799423947206774" class="shopify-block shopify-app-block">
    <script src="https://cdn.shopify.com/extensions/019e8cd5-4714-7922-9ebe-b5fa3cbf47b4/embed-contact-form-5/assets/form-builder-helper-v2.js" defer="defer"></script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
