PageSourceSearch

https://nomaprojects.com/

html nomaprojects.com collected 2026-09-26 02:03:00 UTC 851,952 bytes, 21,693 lines download raw bytes

1<!DOCTYPE html>
2<html
3  class="min-h-[100vh]"
4  lang="en"
5  x-data="app()"
6  x-init="
7    updateCart(false);
8    handleSharedCart();
9    initAnimationObserver();
10  ">
11
12  <head>
13  
13<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"index","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52","state":{"template":"index","theme":195745055060,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790388177,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/nomaprojects.com\/","customer_id":null,"customer_id_signature":"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52","cart":null}</script>
13<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
13color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
13
14      
14<script data-locksmith>Locksmith.cache.cart=null</script>
14
15
16  
16<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"index\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52\",\"state\":{\"template\":\"index\",\"theme\":195745055060,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790388177,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/nomaprojects.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52\",\"cart\":null}";Locksmith.jsonTagSignature="947e223767837fc85fa915e3ecb925bf71b09564908ce5cae965d0c163009bef"</script>
16
17  <!-- Elevate - 2026-08-06T10:15:19.956Z -->
17<script>
18      const environment = { rootUrl: '/', themeId: 195745055060, themeRole: 'main', activeCurrency: 'USD', template: { suffix: '', type: 'index' }, isThemePreview: false, customerData: { loggedIn: false } };
19      try { window.eab_data = { selectors: JSON.parse(`{"settings":{"trackRT":true,"excludedIps":[{"ip":"78.153.166.98","label":"Office"}],"productUpdates":false,"hasClarityEnabled":true,"enableOrderTagging":true,"enableServerEvents":true,"productCostEnabled":true,"disableNoteAttributes":true,"productCostLastImport":"2026-08-06T13:51:31.959Z","useShopifyGeolocation":true},"selectorsV2":[]}`) || {}, allTests: JSON.parse(`{}`) || {}, currencyFormat: "${{amount}}", environment: environment }; } catch(error) { console.log(error); window.eab_data = { selectors: {}, allTests: {}, currencyFormat: "${{amount}}", environment: environment }; }
20    </script>
20
21    
21<script data-cfasync='false' class='eab-redirect-script'>
22!function(){function e(){var e=r("eabUserId");const t=q(),n=F();if(!e&&(t||n)){e=function(){try{if(window.crypto&&window.crypto.getRandomValues){const e=new Uint8Array(16);window.crypto.getRandomValues(e),e[6]=15&e[6]|64,e[8]=63&e[8]|128;const t=Array.from(e).map((e=>e.toString(16).padStart(2,"0")));return[t.slice(0,4).join(""),t.slice(4,6).join(""),t.slice(6,8).join(""),t.slice(8,10).join(""),t.slice(10,16).join("")].join("-")}}catch(e){console.log("Crypto UUID generation failed, falling back to Math.random()",e)}return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}();var a=new Date;a.setFullYear(a.getFullYear()+1);var i="; expires="+a.toUTCString();document.cookie="eabUserId="+e+i+"; path=/"}}function t(e,t){var r=new Date;r.setTime(r.getTime()+31536e6);var n="; expires="+r.toUTCString();document.cookie=e+"="+(t||"")+n+"; path=/"}function r(e){for(var t=e+"=",r=document.cookie.split(";"),n=0;n<r.length;n++){for(var a=r[n];" "==a.charAt(0);)a=a.substring(1,a.length);if(0==a.indexOf(t))return a.substring(t.length,a.length)}return null}function n(e){var t=r(e);if(t)try{return JSON.parse(t)}catch(e){return console.error("Error parsing JSON from cookie ",e),null}return{}}function a(e){return sessionStorage.getItem(e)}function i(e){var t={};return e.replace(/[?&]+([^=&]+)=([^&]*)/gi,(function(e,r,n){t[r]=n})),t}function o(e){if(!e||!e.trim())return"";const t=e.trim();try{const e=t.replace(/^https?:\/\//,""),r=`https://${e}`.replace(/\/+$/,""),n=new URL(r);return n.hostname.startsWith("www.")&&(n.hostname=n.hostname.substring(4)),n.toString().replace(/\/+$/,"")}catch(r){console.warn("URL parsing failed for:",e,r);return`https://${t.replace(/^https?:\/\//,"")}`.replace(/\/+$/,"")}}function s(e){if("string"==typeof e)try{var t=new URL(e.startsWith("http")?e:"https://"+e),r={};return t.searchParams.forEach((function(e,t){r[t]=e})),{matchUrl:t.origin+t.pathname,matchCondition:"matches",params:r,href:e}}catch{return{matchUrl:e,matchCondition:"matches",params:{},href:e}}return e}function c(e){return/^https?:\/\//i.test(e)}function l(e,t,r,n){var a=s(e),i=a.matchCondition||"matches";try{var l=new URL(o(t)),d=l.pathname.replace(/\/+$/,""),u=n?d.replace(n,"/"):d;if("matches"===i){var f=new URL(o(a.matchUrl)),p=f.pathname.replace(/\/+$/,"");if(c(a.matchUrl)&&l.hostname!==f.hostname)return!1;if(u!==p)return!1;var h=a.params||{};for(var m in h)if("abtr"!==m&&("variant"!==m||r)){var g=h[m],w=l.searchParams.get(m);if(""!==g||""!==w){var v=decodeURIComponent(g||"");if(decodeURIComponent(w||"")!==v)return!1}}return!0}if("startsWith"===i){if(c(a.matchUrl)){var b=o(a.matchUrl).replace(/\/+$/,"");return l.href.replace(/\/+$/,"").startsWith(b)}return u.startsWith(a.matchUrl)}if("contains"===i)return c(a.matchUrl)?l.href.includes(o(a.matchUrl)):u.includes(a.matchUrl);if("endsWith"===i){if(c(a.matchUrl)){b=o(a.matchUrl).replace(/\/+$/,"");return l.href.replace(/\/+$/,"").endsWith(b)}return u.endsWith(a.matchUrl)}if("regex"===i)return c(a.matchUrl)?new RegExp(a.matchUrl).test(l.href):new RegExp(a.matchUrl).test(u)}catch(e){}return!1}const d=window?.Shopify,u=window?.eab_data?.environment,f=d&&d?.routes?.root&&"/"!==d?.routes?.root?d?.routes?.root?.toLowerCase():"",p=u?.rootUrl&&"/"!==u.rootUrl?u.rootUrl.endsWith("/")?u.rootUrl.toLowerCase():(u.rootUrl+"/").toLowerCase():f;function h(){var e=window.location.pathname;p&&e.startsWith(p)&&(e=e.slice(p.length));const t=p.replace(/^\/|\/$/g,"");return t&&e.startsWith(`/${t}`)&&(e=e.slice(t.length+1)),"/"===e||"/index"===e||""===e?"index":/products\//.test(e)?"product":/collections\//.test(e)?"collection":/pages\//.test(e)?"page":e.endsWith("/cart")?"cart":e.endsWith("/search")?"search":"unknown"}localStorage.setItem("eabRootRoute",p||f);var m=window&&window.eab_data?window.eab_data.allTests:{};const g=window&&window.eab_data&&window.eab_data.selectors?window.eab_data.selectors.settings:{};let w=null;g?.useShopifyGeolocation&&window.Shopify&&window.Shopify.loadFeatures&&window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],(function(e){if(!e&&window.Shopify.customerPrivacy&&window.Shopify.customerPrivacy.getRegion){const e=window.Shopify.customerPrivacy.getRegion();e&&e.length>=2&&(w=e.substring(0,2).toUpperCase(),localStorage.setItem("eabCountryCode",w))}}));var v=window.location.search,b=window.location.href,y=i(v);const T=y.abtid||sessionStorage.getItem("abtid");y.abtid&&sessionStorage.setItem("abtid",y.abtid);var U=!(!T||!m[T]||"true"!==r("eabUserPreview")&&"true"!==y.eabUserPreview),_={};for(var P in m)if(m[P]){var S=m[P];"settings"!==P&&(P===T||!U&&P!==T&&S&&S.data&&S.data.isLive)&&(_[P]=S)}for(var I in _){var O=_[I];if(O.data&&"PRODUCT_GROUP"===O.data.type&&!O.data.isV2){var R={data:O.data},C={};for(var k in O)if("data"!==k&&O[k]){var E=O[k],x=E.groupVariationId;C[x]||(C[x]={groupVariationId:x,variationName:E.variationName,trafficPercentage:E.trafficPercentage,isControl:E.isControl,isDone:E.isDone,products:[]}),C[x].products.push({id:E.id,variationId:k,handle:E.handle,groupId:E.groupId,link:E.link,productTitle:E.productTitle,price:E.price,productVariants:E.productVariants,prices:E.prices,originalProductHandle:E.originalProductHandle})}
22for(var A in C)C[A].products.forEach((e=>{e.variationId&&(R[e.variationId]=C[A])}));_[I]=R}}var L,N=n("ABTL")||{},D=((L=a("ABAV"))?JSON.parse(L):null)||{},j=a("eabReferrer"),$=a("eabEntry"),V=n("ABAU")||{};"string"==typeof j||sessionStorage.setItem("eabReferrer",document.referrer),null===$&&sessionStorage.setItem("eabEntry",b);var W=n("eabExcludedTests")||{},G=b.split("?")[0],J=i(b)||"";function B(e){var t,r=o(G),n=decodeURIComponent(r),a=N[e],i=_[e]?.[a]?.groupVariationId,s=_[e];const c=!s.data.isV2,l=window?.__st?.rid;for(var d in s)if(s[d]&&"data"!==d){var u=s[d];if(u.products&&Array.isArray(u.products))for(var f=0;f<u.products.length;f++){var p=u.products[f],h=p.link,m=p.handle,g=Number(p.id);if(h===n||n.endsWith(`products/${m}`)||g===l){t=p;break}}if(t)break}if(!t)return{};for(var w in s)if(s[w]&&"data"!==w){var v=s[w];if(v.products&&Array.isArray(v.products))for(var b=0;b<v.products.length;b++){var y=v.products[b];if(y.groupId===t.groupId&&v.groupVariationId===i)return{...y,variationId:c?y.variationId:w,groupVariationId:v.groupVariationId,variationName:v.variationName}}}return{}}function H(e){var r=N[e];const a=_[e].data.type;var i;_[e][r]||(r=function(e){for(var r=Object.keys(_[e]),n="0",a=0;a<r.length;a++){var i=r[a];if(_[e][i]&&"data"!==i&&!_[e][i].isDone){n=i,N[e]=n,t("ABTL",JSON.stringify(N)),D[e]=!1,V[e]=!1;break}}return n}(e)),"PRODUCT_GROUP"===a&&(i=B(e)),"PRODUCT_GROUP"!==a||_[e].data.isV2?V[e]||(V[e]=!0,t("ABAU",JSON.stringify(V))):(V[e]?V[e][i.variationId]||(V[e][i.variationId]=!0):V[e]={[i.variationId]:!0},t("ABAU",JSON.stringify(V)));var c=r,d=D[e];if("PRODUCT_GROUP"===a&&(c=i.variationId,d=D[i.variationId]),d||("PRODUCT_GROUP"===a?D[c]=!0:D[e]=!0,function(e,t){sessionStorage.setItem(e,JSON.stringify(t))}("ABAV",D)),"THEME"!==a){if("PRICE_PLUS"!==a&&"SUBSCRIPTION_TEST"!==a&&"CONTENT"!==a&&"PRODUCT_TIME"!==a&&"PRODUCT_IMAGE"!==a&&"CHECKOUT"!==a&&"SHIPPING"!==a){var f=function(e,t){var r=_[e].data.type,n=_[e][t].isControl,a=b.split("?")[0],i=b.includes("?")?b.split("?")[1].split("&"):[],o=window.location.origin,c=p&&"/"!==p?p:"/";i=ee(i,"abtr","true");var l,d=_[e][t];if("PRODUCT_GROUP"===r){l=o+c+"products/"+B(e).handle}else{if("PAGE"===r)return n||(i=ee(i,"view",de(e,t))),a+"?"+i.join("&");{const e=o+c+"products/"+d.handle,t="SPLIT_URL"===r?d.splitUrlTestLinks?.[0]?s(d.splitUrlTestLinks[0]).href||null:d.link:d.templateID;l="PRODUCT"===r?e:t}}if("SPLIT_URL"===r){var u=new URL(l);if(u.search)i=function(e,t){const r={};return e.forEach((e=>{const[t,n]=e.split("=");r[t]=n})),t.forEach((e=>{const[t,n]=e.split("=");r[t]=n})),Object.entries(r).map((([e,t])=>`${e}=${t}`))}(i,u.search.substring(1).split("&"));if(!u.pathname.startsWith(c)){const e=u.pathname.startsWith("/")?u.pathname.substring(1):u.pathname,t=c.endsWith("/")?c.slice(0,-1):c;l=`${u.origin}${t}/${e}${u.hash}`}l=l.split("?")[0]}return l+(i.length?"?"+i.join("&"):"")}(e,r);!function(e,r,a){var i=h();const s=_[e].data;var c=s.type,d=o(b.split("?")[0]),u=o(a.split("?")[0]);const f=s?.settings?.checkVariant||!1;var m=y.view?y.view:"",g="PAGE"===c&&(oe(s)?!!le(e):i===s.page),w=de(e,r),v=d!==u,T=m!==w,U="PRODUCT"===c||"SPLIT_URL"===c||"PRODUCT_GROUP"===c;U&&!f&&(a=function(e){try{const t=new URL(e);return t.searchParams.delete("variant"),t.toString()}catch(t){return console.error("Invalid URL provided:",t),e}}(a));"SPLIT_URL"===c&&(v=function({newUrl:e,testID:r,testVar:a}){try{const e=_[r].data,i=e?.redirectBehavior;if("redirectOnlyControlUrl"===i){if(_[r][a].isControl)return!1}if("redirectOnceControlUrlOnly"===i||"redirectOnce"===i){const e="eabRedirectedTests",o=n(e)||{};if(o[r])return!1;if(o[r]=!0,t(e,JSON.stringify(o)),"redirectOnceControlUrlOnly"===i){if(_[r][a].isControl)return!1}}const o=_[r][a];let s=[];if(o.splitUrlTestLinks&&o.splitUrlTestLinks.length>0?s=o.splitUrlTestLinks:o.link&&(s=[o.link]),s.length>0){const t=e?.settings?.checkVariant||!1;for(const e of s)if(l(e,b,t,p))return!1;return!0}return!1}catch(t){return console.error("Error comparing split URLs:",t),o(b.split("?")[0])!==o(e.split("?")[0])}}({newUrl:a,testID:e,testVar:r}));(U&&v||g&&T)&&(window.location.href=a)}(e,r,f)}}else!function(e,r){var a=_[e][r],i=a.themeId,o=u?.themeId||window?.Shopify?.theme?.id;if(!i)return;const s=function(e){const t=n("eabThemeTests")||{};return Object.prototype.hasOwnProperty.call(t,e)}(e);s||function(e){const r=n("eabThemeTests")||{};r[e]=Date.now(),t("eabThemeTests",JSON.stringify(r))}(e);if(o===i)return;const c=new URL(window.location.toString());a.isControl?(c.searchParams.set("preview_theme_id",""),c.searchParams.set("_eab","1"),c.searchParams.delete("view"),c.searchParams.delete("_ab"),c.searchParams.delete("_fd"),c.searchParams.delete("_sc")):(c.searchParams.set("preview_theme_id",i.toString()),c.searchParams.set("_ab","0"),c.searchParams.set("_fd","0"),c.searchParams.set("_sc","1"),c.searchParams.delete("view"));t("eabThemeTest",e),window.location.assign(c.toString())}(e,r)}function M(e,t){for(var r=0;r<e.length;r++)if(t(e[r]))return r;return e.length-1}function q(){const e=navigator.userAgent||navigator.vendor||window.opera;return/((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w\.]+);)/i.test(e)}function F(){const e=navigator.userAgent||navigator.vendor||window.opera;return/(instagram)[\/ ]([-\w\.]+)/i.test(e)}function z(){const e=a("eabEntry")||window.location.href;let t;try{t=new URLSearchParams(new URL(e).search)}catch{t=new URLSearchParams}const r=a("eabReferrer"),n=("string"==typeof r?r:document.referrer||"").toLowerCase(),i=n?new URL(n).hostname.replace("www.",""):"",o=new URL(window.location.href).hostname,s=q(),c=F(),l=function(){const e=navigator.userAgent||navigator.vendor||window.opera;return/musical_ly/i.test(e)}(),d=function(){const e=navigator.userAgent||navigator.vendor||window.opera;return/(pinterest)[\/ ]([-\w\.]+)/i.test(e)}(),u=(t.get("utm_source")?.toLowerCase()||"").split(/[^a-z0-9]+/),f=e=>e.some((e=>u.includes(e)));return s||f(["facebook","fb"])||["facebook.com","fb.com","fb.me","m.facebook.com","l.facebook.com","lm.facebook.com"].includes(i)?"facebook":c||f(["instagram","ig","igshopping"])||i.includes("instagram")?"instagram":l||["tiktok.com","pangleglobal.com","ads.tiktok.com"].includes(i)?"tiktok":f(["pinterest"])||d||i.includes("pinterest")||"pin.it"===i||t.has("epik")?"pinterest":t.has("gclid")||i.includes("google")?"google":t.has("fbclid")?"facebook":n&&o!==i?"other":"direct"}function X(e){const t=a("eabEntry")||window.location.href;if(t)try{return new URLSearchParams(new URL(t).search).get(e)}catch{return null}return null}function K(){if(w)return w;if(window.Shopify&&window.Shopify.country)return window.Shopify.country;const e=localStorage.getItem("eabCountryCode");return e||(r("localization")||null)}function Y(e){const{type:t,operator:n,values:i,parameter:o}=e;let s;switch(t){case"country":case"market":s=K();break;case"device":s=function(){const e=navigator.userAgent||navigator.vendor||window.opera||"",t=e.toLowerCase();return/windows nt.*tablet pc|pixelbook/i.test(e)||/(?:macintosh|windows nt|win(?:95|98)|linux x86_64)/i.test(e)&&!/android|mobile|tablet|ipad|iphone|ipod/i.test(t)?"desktop":/ipad|playbook|tablet|kindle|nexus (7|10)|xoom|sm-t\d+|galaxy tab|tb-\d+|tb\d+[a-z]+|lenovo.*tb|dtab|ideatab|mediapad|matepad|honor.*pad|pad\s+\d+|mi\s+pad|redmi.*pad|xiaomi.*pad|oppo.*pad|oneplus.*pad|opd\d+|tcl.*tab|9\d{3}[a-z]|kobo|archos.*5(?!\d)|ereader|droipad/i.test(e)||/android(?!.*mobile)/i.test(t)&&!/dalvik.*miui|pocophone|mi\s+mix|edge\s+\d+|sm-g9\d+|pixel\s+\d|pixel\s+fold|advan\s+\d{4}/i.test(e)?"tablet":/android.+mobile|iphone|ipod|windows phone|blackberry|mobile|phone|kaios/i.test(t)||/^mobile;/i.test(e)||/dalvik.*miui|pocophone|mi\s+mix|pixel\s+\d|pixel\s+fold/i.test(e)?"mobile":"desktop"}();break;case"source":s=z();break;case"utm":s=X(o);break;case"visitor":s="true"===r("eabIsFirstVisit")?"first_time":"repeat";break;case"customer_auth":s=window.eab_data?.environment?.customerData?.loggedIn||!1?"logged_in":"not_logged_in";break;case"utm_source":case"utm_medium":case"utm_campaign":case"utm_content":s=X(t);break;case"url_string":s=window.location.href;break;case"referring_domain":try{const e=a("eabReferrer"),t="string"==typeof e?e:document.referrer||"";if(t){s=new URL(t).hostname.replace("www.","")}else s="direct"}catch(e){console.error("Error parsing referrer:",e),s="unknown"}break;case"entry_page":s=a("eabEntry");break;case"page":case"redirectUrls":s=window.location.pathname;break;default:return!1}switch(n){case"equals":return(Array.isArray(i)&&1===i.length?i[0]:i)===s;case"includes":return Array.isArray(i)&&i.includes(s);case"not_equals":return i!==s;case"not_includes":return Array.isArray(i)&&!i?.includes(s);case"contains":return!!s&&s.includes(i);case"not_contains":return!s||!s.includes(i);case"startsWith":return!!s&&s.startsWith(i);case"ends_with":return!!s&&s.endsWith(i);default:return!1}}function Z(e){return e.some((e=>e.type?"AND"===e.type?e.conditions.every(Y):"OR"===e.type&&e.conditions.some(Y):e.conditions.every(Y)))}y.eabUserPreview&&t("eabUserPreview","true");var Q=function(e){try{var r={};for(var a in N)N[a]&&(r[a]=N[a]);let g=((e,t)=>{let r=!1,n=!1;e.forEach((e=>{const t=_[e];t&&("number"==typeof t.data?.testTrafficPercentage?r=!0:n=!0)}));const a=[],i=[],o=[];let s=0;if(t.forEach((e=>{const t=_[e],r=t.data?.testTrafficPercentage;"number"==typeof r?(a.push(e),s+=r,i.push(s)):o.push(e)})),r)return[];if(n)return o;
22const c=s,l=Math.max(0,100-c);s+=l,i.push(s);const d=Math.random()*s;var u=M(i,(function(e){return d<e}));return u!==i.length-1&&a[u]?[a[u]]:o})(Object.keys(r),e);for(var i=0;i<g.length;i++){var o=g[i],s=_[o];const e=s.data?.filters||[];if(e?.length>0){if(!Z(e))continue}if("SHIPPING"===s.data.type){const e=s.data.shippingZones,t=e.countriesToInclude||[],r=e.countriesToExclude||[],n=K();let a=!1;if(a=t.length>0?t.includes(n)&&!r.includes(n):!r.includes(n),!a)continue}var c=Object.keys(s).filter((function(e){return"data"!==e&&!s[e].isDone}));if("PRODUCT_GROUP"===o.type){let e={};c=c.filter((function(t){const r=s[t].groupVariationId;return!e[r]&&(e[r]=!0,!0)}))}if(c.length)if(s.data.isPersonalization){var l=c.find((function(e){return!s[e].isControl}));l&&(r[o]=l)}else{var d=!0;for(let e=0;e<c.length;e++)if("number"!=typeof s[c[e]].trafficPercentage){d=!1;break}var u=[],f=0;if(d)for(let e=0;e<c.length;e++){f+=s[c[e]].trafficPercentage,u.push(f)}else{var p=100/c.length;for(let e=0;e<c.length;e++)f+=p,u.push(f)}var h=Math.random()*f,m=c[M(u,(function(e){return h<e}))];r[o]=m}}t("ABTL",JSON.stringify(r)),N=n("ABTL")||{}}catch(e){console.error("Error in handleDecideTests",e)}};function ee(e,t,r){let n=!1;const a=encodeURIComponent(r);return e=e.map((e=>{const[r]=e.split("=");return r===t?(n=!0,`${t}=${a}`):e})),n||e.push(`${t}=${a}`),e}function te(){(y.eabUserId&&t("eabUserId",y.eabUserId),y.eab_tests)&&(decodeURIComponent(y.eab_tests).split("~").forEach((function(e){!function(e){var t=e.split("_"),r=t[0],n=t[1],a="1"===t[2];for(var i in m)if(m[i]&&(i===r||i.slice(-5)===r)){N[i]=n,a&&(V[i]=!0);break}}(e)})),t("ABTL",JSON.stringify(N)),t("ABAU",JSON.stringify(V)))}function re(e){for(var t=e.split("?")[0];"/"===t.charAt(t.length-1);)t=t.slice(0,-1);var r=t.split("/");return r[r.length-1]}function ne(e){if("string"!=typeof e)return null;var t=e.match(/^templates\/(.+)\.(?:json|liquid)$/);if(!t)return null;var r=t[1].split(".");return{type:r[0]||"",suffix:r.slice(1).join(".")}}var ae="MULTI",ie={};function oe(e){return!!e&&e.page===ae}function se(e){var t=window&&window.eab_data&&window.eab_data.environment,r=t&&t.template;if(!r)return!1;for(var n=r.type||"",a=r.suffix||"",i=0;i<e.length;i++){var o=ne(e[i]);if(o&&(o.type===n&&o.suffix===a))return!0}return!1}function ce(e){var t=window&&window.eab_data&&window.eab_data.environment,r=t&&t.template&&t.template.suffix||"";if(!r||!e.variations)return!1;for(var n in e.variations){var a=e.variations[n];if(a&&a.templateID===r)return!0}return!1}function le(e){var t=_[e],r=t&&t.data?t.data.pageTargets:null,n=null;if(Array.isArray(r))for(var a=h(),i=o(G),s=window&&window.__st?window.__st.rid:void 0,c=0;c<r.length&&!n;c++){var l=r[c];if(l&&l.pageType===a)if("product"===l.pageType)if("templates"===l.productSelection&&Array.isArray(l.selectedTemplates)&&l.selectedTemplates.length>0)(se(l.selectedTemplates)||ce(l))&&(n=l);else if(Array.isArray(l.testProducts)&&l.testProducts.length>0||Array.isArray(l.productIds)&&l.productIds.length>0){var d=decodeURIComponent(re(i)),u=Array.isArray(l.testProducts)&&-1!==l.testProducts.indexOf(d),f=Array.isArray(l.productIds)&&null!=s&&-1!==l.productIds.indexOf(s.toString()),p=u||f;("exclude"===l.productSelection?!p:p)&&(n=l)}else n=l;else if("collection"===l.pageType){Array.isArray(l.collections)&&l.collections.length>0||Array.isArray(l.collectionIds)&&l.collectionIds.length>0?Array.isArray(l.collections)&&-1!==l.collections.indexOf(re(i))&&(n=l):n=l}else if("page"===l.pageType){var m=decodeURIComponent(re(i));Array.isArray(l.testPages)&&-1!==l.testPages.indexOf(m)&&(n=l)}else n=l}return ie[e]=n,n}function de(e,t){var r=_[e][t];if(oe(_[e].data)){var n=e in ie?ie[e]:le(e);if(n&&n.variations&&n.variations[t])return n.variations[t].templateID}return r?r.templateID:void 0}function ue(){var e=o(G);const t=window?.__st?.rid;for(var r in _)if(_[r]&&N[r]){var n=_[r],a=n.data.type;if("PRODUCT_IMAGE"!==a&&"PRODUCT_TIME"!==a&&"CONTENT"!==a&&"SHIPPING"!==a&&"PRICE_PLUS"!==a&&"SUBSCRIPTION_TEST"!==a&&"CHECKOUT"!==a){if("PAGE"===a){if(oe(n.data)){if(le(r))return r;continue}if(h()!==n.data.page)continue;if("templates"===n.data.productSelection&&Array.isArray(n.data.selectedTemplates)&&n.data.selectedTemplates.length>0){var i=window&&window.eab_data&&window.eab_data.environment,s=i&&i.template;if(!s)continue;for(var c=s.type||"",d=s.suffix||"",f=!1,m=0;m<n.data.selectedTemplates.length;m++){var g=ne(n.data.selectedTemplates[m]);if(g&&(g.type===c&&g.suffix===d)){f=!0;break}}if(f)return r;for(var w in n)if("data"!==w){var v=n[w];if(v&&v.templateID&&v.templateID===d)return r}continue}if(n.data.testProducts){var y=re(e),T=decodeURIComponent(y),U=t?.toString(),P=Array.isArray(n.data.testProducts)&&n.data.testProducts.includes(T),S=Array.isArray(n.data.productIds)&&n.data.productIds.includes(U);if("exclude"===n.data.productSelection){if(!P&&!S)return r}else if(P||S)return r}else if(n.data.collections){const t=re(e);if(n.data.collections.includes(t))return r}else{if(!n.data.testPages)return r;{const t=re(e),a=decodeURIComponent(t);if(Array.isArray(n.data.testPages)&&n.data.testPages.includes(a))return r}}}if("PRODUCT"===a||"PRODUCT_GROUP"===a){if(n.data?.filters?.length>0){if(n.data.filters.some((e=>e?.conditions?.some((e=>"redirectUrls"===e.type))))){if(Z(n.data.filters))return r;continue}}if("PRODUCT_GROUP"===a){const e=B(r);if(e&&e.variationId)return r}else{const a=decodeURIComponent(e);for(var I in n){if(!n[I]||"data"===I)continue;if(n[I].link===a)return r;const e=n[I].handle;if(a.endsWith(`products/${e}`))return r;if(Number(n[I].id)===t)return r}}}if("SPLIT_URL"===a){const e="redirectOnlyControlUrl"===n.data?.redirectBehavior,t="redirectOnceControlUrlOnly"===n.data?.redirectBehavior,a=n.data?.settings?.checkVariant||!1;for(let i in n){if(!n[i]||"data"===i)continue;if((e||t)&&!n[i].isControl)continue;let o=[];n[i].splitUrlTestLinks&&n[i].splitUrlTestLinks.length>0?o=n[i].splitUrlTestLinks:n[i].link&&(o=[n[i].link]);for(let e of o)if(l(e,b,a,p))return r}}if("THEME"===a){const e=Re(),t=u?.themeId||window?.Shopify?.theme?.id;for(const a in n){if(!n[a]||"data"===a)continue;const i=n[a].themeId;if(i===t)return r;if(e===i)return r}}}}return null}function fe(e,t){if(t.startsWith("*")&&t.endsWith("*")){const r=t.slice(1,-1);return e.includes(r)}if(t.startsWith("*")){const r=t.slice(1);return e.endsWith(r)}if(t.endsWith("*")){const r=t.slice(0,-1);return e.startsWith(r)}return t===e||"*"===t}function pe(){if(g?.disableFbIgUrlParams)return;const e=q(),t=F();("fbclid"in y||e||t)&&function(){var e=n("ABTL"),t=r("eabUserId"),a=Object.keys(e).map((function(t){var r=t.length>=5?t.slice(-5):t,n=V[t]?"1":"0";return r+"_"+e[t]+"_"+n})).join("~"),i=new URL(b),o=new URLSearchParams(i.search);a&&o.set("eab_tests",a),t&&o.set("eabUserId",t),i.search=o.toString(),window.history.replaceState({},"",i.toString())}()}function he(){var e={};for(var t in _)V[t]&&(e[t]=N[t]);var n=r("eabUserId"),a="true"===r("eabUserPreview");return{_eabTestsList:JSON.stringify(e),_eabUserId:n,_eabList:JSON.stringify(N),_eabPreviewTest:a&&T?T:null}}function me(e){if(g?.disableNoteAttributes)!function(){var e=new XMLHttpRequest;e.open("GET","/cart.js"),e.setRequestHeader("Content-Type","application/json"),e.onreadystatechange=function(){if(4===e.readyState&&200===e.status){const t=JSON.parse(e.responseText).attributes||{};(t._eabTestsList||t._eabUserId||t._eabList||t._eabPreviewTest)&&function(){var e=new XMLHttpRequest;e.open("POST","/cart/update.js"),e.setRequestHeader("Content-Type","application/json"),e.onreadystatechange=function(){4===e.readyState&&200===e.status?console.log("Successfully cleaned up note attributes"):4===e.readyState&&200!==e.status&&console.log("Error cleaning up note attributes")};const t={_eabTestsList:null,_eabUserId:null,_eabList:null,_eabPreviewTest:null};e.send(JSON.stringify({attributes:t}))}()}},e.send()}();else{var t=new XMLHttpRequest;t.open("POST","/cart/update.js"),t.setRequestHeader("Content-Type","application/json"),t.onreadystatechange=function(){4===t.readyState&&(200===t.status?(console.log("success"),e&&e()):console.log("Error getting cart data"))},t.send(JSON.stringify({attributes:he()}))}}var ge=!1;function we(){ge||(ge=!0,setTimeout(ve,1e3))}function ve(){var e=he(),t=new XMLHttpRequest;t.open("GET","/cart.js"),t.setRequestHeader("Content-Type","application/json"),t.onreadystatechange=function(){if(4===t.readyState&&200===t.status)try{var r=JSON.parse(t.responseText);if(function(e,t){for(var r in t){var n=t[r],a=e[r];if(null==n){if(null!=a&&""!==a)return!1}else if(a!==n)return!1}return!0}(r?.attributes||{},e))return;me()}catch(e){console.error("eabos note attributes verify",e)}},t.send()}function be(){localStorage.getItem("eabFirstTimeVisit")||(!function(e,t,r){var n=new Date;n.setTime(n.getTime()+60*r*1e3);var a="; expires="+n.toUTCString();document.cookie=e+"="+(t||"")+a+"; path=/"}("eabIsFirstVisit","true",30),localStorage.setItem("eabFirstTimeVisit",(new Date).valueOf().toString()))}function ye(e,t){const r=document.createElement("input");return r.type="hidden",r.name=e,r.value=t,r}function Te(e,t){return e?.isControl?"Control":(e?.variationName||"Variation "+t).substring(0,255)}function Ue(){if("true"===r("eabUserPreview"))return!1;if(!(window.location.search.includes("preview_theme_id")||window.location.hostname.includes("shopifypreview.com")||u&&"main"!==u.themeRole||window?.Shopify&&window?.Shopify?.theme&&"main"!==window?.Shopify?.theme?.role))return!1;if("1"===y._eab)return!1;const e=Re(),t=N&&Object.keys(N).some((t=>{const r=m[t],n=N[t];return"THEME"===r?.data?.type&&r?.data?.isLive&&r[n]?.themeId===e}));if(t)return Oe(),!1;if(!g?.forcePublishedThemeRedirect){const e=n("eabThemeTests")||{},t=Object.keys(e).some((e=>N&&Object.prototype.hasOwnProperty.call(N,e)));if(!t)return!1}return function(){const e=new URL(window.location.toString());e.searchParams.set("preview_theme_id",""),e.searchParams.set("_eab","1"),window.location.replace(e.toString())}(),!0}var _e=-1!==window.location.hostname.indexOf("shopifypreview.com");const Pe=(navigator.userAgent||"").toLowerCase(),Se=["googlebot","adsbot","headlesschrome","bingbot","storebot","facebookexternalhit","sebot-wa","amazonproductbot","claudebot","yandexbot","applebot","searchbot","inspectiontool","crawler"].some((e=>Pe.includes(e)));var Ie="true"===y.elevate_preview;function Oe(){const e=Object.entries(N).some((([e,t])=>{const r=m[e];return r&&r.data&&"THEME"===r.data.type&&!r[t]?.isControl}));e&&function(e,t=1e4){return new Promise(((r,n)=>{const a=document.querySelector(e);
22if(a)return void r(a);const i=new MutationObserver((()=>{const t=document.querySelector(e);if(t)return i.disconnect(),void r(t)}));i.observe(document.documentElement,{childList:!0,subtree:!0}),setTimeout((()=>{i.disconnect(),n(new Error(`Element with selector "${e}" not found within ${t}ms`))}),t)}))}("#PBarNextFrameWrapper",1e4).then((e=>e.remove())).catch((e=>console.error(e)))}function Re(){const e=new URLSearchParams(window.location.search).get("preview_theme_id");return e?parseInt(e):u?.themeId||window?.Shopify?.theme?.id||null}_e||Ie||Se||(Oe(),function(){try{if(Ue())return;if(e(),be(),_&&0===Object.keys(_).length)return;!function(){try{if(y&&(y.eab_tests||y.eabUserId)&&te(),y&&y.gclid){var e=ue();if(!e)return;var r="PRODUCT"===_[e].data.type||"PRODUCT_GROUP"===_[e].data.type||"PRICE_PLUS"===_[e].data.type||"SUBSCRIPTION_TEST"===_[e].data.type;const n=g?.excludeGoogleTraffic??!0;e&&!V[e]&&r&&n&&(W[e]=!0,t("eabExcludedTests",JSON.stringify(W)))}}catch(e){console.log("Err url params",e)}}();var a=function(){var e=[];for(var t in _)N&&N[t]||W[t]||e.push(t);return e}();a.length>0&&Q(a);var i=ue();i&&!("abtr"in J)&&!0!==W[i]&&H(i),pe(),function(){try{if(!g?.trackRT)return;const e=n("ABRT")||{};let r=!1;const a={};for(const e in _)if(_[e]){a[e]={name:_[e].data?.name||"Unknown Test",variants:{}};for(const t in _[e]){if("data"===t||!_[e][t])continue;const r=_[e][t].variationName||`Variation ${t}`;a[e].variants[t]=r}}r=JSON.stringify(e)!==JSON.stringify(a),r&&t("ABRT",JSON.stringify(a))}catch(e){console.error("Error in trackRunningTests:",e)}}(),function(){try{if(!g?.hasClarityEnabled)return;if(!N||0===Object.keys(N).length)return;for(var e in window.clarity=window.clarity||function(){(window.clarity.q=window.clarity.q||[]).push(arguments)},N)if(N[e]&&_[e]){var t=N[e],r=(_[e].data?.name||"Unknown Test").substring(0,255),n=Te(_[e][t],t);window.clarity("set",r,n)}}catch{}}(),function(){try{if(!g?.hasHeatmapEnabled)return;if(!N||0===Object.keys(N).length)return;if(U||"true"===r("eabUserPreview"))return;var e=function(e){var t=[];for(var r in _[e])"data"!==r&&_[e][r]&&t.push({id:String(r),name:Te(_[e][r],r)});return t},t=function(){var t=window._heatmap_set_event_tag||window.heatmap_set_event_tag;if("function"!=typeof t)return!1;for(var r in N){var n=N[r];if(n&&!0!==W[r]){var a=_[r]?.[n];a&&t({partner:"elevateab_variant",experiment_id:String(r),experiment_name:(_[r].data?.name||"Unknown Test").substring(0,255),variant_id:String(n),variant_friendly_name:Te(a,n),variations:e(r)})}}return!0};if(t())return;var n=0,a=setInterval((function(){(t()||++n>=32)&&clearInterval(a)}),250)}catch{}}(),window.addEventListener("load",(function(){!function(){const e=Object.keys(_).filter((e=>"SHIPPING"===_[e].data.type));if(0===e?.length||!e)return;const t=document.querySelectorAll('form[action$="/cart/add"]'),n=r("eabUserId"),a="true"===r("eabUserPreview")&&T?T:null;let i=[];for(let t=0;t<e.length;t++){const r=e[t];let n;if(N[r]&&(n=N[r]),!n)for(let e in _[r])if("data"!==e&&_[r][e].isControl){n=e;break}n&&i.push(n)}const o=i.join(",");t.forEach((t=>{t.querySelector('input[name="properties[_eabVisitorId]"]')||t.appendChild(ye("properties[_eabVisitorId]",n));let r=t.querySelector('input[name="properties[_eabShippingTests]"]');e.length>0?r?r.value=o:t.appendChild(ye("properties[_eabShippingTests]",o)):r&&t.removeChild(r);let i=t.querySelector('input[name="properties[_eabPreviewTest]"]');a?i?i.value=a:t.appendChild(ye("properties[_eabPreviewTest]",a)):i&&t.removeChild(i)})),fetch("/cart.js").then((e=>e.json())).then((async t=>{for(let r=0;r<t.items.length;r++){const i=t.items[r],s=i.key;let c=!1,l={...i.properties};if(e.length>0&&(l._eabVisitorId&&l._eabVisitorId===n||(l._eabVisitorId=n,c=!0)),e.length>0)if(l._eabShippingTests){let t=l._eabShippingTests.split(","),r=t.some((t=>!e.includes(t)))||e.some((e=>!t.includes(e)));r&&(l._eabShippingTests=o,c=!0)}else l._eabShippingTests=o,c=!0;else l._eabShippingTests&&(delete l._eabShippingTests,c=!0);if(a?l._eabPreviewTest!==a&&(l._eabPreviewTest=a,c=!0):l._eabPreviewTest&&(delete l._eabPreviewTest,c=!0),c
22){const e={id:s,properties:l,quantity:i.quantity};await fetch("/cart/change.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}).then((e=>{if(!e.ok)throw new Error(`Failed to update item on line ${s}`);return e.json()})).then((e=>{console.log(`Successfully updated item on line ${s}`)})).catch((e=>{console.error("Error updating cart item:",e)}))}}})).catch((e=>{console.error("Error fetching cart:",e)}))}()})),function(){let e=!1;for(const t in _){if(!N[t]||W[t]||V[t])continue;const r=_[t].data.type;if("PRODUCT_IMAGE"===r||"PRODUCT_TIME"===r||"CONTENT"===r||"PRICE_PLUS"===r||"SUBSCRIPTION_TEST"===r||"CHECKOUT"===r||"CUSTOM_CODE"===r||"SHIPPING"===r){if("PRICE_PLUS"===r||"SUBSCRIPTION_TEST"===r){const e=u?.activeCurrency||window?.Shopify?.currency?.active;if(!(_[t].data.currencies||[]).includes(e))continue}if("CONTENT"===r||"CUSTOM_CODE"===r){const e=_[t].data.pathnames||[],r=window.location.pathname;if(!e.length)continue;const n=_[t].data.excludePathnames||[];if(n.length&&n.some((e=>fe(r,e))))continue;if(!e.some((e=>fe(r,e))))continue}V[t]=!0,e=!0}}e&&t("ABAU",JSON.stringify(V))}(),me(we),o=window?.__st?.rid,o?localStorage.setItem("eabProductPageId",o):localStorage.removeItem("eabProductPageId")}catch(e){console.error("eabos",e)}var o}()),window.addEventListener("load",(function(){function e(e,t){switch(t){case"index":return`${e}/`;case"collection":return`${e}/collections/all`;case"product":return`${e}/products`;case"page":return`${e}/pages`;case"cart":return`${e}/cart`;default:return e}}if(function(e,t){let r=new URL(window.location.href),n=e[`${r.pathname}::${r.searchParams.get("view")||""}`];n&&t(r.toString(),n)}(function(){const t={},r=window.location.origin,n=window?.eab_data?.allTests||{};return Object.keys(n).forEach((a=>{if("settings"===a)return;const i=n[a],{isLive:o,type:c,page:l}=i.data;
22o&&Object.keys(i).forEach((n=>{if("data"===n)return;let o=[];if(i[n].splitUrlTestLinks?.length>0?o=i[n].splitUrlTestLinks:i[n].link&&(o=[i[n].link]),"PAGE"===c&&0===o.length)if(oe(i.data))(i.data.pageTargets||[]).forEach((t=>{if(!t)return;let a=e(r,t.pageType);const i=t.variations&&t.variations[n];i&&i.templateID&&(a+="?view="+i.templateID),o.push(a)}));else{let t=e(r,l);i[n].templateID&&(t+="?view="+i[n].templateID),o=[t]}o.forEach((e=>{if(!e)return;var r=s(e),i=r.href||("matches"===r.matchCondition?r.matchUrl:null);if(!i)return;let o=new URL(i),c=o.pathname,l=o.searchParams.get("view")||"";t[`${c}::${l}`]={testId:a,variantId:n,pathname:c,view:l,url:i}}))}))})),t}(),((e,t)=>{var r;r=()=>function(e,t){let r={url:e,...t,country:K()};fetch("/apps/elevateab/handle404",{method:"POST",body:JSON.stringify(r)})}(e,t),fetch(e,{method:"HEAD",headers:{"Cache-Control":"no-cache, no-store, must-revalidate",Pragma:"no-cache",Expires:"0"}}).then((e=>{404===e.status&&r()}))})),"true"===r("eabUserPreview")&&T){var t=document.createElement("script");t.src="https://ds0wlyksfn0sb.cloudfront.net/preview_bar.js",t.async=!0,document.head.appendChild(t)}}))}();
23</script>
23
24
25    <!-- snippets/theme__meta.liquid -->
26
27
28<meta charset='utf-8'>
29<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
30
31<title>
32  From the noma kitchen to yours
33 · Noma Projects</title>
34
35
36<link href='https://nomaprojects.com/' rel='canonical'>
37
38  <link href="//nomaprojects.com/cdn/shop/files/NomaProjects-House-Blue.svg?crop=center&height=180&v=1719271806&width=180" rel="apple-touch-icon" sizes="180x180">
39  <link href="//nomaprojects.com/cdn/shop/files/NomaProjects-House-Blue.svg?crop=center&height=32&v=1719271806&width=32" rel="icon" type="image/png" sizes="32x32">
40
41<meta name="msapplication-TileColor" content="#F8F6F2">
42<meta name="theme-color" content="#1E1E1E"><meta name="description" content="Made in small batches from recipes designed in the noma R&amp;amp;D kitchen, Noma Projects products brings you closer to the flavors of the restaurant than ever before." />
43<meta property="og:url" content="https://nomaprojects.com/">
44<meta property="og:site_name" content="Noma Projects"><meta property="og:type" content="website">
45<meta property="og:title" content="From the noma kitchen to yours">
46<meta property="og:description" content="Made in small batches from recipes designed in the noma R&amp;amp;D kitchen, Noma Projects products brings you closer to the flavors of the restaurant than ever before.">
47
48
49
50<meta property="og:image" content="http://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
51<meta property="og:image:secure_url" content="https://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
52<meta property="og:image:width" content="2000">
53  <meta property="og:image:height" content="2500"><meta name="twitter:image" content="https://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
54
55
56<meta name="twitter:title" content="From the noma kitchen to yours">
57<meta name="twitter:site" content="" /><meta name="twitter:description" content="Made in small batches from recipes designed in the noma R&amp;amp;D kitchen, Noma Projects products brings you closer to the flavors of the restaurant than ever before.">
58<meta name="twitter:card" content="summary_large_image">
59
60<!-- Google Search Console Verification -->
61<meta name="google-site-verification" content="H7R-J5Nyuozgl1mpL5NEMPWitlkDsXIx07B3i7h-U5k" />
62
63
64
65<meta property="og:image" content="https://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
66<meta property="og:image:secure_url" content="https://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
67<meta property="og:image:width" content="2000">
68  <meta property="og:image:height" content="2500"><meta name="twitter:image" content="https://nomaprojects.com/cdn/shop/files/NP_LS_H25_Bundle_FermentationC_01.jpg?v=1767814611&width=900">
69
70
71
72    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
73    <!-- snippets/theme__structured-data.liquid -->
74
75
76 
77  
77<script type="application/ld+json">
78    {
79      "@context": "http://schema.org",
80      "@type": "WebSite",
81      "name": "Noma Projects",
82      "url": "https://nomaprojects.com",
83      "potentialAction": {
84        "@type": "SearchAction",
85        "target": "https://nomaprojects.com/search?q={search_term_string}",
86        "query-input": "required name=search_term_string"
87      }
88    }
89  </script>
89
90  
91  
91<script type="application/ld+json">
92    {
93      "@context": "http://schema.org",
94      "@type": "Organization",
95      "name": "Noma Projects",
96      "url": "https://nomaprojects.com",
97      
98        "logo": "https://nomaprojects.com/cdn/shop/files/NomaProjects-House-Blue.svg?v=1719271806",
99      
100      "sameAs": [
101        "",
102        "",
103        "",
104        "https://instagram.com/nomaprojects",
105        "",
106        "",
107        "",
108        ""
109      ]
110    }
111  </script>
111
112
113  
114
115
116
117
118
119
120
121
122
123
124    <!-- snippets/theme__styles.liquid -->
125
126
127<noscript><style>
128  .js\:animation.opacity-0 {
129    opacity: 100 !important;
130  }
131  .js\:animation.translate-y-4,
132  .js\:animation.translate-y-8 {
133    transform: translateY(0px) !important;
134  }
135  .no-js--hide {
136    display: none !important;
137  }
138  .no-js--block {
139    display: block !important;
140  }
141</style></noscript>
142
143<style data-shopify>
144
145  @font-face {
146    font-family: 'GTPressuraMono';
147    src:  url("//nomaprojects.com/cdn/shop/files/GT-Pressura-Mono-VF.woff2?v=11042095654476459531") format('woff2');
148  }
149
150  @font-face {
151    font-family: 'GTPressura';
152    src:  url("//nomaprojects.com/cdn/shop/files/GT-Pressura-VF.woff2?v=1915278117658755052") format('woff2');
153  }
154
155  @font-face{
156    font-family:'Quadrant';
157    src: url("https://cdn.shopify.com/s/files/1/0606/1601/6077/files/QuadrantText-Regular.otf?v=1740568969") format('opentype');
158  }
159
160  :root {
161    
162        --color__border-primary: #FFFFFF;
163      
164    
165        --color__border-secondary: #4D211C;
166      
167    
168        --color__border-tertiary: #07328e;
169      
170    
171        --color__border-plain: #ede8de;
172      
173
174    --color__bg-body-light: #F8F6F2;
175    --color__bg-overlay-light-1: #F1EEE8;
176    --color__bg-overlay-light-2: #e3daca;
177    --color__bg-overlay-light-3: #cdbfa2;
178
179    --color__overlay-light: #e6e1d5;
180    --color__overlay-light-rgb: 230, 225, 213;
181
182    --color__overlay-dark: #1e1e1e;
183    --color__overlay-dark-rgb: 30, 225, 213;
184
185    --color__text-light: #1E1E1E;
186    --color__link-light: #FFFFFF;
187
188    --color__pop: #004FFF;
189    --color__alert: #B10000;
190
191    --badge__color-primary: #003DC5;
192    --badge__color-secondary: #987E49;
193    --badge__color-sold-out: #c7c2b8;
194    --badge__color-exclusive: #07328e;
195
196    --color__text-dark: #ffffff;
197    --color__border-neutral: ;
198    --color__border-divider-light-1: #e6e1d5;
199    --color__border-divider-light-2: #c9bfa5;
200    --color__border-divider-light-3: #ad9c75;
201    --color__border-selected-light-1: #1E1E1E;
202    --color__border-selected-light-2: #564c33;
203
204    --color-primary-button-background-light: #FFFFFF;
205    --color-primary-button-border-light: #FFFFFF;
206    --color-primary-button-text-light: #1E1E1E;
207
208    --color-secondary-button-background-light: #4D211C;
209    --color-secondary-button-border-light: #4D211C;
210    --color-secondary-button-text-light: #FFFFFF;
211
212    --color-tertiary-button-background-light: #07328e;
213    --color-tertiary-button-border-light: #07328e;
214    --color-tertiary-button-text-light: #FFFFFF;
215
216    --color-neutral-button-background-light: #f8f6f2;
217    --color-neutral-button-border-light: #f8f6f2;
218    --color-neutral-button-text-light: #1E1E1E;
219
220    --color-plain-button-background-light: #ede8de;
221    --color-plain-button-border-light: #ede8de;
222    --color-plain-button-text-light: #1E1E1E;
223
224    --color__tertiary: #07328e;
225
226    --sizes-border-button-radius: 5px;
227    --sizes-border-input-radius: 0px;
228    --sizes-border-element-radius: 5px;
229    --sizes__border-button-width: 1px;
230    --sizes__border-input-width: 1px;
231    --sizes__border-element-width: 1px;
232    --sizes-gap-width: 10px;
233
234    --type-font-body-family: 'GTPressura', serif;
235    --type-font-body-style: 'normal';
236    --type-font-body-weight: '400';
237    --type-font-header-family: 'GTPressura', serif;
238    --type-font-header-style: 'normal';
239    --type-font-header-weight: '400';
240    --type-font-nav-family: 'GTPressuraMono', monospace;
241    --type-font-nav-style: 'normal';
242    --type-font-nav-weight: '400';
243
244    --type-font-gt-extended-text: 'GTPressura', serif;
245    --type-font-gt-extended-text-style: 'normal';
246    --type-font-gt-extended-text-weight: 350;
247    --type-font-gt-extended-text-width: 150;
248
249    --type-font-gt-extended-text-regular: 'GTPressura', serif;
250    --type-font-gt-extended-text-regular-style: 'normal';
251    --type-font-gt-extended-text-regular-weight: 400;
252    --type-font-gt-extended-text-regular-width: 150;
253
254    --type-font-gt-extended-text-medium: 'GTPressura', serif;
255    --type-font-gt-extended-text-medium-style: 'normal';
256    --type-font-gt-extended-text-medium-weight: 500;
257    --type-font-gt-extended-text-medium-width: 150;
258
259    --type-font-gt-mono-text: 'GTPressuraMono', monospace;
260    --type-font-gt-mono-text-style: 'normal';
261    --type-font-gt-mono-text-weight: 350;
262    --type-font-gt-mono-text-width: 150;
263
264    --type-font-gt-mono-regular: 'GTPressuraMono', monospace;
265    --type-font-gt-mono-regular-style: 'normal';
266    --type-font-gt-mono-regular-weight: 400;
267    --type-font-gt-mono-regular-width: 150;
268
269    --type-font-gt-mono-medium: 'GTPressuraMono', monospace;
270    --type-font-gt-mono-medium-style: 'normal';
271    --type-font-gt-mono-medium-weight: 500;
272    --type-font-gt-mono-medium-width: 150;
273
274    --type-font-quadrant-text: 'Quadrant', serif;
275    --type-font-quadrant-text-style: 'normal';
276    --type-font-quadrant-text-weight: 400;
277
278    --type-font-quadrant-regular: 'Quadrant', serif;
279    --type-font-quadrant-regular-style: 'normal';
280    --type-font-quadrant-regular-weight: 400;
281
282    --type-font-base-size: 10px;
283    --type-button-capiliziation: uppercase;
284
285    --inputs__border: bottom;
286    --inputs__background: bg-transparent;
287  }
288
289  div#rc_login {display: none!important;}
290  
291  /* Set input styling */
292  input[type="text"],
293  input[type="password"],
294  input[type="email"],
295  input[type="number"],
296  input[type="url"],
297  input[type="date"],
298  input[type="datetime-local"],
299  input[type="month"],
300  input[type="week"],
301  input[type="time"],
302  input[type="search"],
303  input[type="tel"],
304  select,
305  select[multiple],
306  textarea {
307    
308      border-top: 0 !important;
309      border-left: 0 !important;
310      border-right: 0 !important;
311    
312    
313
314    
315    
316    
317      background: transparent !important;
318      padding-left: 0;
319      padding-right: 0;
320    
321
322    
323    
324      border-color: rgba(30, 30, 30, 0.8) !important;
325    
326    
327    
328    
329  }
330  input[type="checkbox"],
331  input[type="radio"] {
332    
333    
334      border-color: #1E1E1E !important;
335    
336    
337    
338    
339  }
340</style>
341
342    
343
344
345  <link href="//nomaprojects.com/cdn/shop/t/92/assets/styles-c437bbc7.css" rel="stylesheet" type="text/css" media="all" />
346
347
348    
348<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
348<meta name="facebook-domain-verification" content="doudmm8bow2olzd52eyab3mpq9iuk4">
349<meta name="google-site-verification" content="TuJZCilzhThEPpSuGs_9ZHXBxnwFsOToTMsf1q1oUxo">
350<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60616016077/digital_wallets/dialog">
351<meta id="in-context-paypal-metadata" data-shop-id="60616016077" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
352<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
352<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=216924500"></script>
352
353<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
354<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=216924500&shop_id=60616016077" crossorigin="anonymous"></script>
vendor: 1 bytes, line 354
354
355<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":60616016077,"countryCode":"DK","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/60616016077","merchantName":"Noma Projects","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Noma Projects","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 355
355
356<script id="shopify-features" type="application/json">{"accessToken":"fdcdcd77c5b6dd298ef2a32886528109","betas":["rich-media-storefront-analytics"],"domain":"nomaprojects.com","predictiveSearch":true,"shopId":60616016077,"locale":"en"}</script>
vendor: 1 bytes, line 356
356
357<script>var Shopify = Shopify || {};
358Shopify.shop = "nomaprojects.myshopify.com";
359Shopify.locale = "en";
360Shopify.currency = {"active":"USD","rate":"0.15541332"};
361Shopify.country = "US";
362Shopify.theme = {"name":"noma-projects\/main-temp","id":195745055060,"schema_name":"NomaProjects","schema_version":"1.0","theme_store_id":null,"role":"main"};
363Shopify.theme.handle = "null";
364Shopify.theme.style = {"id":null,"handle":null};
365Shopify.cdnHost = "nomaprojects.com/cdn";
366Shopify.routes = Shopify.routes || {};
367Shopify.routes.root = "/";
368Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
369Shopify.SignInWithShop = Shopify.SignInWithShop || {};
370Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
371Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 371
371
372<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 372
372
373<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 373
373
374<script>
375  window.ShopifyPay = window.ShopifyPay || {};
376  window.ShopifyPay.apiHost = "shop.app\/pay";
377  window.ShopifyPay.redirectState = null;
378</script>
vendor: 1 bytes, line 378
378
379<script>
380  window.Shopify = window.Shopify || {};
381  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
382  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
383  window.Shopify.SignInWithShop.eligible = true;
384</script>
vendor: 1 bytes, line 384
384
385<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 385
385
386<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 386
386
387<script type="module">
388  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
389
390  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
391
392</script>
vendor: 1 bytes, line 392
392
393<script>
394  window.Shopify = window.Shopify || {};
395  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
396  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
397</script>
vendor: 1 bytes, line 397
397
398<script>(function() {
399  var isLoaded = false;
400  function asyncLoad() {
401    if (isLoaded) return;
402    isLoaded = true;
403    var urls = ["https:\/\/gdprcdn.b-cdn.net\/js\/gdpr_cookie_consent.min.js?shop=nomaprojects.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-2a226cb889100f8e7168a4fd33bf8656.js?shop=nomaprojects.myshopify.com","https:\/\/widgets.automizely.com\/loyalty\/v1\/main.js?connection_id=4aa0f996384a44e79bf0fde245826391\u0026mapped_org_id=4571ebb436d2841b131cf19b3ab497c5_v1\u0026shop=nomaprojects.myshopify.com","https:\/\/ds0wlyksfn0sb.cloudfront.net\/elevateab.app.txt?shop=nomaprojects.myshopify.com"];
404    for (var i = 0; i < urls.length; i++) {
405      var s = document.createElement('script');
406      s.type = 'text/javascript';
407      s.async = true;
408      s.src = urls[i];
409      var x = document.getElementsByTagName('script')[0];
410      x.parentNode.insertBefore(s, x);
411    }
412  };
413  if(window.attachEvent) {
414    window.attachEvent('onload', asyncLoad);
415  } else {
416    window.addEventListener('load', asyncLoad, false);
417  }
418})();</script>
vendor: 1 bytes, line 418
418
419<script id="__st">var __st={"a":60616016077,"offset":7200,"reqid":"e6300be5-be76-4510-871a-032df714daef-1790388177","pageurl":"nomaprojects.com\/","u":"23281106ca6a","p":"home"};</script>
vendor: 1 bytes, line 419
419
420<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 420
420
421<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 421
421
422<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nomaprojects.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 422
422
423<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//nomaprojects.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
423<script crossorigin="anonymous" defer="defer" src="//nomaprojects.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 423
423
424<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 424
424
425<script>
426  window.Shopify = window.Shopify || {};
427  window.Shopify.MCP = window.Shopify.MCP || {};
428  window.Shopify.MCP.enabled = true;
429  window.Shopify.MCP.shop = "nomaprojects.myshopify.com";
430  window.Shopify.MCP.mcpEndpoint = "https:\/\/nomaprojects.com\/api\/mcp";
431  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
432</script>
vendor: 1 bytes, line 432
432
433<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/nomaprojects.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
434</script>
vendor: 1 bytes, line 434
434
435<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://nomaprojects.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
436</script>
vendor: 1 bytes, line 436
436
437<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
438  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);
439</script>
vendor: 1 bytes, line 439
439
440<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})}}));
441</script>
441
442<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://nomaprojects.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
443<style id="shopify-accelerated-checkout-cart">
444        #shopify-buyer-consent {
445  margin-top: 1em;
446  display: inline-block;
447  width: 100%;
448}
449
450#shopify-buyer-consent.hidden {
451  display: none;
452}
453
454#shopify-subscription-policy-button {
455  background: none;
456  border: none;
457  padding: 0;
458  text-decoration: underline;
459  font-size: inherit;
460  cursor: pointer;
461}
462
463#shopify-subscription-policy-button::before {
464  box-shadow: none;
465}
466
467      </style>
468
469<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
469
470    
471      
472      
473        
474        
474<script>
475          // Disable Klaviyo in dev
476          window.klaviyo = window.klaviyo || { push: function() {} };
477          // Disable Hotjar in dev  
478          window.hj = window.hj || function() {};
479        </script>
479
480      
481    
482    <!-- Glide.js -->
483    
483<script src="https://cdn.jsdelivr.net/npm/@glidejs/glide" defer="defer"></script>
483
484    
484<script>
485      const currentUrl = window.location.href;
486      const targetUrl = "https://nomaprojects.com/products/holiday-flavor-pack?variant=50023032095060";
487      const redirectUrl = "https://nomaprojects.com/products/holiday-flavor-pack?variant=50589561291092";
488      if (currentUrl === targetUrl) {
489          window.location.href = redirectUrl;
490      }
491    </script>
491
492    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide/dist/css/glide.core.min.css">
493    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide/dist/css/glide.theme.min.css">
494    <style>#rc_login p a::before {
495  content: 'Taste Buds 2024 Login' !important;
496  visibility: visible; 
497  position: absolute;
498  left: 0px;
499  display: block;
500  width: 100%;
501}</style>
502
503  <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 -->
504<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app">
505<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers">
506<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage">
507<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner">
508  <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog">
509  <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box">
510  <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart">
511  <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
511<script>
512(function () {
513  try {
514    document.documentElement.classList.add('csm-cookie-embed');
515  } catch (e) {}
516})();
517</script>
517<script data-consentmo-data-src-bootstrap>
518(function () {
519  'use strict';
520  if (window.__consentmoDataSrcBootstrapInit) return;
521  window.__consentmoDataSrcBootstrapInit = true;
522
523  var DATA_SRC_SELECTOR = [
524    'script[data-src*="consentmo_cookie_consent"]',
525    'script[data-src*="gdpr_cookie_consent.min"]',
526    'script[data-src*="gdrp_cookie_consent_unlimited"]'
527  ].join(',');
528
529  function activateConsentmoDataSrcScripts() {
530    if (!window.Shopify || !window.Shopify.shop) return;
531    document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) {
532      // getAttribute: src="" must not count as "already has src" (.src === page URL).
533      if (scriptEl.getAttribute('src')) return;
534      var url = scriptEl.getAttribute('data-src');
535      if (!url) return;
536      if (scriptEl.getAttribute('type') === 'text/plain') {
537        scriptEl.removeAttribute('type');
538      }
539      scriptEl.src = url;
540    });
541  }
542  function scheduleActivation() {
543    activateConsentmoDataSrcScripts();
544    // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first.
545    setTimeout(activateConsentmoDataSrcScripts, 0);
546  }
547  if (document.readyState === 'loading') {
548    document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true });
549  } else {
550    scheduleActivation();
551  }
552})();
553</script>
553
554
555
556<!-- END app block --><!-- BEGIN app block: shopify://apps/elevate-ab-testing/blocks/abtester/4ce51acb-a9f5-4e05-ae92-4c018aa51124 -->  
557
558<link href="https://cdn.shopify.com/extensions/01a0d93b-94fe-7132-96f3-e11f1068448c/elevate-ab-testing-196/assets/elements.js" as="script" rel="preload">
559<script src="https://cdn.shopify.com/extensions/01a0d93b-94fe-7132-96f3-e11f1068448c/elevate-ab-testing-196/assets/elements.js" ></script>
559
560<!-- END app block --><!-- BEGIN app block: shopify://apps/inveterate/blocks/app-embed/fc24aab3-e6d2-461b-961d-9ebb32143cf2 -->
561
562<script id="inveterate-app-embed-log-script" async>
563  console.log('Inveterate: PSB: extension');
564</script>
564
565
566<style>
567  .inveterate__popup {
568    display: none;
569  }
570</style>
571
572  
572<script id="inveterate-theme-snippets-script" async src="https://d1mopl5xgcax3e.cloudfront.net/js/nomaprojects.inveterate.js"></script>
572
573  
573<script id="inveterate-app-embed-script" async>
574    (function() {
575      try {
576        var count = 0;
577        const executeScriptWhenReady = function () {
578          if (!window?.inveterate?.scripts) {
579            let i = setInterval(function() {
580              if(window?.inveterate?.scripts) {
581                window.inveterate.scripts.run();
582                clearInterval(i);
583              }
584            }, 50);
585            return;
586          }
587          window.inveterate.scripts.run();
588        }
589        var interval = setInterval(function(){
590          if (!window.inveterate || !window.inveterate.fileLoaded) return;
591
592          clearInterval(interval);
593          window.inveterate.merchantId = 'nomaprojects';
594          const localizationFromLiquid = {
595            shopCurrency: 'DKK',
596            localCurrency: 'USD',
597            country: 'US',
598            language: 'en',
599            lnName: 'English',
600            countryName: 'United States',
601          }
602          window.inveterate.properties.localization = localizationFromLiquid;
603
604
605          
606
607          
608
609          
610
611          
612            window.inveterate.properties.pageType = 'index';
613          
614
615          
616            window.inveterate.properties.product = {"id":15672302698836,"title":"Taste Buds 2027 Membership","handle":"taste-buds-membership","description":"\u003cp\u003eTaste Buds is how Noma shares the things that are just taking shape: the flavors we cannot stop thinking about, the experiments that surprise us, and the ideas too good to keep within our walls. \u003c\/p\u003e\n\u003cp\u003eAcross four quarterly deliveries, members receive at least three unreleased products in every box, plus recipes and videos that bring the creative process—and plenty of practical ways to use everything—into your kitchen. \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCore perks: \u003c\/strong\u003eThe membership also opens a few doors—early access to Noma bookings and Noma Projects events, 20% off Noma Projects purchases, 20% discount on the Noma Kaffe subscription, access to the member portal and community channel, and dedicated members support. \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAdd ons: \u003c\/strong\u003eWe'll be offering two optional add ons to the Core membership—tickets to our annual Copenhagen Event, and Fermentation Kits to explore the delicious unknown. \u003c\/p\u003e","published_at":"2026-08-14T15:12:42+02:00","created_at":"2026-08-09T10:46:11+02:00","vendor":"Noma Projects","type":"Club","tags":["badge-4.8\/5 ★★★★✬","badge-waitlist","klaviyo-notify-bis","Memberships"],"price":68300,"price_min":68300,"price_max":68300,"available":false,"price_varies":false,"compare_at_price":93100,"compare_at_price_min":93100,"compare_at_price_max":93100,"compare_at_price_varies":false,"variants":[{"id":56742058623316,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"tb-27","requires_shipping":false,"taxable":true,"featured_image":null,"available":false,"name":"Taste Buds 2027 Membership","public_title":null,"options":["Default Title"],"price":68300,"weight":0,"compare_at_price":93100,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/nomaprojects.com\/cdn\/shop\/files\/NP_P_TasteBuds2027_02.jpg?v=1786106148","\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_11_cefc4cf5-43aa-4d9f-86e1-03aa736c75f6.jpg?v=1786712885","\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_10.jpg?v=1786712885","\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_04.jpg?v=1786712203","\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_01.jpg?v=1786712885","\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_02.jpg?v=1786712884"],"featured_image":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_P_TasteBuds2027_02.jpg?v=1786106148","options":["Title"],"media":[{"alt":null,"id":72117042217300,"position":1,"preview_image":{"aspect_ratio":0.8,"height":2500,"width":2000,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_P_TasteBuds2027_02.jpg?v=1786106148"},"aspect_ratio":0.8,"height":2500,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_P_TasteBuds2027_02.jpg?v=1786106148","width":2000},{"alt":null,"id":72284367487316,"position":2,"preview_image":{"aspect_ratio":0.8,"height":2000,"width":1600,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_11_cefc4cf5-43aa-4d9f-86e1-03aa736c75f6.jpg?v=1786712885"},"aspect_ratio":0.8,"height":2000,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_11_cefc4cf5-43aa-4d9f-86e1-03aa736c75f6.jpg?v=1786712885","width":1600},{"alt":null,"id":72284366995796,"position":3,"preview_image":{"aspect_ratio":0.8,"height":2000,"width":1600,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_10.jpg?v=1786712885"},"aspect_ratio":0.8,"height":2000,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_10.jpg?v=1786712885","width":1600},{"alt":null,"id":72284117696852,"position":4,"preview_image":{"aspect_ratio":0.8,"height":2000,"width":1600,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_04.jpg?v=1786712203"},"aspect_ratio":0.8,"height":2000,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_04.jpg?v=1786712203","width":1600},{"alt":null,"id":72284367028564,"position":5,"preview_image":{"aspect_ratio":0.8,"height":2000,"width":1600,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_01.jpg?v=1786712885"},"aspect_ratio":0.8,"height":2000,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_01.jpg?v=1786712885","width":1600},{"alt":null,"id":72284367061332,"position":6,"preview_image":{"aspect_ratio":0.8,"height":2000,"width":1600,"src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_02.jpg?v=1786712884"},"aspect_ratio":0.8,"height":2000,"media_type":"image","src":"\/\/nomaprojects.com\/cdn\/shop\/files\/NP_LS_TB27_02.jpg?v=1786712884","width":1600}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eTaste Buds is how Noma shares the things that are just taking shape: the flavors we cannot stop thinking about, the experiments that surprise us, and the ideas too good to keep within our walls. \u003c\/p\u003e\n\u003cp\u003eAcross four quarterly deliveries, members receive at least three unreleased products in every box, plus recipes and videos that bring the creative process—and plenty of practical ways to use everything—into your kitchen. \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCore perks: \u003c\/strong\u003eThe membership also opens a few doors—early access to Noma bookings and Noma Projects events, 20% off Noma Projects purchases, 20% discount on the Noma Kaffe subscription, access to the member portal and community channel, and dedicated members support. \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAdd ons: \u003c\/strong\u003eWe'll be offering two optional add ons to the Core membership—tickets to our annual Copenhagen Event, and Fermentation Kits to explore the delicious unknown. \u003c\/p\u003e"};
617          
618
619          
620            window.inveterate.properties.redirectUrl = 'https://nomaprojects.com/products/taste-buds-membership';
621          
622
623          
624
625          window.inveterate.earlyAccessAction = 'popup';
626          window.inveterate.exclusiveAccessAction = 'popup';
627
628          
629            
630          
631
632          
633            
634          
635          executeScriptWhenReady();
636          
637        }, 50);
638      } catch (error) {
639        console.log('Inveterate error: ', error);
640      }
641    })();
642  </script>
642
643
644  <!-- BEGIN app snippet: show-manage-membership -->
645<!-- END app snippet -->
646
647  
648    
649  
650
651  
652    
653  
654  <!-- BEGIN app snippet: popup-go-back -->
655<script>
656  (function () {
657    var FALLBACK_URL = '/';
658    var navigated = false;
659
660    function stripWww(hostname) {
661      return String(hostname || '').toLowerCase().replace(/^www\./, '');
662    }
663
664    /**
665     * True only when the referrer is this store (same host, or a subdomain
666     * relationship such as www.store.com <-> store.com). An external referrer
667     * like google.com means history.back() would leave the store, so we send
668     * the customer to the fallback URL instead.
669     */
670    function isSameSiteReferrer(referrer) {
671      if (!referrer || !String(referrer).trim()) return false;
672      var refHost;
673      try {
674        refHost = stripWww(new URL(referrer).hostname);
675      } catch (err) {
676        return false;
677      }
678      var pageHost = stripWww(window.location.hostname);
679      if (!refHost || !pageHost) return false;
680      return (
681        refHost === pageHost ||
682        refHost.slice(-(pageHost.length + 1)) === '.' + pageHost ||
683        pageHost.slice(-(refHost.length + 1)) === '.' + refHost
684      );
685    }
686
687    function navigateBackOrGoHome() {
688      /** Only ever navigate once, no matter how many links or clicks fire. */
689      if (navigated) return;
690      navigated = true;
691
692      if (!isSameSiteReferrer(document.referrer) || window.history.length <= 1) {
693        /**
694         * Direct visit, external referrer (search engine, social, email) or
695         * opened in a new tab: going back would leave the store or do nothing.
696         */
697        window.location.href = FALLBACK_URL;
698        return;
699      }
700
701      /** If back() does not unload this page (e.g. blocked traversal), fall back. */
702      var fallbackTimer = setTimeout(function () {
703        window.location.href = FALLBACK_URL;
704      }, 1000);
705      window.addEventListener(
706        'pagehide',
707        function () {
708          clearTimeout(fallbackTimer);
709        },
710        { once: true }
711      );
712
713      window.history.back();
714    }
715
716    function bindInveterateGoBackLinks() {
717      document.querySelectorAll('a.inveterate-go-back-link').forEach(function (link) {
718        if (link.getAttribute('data-inveterate-go-back-bound') === '1') return;
719        link.setAttribute('data-inveterate-go-back-bound', '1');
720        link.setAttribute('href', '#');
721        link.setAttribute('target', '_self');
722        link.addEventListener(
723          'click',
724          function (e) {
725            e.preventDefault();
726            navigateBackOrGoHome();
727          },
728          true
729        );
730      });
731    }
732
733    if (document.readyState === 'loading') {
734      document.addEventListener('DOMContentLoaded', bindInveterateGoBackLinks);
735    } else {
736      bindInveterateGoBackLinks();
737    }
738  })();
739</script>
739
740<!-- END app snippet -->
741  
741<script async>console.log('Inveterate: App embed loaded successfully v26.09.11');</script>
741
742  
742<script async>console.log('Inveterate: Skip popups on this product: false');</script>
742
743
744
745<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
746
747
748
749<script type="text/javascript">
750  (function(d){
751      var s = d.createElement('script');
752      s.async = true;
753      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
754      var firstScript = d.getElementsByTagName('script')[0];
755      firstScript.parentNode.insertBefore(s, firstScript);
756  })(document);
757</script>
757
758
759
760
761<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
761<script src="https://limits.minmaxify.com/limitsv2/nomaprojects.myshopify.com?v=149&r=20260909111727" defer></script>
761
762
763<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
764
765
766
767
768
769
770
771
772
773
774
775
776  
776<script async src="https://static.klaviyo.com/onsite/js/U2c7ay/klaviyo.js?company_id=U2c7ay"></script>
776
777  
777<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
777
778
779  
780
781
782
783
784  
784<script>
785    window.klaviyoReviewsProductDesignMode = false
786  </script>
786
787
788
789
790
791
792
793
794
795
796<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
797<script type="text/javascript">
798  (function (c, l, a, r, i, t, y) {
799    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
800    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
801    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
802
803    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
804      if (error) {
805        console.error("Error loading Shopify features:", error);
806        return;
807      }
808
809      c[a]('consentv2', {
810        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
811        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
812        source: 101,
813      });
814    });
815
816    l.addEventListener("visitorConsentCollected", function (e) {
817      c[a]('consentv2', {
818        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
819        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
820        source: 101,
821      });
822    });
823  })(window, document, "clarity", "script", "tmwoqnos5g");
824</script>
824
825
826
827
828<!-- END app block --><!-- BEGIN app block: shopify://apps/autocart/blocks/autocart/aac12e90-e97d-4173-bb1b-0facfcf7d6e4 -->
828<script>
829  
830  
831
832  window.autoCartConfig = {
833    metaobjects: [{"active":true,"debug":false,"discount":null,"hidden_attribute":{"_autocart":true,"_filters":"[]","_scope":"checkout-remove"},"keep":false,"products":{"removeOthers":false,"entries":[{"id":"gid:\/\/shopify\/ProductVariant\/55878916931924","quantity":"1"}],"reload":false,"schedule":null},"rules":{"and":[{"some":[{"var":"cart.buyerIdentity.customer.hasTags"},{"and":[{"in":[{"var":"tag"},["TB26-Box-2"]]},{"==":[{"var":"hasTag"},true]}]}]}]},"title":"TB26 Box 2 Duplicate","valueLabel":[]}],
834    autocleanRulesValue: true,
835    customStyles: `#ac-submit-button {
836
837}`,
838    customDialogStyles: `#ac-dialog {
839
840}`,
841    actionVariant: "automatic",
842    buttonLabel: `Open Autocart` || "Open Autocart",
843    modalTitle: `Autocart Picker`,
844    modalSubtitle: `Select which product you desire to receive`,
845    backButton: `Back` || "Back",
846    nextButton: `Next` || "Next" ,
847    confirmButton: `Confirm` || "Confirm",
848    denyButton: `I don't want these gifts` || "I don't want any product",
849    closeButton: `Close` || "Close",
850    variantLabel: `Variants`,
851    variantDescription: `Select the variant of the product.`,
852    variantSelectButton: `Select`,
853    variantSelectPlaceholder: `No variant selected` || `No variant selected`,
854    cornerLabel: `Gifts`,
855    confirmModalTitle: `Products to add`,
856    confirmModalDescription: `The following products are going to be added to your cart, accept or refuse.`,
857    loadingToastTitle: `Updating cart...`,
858    updateToastTitle: `Cart has been updated.`,
859    updateToastDescription: `Your cart is out of date. Reload to reflect the changes.`,
860    manualOpen: false, 
861    debug: false,
862    manualReload: false,
863    excludedDiscounts: ``,
864    openModalEmpty: ``,
865    additionalSettings: {  },
866    onEndCallback: () => {
867      
868    },
869  };
870
871
872  const cart_type = null;
873  const customerLanguage = "en";
874  const customerCountry = "US";
875  const market = 1312227533;
876
877  window.autoCartConfig.settings =  {
878    cart_type,
879    customerCountry,
880    customerLanguage,
881    market,
882  };
883
884  window.shopifyCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
885
886
887  
888  const autocartDialogStyles = document.createElement("style");
889  autocartDialogStyles.textContent = `#ac-dialog {
890
891}`;
892  document.head.appendChild(autocartDialogStyles);
893
894  const autocartPrimaryButton = document.createElement("style");
895  autocartPrimaryButton.textContent = `#ac-submit-button {
896
897}`;
898  document.head.appendChild(autocartPrimaryButton);
899
900  const ac_customerId = undefined;
901  window.autoCartConfig.customer = ac_customerId !== undefined ? {
902    id: "",
903    email: "",
904    orders_count: undefined,
905    tags: null,
906  } : null;
907
908  // Saving all rules titles for cart.attributes clean up
909  window.autoCartConfig.titles = {};
910  for (const { title } of window.autoCartConfig.metaobjects) {
911    window.autoCartConfig.titles[title] = "";
912  }
913  window.autoCartConfig._metaobjects = window.autoCartConfig.metaobjects;
914  // Remove from metaobjects items with _scope that targets "checkout"
915  window.autoCartConfig.metaobjects = window.autoCartConfig.metaobjects.filter(m => !m.hidden_attribute["_scope"]?.includes("checkout"))
916
917  const ac_collections = {};
918  const collectionsProducts = {};
919  const products = {};
920  let autoCartError = "";
921  // automation targets
922  // tutti i values di tutti i metaobjects
923  let product;
924  // mapping of collections handle
925  // (ogni collezione ha il suo handle)
926  
927  // mapping of product handle
928  // (ogni prodotto ha il suo handle)
929  
930
931  
932    
933    products["TB26 Box 2 Duplicate"] = products["TB26 Box 2 Duplicate"] || [];
934
935    
936
937    
938      
939      
940    
941
942    
943  
944
945  // rimuovo i duplicati
946  
947  
948  
949  // recupero le info dei prodotti
950  const productsMap = {}
951  
952  // mappo i product json nelle collections handle
953  
954  // chiave collezione valore product json
955
956  
957
958   //__start_collection
959  let _collections = {};  
960  
961  
962  
963  //__end_collection
964  
965  window.autoCartConfig._collections =  _collections;
966
967  
968  Object.entries(collectionsProducts).forEach(([collectionHandle, val]) => {
969    ac_collections[collectionHandle] = ac_collections[collectionHandle] || {};
970
971    for(const id in val){
972      const {variants} = val[id];
973      for (const {id} of variants){
974        ac_collections[collectionHandle][id] = true;
975      }
976    }
977  })
978
979  const _handles = new Set();
980  const _error_handles = new Set();
981  for (const metaobj of window.autoCartConfig.metaobjects) {
982    // Skip "remove" scope
983    if(metaobj.products.selectedProductVariant === "MULTIPLE" || metaobj.hidden_attribute["_scope"]) continue;
984
985    if(metaobj.products.pickerVariant === "collection") {
986      const prods = []
987      let collectionMap = {}
988      for (const entry of metaobj.products.entries){
989        collectionMap = {...collectionMap,...collectionsProducts[entry.handle]}
990      }
991      prods.push(...Object.values(collectionMap));
992      products[metaobj.title] = prods;
993    }
994
995    else { // filtering out non included variants
996      const handleVariants = {};
997      _handles.add(...metaobj.products.handles)
998      handleVariants[metaobj.title] = metaobj.products.handles.reduce((acc, key) => {
999        acc[key] = [];
1000        return acc;
1001      }, {});
1002
1003      for (const entry of metaobj.products.entries){
1004        const variantsForHandle = handleVariants[metaobj.title][entry.handle];
1005        if (!variantsForHandle) {
1006          console.warn("AutoCart found a variant with an unknown product handle", {
1007            rule: metaobj.title,
1008            handle: entry.handle,
1009            variantId: entry.id,
1010          });
1011          continue;
1012        }
1013        variantsForHandle.push(entry.id.split("/").at(-1));
1014      }
1015
1016      for (const [_, val] of Object.entries(products[metaobj.title] || [])){
1017        const variantsToAdd = handleVariants[metaobj.title][val.handle];
1018        if(variantsToAdd) {
1019          val.variants = val.variants.filter((variant) => variantsToAdd.includes(String(variant.id)));
1020        } else {
1021          _error_handles.add(val.handle);
1022          console.log(`Couldn't retrieve variants for handle ${val.handle} at title ${metaobj.title}` );
1023        }
1024      }
1025    }
1026
1027  }
1028  console.log("Total handles", _handles.size);
1029  console.log("Total error handles", _error_handles.size);
1030
1031  window.autoCartConfig.products = products;
1032  window.autoCartConfig.collections =  ac_collections;
1033  window.autoCartConfig.classicProductsAvailable = productsMap;
1034</script>
1034
1035<!-- BEGIN app snippet: autocart-modal-runtime -->
1036
1037<script>
1038  window.autoCartModalDesigner = {
1039    enabled: false,
1040    id: null,
1041    configuration: null,
1042    productDescriptions: {
1043      
1044    }
1045  };
1046  document.dispatchEvent(new CustomEvent('autocart:modal-design-ready', {
1047    detail: window.autoCartModalDesigner
1048  }));
1049</script>
vendor: 1 bytes, line 1049
1049
1050<script src="https://cdn.shopify.com/extensions/01a0d888-6417-72a9-bd52-fb3fa72c0c57/autocart-smart-cart-additions-300/assets/autocart-gift-modal.js" defer></script>
1050
1051<!-- END app snippet -->
1052<div id="autocart-theme-extension"></div>
1053
1054
1055<!-- END app block -->
1055<script src="https://cdn.shopify.com/extensions/01a0d93b-94fe-7132-96f3-e11f1068448c/elevate-ab-testing-196/assets/placeholder.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1055
1055
1056<script src="https://cdn.shopify.com/extensions/01a0b668-bf39-7407-90f5-ccf647a77892/inveterate-138/assets/app-embed.js" type="text/javascript" defer="defer"></script>
1056
1057<link href="https://cdn.shopify.com/extensions/01a0b668-bf39-7407-90f5-ccf647a77892/inveterate-138/assets/inveterate.css" rel="stylesheet" type="text/css" media="all">
1058<script src="https://cdn.shopify.com/extensions/01a0d7a2-a36b-73ee-b8cb-ead3ca4862c3/gdpr-backpack-896/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1058
1058
1059<script src="https://cdn.shopify.com/extensions/01a0d2f5-0f6e-709e-883d-97c3f70eff5b/monk-free-gift-with-purchase-466/assets/mr-embed-1.js" type="text/javascript" defer="defer"></script>
1059
1060<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1061<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: 60616016077,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>
vendor: 1 bytes, line 1061
1061
1062<script>
1063  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1064</script>
vendor: 1 bytes, line 1064
1064
1065<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1065).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 60616016077,storefrontBaseUrl: "https://nomaprojects.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nomaprojects.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"4870996308","configuration":"{\"storeId\":\"nomaprojects.myshopify.com\",\"token\":\"_x_t_bU2FsdGVkX1+Qo7rrTrUkGi1HP2elL6OI4Z\/ie42a+z\/8PyUZP0Gi5N9NzWaIfXXWvpAUIXE2FdS0qrf0k6pcqw==\",\"flags\":\"{\\\"ga4_enabled\\\":true,\\\"clickTrackingConfig\\\":{}}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"52a33fe7a818814bb34bd4169a4af833","type":"APP","apiClientId":4623321,"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"},{"id":"3303440724","configuration":"{\"accountID\":\"U2c7ay\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IGZhbHNlfQ==\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"3125936468","configuration":"{\"projectId\":\"tmwoqnos5g\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1065,"dataSharingState":"unrestricted"},{"id":"3011510612","configuration":"{\"hashed_organization_id\":\"4571ebb436d2841b131cf19b3ab497c5_v1\",\"app_key\":\"nomaprojects\",\"allow_collect_personal_data\":\"true\",\"connection_id\":\"4aa0f996384a44e79bf0fde245826391\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3f0fd3f7354ca64f6bba956935131bea","type":"APP","apiClientId":5362669,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2651914580","configuration":"{\"campaignID\":\"38068\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/bb4d51dbbcda8ad206bcf0047ba7ef17\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1172734292","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\",\\\"GT-5MG66RNQ\\\",\\\"GT-PHC2K3W9\\\",\\\"GT-PJ5K9QNS\\\"],\\\"target_country\\\":\\\"DK\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/Ew4ICLKl3d0aEIWw4Lc9\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/ZMlDCMid3d0aEIWw4Lc9\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-HPSV7MKFHJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/hg4sCK-l3d0aEIWw4Lc9\\\",\\\"MC-MGSR6TV3YK\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/9sNFCMWd3d0aEIWw4Lc9\\\",\\\"MC-MGSR6TV3YK\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-HPSV7MKFHJ\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/4F4CCKyl3d0aEIWw4Lc9\\\",\\\"MC-MGSR6TV3YK\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-HPSV7MKFHJ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/TAQDCLWl3d0aEIWw4Lc9\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-HPSV7MKFHJ\\\",\\\"AW-16491485189\\\/vpq_CMud3d0aEIWw4Lc9\\\",\\\"MC-ZLJE981Y4R\\\",\\\"MC-MHZ3FJK4WW\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-HPSV7MKFHJ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"448627028","configuration":"{\"pixel_id\":\"1870570446621752\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"74318164","configuration":"{\"accountID\":\"41163\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"40e2eb4d3cd49741ec0578fc271795f5","type":"APP","apiClientId":11218583553,"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"}
1065,{"id":"115245396","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"klar"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Noma Projects","paymentSettings":{"currencyCode":"DKK"},"myshopifyDomain":"nomaprojects.myshopify.com","countryCode":"DK","storefrontUrl":"https:\/\/nomaprojects.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"12469351547220","handle":"flavor-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53426934907220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7076418715853","handle":"wild-rose-vinegar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47130253656404","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8597380301140","handle":"corn-yuzu-hot-sauce","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47034818265428","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"11833911968084","handle":"noma-kaffe","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51332601774420","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6809511493837","handle":"mushroom-garum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46668199362900","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9799265124692","handle":"pumpkin-seed-praline","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50023902183764","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15645997203796","handle":"rose-cold-brew-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56591936815444","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"12460991381844","handle":"kyoto-peaso","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53383115374932","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"12482328527188","handle":"some-like-it-hot","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53474050048340","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9600399901012","handle":"elderflower-peaso-miso","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49293025116500","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15749484020052","handle":"try-new-things-tote-bag","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57068090720596","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15737199558996","handle":"dagoberto-marin-filter-roast","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"57007733834068","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9911938515284","handle":"noma-projects-cap","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50784626377044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8738092286292","handle":"gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47329377714516","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
1065,{"id":"15356047819092","handle":"the-noma-guide-to-building-flavour","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55500315656532","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15631574106452","handle":"chelchele-espresso-roast","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56534710714708","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15672302698836","handle":"taste-buds-membership","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56742058623316","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15625709912404","handle":"fermentation-kit-add-on","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56515552575828","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15625710338388","handle":"2027-summer-event","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56515558441300","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9883326710100","handle":"staff-chili","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50637312459092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8873218376020","handle":"extra-spicy-corn-yuzu-hot-sauce","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47630112096596","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9883323531604","handle":"pumpkin-bushi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50637296042324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7171407904973","handle":"cep-oil","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41493378105549","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://nomaprojects.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"195745055060","themePublished":"true","eventMetadataId":"13bd2731-8246-42c3-b7bf-4d3e5b153830","pageType":"home","shopId":"60616016077","storefrontBaseUrl":"https:\/\/nomaprojects.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1065<script>
1066  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1067  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1068  window.ShopifyAnalytics.meta.currency = 'USD';
1069  var meta = {"page":{"pageType":"home","requestId":"e6300be5-be76-4510-871a-032df714daef-1790388177"}};
1070  for (var attr in meta) {
1071    window.ShopifyAnalytics.meta[attr] = meta[attr];
1072  }
1073</script>
vendor: 1 bytes, line 1073
1073
1074<script class="analytics">
1075  (function () {
1076    var customDocumentWrite = function(content) {
1077      var jquery = null;
1078
1079      if (window.jQuery) {
1080        jquery = window.jQuery;
1081      } else if (window.Checkout && window.Checkout.$) {
1082        jquery = window.Checkout.$;
1083      }
1084
1085      if (jquery) {
1086        jquery('body').append(content);
1087      }
1088    };
1089
1090    var hasLoggedConversion = function(token) {
1091      if (token) {
1092        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1093      }
1094      return false;
1095    }
1096
1097    var setCookieIfConversion = function(token) {
1098      if (token) {
1099        var twoMonthsFromNow = new Date(Date.now());
1100        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1101
1102        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1103      }
1104    }
1105
1106    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1107    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1108    if (trekkie.integrations) {
1109      return;
1110    }
1111    trekkie.methods = [
1112      'identify',
1113      'page',
1114      'ready',
1115      'track',
1116      'trackForm',
1117      'trackLink'
1118    ];
1119    trekkie.factory = function(method) {
1120      return function() {
1121        var args = Array.prototype.slice.call(arguments);
1122        args.unshift(method);
1123        trekkie.push(args);
1124        if (method == 'track' || method == 'page') {
1125          var pageUrl;
1126          try {
1127            pageUrl = window.location.href;
1128          } catch (e) {}
1129          var pageReferrer;
1130          try {
1131            pageReferrer = document.referrer;
1132          } catch (e) {}
1133          try {
1134            if (window.__TREKKIE_SHIM_QUEUE == null) {
1135              window.__TREKKIE_SHIM_QUEUE = [];
1136            }
1137            window.__TREKKIE_SHIM_QUEUE.push({
1138              from: 'trekkie-stub',
1139              method: method,
1140              args: args.slice(1),
1141              pageContext: {
1142                url: pageUrl,
1143                referrer: pageReferrer
1144              }
1145            });
1146          } catch (e) {
1147            // no-op
1148          }
1149        }
1150        return trekkie;
1151      };
1152    };
1153    for (var i = 0; i < trekkie.methods.length; i++) {
1154      var key = trekkie.methods[i];
1155      trekkie[key] = trekkie.factory(key);
1156    }
1157    trekkie.load = function(config) {
1158      trekkie.config = config || {};
1159      trekkie.config.initialDocumentCookie = document.cookie;
1160      var first = document.getElementsByTagName('script')[0];
1161var script = document.createElement('script');
1162script.type = 'text/javascript';
1163script.onerror = function(e) {
1164  var scriptFallback = document.createElement('script');
1165  scriptFallback.type = 'text/javascript';
1166  scriptFallback.onerror = function(error) {
1167          var Monorail = {
1168      produce: function produce(monorailDomain, schemaId, payload) {
1169        var currentMs = new Date().getTime();
1170        var event = {
1171          schema_id: schemaId,
1172          payload: payload,
1173          metadata: {
1174            event_created_at_ms: currentMs,
1175            event_sent_at_ms: currentMs
1176          }
1177        };
1178        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1179      },
1180      sendRequest: function sendRequest(endpointUrl, payload) {
1181        // Try the sendBeacon API
1182        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1183          var blobData = new window.Blob([payload], {
1184            type: 'text/plain'
1185          });
1186
1187          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1188            return true;
1189          } // sendBeacon was not successful
1190
1191        } // XHR beacon
1192
1193        var xhr = new XMLHttpRequest();
1194
1195        try {
1196          xhr.open('POST', endpointUrl);
1197          xhr.setRequestHeader('Content-Type', 'text/plain');
1198          xhr.send(payload);
1199        } catch (e) {
1200          console.log(e);
1201        }
1202
1203        return false;
1204      },
1205      isIos12: function isIos12() {
1206        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1207      }
1208    };
1209    Monorail.produce('monorail-edge.shopifysvc.com',
1210      'trekkie_storefront_load_errors/1.1',
1211      {shop_id: 60616016077,
1212      theme_id: 195745055060,
1213      app_name: "storefront",
1214      context_url: window.location.href,
1215      source_url: "//nomaprojects.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1216
1217  };
1218  scriptFallback.async = true;
1219  scriptFallback.src = '//nomaprojects.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1220  first.parentNode.insertBefore(scriptFallback, first);
1221};
1222script.async = true;
1223script.src = '//nomaprojects.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1224first.parentNode.insertBefore(script, first);
1225
1226    };
1227    trekkie.load(
1228      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60616016077,"isMerchantRequest":null,"themeId":195745055060,"themeCityHash":"18214871072908800058","contentLanguage":"en","currency":"USD","eventMetadataId":"13bd2731-8246-42c3-b7bf-4d3e5b153830"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1229    );
1230
1231    var loaded = false;
1232    trekkie.ready(function() {
1233      if (loaded) return;
1234      loaded = true;
1235
1236      window.ShopifyAnalytics.lib = window.trekkie;
1237
1238      var originalDocumentWrite = document.write;
1239      document.write = customDocumentWrite;
1240      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1241      document.write = originalDocumentWrite;
1242
1243      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1244      var token = match? match[1]: undefined;
1245      if (!hasLoggedConversion(token)) {
1246        setCookieIfConversion(token);
1247        
1248      }
1249    });
1250
1251    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"e6300be5-be76-4510-871a-032df714daef-1790388177","shopifyEmitted":true});
1252
1253    var eventsListenerScript = document.createElement('script');
1254    eventsListenerScript.async = true;
1255    eventsListenerScript.src = "//nomaprojects.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1256    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1257})();</script>
1257
1258  
1258<script>
1259  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1260    window.ga = function ga() {
1261      (window.ga.q = window.ga.q || []).push(arguments);
1262      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1263        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1264      }
1265      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1266    };
1267    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1268      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1269    }
1270  }
1271</script>
vendor: 1 bytes, line 1271
1271
1272<script
1273  defer
1274  src="https://nomaprojects.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1275  data-application="storefront-renderer"
1276  data-shop-id="60616016077"
1277  data-render-region="gcp-us-west1"
1278  data-page-type="index"
1279  data-theme-instance-id="195745055060"
1280  data-theme-name="NomaProjects"
1281  data-theme-version="1.0"
1282  data-monorail-region="shop_domain"
1283  data-resource-timing-sampling-rate="10"
1284  data-shs="true"
1285  data-shs-beacon="true"
1286  data-shs-export-with-fetch="true"
1287  data-shs-logs-sample-rate="1"
1288  data-shs-beacon-endpoint="https://nomaprojects.com/api/collect"
1289></script>
1289
1290<meta name="shopify-y" content="5df117da-2487-40d1-8d15-a4e4d35abc21" data-expiration="1821945777000"><meta name="shopify-s" content="678f04b0-b95a-4b72-8bbf-206ba7bc7680" data-expiration="1790389977000"><meta name="new-cookie-storage-activated" content="t">
1291</head>
1292  
1293  
1294  <body
1295    x-init="initScroll()"
1296    x-data="
1297    {
1298      search_visible: false,
1299      search_active: false,
1300      hide_mobile_input: false
1301    }
1302  "
1303  :class="{ 
1304    'overflow-hidden': menu_drawer || cart_drawer, 
1305    'index': true,
1306    'subscriber': false
1307  }"
1308    class="min-h-[100vh] break-words
1309    index
1310    
1311    ">
1312    <a href="#root"
1313      class="print:hidden fixed z-50 px-4 py-2 no-underline transform -translate-y-20 shadow-md top-4 left-4 color__bg-body focus:translate-y-0 border__button--radius">
1314      Skip to content
1315    </a>
1316    <div id="shopify-section-theme__marquee_announcement" class="shopify-section theme__marquee_announcement"><!-- sections/theme__marquee_announcement.liquid -->
1317
1318<section
1319      x-data="{
1320        isHidden: false,
1321        hideElement() {
1322          this.isHidden = true;
1323          localStorage.setItem('isElementHidden', 'true');
1324          localStorage.setItem('hideTimestamp', Date.now());
1325          var element = document.querySelector('.theme__marquee_announcement');
1326          if (element) {
1327            element.classList.remove('active');
1328          }
1329        },
1330        checkVisibility() {
1331          const hideTimestamp = localStorage.getItem('hideTimestamp');
1332          if (hideTimestamp) {
1333            const hideTime = parseInt(hideTimestamp, 10);
1334            const currentTime = Date.now();
1335            const minutes = 30 * 60 * 1000;
1336    
1337            if (currentTime - hideTime > minutes) {
1338              this.isHidden = false;
1339              localStorage.removeItem('isElementHidden');
1340              localStorage.removeItem('hideTimestamp');
1341              hide_announcement = false;
1342            } else {
1343              this.isHidden = localStorage.getItem('isElementHidden') === 'true';
1344              hide_announcement = true;
1345            }
1346          }
1347        }
1348      }"
1349      x-init="checkVisibility();"
1350    
1351      class="relative
1352        
1353        color__bg-overlay-1 color__text"
1354        :class="{ 'hidden' : hide_announcement || isHidden || cart_drawer || menu_drawer }"
1355        
1356        style="background-color:#004fff;color:#ffffff;"
1357        
1358        x-show="!isHidden"
1359        x-cloak
1360      >
1361    
1362      <div class="py-2 block overflow-visible">
1363    
1364        
1365    
1366        
1367        <div class="items-center justify-start flex-shrink hidden md:flex w-[16px]
1368          ">
1369    
1370          
1371        </div>
1372    
1373        
1374        <div class="flex-grow w-full overflow-hidden">
1375          
1376
1377          <div class="marquee-container w-full relative"
1378          style="--marquee-duration: 30s; --mobile-marquee-duration: 10s;">
1379            <div class="marquee-content"
1380                 
1381                 x-data="{ isPaused: false }"
1382                 @mouseenter="isPaused = true"
1383                 @mouseleave="isPaused = false"
1384                 :class="{ 'paused': isPaused }"
1385                 
1386            >
1387              <div class="marquee-items flex">
1388                
1389                  <div class="marquee-item mx-40 whitespace-nowrap">
1390                    <span class="type--small type__nav m-0--clear">
1391                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1392                    </span>
1393                  </div>
1394                
1395                  <div class="marquee-item mx-40 whitespace-nowrap">
1396                    <span class="type--small type__nav m-0--clear">
1397                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1398                    </span>
1399                  </div>
1400                
1401                  <div class="marquee-item mx-40 whitespace-nowrap">
1402                    <span class="type--small type__nav m-0--clear">
1403                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1404                    </span>
1405                  </div>
1406                
1407                
1408                
1409                
1410                  <div class="marquee-item mx-6 whitespace-nowrap">
1411                    <span class="type--small type__nav m-0--clear">
1412                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1413                    </span>
1414                  </div>
1415                
1416                  <div class="marquee-item mx-6 whitespace-nowrap">
1417                    <span class="type--small type__nav m-0--clear">
1418                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1419                    </span>
1420                  </div>
1421                
1422                  <div class="marquee-item mx-6 whitespace-nowrap">
1423                    <span class="type--small type__nav m-0--clear">
1424                      <p>Enjoy free shipping on orders over 640 DKK / $100 USD</p>
1425                    </span>
1426                  </div>
1427                
1428              </div>
1429            </div>
1430          </div>
1431        </div>
1432    
1433        
1434        <div class="md:flex w-[16px] items-center justify-end flex-shrink-0">
1435          
1436    
1437          
1438</div>
1439    
1440      </div>
1441    </section>
1442    
1443    <style>
1444      .marquee-container {
1445        overflow: hidden;
1446        position: relative;
1447      }
1448      
1449      .marquee-content {
1450        width: 100%;
1451        overflow: hidden;
1452      }
1453      
1454      .marquee-items {
1455        display: flex;
1456        animation: marquee var(--marquee-duration, 30s) linear infinite;
1457        white-space: nowrap;
1458      }
1459      
1460      .marquee-items.paused {
1461        animation-play-state: paused;
1462      }
1463      
1464      @media screen and (max-width: 767px) {
1465          .marquee-items {
1466            animation: marquee var(--mobile-marquee-duration, 10s) linear infinite;
1467          }
1468        }
1469            
1470      @keyframes marquee {
1471        0% {
1472          transform: translateX(0%);
1473        }
1474        100% {
1475          transform: translateX(-50%);
1476        }
1477      }
1478    </style><style> #shopify-section-theme__marquee_announcement a {text-decoration: none;} </style></div>
1479    <header class="is-header z-30
1480      sticky
1481      
1482      sticky top-0"
1483      :class="{
1484        '!z-10' : hide_header
1485      }"
1486      x-ref="header"
1487      >
1488      
1488<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"index","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52","state":{"template":"index","theme":195745055060,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790388177,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/nomaprojects.com\/","customer_id":null,"customer_id_signature":"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52","cart":null}</script>
1488<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
1488color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
1488
1489      
1489<script data-locksmith>Locksmith.cache.cart=null</script>
1489
1490
1491  
1491<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"index\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52\",\"state\":{\"template\":\"index\",\"theme\":195745055060,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790388177,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/nomaprojects.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"01230d771fbe4104e3e6f7b569ccb8e7356ba826e76455c7c6b7cdff4d349a52\",\"cart\":null}";Locksmith.jsonTagSignature="947e223767837fc85fa915e3ecb925bf71b09564908ce5cae965d0c163009bef"</script>
1491
1492      <!-- BEGIN sections: header-group -->
1493<div id="shopify-section-sections--28713575022932__theme_header" class="shopify-section shopify-section-group-header-group theme__header"><!-- sections/theme__header.liquid -->
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503<nav
1504  class="
1505    
1506    color__bg-body color__text
1507    !color__border-transparent
1508    hover:hover-menu
1509    
1510    
1511      
1512        opacity-0 js-animation animation-200
1513      
1514    
1515    relative"
1516    
1517      data-delay="100"
1518      data-replace="{
1519        'opacity-0' : 'opacity-100'
1520      }"
1521    
1522  :class="{ 'active-menu': cart_drawer || menu_drawer, 'hidden': search_visible, 'no-announcement': hide_announcement }"
1523  id="header__nav"
1524>
1525  <div class="relative w-full px-4 overflow-y-scroll hide-scrollbar">
1526    
1527    <div
1528      class="
1529        md:hidden flex items-center py-1
1530        
1531      "
1532    >
1533      
1534      <div class="flex items-center mr-8 max-w-[45%] sm:max-w-[70%]">
1535        
1536
1537        
1538
1539          
1540            <a
1541              class="!inline-block relative flex items-center"
1542              style="
1543          height: 15px;
1544          width: 14.166666666666666px;
1545        "
1546              href="/"
1547              rel="nofollow"
1548              title="Noma Projects"
1549            >
1550            <!-- snippets/component__image.liquid -->
1551
1552
1553
1554
1555
1556
1557
1558<div
1559  class="
1560    js-picture w-full h-full overflow-hidden flex items-center
1561    
1562    !bg-transparent
1563    
1564  ">
1565  <picture
1566    class="
1567      w-full flex items-center justify-center overflow-hidden
1568      
1569      
1570      
1571    ">
1572    <img src="//nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=400" srcset="//nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=400 400w" width="400" height="424" loading="
1573  
1574    lazy
1575  
1576" class="
1577  js-image
1578  w-full h-full object-contain
1579  
1580    
1581      min-h-full
1582    
1583  
1584  
1585    animation-300
1586  
1587  
1588">
1589  </picture>
1590</div>
1591
1592            </a>
1593          
1594        
1595      </div>
1596      
1597      <div class="flex items-center justify-start flex-grow flex-shrink basis-0">
1598        <button
1599          class="
1600            no-js--hide inline-flex pr-4 no-underline
1601            type__nav
1602            uppercase
1603          "
1604          @click="menu_drawer = true; hide_announcement = true; cart_drawer = false; if(enable_audio) { playAudioIfEnabled(click_audio) }"
1605        >
1606          Menu
1607        </button>
1608
1609        <noscript>
1610          <button
1611            class="inline-flex pr-4 no-underline type__nav peer"
1612            @click="menu_drawer = true; hide_announcement = true; cart_drawer = false; if(enable_audio) { playAudioIfEnabled(click_audio) }"
1613          >
1614            Menu
1615          </button>
1616
1617          <div class="peer-focus:block hover:block focus-within:block hidden bottom-0 fixed color__bg-body w-full left-0 right-0 -z-10 max-h-[70vh] mt-28 border--t-width color__border-divider-1 overflow-scroll">
1618            
1619<a
1620                class="block w-full p-4 no-underline color__border-divider-1"
1621                href="/collections"
1622              >Shop</a>
1623              
1624<a
1625                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1626                  href="/collections/staples-and-bundles"
1627                >Products & Bundles</a>
1628                
1629              
1630<a
1631                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1632                  href="/products/noma-kaffe"
1633                >Noma Kaffe</a>
1634                
1635              
1636<a
1637                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1638                  href="/collections/books-and-merch"
1639                >Books & Merch</a>
1640                
1641              
1642<a
1643                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1644                  href="/collections/in-person-events"
1645                >In-Person Events</a>
1646                
1647              
1648<a
1649                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1650                  href="/products/taste-buds-membership"
1651                >Taste Buds 2027</a>
1652                
1653              
1654<a
1655                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1656                  href="/collections/digital-gift-card"
1657                >Gift Cards</a>
1658                
1659              
1660            
1661<a
1662                class="block w-full p-4 no-underline color__border-divider-1"
1663                href="/blogs/journal"
1664              >Journal</a>
1665              
1666            
1667<a
1668                class="block w-full p-4 no-underline color__border-divider-1"
1669                href="/blogs/recipes"
1670              >Recipes</a>
1671              
1672            
1673<a
1674                class="block w-full p-4 no-underline color__border-divider-1"
1675                href="/pages/noma-projects"
1676              >About</a>
1677              
1678<a
1679                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1680                  href="/pages/noma-projects"
1681                >Noma Projects</a>
1682                
1683              
1684<a
1685                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1686                  href="/pages/faq"
1687                >FAQ</a>
1688                
1689              
1690<a
1691                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1692                  href="/pages/careers"
1693                >Careers</a>
1694                
1695              
1696<a
1697                  class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1698                  href="/pages/contact"
1699                >Contact</a>
1700                
1701              
1702            
1703          </div>
1704        </noscript>
1705
1706        
1707<a
1708            href="/collections"
1709            onclick=""
1710            class="header__link h-full flex items-center block no-underline
1711            type__nav
1712            uppercase
1713            py-2 md:py-6
1714            
1715            ">
1716            Shop
1717          </a>
1718        
1719      </div>
1720
1721      <div class="flex items-center justify-end flex-grow flex-shrink text-right basis-0">
1722        <div class="flex-shrink">
1723          <a
1724            class="inline-flex pt-1 pl-4 ml-2 no-underline type__nav hover:underline"
1725            href="/search"
1726            rel="nofollow"
1727            title="Search"
1728            @click.prevent="mobile_search_visible = true; hide_header = true; search_active = true; hide_mobile_input = false; $nextTick(() => { document.querySelector('#search-mobile').focus(); });">
1729            <!-- snippets/component__icon.liquid -->
1730
1731
1732<span class="inline-flex align-middle taste-buds-icon" aria-hidden="true">
1733  
1734      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1734ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search transrom rotate-90"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
1735    
1736</span>
1737
1738          </a>
1739        </div>
1740
1741        <div class="flex-shrink">
1742          <a
1743            class="inline-flex py-2 ml-4 no-underline type__nav
1744            uppercase"
1745            href="/cart"
1746            rel="nofollow"
1747            @click.prevent="cart_drawer = true; menu_drawer = false; if(enable_audio) { playAudioIfEnabled(click_audio) }"
1748            >
1749             <span class="type__nav uppercase">Cart</span>
1750            <span class="cart__dot" :class="{ 'active': cart.item_count > 0 }"></span>
1751          </a>
1752        </div>
1753      </div>
1754    </div>
1755
1756    
1757    <div
1758      class="
1759        md:flex items-center justify-between hidden h-nav w-full
1760        
1761        flex-nowrap
1762      "
1763    >
1764      
1765  <div class="flex items-center max-w-xs py-2">
1766    
1767    
1768
1769    
1770
1771        
1772        <a class="!inline-block relative flex items-center hidden"
1773          style="
1774      height: 20px;
1775      width: 18.88888888888889px;
1776    "
1777          href="/"
1778          rel="nofollow"
1779          title="Noma Projects">
1780          <!-- snippets/component__image.liquid -->
1781
1782
1783
1784
1785
1786
1787
1788<div
1789  class="
1790    js-picture w-full h-full overflow-hidden flex items-center
1791    
1792    !bg-transparent
1793    
1794  ">
1795  <picture
1796    class="
1797      w-full flex items-center justify-center overflow-hidden
1798      
1799      
1800      
1801    ">
1802    <img src="//nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=400" srcset="//nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_HouseIcon_Black.svg?v=1719921911&amp;width=400 400w" width="400" height="424" loading="
1803  
1804    lazy
1805  
1806" class="
1807  js-image
1808  w-full h-full object-contain
1809  
1810    
1811      min-h-full
1812    
1813  
1814  
1815    animation-300
1816  
1817  
1818">
1819  </picture>
1820</div>
1821
1822        </a>
1823
1824      
1825    
1826
1827
1828  <noscript>
1829    
1830      <button
1831        @click="menu_drawer = true; hide_announcement = true; cart_drawer = false; if(enable_audio) { playAudioIfEnabled(click_audio) }"
1832        class="inline-flex py-2 pr-4 no-underline type__nav peer"
1833        title="Menu"
1834      >
1835        <!-- snippets/component__icon.liquid -->
1836
1837
1838<span class="inline-flex align-middle " aria-hidden="true">
1839  
1840      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
1841    
1842</span>
1843
1844      </button>
1845    
1846
1847    <div class="peer-focus:block hover:block focus-within:block hidden bottom-0 fixed color__bg-body w-full left-0 right-0 -z-10 max-h-[70vh] mt-28 border--t-width color__border-divider-1 overflow-scroll">
1848      
1849<a
1850          class="block w-full p-4 no-underline color__border-divider-1"
1851          href="/collections"
1852        >Shop</a>
1853        
1854<a
1855            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1856            href="/collections/staples-and-bundles"
1857          >Products & Bundles</a>
1858          
1859        
1860<a
1861            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1862            href="/products/noma-kaffe"
1863          >Noma Kaffe</a>
1864          
1865        
1866<a
1867            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1868            href="/collections/books-and-merch"
1869          >Books & Merch</a>
1870          
1871        
1872<a
1873            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1874            href="/collections/in-person-events"
1875          >In-Person Events</a>
1876          
1877        
1878<a
1879            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1880            href="/products/taste-buds-membership"
1881          >Taste Buds 2027</a>
1882          
1883        
1884<a
1885            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1886            href="/collections/digital-gift-card"
1887          >Gift Cards</a>
1888          
1889        
1890      
1891<a
1892          class="block w-full p-4 no-underline color__border-divider-1"
1893          href="/blogs/journal"
1894        >Journal</a>
1895        
1896      
1897<a
1898          class="block w-full p-4 no-underline color__border-divider-1"
1899          href="/blogs/recipes"
1900        >Recipes</a>
1901        
1902      
1903<a
1904          class="block w-full p-4 no-underline color__border-divider-1"
1905          href="/pages/noma-projects"
1906        >About</a>
1907        
1908<a
1909            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1910            href="/pages/noma-projects"
1911          >Noma Projects</a>
1912          
1913        
1914<a
1915            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1916            href="/pages/faq"
1917          >FAQ</a>
1918          
1919        
1920<a
1921            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1922            href="/pages/careers"
1923          >Careers</a>
1924          
1925        
1926<a
1927            class="color__border-divider-1 block w-full p-4 !pl-8 no-underline"
1928            href="/pages/contact"
1929          >Contact</a>
1930          
1931        
1932      
1933    </div>
1934  </noscript>
1935  </div>
1936
1937      
1938  <div class="flex items-center w-full type__nav ml-10 gap-x-10 uppercase">
1939<div class="flex-shrink pointer-events-auto relative">
1940        <a
1941          href="/collections"
1942          data-menu-id="1"
1943          class="header__link h-full flex items-center no-underline pointer-events-auto type__nav uppercase  ">
1944          Shop
1945        </a>
1946      </div>
1947    
1948<div class="flex-shrink pointer-events-auto relative">
1949        <a
1950          href="/blogs/journal"
1951          data-menu-id="2"
1952          class="header__link h-full flex items-center no-underline pointer-events-auto type__nav uppercase  ">
1953          Journal
1954        </a>
1955      </div>
1956    
1957<div class="flex-shrink pointer-events-auto relative">
1958        <a
1959          href="/blogs/recipes"
1960          data-menu-id="3"
1961          class="header__link h-full flex items-center no-underline pointer-events-auto type__nav uppercase  ">
1962          Recipes
1963        </a>
1964      </div>
1965    
1966<div class="flex-shrink pointer-events-auto relative">
1967        <a
1968          href="/pages/noma-projects"
1969          data-menu-id="4"
1970          class="header__link h-full flex items-center no-underline pointer-events-auto type__nav uppercase  ">
1971          About
1972        </a>
1973      </div>
1974    
1975  </div>
1976
1977      
1978  <div class="flex items-center type__nav gap-x-10">
1979
1980  
1981
1982    <div class="flex-shrink">
1983        <a
1984          class="inline-flex no-underline type__nav
1985          uppercase"
1986          href="/search"
1987          rel="nofollow"
1988          @click.prevent="search_visible = true; search_active = true; hide_announcement = true; $nextTick(() => { document.querySelector('#search-desktop').focus(); });">
1989          Search
1990        </a>
1991    </div>
1992
1993   
1994
1995    
1996    <div class="flex-shrink scale-invert">
1997     
1998     <a
1999       class="inline-flex no-underline type__nav
2000       uppercase"
2001       href="/account"
2002       rel="nofollow">
2003       Account
2004     </a>
2005     
2006    </div>
2007    
2008
2009    <div class="flex-shrink">
2010      <a
2011        class="inline-flex gap-x-2 no-underline items-center
2012        type__nav
2013        uppercase"
2014         @click.prevent="cart_drawer = true; menu_drawer = false; hide_announcement = true; if(enable_audio) { playAudioIfEnabled(click_audio)}"
2015        href="/cart"
2016        rel="nofollow"
2017        >
2018        <span class=" scale-invert">Cart</span>
2019        
2020       <span>(<span class="type__nav horizontal-tb hello uppercase
2021       " x-text="cart.item_count"> 0 </span>)</span> 
2022      </a>
2023    </div>
2024    
2025  </div>
2026
2027    </div>
2028  </div>
2029</nav>
2030
2031
2032</div><div id="shopify-section-sections--28713575022932__theme_mega_menu" class="shopify-section shopify-section-group-header-group theme__mega_menu"><!-- sections/theme__mega_menu.liquid -->
2033
2034
2035<div class="mega-menu-container">
2036  
2037
2038      <div class="mega-menu" data-for-menu="shop">
2039        <div class="mega-menu-grid grid grid-cols-6 gap-4">
2040          <!-- Menu Column -->
2041            <div class="mega-menu-column mega-menu-links-column col-span-2">
2042              
2043                <h3><a href="/collections" class="megamenu-header">Shop All</a></h3>
2044              
2045              <div class="mega-menu-links type__nav">
2046                
2047<a href="/collections/staples-and-bundles" class="mega-menu-link">
2048                    Products & Bundles
2049                  </a>
2050                
2051<a href="/products/noma-kaffe" class="mega-menu-link">
2052                    Noma Kaffe
2053                  </a>
2054                
2055<a href="/collections/books-and-merch" class="mega-menu-link">
2056                    Books & Merch
2057                  </a>
2058                
2059<a href="/collections/in-person-events" class="mega-menu-link">
2060                    In-Person Events
2061                  </a>
2062                
2063<a href="/products/taste-buds-membership" class="mega-menu-link">
2064                    Taste Buds 2027
2065                  </a>
2066                
2067<a href="/collections/digital-gift-card" class="mega-menu-link">
2068                    Gift Cards
2069                  </a>
2070                
2071              </div>
2072            </div>
2073            <div class="grid grid-cols-2 gap-[22px] col-span-4">
2074            <!-- Featured Collections from Blocks -->
2075            
2076              
2077                
2078                  <div class="mega-menu-column mega-menu-feature" >
2079                    <a href="/collections" class="mega-menu-feature-link">
2080                      <div class="mega-menu-image-container aspect-square">
2081                        
2082                        <!-- snippets/component__image.liquid -->
2083
2084
2085
2086
2087
2088
2089
2090<div
2091  class="
2092    js-picture w-full h-full overflow-hidden flex items-center
2093    
2094    !bg-transparent
2095    
2096  ">
2097  <picture
2098    class="
2099      w-full flex items-center justify-center overflow-hidden
2100      1/1
2101      w-full h-auto
2102      
2103    ">
2104    <img src="//nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=600" srcset="//nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Menu_Products.jpg?v=1769199974&amp;width=600 600w" width="600" height="600" loading="
2105  
2106    lazy
2107  
2108" class="
2109  js-image
2110  w-full h-full object-cover
2111  
2112    
2113      min-h-full
2114    
2115  
2116  
2117    animation-300
2118  
2119  
2120">
2121  </picture>
2122</div>
2123
2124                        
2125                      </div>
2126                      <h4 class="mega-menu-feature-title type__nav pt-[13px] flex items-center justify-start gap-1">Shop All Products <!-- snippets/component__icon.liquid -->
2127
2128
2129<span class="inline-flex align-middle " aria-hidden="true">
2130  
2131    <svg width="10" height="10" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2132        <title>Fill 1</title>
2133        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2134            <g id="Icon_Arrow_long" fill="currentColor">
2135                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
2136            </g>
2137        </g>
2138    </svg>
2139    
2140</span>
2141</h4>
2142                    </a>
2143                  </div>
2144                
2145              
2146            
2147              
2148                
2149                  <div class="mega-menu-column mega-menu-feature" >
2150                    <a href="/products/noma-kaffe" class="mega-menu-feature-link">
2151                      <div class="mega-menu-image-container aspect-square">
2152                        
2153                        <!-- snippets/component__image.liquid -->
2154
2155
2156
2157
2158
2159
2160
2161<div
2162  class="
2163    js-picture w-full h-full overflow-hidden flex items-center
2164    
2165    !bg-transparent
2166    
2167  ">
2168  <picture
2169    class="
2170      w-full flex items-center justify-center overflow-hidden
2171      1/1
2172      w-full h-auto
2173      
2174    ">
2175    <img src="//nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=600" srcset="//nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Menu_NomaKaffe.jpg?v=1769199974&amp;width=600 600w" width="600" height="600" loading="
2176  
2177    lazy
2178  
2179" class="
2180  js-image
2181  w-full h-full object-cover
2182  
2183    
2184      min-h-full
2185    
2186  
2187  
2188    animation-300
2189  
2190  
2191">
2192  </picture>
2193</div>
2194
2195                        
2196                      </div>
2197                      <h4 class="mega-menu-feature-title type__nav pt-[13px] flex items-center justify-start gap-1">Explore Noma Kaffe <!-- snippets/component__icon.liquid -->
2198
2199
2200<span class="inline-flex align-middle " aria-hidden="true">
2201  
2202    <svg width="10" height="10" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2203        <title>Fill 1</title>
2204        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2205            <g id="Icon_Arrow_long" fill="currentColor">
2206                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
2207            </g>
2208        </g>
2209    </svg>
2210    
2211</span>
2212</h4>
2213                    </a>
2214                  </div>
2215                
2216              
2217            
2218              
2219                
2220              
2221            
2222              
2223                
2224              
2225            
2226            </div>
2227        </div>
2228      </div>
2229    
2230  
2231
2232  
2233
2234  
2235
2236      <div class="mega-menu" data-for-menu="about">
2237        <div class="mega-menu-grid grid grid-cols-6 gap-4">
2238          <!-- Menu Column -->
2239            <div class="mega-menu-column mega-menu-links-column col-span-2">
2240              
2241                <h3><a href="/pages/noma-projects" class="megamenu-header">About</a></h3>
2242              
2243              <div class="mega-menu-links type__nav">
2244                
2245<a href="/pages/noma-projects" class="mega-menu-link">
2246                    Noma Projects
2247                  </a>
2248                
2249<a href="/pages/faq" class="mega-menu-link">
2250                    FAQ
2251                  </a>
2252                
2253<a href="/pages/careers" class="mega-menu-link">
2254                    Careers
2255                  </a>
2256                
2257<a href="/pages/contact" class="mega-menu-link">
2258                    Contact
2259                  </a>
2260                
2261              </div>
2262            </div>
2263            <div class="grid grid-cols-2 gap-[22px] col-span-4">
2264            <!-- Featured Collections from Blocks -->
2265            
2266              
2267                
2268              
2269            
2270              
2271                
2272              
2273            
2274              
2275                
2276                  <div class="mega-menu-column mega-menu-feature" >
2277                    <a href="/pages/noma-projects" class="mega-menu-feature-link">
2278                      <div class="mega-menu-image-container aspect-square">
2279                        
2280                        <!-- snippets/component__image.liquid -->
2281
2282
2283
2284
2285
2286
2287
2288<div
2289  class="
2290    js-picture w-full h-full overflow-hidden flex items-center
2291    
2292    !bg-transparent
2293    
2294  ">
2295  <picture
2296    class="
2297      w-full flex items-center justify-center overflow-hidden
2298      1/1
2299      w-full h-auto
2300      
2301    ">
2302    <img src="//nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=600" srcset="//nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NomaProjects_3DD_Koji_bf2f8304-e862-44a8-bf1e-6384514de8e5.jpg?v=1750931329&amp;width=600 600w" width="600" height="800" loading="
2303  
2304    lazy
2305  
2306" class="
2307  js-image
2308  w-full h-full object-cover
2309  
2310    
2311      min-h-full
2312    
2313  
2314  
2315    animation-300
2316  
2317  
2318">
2319  </picture>
2320</div>
2321
2322                        
2323                      </div>
2324                      <h4 class="mega-menu-feature-title type__nav pt-[13px] flex items-center justify-start gap-1">Noma Projects <!-- snippets/component__icon.liquid -->
2325
2326
2327<span class="inline-flex align-middle " aria-hidden="true">
2328  
2329    <svg width="10" height="10" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2330        <title>Fill 1</title>
2331        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2332            <g id="Icon_Arrow_long" fill="currentColor">
2333                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
2334            </g>
2335        </g>
2336    </svg>
2337    
2338</span>
2339</h4>
2340                    </a>
2341                  </div>
2342                
2343              
2344            
2345              
2346                
2347                  <div class="mega-menu-column mega-menu-feature" >
2348                    <a href="/pages/contact" class="mega-menu-feature-link">
2349                      <div class="mega-menu-image-container aspect-square">
2350                        
2351                        <!-- snippets/component__image.liquid -->
2352
2353
2354
2355
2356
2357
2358
2359<div
2360  class="
2361    js-picture w-full h-full overflow-hidden flex items-center
2362    
2363    !bg-transparent
2364    
2365  ">
2366  <picture
2367    class="
2368      w-full flex items-center justify-center overflow-hidden
2369      1/1
2370      w-full h-auto
2371      
2372    ">
2373    <img src="//nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=600" srcset="//nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/250914_NP_451A1445-1.jpg?v=1763073482&amp;width=600 600w" width="600" height="800" loading="
2374  
2375    lazy
2376  
2377" class="
2378  js-image
2379  w-full h-full object-cover
2380  
2381    
2382      min-h-full
2383    
2384  
2385  
2386    animation-300
2387  
2388  
2389">
2390  </picture>
2391</div>
2392
2393                        
2394                      </div>
2395                      <h4 class="mega-menu-feature-title type__nav pt-[13px] flex items-center justify-start gap-1">Find our products <!-- snippets/component__icon.liquid -->
2396
2397
2398<span class="inline-flex align-middle " aria-hidden="true">
2399  
2400    <svg width="10" height="10" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2401        <title>Fill 1</title>
2402        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2403            <g id="Icon_Arrow_long" fill="currentColor">
2404                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
2405            </g>
2406        </g>
2407    </svg>
2408    
2409</span>
2410</h4>
2411                    </a>
2412                  </div>
2413                
2414              
2415            
2416            </div>
2417        </div>
2418      </div>
2419    
2420  
2421</div>
2422
2423<script>
2424document.addEventListener('DOMContentLoaded', function() {
2425  // Get all navigation items that contain header links
2426  const headerLinks = document.querySelectorAll('.header__link');
2427  const navElement = document.querySelector('.theme__header nav');
2428  const megaMenuContainer = document.querySelector('.mega-menu-container');
2429  const megaMenus = document.querySelectorAll('.mega-menu');
2430  
2431  if (!headerLinks.length || !megaMenuContainer || !megaMenus.length) return;
2432  
2433  // Clear any previously set active states
2434  function clearAllActiveStates() {
2435    headerLinks.forEach(link => {
2436      link.classList.remove('active');
2437      link.removeAttribute('data-menu-active');
2438    });
2439  }
2440  
2441  // Give each header link a unique identifier
2442  headerLinks.forEach((link, index) => {
2443    // Only set the attribute if it doesn't already have one
2444    if (!link.getAttribute('data-menu-id')) {
2445      link.setAttribute('data-menu-id', `menu-${index}`);
2446    }
2447  });
2448  
2449  // Add hover events to each header link
2450  headerLinks.forEach(function(link) {
2451    const menuId = link.getAttribute('data-menu-id');
2452    const title = link.textContent.trim().toLowerCase().replace(/\s+/g, '-');
2453    
2454    // Give each mega menu a corresponding data-menu-id attribute
2455    megaMenus.forEach(menu => {
2456      if (menu.getAttribute('data-for-menu') === title) {
2457        menu.setAttribute('data-menu-id', menuId);
2458      }
2459    });
2460    
2461    link.addEventListener('mouseenter', function() {
2462      // Clear all active states first
2463      clearAllActiveStates();
2464      
2465      // Add hover-menu class to the nav element
2466      if (navElement) {
2467        navElement.classList.add('hover-menu');
2468      }
2469      
2470      // Add active class to the current header link only
2471      this.classList.add('active');
2472      this.setAttribute('data-menu-active', 'true');
2473      
2474      // Store the active menu id for reference
2475      megaMenuContainer.setAttribute('data-active-menu', menuId);
2476      
2477      // Show the mega menu container
2478      megaMenuContainer.style.opacity = '1';
2479      megaMenuContainer.style.visibility = 'visible';
2480      megaMenuContainer.style.transform = 'translateY(36px)';
2481      megaMenuContainer.style.pointerEvents = 'auto';
2482      
2483      // Show the specific menu for this nav item
2484      megaMenus.forEach(function(menu) {
2485        if (menu.getAttribute('data-for-menu') === title) {
2486          menu.style.display = 'block';
2487        } else {
2488          menu.style.display = 'none';
2489        }
2490      });
2491    });
2492  });
2493  
2494  // Add mouseenter event to mega menu container
2495  megaMenuContainer.addEventListener('mouseenter', function() {
2496    if (navElement) {
2497      navElement.classList.add('hover-menu');
2498    }
2499    
2500    // Keep only the relevant header link active
2501    const activeMenuId = megaMenuContainer.getAttribute('data-active-menu');
2502    
2503    // Clear all active states first
2504    clearAllActiveStates();
2505    
2506    if (activeMenuId) {
2507      const activeLink = document.querySelector(`.header__link[data-menu-id="${activeMenuId}"]`);
2508      if (activeLink) {
2509        activeLink.classList.add('active');
2510        activeLink.setAttribute('data-menu-active', 'true');
2511      }
2512    }
2513  });
2514  
2515  // Handle mouseleave for the navigation
2516  if (navElement) {
2517    navElement.addEventListener('mouseleave', function(e) {
2518      // Check if mouse moved to the mega menu
2519      if (!megaMenuContainer.contains(e.relatedTarget)) {
2520        hideMegaMenu();
2521      }
2522    });
2523  }
2524   
2525  // Hide mega menu when mouse leaves it
2526  megaMenuContainer.addEventListener('mouseleave', function(e) {
2527    // Check if mouse moved back to the nav
2528    if (!navElement || !navElement.contains(e.relatedTarget)) {
2529      hideMegaMenu();
2530    }
2531  });
2532  
2533  function hideMegaMenu() {
2534    megaMenuContainer.style.opacity = '0';
2535    megaMenuContainer.style.visibility = 'hidden';
2536    megaMenuContainer.style.transform = 'translateY(-100px)';
2537    megaMenuContainer.style.pointerEvents = 'none';
2538    
2539    // Clear all active states
2540    clearAllActiveStates();
2541    
2542    // Remove the active menu ID
2543    megaMenuContainer.removeAttribute('data-active-menu');
2544    
2545    // Only remove the hover-menu class if we're not hovering over the nav
2546    if (navElement && !navElement.matches(':hover')) {
2547      navElement.classList.remove('hover-menu');
2548    }
2549  }
2550});
2551</script>
2551
2552
2553</div>
2554<!-- END sections: header-group -->
2555      <!-- Hotjar Tracking Code for https://nomaprojects.com -->
2556      
2556<script>
vendor: 143 bytes, lines 2556-2559
2556
2557          (function(h,o,t,j,a,r){
2558              h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
2559              h._hjSettings={hjid:
25595089677
vendor: 294 bytes, lines 2559-2565
2559,hjsv:6};
2560              a=o.getElementsByTagName('head')[0];
2561              r=o.createElement('script');r.async=1;
2562              r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
2563              a.appendChild(r);
2564          })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
2565      
2565</script>
2565
2566    </header>
2567    <!-- snippets/header__search-mobile.liquid -->
2568
2569
2570<div class="flex-grow w-full no-js--hide z-[21]"
2571  x-data="{
2572    search: false,
2573    params: {
2574      author: true,
2575      body: true,
2576      product_type: true,
2577      tag: true,
2578      title: true,
2579      variants_barcode: true,
2580      variants_sku: true,
2581      variants_title: true,
2582      vendor: true,
2583    },
2584    resources: {
2585      article: true,
2586      collection: true,
2587      page: false,
2588      product: true,
2589      query: false
2590    },
2591    predictive: false
2592  }">
2593
2594  <form action="/search"
2595    x-data="{ searchQuery: '' }"
2596    method='get'>
2597    <div class="relative min-h-[]"
2598      :class="{ 'z-[21]': search_active }">
2599      
2600      <input type="hidden" name="type" value="article,product">
2601      
2602      <div
2603        x-show="!hide_mobile_input && search_active"
2604        x-cloak
2605        x-effect="if (search_active && !hide_mobile_input) $nextTick(() => $refs.searchInputMobile?.focus())"
2606        class="relative top-0 md:w-[60%] mx-auto animation-500 flex flex-row justify-between items-center"
2607        :class="{ 'z-[21] !fixed left-6 !top-6 right-6 search-active' : search_active }">
2608        <!-- snippets/component__icon.liquid -->
2609
2610
2611<span class="inline-flex align-middle h-full color__text mr-4 transform scale-x-[-1] hidden md:block" aria-hidden="true">
2612  
2613      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search transrom rotate-90"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
2614    
2615</span>
2616
2617        <div class="flex-grow">
2618          <label class="sr-only"
2619            for="search-mobile">Search</label>
2620          <input id="search-mobile"
2621            class="form-input !pl-0 !pr-10 color__text !min-h-0"
2622            type="text"
2623            name="q"
2624            placeholder="Search..."
2625            x-ref="searchInputMobile"
2626            @focus="search_active = true;"
2627            @input="searchQuery = $refs.searchInputMobile.value; predictive = $refs.searchInputMobile.value.length > 0"
2628            @input.debounce="fetchAndUpdateSearch($event,params,resources)"/>
2629          <div class="absolute top-0 flex items-center h-full right-2 hidden">
2630            <button class="btn btn--smaller btn--plain !bg-transparent !border-0 opacity-0"
2631              :class="{ '!opacity-100' : search_active }"
2632              type="button"
2633              title="Cancel search"
2634              @click="search_visible = false; hide_mobile_input = true; search_active = false;  $refs.searchInputMobile.value = '';"
2635              x-show="search_active">
2636              <!-- snippets/component__icon.liquid -->
2637
2638
2639<span class="inline-flex align-middle " aria-hidden="true">
2640  
2641    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
2642      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,68.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
2643    </svg>
2644    
2645    
2646</span>
2647
2648            </button>
2649          </div>
2650          <div class="absolute top-0 flex items-center h-full right-0">
2651            <button
2652              x-data="{ query: '', searchProducts() {
2653                  const query = $refs.searchInputMobile.value;
2654                  if (query) {
2655                      const searchUrl = `/search?q=${encodeURIComponent(query)}`;
2656                      window.location.href = searchUrl;
2657                  }
2658              } }"
2659              class="btn btn--smaller btn--plain !px-0 !bg-transparent !border-0 opacity-0 hover:!color__text"
2660              :class="{ '!opacity-100' : search_active }"
2661              type="button"
2662              title="Search"
2663              @click="searchProducts"
2664              x-show="search_active">
2665              <!-- snippets/component__icon.liquid -->
2666
2667
2668<span class="inline-flex align-middle h-full !color__text transform scale-x-[-1] !block  md:!hidden" aria-hidden="true">
2669  
2670      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search transrom rotate-90"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
2671    
2672</span>
2673
2674              <span class="hidden md:block !color__text">Search</span>
2675            </button>
2676          </div>
2677        </div>
2678      </div>
2679
2680      
2681      <div class="fixed overflow-hidden animation-100 left-0 right-0 top-0 pt-16 pb-6
2682      color__bg-primary color__primary color__border-selected-1"
2683      :class="{ '!pb-0' : !search_loading && ((search_items && search_items.length > 0) || (search_items_pages && search_items_pages.length > 0) || (search_items_articles && search_items_articles.length > 0)) }"
2684        x-show="search_active"
2685        
2686          x-transition:enter="animation-300"
2687          x-transition:enter-start="opacity-0"
2688          x-transition:enter-end="opacity-100"
2689          x-transition:leave="animation-300"
2690          x-transition:leave-start="opacity-100"
2691          x-transition:leave-end="opacity-0"
2692        
2693        x-cloak>
2694        <div class="flex flex-wrap h-full px-4 -mx-4 overflow-y-auto">
2695          <div class="w-full overflow-y-auto hide-scrollbar transition-all duration-100" :class="{ 'h-full' : predictive }">
2696
2697            
2698            <div class="p-4 pb-6"
2699              x-show="search_loading"
2700              x-cloak>
2701
2702              <div class="btn--load btn--loading">
2703                <div class="btn__content">Loading...</div>
2704                <div class="btn__spinner">
2705                  <!-- snippets/component__icon.liquid -->
2706
2707
2708<span class="inline-flex align-middle " aria-hidden="true">
2709  
2710      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>
2711    
2712</span>
2713
2714                </div>
2715              </div>
2716            </div>
2717
2718            
2719            <div
2720              class="!px-4 pb-24 md:pb-0 grid grid-cols-1 md:grid-cols-4 window--full gap-12 md:gap-24 pt-8 md:pt-16 !max-w-[94vw] h-[80vh] overflow-y-scroll hidescrollbar md:h-full"
2721              :class="{ '!pb-24': (search_items && search_items.length === 0) && (search_items_pages && search_items_pages.length === 0) && (search_items_articles && search_items_articles.length === 0) && !search_loading }"
2722              x-show="!search_loading && $refs.searchInputMobile.value.length > 0"
2723              x-cloak>
2724
2725              <div class=""
2726                x-show="(search_items && search_items.length === 0) && (search_items_pages && search_items_pages.length === 0) && (search_items_articles && search_items_articles.length === 0) && !search_loading"
2727                x-cloak>
2728                <p>No results found for <span x-text="searchQuery"></span></p>
2729              </div>
2730
2731              
2732              <div class=""
2733                x-show="search_items_queries && search_items_queries.length !== 0">
2734                <template x-for="item in search_items_queries">
2735                  <div class="flex items-center" x-cloak x-show="!item.title.toLowerCase().includes('no search')">
2736                    <a class="overflow-hidden !no-underline whitespace-nowrap text-ellipsis"
2737                      :href="item.url"
2738                      x-html="item.styled_text">
2739                    </a>
2740                  </div>
2741                </template>
2742              </div>
2743
2744              
2745              <div class=""
2746                x-show="search_items_collections && search_items_collections.length !== 0">
2747                <h3 class="pb-6 no-underline">
2748                  Collections
2749                </h3>
2750                <template x-for="item in search_items_collections">
2751                  <div class="flex items-center" x-cloak x-show="!item.title.toLowerCase().includes('no search')">
2752                    <a class="overflow-hidden !no-underline whitespace-nowrap text-ellipsis"
2753                      :href="item.url"
2754                      x-text="item.title">
2755                    </a>
2756                  </div>
2757                </template>
2758              </div>
2759
2760              
2761              <div class=""
2762                x-show="search_items && search_items.length != 0">
2763                <h3 class="pb-6 no-underline">
2764                  Products
2765                </h3>
2766
2767                <div class="flex flex-col gap-y-4">
2768                  <template x-for="item in search_items">
2769                    <a
2770                      x-cloak 
2771                      x-show="!(item.tags && item.tags.includes('exclude-search'))"
2772                      class="flex items-start w-full overflow-hidden no-underline hover:no-underline"
2773                      :href="item.url">
2774                      <div class="w-1/3 h-full flex-none">
2775                        <div class="object-cover flex items-center aspect-[1/1] aspect-w-1 aspect-h-1 h-full max-w-full color__bg-overlay-1 border--radius">
2776                          <img class="object-cover w-full h-full color__bg-overlay-1 border--radius"
2777                            width="180"
2778                            loading="lazy"
2779                            :src="item.image + '&width=180'"
2780                            :alt="item.title" />
2781                        </div>
2782                      </div>
2783
2784                      <div class="px-4 pt-2 grow">
2785                        <p class="mb-0 type--base !leading-tight"
2786                          x-text="item.title.split('(')[0].replace(/Unboxed|Unlocked/gi, '').trim()"></p>
2787                          <ul class="flex flex-wrap items-center gap-x-1 gap-y-0.5 p-0 opacity-75 mb-0.5">
2788                            
2789                            
2790                          </ul>
2791
2792                        
2793                      </div>
2794                    </a>
2795
2796                  </template>
2797                </div>
2798              </div>
2799
2800              
2801              <div class=""
2802                x-show="search_items_articles && search_items_articles.length !== 0">
2803                <h3 class="pb-6 no-underline">
2804                  Articles / Recipes
2805                </h3>
2806                <template x-for="item in search_items_articles">
2807                  <div class="flex items-center">
2808                    <a
2809                      x-cloak x-show="!item.title.toLowerCase().includes('no search')"
2810                      class="overflow-hidden !no-underline whitespace-nowrap text-ellipsis"
2811                      :href="item.url"
2812                      x-text="item.title">
2813                    </a>
2814                  </div>
2815                </template>
2816              </div>
2817
2818              
2819              <div class=""
2820                x-show="search_items_pages && search_items_pages.length !== 0">
2821                <h3 class="pb-6 no-underline">
2822                  Pages
2823                </h3>
2824                <template x-for="item in search_items_pages">
2825                  <div class="flex items-center"
2826                    x-cloak x-show="!item.title.toLowerCase().includes('no search')">
2827                    <a class="overflow-hidden !no-underline whitespace-nowrap text-ellipsis"
2828                      :href="item.url"
2829                      x-text="item.title">
2830                    </a>
2831                  </div>
2832                </template>
2833              </div>
2834
2835            </div>
2836            
2837            <div class="sticky top-0 z-[21] !px-4 py-6 md:pt-16 md:pb-12 window--full text-center"
2838              x-show="(search_items && search_items.length != 0) || (search_items_pages && search_items_pages.length !== 0) || (search_items_articles && search_items_articles.length !== 0) && !search_loading"
2839              x-cloak>
2840
2841              <button class="btn btn--smaller btn--plain"
2842                type="submit">
2843                View all results
2844              </button>
2845            </div>
2846          </div>
2847        </div>
2848
2849      </div>
2850
2851    </div>
2852  </form>
2853
2854  
2855  <div
2856    class="fixed inset-0 color__bg-neutral opacity-70 z-[19]"
2857    aria-hidden="true"
2858    @click="search_active = false; search_visible = false; hide_mobile_input = false; hide_announcement = false; hide_header = false;"
2859    x-show="search_active"
2860    
2861      x-transition:enter="animation-300"
2862      x-transition:enter-start="opacity-0"
2863      x-transition:enter-end="opacity-100"
2864      x-transition:leave="animation-300"
2865      x-transition:leave-start="opacity-100"
2866      x-transition:leave-end="opacity-0"
2867    
2868    x-cloak>
2869  </div>
2870
2871</div>
2872
2873    <div id="shopify-section-theme__cart" class="shopify-section"><!-- sections/theme__cart.liquid -->
2874
2875<script>
2876  window.shopCurrency = 'DKK';
2877  window.currencyRates = "${{amount}} USD";
2878</script>
2878
2879
2880
2881
2882
2883
2884<section
2885  class="fixed inset-0 z-50 overflow-hidden right-0"
2886  x-show="cart_drawer"
2887  x-cloak>
2888  <div class="absolute inset-0 overflow-hidden">
2889    <div
2890      class="absolute inset-0 color__overlay-light bg-opacity-30"
2891      aria-hidden="true"
2892      x-show="cart_drawer"
2893      
2894        x-transition:enter="animation-100"
2895        x-transition:enter-start="opacity-0"
2896        x-transition:enter-end="opacity-100"
2897        x-transition:leave="animation-100"
2898        x-transition:leave-start="opacity-100"
2899        x-transition:leave-end="opacity-0"
2900      
2901      @click="cart_drawer = false;"
2902      x-cloak>
2903    </div>
2904    <div
2905    class="fixed inset-y-0 right-0 z-[12] flex max-w-full"
2906    x-trap="cart_drawer"
2907    x-show="cart_drawer"
2908    
2909      x-transition:enter="animation-100 opacity-0"
2910      x-transition:enter-start="translate-x-full opacity-0"
2911      x-transition:enter-end="translate-x-0 opacity-100"
2912      x-transition:leave="animation-100 opacity-100"
2913      x-transition:leave-start="translate-x-0 opacity-100"
2914      x-transition:leave-end="translate-x-full opacity-0"
2915    
2916    x-cloak>
2917      <div class="lg:flex right-full absolute hidden min-w-[256px] self-start gap-4 m-4 flex-wrap">
2918        
2919  
2920    <div class="border--width border--radius px-8 py-4
2921      color__border-divider-1
2922      color__bg-primary color__primary">
2923      
2924      <h3 class="mb-2 type__mono type--base !normal-case">
2925        Add code GOLDEN at checkout to enter
2926      </h3>
2927      <span
2928        class="type--small m-0--clear">
2929        
2930      </span>
2931    </div>
2932  
2933
2934      </div>
2935      <div class="w-screen max-w-full md:max-w-[46rem]">
2936        <div class="flex flex-col h-full xshadow-xl border-r color__bg-body" action="/cart" method="post">
2937
2938          
2939          <section class="flex flex-wrap items-center justify-between px-8 py-4 sticky top-0
2940            color__bg-primary color__primary">
2941            
2942<div class="type__nav">
2943  Cart
2944</div>
2945
2946<div class="text-right">
2947  <button class="type__nav"
2948    title="Close"
2949    @click="menu_drawer = false;cart_drawer = false;">
2950    <!-- snippets/component__icon.liquid -->
2951
2952
2953<span class="inline-flex align-middle " aria-hidden="true">
2954  
2955    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
2956      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,68.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
2957    </svg>
2958    
2959    
2960</span>
2961
2962  </button>
2963</div>
2964
2965          </section>
2966
2967          
2968          <section class="color__bg-primary color__primary flex flex-col flex-grow min-h-0 overflow-x-hidden"
2969            x-data="{
2970              animate_index: 0,
2971              animate_delay: 0
2972            }">
2973
2974            
2975            
2976
2977            
2978            <div
2979              class="cart-items-pane relative flex flex-col flex-1 min-h-0"
2980              x-data="{
2981                scroll: false,
2982                overflows: false,
2983
2984                checkOverflow() {
2985                  const el = this.$refs.cartItems;
2986                  if (!el) return;
2987                  const padding = parseFloat(getComputedStyle(el).paddingBottom) || 0;
2988                  this.overflows = (el.scrollHeight - padding) > el.clientHeight + 1;
2989                }
2990              }"
2991              x-init="
2992                $nextTick(() => {
2993                  checkOverflow();
2994                  if ($refs.cartItems) {
2995                    new ResizeObserver(() => checkOverflow()).observe($refs.cartItems);
2996                  }
2997                });
2998                $watch('cart.items', () => $nextTick(() => checkOverflow()));
2999                $watch('cart_drawer', (open) => {
3000                  if (open) {
3001                    $nextTick(() => {
3002                      checkOverflow();
3003                      setTimeout(() => checkOverflow(), 200);
3004                    });
3005                  }
3006                });
3007              "
3008              @resize.window.throttle.100ms="checkOverflow()">
3009              <div
3010                class="flex flex-col flex-1 min-h-0 overflow-x-hidden overflow-y-auto hide-scrollbar"
3011                x-ref="cartItems"
3012                :style="overflows && cart.items.length > 0 ? { paddingBottom: 'var(--cart-gradient-height)' } : {}"
3013                @scroll="scroll = true">
3014
3015                <template x-if="cart.items.length == 0">
3016                  <div class="flex flex-col items-center justify-center flex-grow
3017                    color__bg-primary color__primary
3018                    color__border-divider-1">
3019
3020                    
3021                    
3022                    
3023                      <div class="relative mb-12" style="max-width: 50%;">
3024                        <div class="w-full">
3025                          <!-- snippets/component__image.liquid -->
3026
3027
3028
3029
3030
3031
3032
3033<div
3034  class="
3035    js-picture w-full h-full overflow-hidden flex items-center
3036    
3037    
3038    
3039  ">
3040  <picture
3041    class="
3042      w-full flex items-center justify-center overflow-hidden
3043      
3044      
3045      
3046    ">
3047    <img src="//nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=700" srcset="//nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Cart_Empty.png?v=1719730366&amp;width=700 700w" width="700" height="802" loading="
3048  
3049    lazy
3050  
3051" class="
3052  js-image
3053   object-cover
3054  
3055    
3056      min-h-full
3057    
3058  
3059  
3060    animation-300
3061  
3062  
3063">
3064  </picture>
3065</div>
3066
3067                        </div>
3068                      </div>
3069                    
3070                    <a class="btn btn--plain" href="/collections">
3071                      Expand your Palate
3072                    </a>
3073                  </div>
3074                </template>
3075
3076                <template x-for="(item, index) in cart.items">
3077                  <!-- snippets/template__cart-item.liquid -->
3078
3079
3080
3081
3082
3083
3084
3085<div
3086  class="
3087    border--b-width border--t-width flex w-auto mx-8 py-4
3088    color__bg-primary color__primary
3089    color__border-divider-1
3090  ">
3091
3092  <div class="flex w-full gap-4">
3093
3094    
3095    <a class="w-[15%] h-full flex-none"
3096      :href="item.url">
3097      <div
3098        class="object-contain max-w-full overflow-hidden border--radius aspect-1 color__bg-overlay-1">
3099        
3100        <picture>
3101          <source
3102            :srcset="item.featured_image + '&width=150'"
3103            media="(min-width: 768px)" />
3104          <img class="
3105          w-full h-full object-cover animation-1000 color__bg-overlay-1 mix-blend-darken
3106        "
3107            loading="lazy"
3108            
3109            :class="{
3110              'opacity-0' : cart_loading }"
3111          
3112            :src="item.image + '&width=150'"
3113            :alt="item.product_title"
3114            width="150" />
3115        </picture>
3116      </div>
3117    </a>
3118
3119    
3120    <div class="flex flex-col justify-between flex-grow animation-500"
3121      
3122        :class="{
3123          'opacity-50' : cart_loading }"
3124      >
3125
3126      
3127      <div class="flex items-start justify-between gap-2 type--med">
3128
3129        
3130        <div>
3131          <a
3132            class="max-w-[250px] no-underline hover:no-underline"
3133            tabindex="-1"
3134            :href="item.url"
3135            x-data="{
3136              combo_bundle_addons: {
3137                'taste-buds-2027-membership-fermentation-kit': [{ title: &quot;Fermentation Kit Add-On&quot;, dated: false }],
3138                'membership-summer-event': [{ title: &quot;Summer Event Add-On&quot;, dated: true }],
3139                'taste-buds-2027-membership-1': [{ title: &quot;Fermentation Kit Add-On&quot;, dated: false }, { title: &quot;Summer Event Add-On&quot;, dated: true }]
3140              },
3141              addonLabel(addon) {
3142                if (!addon.dated || !item.variant_title || item.variant_title === 'Default Title') return addon.title;
3143                const [date, guests] = item.variant_title.split(' / ');
3144                return addon.title + ' - ' + date + (guests === '2' ? ' x 2' : '');
3145              }
3146            }">
3147            <p
3148              class="mb-[5px] !leading-tight type--small"
3149              x-text="combo_bundle_addons[item.handle] ? item.product_title.split(' + ')[0] : item.product_title">
3150            </p>
3151            <template x-if="combo_bundle_addons[item.handle]">
3152              <template x-for="addon in combo_bundle_addons[item.handle]">
3153                <p
3154                  class="mb-0 opacity-75 type--small"
3155                  x-text="addonLabel(addon)">
3156                </p>
3157              </template>
3158            </template>
3159            <template x-if="item.properties">
3160              <template x-for="property in Object.entries(item.properties)">
3161                <p
3162                  class="mb-0 opacity-75 type--small"
3163                  x-text="property[0] + ': ' + property[1]"
3164                  x-show="!property[0].includes('__') && !['_autocart', '_title', '_autocart_discount_function','_mr'].includes(property[0])">
3165                </p>
3166              </template>
3167            </template>
3168            
3169            <p
3170              class="mb-0 opacity-75 type--small"
3171              x-text="item.variant_title"
3172              x-show="!combo_bundle_addons[item.handle]">
3173            </p>
3174            
3175            <p
3176              class="mb-0 opacity-75 type--small"
3177              x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''">
3178            </p>
3179            <template x-for="(discount) in item.discounts">
3180              <div class="flex mt-2">
3181                
3182                <!-- snippets/component__badge.liquid -->
3183�<div class="badge badge-color__overlay-2 rounded-full inline-flex items-center px-2 pt-1 pb-0.5
3184     ">
3185  
3186  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">
3187                  <span
3188                    class="type--small"
3189                    x-html="discount.title + ' - ' + Shopify.formatMoney(discount.amount)">
3190                  </span>
3191                </span>
3192</div>
3193
3194              </div>
3195            </template>
3196          </a>
3197          
3198        </div>
3199
3200        
3201        <div class="flex">
3202          <div x-data="{ button_loading: false }">
3203            <button
3204              class="btn btn--strip"
3205              :class="{ 'btn--loading' : cart_loading && button_loading }"
3206              :disabled="button_loading"
3207              @click="changeCartItemQuantity(item.key, 0, false); button_loading = true; setTimeout(function(){ button_loading = false}, 500);" ><!-- snippets/component__icon.liquid -->
3208
3209
3210<span class="inline-flex align-middle !color__overlay-2" aria-hidden="true">
3211  
3212    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
3213      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,
321368.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
3214    </svg>
3215    
3216    
3217</span>
3218
3219              <div class="btn__spinner">
3220                <!-- snippets/component__icon.liquid -->
3221
3222
3223<span class="inline-flex align-middle " aria-hidden="true">
3224  
3225      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>
3226    
3227</span>
3228
3229              </div>
3230            </button>
3231          </div>
3232        </div>
3233
3234      </div>
3235
3236      
3237      <div class="flex items-center justify-between gap-2 mt-2">
3238
3239        
3240        <div
3241          class="
3242            relative flex w-full overflow-hidden color__border-divider-2 border--input-width border__input--radius max-w-[90px]
3243          "
3244          x-data="{
3245            button_loading: false
3246          }">
3247          <button
3248            class="btn btn--smallest shrink-0 !border-0 !rounded-none !bg-transparent"
3249            title="Decrease quantity"
3250            type="button"
3251            :disabled="button_loading"
3252            @click="
3253              if (item.quantity >= 1){
3254                if(changeCartItemQuantity(item.key, item.quantity-1, false, false)) {
3255                  button_loading = true;
3256                  setTimeout(function(){ button_loading = false}, 500);
3257                  item.quantity--;
3258                }
3259              }
3260            ">
3261            <!-- snippets/component__icon.liquid -->
3262
3263
3264<span class="inline-flex align-middle " aria-hidden="true">
3265  
3266      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
3267    
3268</span>
3269
3270          </button>
3271          <label
3272            class="sr-only"
3273            :for="'cart-' + item.key + '-item.quantity '">
3274            Quantity
3275          </label>
3276          <input
3277            class="form-input !min-h-0 !border-0 !px-1 text-center !rounded-none !type--small"
3278            placeholder="1"
3279            type="text"
3280            :id="'cart-' + item.key + '-item.quantity '"
3281            @change.debounce="
3282              button_loading = true;
3283              changeCartItemQuantity(item.key, item.quantity, false);
3284              setTimeout(function(){ button_loading = false}, 500);"
3285            x-model='item.quantity'>
3286          <button
3287            class="btn btn--smallest shrink-0 !border-0 !rounded-none !bg-transparent"
3288            :disabled="button_loading"
3289            title="Increase quantity"
3290            type="button"
3291            @click="
3292              if(changeCartItemQuantity(item.key, item.quantity+1, false, false)) {
3293                button_loading = true;
3294                setTimeout(function(){ button_loading = false}, 500);
3295                item.quantity++;
3296              }
3297            ">
3298            <!-- snippets/component__icon.liquid -->
3299
3300
3301<span class="inline-flex align-middle " aria-hidden="true">
3302  
3303      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
3304    
3305</span>
3306
3307          </button>
3308        </div>
3309
3310        
3311        <div class="flex flex-col items-end type--small">
3312          <span
3313            class="!leading-tight hidden"
3314            x-html="Shopify.formatMoney(item.price)">
3315          </span>
3316          <span
3317            class="!leading-tight"
3318            x-html="Shopify.formatMoney(item.final_line_price)">
3319          </span>
3320          <span
3321            x-show="item.total_discount > 0"
3322            x-cloak>
3323            <s class="!leading-tight"
3324              x-html="Shopify.formatMoney(item.original_line_price)">
3325            </s>
3326          </span>
3327          <span
3328            class="type--small"
3329            x-show="item.unit_price_measurement">
3330            <span x-html="Shopify.formatMoney(item.unit_price)"></span>
3331            <span>/</span>
3332            <span
3333              x-text="
3334                if(item.unit_price_measurement){
3335                  return item.unit_price_measurement.reference_value;
3336              }">
3337            </span>
3338            <span
3339              x-text="
3340                if(item.unit_price_measurement){
3341                  return item.unit_price_measurement.reference_unit;
3342              }">
3343            </span>
3344          </span>
3345        </div>
3346
3347      </div>
3348
3349    </div>
3350
3351  </div>
3352
3353  
3354  <div
3355    :id="'js-quickEdit-cart-' + item.handle"
3356    x-show="quick_edit_handle === item.handle">
3357  </div>
3358
3359</div>
3360
3361                </template>
3362
3363                
3364                <div class="sticky text-center bottom-4"
3365                  @click="scroll = true;"
3366                  x-show="!scroll && cart.items.length > 5"
3367                  
3368                    x-transition:enter="animation-100"
3369                    x-transition:enter-start="opacity-0 translate-y-8"
3370                    x-transition:enter-end="opacity-100"
3371                    x-transition:leave="animation-100"
3372                    x-transition:leave-start="opacity-100"
3373                    x-transition:leave-end="opacity-0 translate-y-8"
3374                  
3375                  x-cloak>
3376                  <button class="shadow-sm" title="Scroll down">
3377                    <!-- snippets/component__icon.liquid -->
3378
3379
3380<span class="inline-flex align-middle " aria-hidden="true">
3381  
3382      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
3383    
3384</span>
3385
3386                  </button>
3387                </div>
3388
3389              </div>
3390
3391              <div
3392                class="primary-gradient"
3393                x-show="overflows && cart.items.length > 0"
3394                x-cloak></div>
3395            </div>
3396
3397            
3398            
3399              
3400              
3401                
3402                <div
3403                  id="js-upsell-container"
3404                  style="display:none;"
3405                  class="relative z-[1] mx-4 mb-2 -mt-1 md:mx-6 border--radius overflow-hidden color__bg-neutral color__text">
3406                  <div class="grid grid-cols-3 gap-2 p-2.5">
3407                    
3408                      <!-- snippets/component__upsell-slider-item.liquid -->
3409
3410
3411<div
3412  class="
3413    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-9883326710100 upsell upsell--9883326710100
3414  "
3415  style="display:none;"
3416  data-product-id="9883326710100"
3417  x-data="{
3418    button_loading: false
3419  }"
3420  x-bind:data-slide="0">
3421
3422  <div class="flex flex-col w-full color__text">
3423
3424    
3425    <a
3426      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
3427      href="/products/staff-chili">
3428      
3429        
3430          <!-- snippets/component__image.liquid -->
3431
3432
3433
3434
3435
3436
3437
3438<div
3439  class="
3440    js-picture w-full h-full overflow-hidden flex items-center
3441    
3442    
3443    
3444  ">
3445  <picture
3446    class="
3447      w-full flex items-center justify-center overflow-hidden
3448      aspect-[1/1]
3449      w-full h-full
3450      
3451    ">
3452    <img src="//nomaprojects.com/cdn/shop/files/NP_P_StaffChili_01.jpg?v=1772020858&amp;width=260" alt="Noma&#39;s Staff Chili Sauce" srcset="//nomaprojects.com/cdn/shop/files/NP_P_StaffChili_01.jpg?v=1772020858&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_StaffChili_01.jpg?v=1772020858&amp;width=200 200w" width="260" height="325" loading="
3453  
3454    lazy
3455  
3456" class="
3457  js-image
3458  
3459          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
3460         object-cover
3461  
3462    
3463      min-h-full
3464    
3465  
3466  
3467    animation-300
3468  
3469  
3470">
3471  </picture>
3472</div>
3473
3474      
3475    </a>
3476
3477    
3478    <div class="flex items-start justify-between gap-1.5 mt-2">
3479      <a
3480        class="min-w-0 no-underline hover:no-underline focus:no-underline"
3481        tabindex="-1"
3482        href="/products/staff-chili">
3483        <p
3484          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
3485          Noma's Staff Chili Sauce
3486        </p>
3487        
3488        <p
3489          class="mb-0 !leading-tight type--small opacity-50">
3490          <!-- snippets/component__format-price.liquid -->
3491
3492
3493$25 USD
3494        </p>
3495      </a>
3496
3497      
3498      <div
3499        class="flex-none mt-0.5"
3500        x-ref="formContainer">
3501        <form
3502          class="flex flex-wrap"
3503          action="/cart/add"
3504          method="post"
3505          enctype="multipart/form-data"
3506          x-data="{
3507            current_variant_id: 50637312459092,
3508            current_variant_selling_plan_id: 0,
3509            quantity: 1,
3510            current_variant_note: '',
3511          }"
3512          @submit.prevent="
3513            button_loading = true;
3514            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
3515            setTimeout(function(){ button_loading = false}, 500);
3516          ">
3517          
3518            <input
3519              name="id"
3520              type="hidden"
3521              :value="current_variant_id"
3522              x-model="current_variant_id">
3523            <input
3524              class="!hidden"
3525              name="quantity"
3526              type="text"
3527              value="1"
3528              min="1"
3529              max=""
3530              x-model="quantity">
3531            <input
3532              class="!hidden"
3533              name="properties[Reminder]"
3534              type="hidden"
3535              :value="current_variant_note"
3536              x-model="current_variant_note">
3537            <button
3538              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
3539              :class="{ 'btn--loading' : cart_loading && button_loading }"
3540              type="submit"
3541              role="button"
3542              :disabled="button_loading">
3543              <!-- snippets/component__icon.liquid -->
3544
3545
3546<span class="inline-flex align-middle " aria-hidden="true">
3547  
3548      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
3549    
3550</span>
3551
3552            </button>
3553          
3554        </form>
3555      </div>
3556    </div>
3557
3558  </div>
3559
3560  
3561  <div
3562    id='js-quickAdd-upsell-staff-chili'
3563    x-show="quick_add_handle === 'staff-chili'"></div>
3564
3565</div>
3566
3567                    
3568                      <!-- snippets/component__upsell-slider-item.liquid -->
3569
3570
3571<div
3572  class="
3573    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-8597380301140 upsell upsell--8597380301140
3574  "
3575  style="display:none;"
3576  data-product-id="8597380301140"
3577  x-data="{
3578    button_loading: false
3579  }"
3580  x-bind:data-slide="1">
3581
3582  <div class="flex flex-col w-full color__text">
3583
3584    
3585    <a
3586      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
3587      href="/products/corn-yuzu-hot-sauce">
3588      
3589        
3590          <!-- snippets/component__image.liquid -->
3591
3592
3593
3594
3595
3596
3597
3598<div
3599  class="
3600    js-picture w-full h-full overflow-hidden flex items-center
3601    
3602    
3603    
3604  ">
3605  <picture
3606    class="
3607      w-full flex items-center justify-center overflow-hidden
3608      aspect-[1/1]
3609      w-full h-full
3610      
3611    ">
3612    <img src="//nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=260" alt="Corn Yuzu Hot Sauce" srcset="//nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=200 200w" width="260" height="325" loading="
3613  
3614    lazy
3615  
3616" class="
3617  js-image
3618  
3619          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
3620         object-cover
3621  
3622    
3623      min-h-full
3624    
3625  
3626  
3627    animation-300
3628  
3629  
3630">
3631  </picture>
3632</div>
3633
3634      
3635    </a>
3636
3637    
3638    <div class="flex items-start justify-between gap-1.5 mt-2">
3639      <a
3640        class="min-w-0 no-underline hover:no-underline focus:no-underline"
3641        tabindex="-1"
3642        href="/products/corn-yuzu-hot-sauce">
3643        <p
3644          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
3645          Corn Yuzu Hot Sauce
3646        </p>
3647        
3648        <p
3649          class="mb-0 !leading-tight type--small opacity-50">
3650          <!-- snippets/component__format-price.liquid -->
3651
3652
3653$29 USD
3654        </p>
3655      </a>
3656
3657      
3658      <div
3659        class="flex-none mt-0.5"
3660        x-ref="formContainer">
3661        <form
3662          class="flex flex-wrap"
3663          action="/cart/add"
3664          method="post"
3665          enctype="multipart/form-data"
3666          x-data="{
3667            current_variant_id: 47034818265428,
3668            current_variant_selling_plan_id: 0,
3669            quantity: 1,
3670            current_variant_note: '',
3671          }"
3672          @submit.prevent="
3673            button_loading = true;
3674            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
3675            setTimeout(function(){ button_loading = false}, 500);
3676          ">
3677          
3678            <input
3679              name="id"
3680              type="hidden"
3681              :value="current_variant_id"
3682              x-model="current_variant_id">
3683            <input
3684              class="!hidden"
3685              name="quantity"
3686              type="text"
3687              value="1"
3688              min="1"
3689              max=""
3690              x-model="quantity">
3691            <input
3692              class="!hidden"
3693              name="properties[Reminder]"
3694              type="hidden"
3695              :value="current_variant_note"
3696              x-model="current_variant_note">
3697            <button
3698              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
3699              :class="{ 'btn--loading' : cart_loading && button_loading }"
3700              type="submit"
3701              role="button"
3702              :disabled="button_loading">
3703              <!-- snippets/component__icon.liquid -->
3704
3705
3706<span class="inline-flex align-middle " aria-hidden="true">
3707  
3708      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
3708ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
3709    
3710</span>
3711
3712            </button>
3713          
3714        </form>
3715      </div>
3716    </div>
3717
3718  </div>
3719
3720  
3721  <div
3722    id='js-quickAdd-upsell-corn-yuzu-hot-sauce'
3723    x-show="quick_add_handle === 'corn-yuzu-hot-sauce'"></div>
3724
3725</div>
3726
3727                    
3728                      <!-- snippets/component__upsell-slider-item.liquid -->
3729
3730
3731<div
3732  class="
3733    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-9799265124692 upsell upsell--9799265124692
3734  "
3735  style="display:none;"
3736  data-product-id="9799265124692"
3737  x-data="{
3738    button_loading: false
3739  }"
3740  x-bind:data-slide="2">
3741
3742  <div class="flex flex-col w-full color__text">
3743
3744    
3745    <a
3746      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
3747      href="/products/pumpkin-seed-praline">
3748      
3749        
3750          <!-- snippets/component__image.liquid -->
3751
3752
3753
3754
3755
3756
3757
3758<div
3759  class="
3760    js-picture w-full h-full overflow-hidden flex items-center
3761    
3762    
3763    
3764  ">
3765  <picture
3766    class="
3767      w-full flex items-center justify-center overflow-hidden
3768      aspect-[1/1]
3769      w-full h-full
3770      
3771    ">
3772    <img src="//nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=260" alt="Pumpkin Seed Praline" srcset="//nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=200 200w" width="260" height="325" loading="
3773  
3774    lazy
3775  
3776" class="
3777  js-image
3778  
3779          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
3780         object-cover
3781  
3782    
3783      min-h-full
3784    
3785  
3786  
3787    animation-300
3788  
3789  
3790">
3791  </picture>
3792</div>
3793
3794      
3795    </a>
3796
3797    
3798    <div class="flex items-start justify-between gap-1.5 mt-2">
3799      <a
3800        class="min-w-0 no-underline hover:no-underline focus:no-underline"
3801        tabindex="-1"
3802        href="/products/pumpkin-seed-praline">
3803        <p
3804          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
3805          Pumpkin Seed Praline
3806        </p>
3807        
3808        <p
3809          class="mb-0 !leading-tight type--small opacity-50">
3810          <!-- snippets/component__format-price.liquid -->
3811
3812
3813$37 USD
3814        </p>
3815      </a>
3816
3817      
3818      <div
3819        class="flex-none mt-0.5"
3820        x-ref="formContainer">
3821        <form
3822          class="flex flex-wrap"
3823          action="/cart/add"
3824          method="post"
3825          enctype="multipart/form-data"
3826          x-data="{
3827            current_variant_id: 50023902183764,
3828            current_variant_selling_plan_id: 0,
3829            quantity: 1,
3830            current_variant_note: '',
3831          }"
3832          @submit.prevent="
3833            button_loading = true;
3834            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
3835            setTimeout(function(){ button_loading = false}, 500);
3836          ">
3837          
3838            <input
3839              name="id"
3840              type="hidden"
3841              :value="current_variant_id"
3842              x-model="current_variant_id">
3843            <input
3844              class="!hidden"
3845              name="quantity"
3846              type="text"
3847              value="1"
3848              min="1"
3849              max=""
3850              x-model="quantity">
3851            <input
3852              class="!hidden"
3853              name="properties[Reminder]"
3854              type="hidden"
3855              :value="current_variant_note"
3856              x-model="current_variant_note">
3857            <button
3858              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
3859              :class="{ 'btn--loading' : cart_loading && button_loading }"
3860              type="submit"
3861              role="button"
3862              :disabled="button_loading">
3863              <!-- snippets/component__icon.liquid -->
3864
3865
3866<span class="inline-flex align-middle " aria-hidden="true">
3867  
3868      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
3868ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
3869    
3870</span>
3871
3872            </button>
3873          
3874        </form>
3875      </div>
3876    </div>
3877
3878  </div>
3879
3880  
3881  <div
3882    id='js-quickAdd-upsell-pumpkin-seed-praline'
3883    x-show="quick_add_handle === 'pumpkin-seed-praline'"></div>
3884
3885</div>
3886
3887                    
3888                      <!-- snippets/component__upsell-slider-item.liquid -->
3889
3890
3891<div
3892  class="
3893    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-9600399901012 upsell upsell--9600399901012
3894  "
3895  style="display:none;"
3896  data-product-id="9600399901012"
3897  x-data="{
3898    button_loading: false
3899  }"
3900  x-bind:data-slide="3">
3901
3902  <div class="flex flex-col w-full color__text">
3903
3904    
3905    <a
3906      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
3907      href="/products/elderflower-peaso-miso">
3908      
3909        
3910          <!-- snippets/component__image.liquid -->
3911
3912
3913
3914
3915
3916
3917
3918<div
3919  class="
3920    js-picture w-full h-full overflow-hidden flex items-center
3921    
3922    
3923    
3924  ">
3925  <picture
3926    class="
3927      w-full flex items-center justify-center overflow-hidden
3928      aspect-[1/1]
3929      w-full h-full
3930      
3931    ">
3932    <img src="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=260" alt="Elderflower Peaso" srcset="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=200 200w" width="260" height="325" loading="
3933  
3934    lazy
3935  
3936" class="
3937  js-image
3938  
3939          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
3940         object-cover
3941  
3942    
3943      min-h-full
3944    
3945  
3946  
3947    animation-300
3948  
3949  
3950">
3951  </picture>
3952</div>
3953
3954      
3955    </a>
3956
3957    
3958    <div class="flex items-start justify-between gap-1.5 mt-2">
3959      <a
3960        class="min-w-0 no-underline hover:no-underline focus:no-underline"
3961        tabindex="-1"
3962        href="/products/elderflower-peaso-miso">
3963        <p
3964          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
3965          Elderflower Peaso
3966        </p>
3967        
3968        <p
3969          class="mb-0 !leading-tight type--small opacity-50">
3970          <!-- snippets/component__format-price.liquid -->
3971
3972
3973$28 USD
3974        </p>
3975      </a>
3976
3977      
3978      <div
3979        class="flex-none mt-0.5"
3980        x-ref="formContainer">
3981        <form
3982          class="flex flex-wrap"
3983          action="/cart/add"
3984          method="post"
3985          enctype="multipart/form-data"
3986          x-data="{
3987            current_variant_id: 49293025116500,
3988            current_variant_selling_plan_id: 0,
3989            quantity: 1,
3990            current_variant_note: '',
3991          }"
3992          @submit.prevent="
3993            button_loading = true;
3994            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
3995            setTimeout(function(){ button_loading = false}, 500);
3996          ">
3997          
3998            <input
3999              name="id"
4000              type="hidden"
4001              :value="current_variant_id"
4002              x-model="current_variant_id">
4003            <input
4004              class="!hidden"
4005              name="quantity"
4006              type="text"
4007              value="1"
4008              min="1"
4009              max=""
4010              x-model="quantity">
4011            <input
4012              class="!hidden"
4013              name="properties[Reminder]"
4014              type="hidden"
4015              :value="current_variant_note"
4016              x-model="current_variant_note">
4017            <button
4018              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
4019              :class="{ 'btn--loading' : cart_loading && button_loading }"
4020              type="submit"
4021              role="button"
4022              :disabled="button_loading">
4023              <!-- snippets/component__icon.liquid -->
4024
4025
4026<span class="inline-flex align-middle " aria-hidden="true">
4027  
4028      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
4028ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
4029    
4030</span>
4031
4032            </button>
4033          
4034        </form>
4035      </div>
4036    </div>
4037
4038  </div>
4039
4040  
4041  <div
4042    id='js-quickAdd-upsell-elderflower-peaso-miso'
4043    x-show="quick_add_handle === 'elderflower-peaso-miso'"></div>
4044
4045</div>
4046
4047                    
4048                      <!-- snippets/component__upsell-slider-item.liquid -->
4049
4050
4051<div
4052  class="
4053    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-12469351547220 upsell upsell--12469351547220
4054  "
4055  style="display:none;"
4056  data-product-id="12469351547220"
4057  x-data="{
4058    button_loading: false
4059  }"
4060  x-bind:data-slide="4">
4061
4062  <div class="flex flex-col w-full color__text">
4063
4064    
4065    <a
4066      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
4067      href="/products/flavor-pack">
4068      
4069        
4070          <!-- snippets/component__image.liquid -->
4071
4072
4073
4074
4075
4076
4077
4078<div
4079  class="
4080    js-picture w-full h-full overflow-hidden flex items-center
4081    
4082    
4083    
4084  ">
4085  <picture
4086    class="
4087      w-full flex items-center justify-center overflow-hidden
4088      aspect-[1/1]
4089      w-full h-full
4090      
4091    ">
4092    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=260" alt="The Flavor Pack" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=200 200w" width="260" height="325" loading="
4093  
4094    lazy
4095  
4096" class="
4097  js-image
4098  
4099          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
4100         object-cover
4101  
4102    
4103      min-h-full
4104    
4105  
4106  
4107    animation-300
4108  
4109  
4110">
4111  </picture>
4112</div>
4113
4114      
4115    </a>
4116
4117    
4118    <div class="flex items-start justify-between gap-1.5 mt-2">
4119      <a
4120        class="min-w-0 no-underline hover:no-underline focus:no-underline"
4121        tabindex="-1"
4122        href="/products/flavor-pack">
4123        <p
4124          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
4125          The Flavor Pack
4126        </p>
4127        
4128        <p
4129          class="mb-0 !leading-tight type--small opacity-50">
4130          <!-- snippets/component__format-price.liquid -->
4131
4132
4133$161 USD
4134        </p>
4135      </a>
4136
4137      
4138      <div
4139        class="flex-none mt-0.5"
4140        x-ref="formContainer">
4141        <form
4142          class="flex flex-wrap"
4143          action="/cart/add"
4144          method="post"
4145          enctype="multipart/form-data"
4146          x-data="{
4147            current_variant_id: 53426934907220,
4148            current_variant_selling_plan_id: 0,
4149            quantity: 1,
4150            current_variant_note: '',
4151          }"
4152          @submit.prevent="
4153            button_loading = true;
4154            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
4155            setTimeout(function(){ button_loading = false}, 500);
4156          ">
4157          
4158            <input
4159              name="id"
4160              type="hidden"
4161              :value="current_variant_id"
4162              x-model="current_variant_id">
4163            <input
4164              class="!hidden"
4165              name="quantity"
4166              type="text"
4167              value="1"
4168              min="1"
4169              max=""
4170              x-model="quantity">
4171            <input
4172              class="!hidden"
4173              name="properties[Reminder]"
4174              type="hidden"
4175              :value="current_variant_note"
4176              x-model="current_variant_note">
4177            <button
4178              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
4179              :class="{ 'btn--loading' : cart_loading && button_loading }"
4180              type="submit"
4181              role="button"
4182              :disabled="button_loading">
4183              <!-- snippets/component__icon.liquid -->
4184
4185
4186<span class="inline-flex align-middle " aria-hidden="true">
4187  
4188      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
4188ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
4189    
4190</span>
4191
4192            </button>
4193          
4194        </form>
4195      </div>
4196    </div>
4197
4198  </div>
4199
4200  
4201  <div
4202    id='js-quickAdd-upsell-flavor-pack'
4203    x-show="quick_add_handle === 'flavor-pack'"></div>
4204
4205</div>
4206
4207                    
4208                      <!-- snippets/component__upsell-slider-item.liquid -->
4209
4210
4211<div
4212  class="
4213    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-15645997203796 upsell upsell--15645997203796
4214  "
4215  style="display:none;"
4216  data-product-id="15645997203796"
4217  x-data="{
4218    button_loading: false
4219  }"
4220  x-bind:data-slide="5">
4221
4222  <div class="flex flex-col w-full color__text">
4223
4224    
4225    <a
4226      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
4227      href="/products/rose-cold-brew-bundle">
4228      
4229        
4230          <!-- snippets/component__image.liquid -->
4231
4232
4233
4234
4235
4236
4237
4238<div
4239  class="
4240    js-picture w-full h-full overflow-hidden flex items-center
4241    
4242    
4243    
4244  ">
4245  <picture
4246    class="
4247      w-full flex items-center justify-center overflow-hidden
4248      aspect-[1/1]
4249      w-full h-full
4250      
4251    ">
4252    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=260" alt="Rose Cold Brew Bundle" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=200 200w" width="260" height="325" loading="
4253  
4254    lazy
4255  
4256" class="
4257  js-image
4258  
4259          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
4260         object-cover
4261  
4262    
4263      min-h-full
4264    
4265  
4266  
4267    animation-300
4268  
4269  
4270">
4271  </picture>
4272</div>
4273
4274      
4275    </a>
4276
4277    
4278    <div class="flex items-start justify-between gap-1.5 mt-2">
4279      <a
4280        class="min-w-0 no-underline hover:no-underline focus:no-underline"
4281        tabindex="-1"
4282        href="/products/rose-cold-brew-bundle">
4283        <p
4284          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
4285          Rose Cold Brew Bundle
4286        </p>
4287        
4288        <p
4289          class="mb-0 !leading-tight type--small opacity-50">
4290          <!-- snippets/component__format-price.liquid -->
4291
4292
4293$70 USD
4294        </p>
4295      </a>
4296
4297      
4298      <div
4299        class="flex-none mt-0.5"
4300        x-ref="formContainer">
4301        <form
4302          class="flex flex-wrap"
4303          action="/cart/add"
4304          method="post"
4305          enctype="multipart/form-data"
4306          x-data="{
4307            current_variant_id: 56591936815444,
4308            current_variant_selling_plan_id: 0,
4309            quantity: 1,
4310            current_variant_note: '',
4311          }"
4312          @submit.prevent="
4313            button_loading = true;
4314            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
4315            setTimeout(function(){ button_loading = false}, 500);
4316          ">
4317          
4318            <input
4319              name="id"
4320              type="hidden"
4321              :value="current_variant_id"
4322              x-model="current_variant_id">
4323            <input
4324              class="!hidden"
4325              name="quantity"
4326              type="text"
4327              value="1"
4328              min="1"
4329              max=""
4330              x-model="quantity">
4331            <input
4332              class="!hidden"
4333              name="properties[Reminder]"
4334              type="hidden"
4335              :value="current_variant_note"
4336              x-model="current_variant_note">
4337            <button
4338              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
4339              :class="{ 'btn--loading' : cart_loading && button_loading }"
4340              type="submit"
4341              role="button"
4342              :disabled="button_loading">
4343              <!-- snippets/component__icon.liquid -->
4344
4345
4346<span class="inline-flex align-middle " aria-hidden="true">
4347  
4348      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
4348ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
4349    
4350</span>
4351
4352            </button>
4353          
4354        </form>
4355      </div>
4356    </div>
4357
4358  </div>
4359
4360  
4361  <div
4362    id='js-quickAdd-upsell-rose-cold-brew-bundle'
4363    x-show="quick_add_handle === 'rose-cold-brew-bundle'"></div>
4364
4365</div>
4366
4367                    
4368                      <!-- snippets/component__upsell-slider-item.liquid -->
4369
4370
4371<div
4372  class="
4373    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-12460991381844 upsell upsell--12460991381844
4374  "
4375  style="display:none;"
4376  data-product-id="12460991381844"
4377  x-data="{
4378    button_loading: false
4379  }"
4380  x-bind:data-slide="6">
4381
4382  <div class="flex flex-col w-full color__text">
4383
4384    
4385    <a
4386      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
4387      href="/products/kyoto-peaso">
4388      
4389        
4390          <!-- snippets/component__image.liquid -->
4391
4392
4393
4394
4395
4396
4397
4398<div
4399  class="
4400    js-picture w-full h-full overflow-hidden flex items-center
4401    
4402    
4403    
4404  ">
4405  <picture
4406    class="
4407      w-full flex items-center justify-center overflow-hidden
4408      aspect-[1/1]
4409      w-full h-full
4410      
4411    ">
4412    <img src="//nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=260" alt="Kyoto Peaso" srcset="//nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=200 200w" width="260" height="325" loading="
4413  
4414    lazy
4415  
4416" class="
4417  js-image
4418  
4419          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
4420         object-cover
4421  
4422    
4423      min-h-full
4424    
4425  
4426  
4427    animation-300
4428  
4429  
4430">
4431  </picture>
4432</div>
4433
4434      
4435    </a>
4436
4437    
4438    <div class="flex items-start justify-between gap-1.5 mt-2">
4439      <a
4440        class="min-w-0 no-underline hover:no-underline focus:no-underline"
4441        tabindex="-1"
4442        href="/products/kyoto-peaso">
4443        <p
4444          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
4445          Kyoto Peaso
4446        </p>
4447        
4448        <p
4449          class="mb-0 !leading-tight type--small opacity-50">
4450          <!-- snippets/component__format-price.liquid -->
4451
4452
4453$29 USD
4454        </p>
4455      </a>
4456
4457      
4458      <div
4459        class="flex-none mt-0.5"
4460        x-ref="formContainer">
4461        <form
4462          class="flex flex-wrap"
4463          action="/cart/add"
4464          method="post"
4465          enctype="multipart/form-data"
4466          x-data="{
4467            current_variant_id: 53383115374932,
4468            current_variant_selling_plan_id: 0,
4469            quantity: 1,
4470            current_variant_note: '',
4471          }"
4472          @submit.prevent="
4473            button_loading = true;
4474            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
4475            setTimeout(function(){ button_loading = false}, 500);
4476          ">
4477          
4478            <input
4479              name="id"
4480              type="hidden"
4481              :value="current_variant_id"
4482              x-model="current_variant_id">
4483            <input
4484              class="!hidden"
4485              name="quantity"
4486              type="text"
4487              value="1"
4488              min="1"
4489              max=""
4490              x-model="quantity">
4491            <input
4492              class="!hidden"
4493              name="properties[Reminder]"
4494              type="hidden"
4495              :value="current_variant_note"
4496              x-model="current_variant_note">
4497            <button
4498              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
4499              :class="{ 'btn--loading' : cart_loading && button_loading }"
4500              type="submit"
4501              role="button"
4502              :disabled="button_loading">
4503              <!-- snippets/component__icon.liquid -->
4504
4505
4506<span class="inline-flex align-middle " aria-hidden="true">
4507  
4508      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
4508ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
4509    
4510</span>
4511
4512            </button>
4513          
4514        </form>
4515      </div>
4516    </div>
4517
4518  </div>
4519
4520  
4521  <div
4522    id='js-quickAdd-upsell-kyoto-peaso'
4523    x-show="quick_add_handle === 'kyoto-peaso'"></div>
4524
4525</div>
4526
4527                    
4528                      <!-- snippets/component__upsell-slider-item.liquid -->
4529
4530
4531<div
4532  class="
4533    relative flex flex-col w-full whitespace-normal overflow-hidden js-upsell js-upsell-7171407904973 upsell upsell--7171407904973
4534  "
4535  style="display:none;"
4536  data-product-id="7171407904973"
4537  x-data="{
4538    button_loading: false
4539  }"
4540  x-bind:data-slide="7">
4541
4542  <div class="flex flex-col w-full color__text">
4543
4544    
4545    <a
4546      class="relative flex items-center justify-center w-full mx-auto aspect-[1/1] overflow-hidden color__bg-shade-1"
4547      href="/products/cep-oil">
4548      
4549        
4550          <!-- snippets/component__image.liquid -->
4551
4552
4553
4554
4555
4556
4557
4558<div
4559  class="
4560    js-picture w-full h-full overflow-hidden flex items-center
4561    
4562    
4563    
4564  ">
4565  <picture
4566    class="
4567      w-full flex items-center justify-center overflow-hidden
4568      aspect-[1/1]
4569      w-full h-full
4570      
4571    ">
4572    <img src="//nomaprojects.com/cdn/shop/files/NP_P_CepOil_02.jpg?v=1765562933&amp;width=260" alt="Cep Oil" srcset="//nomaprojects.com/cdn/shop/files/NP_P_CepOil_02.jpg?v=1765562933&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_CepOil_02.jpg?v=1765562933&amp;width=200 200w" width="260" height="325" loading="
4573  
4574    lazy
4575  
4576" class="
4577  js-image
4578  
4579          w-full h-full object-cover aspect-[1/1] border--radius mix-blend-darken color__bg-overlay-1 after:color__bg-overlay-1 color__text after:color__text
4580         object-cover
4581  
4582    
4583      min-h-full
4584    
4585  
4586  
4587    animation-300
4588  
4589  
4590">
4591  </picture>
4592</div>
4593
4594      
4595    </a>
4596
4597    
4598    <div class="flex items-start justify-between gap-1.5 mt-2">
4599      <a
4600        class="min-w-0 no-underline hover:no-underline focus:no-underline"
4601        tabindex="-1"
4602        href="/products/cep-oil">
4603        <p
4604          class="mb-0.5 !leading-tight type--small type__body--regular line-clamp-2">
4605          Cep Oil
4606        </p>
4607        
4608        <p
4609          class="mb-0 !leading-tight type--small opacity-50">
4610          <!-- snippets/component__format-price.liquid -->
4611
4612
4613$29 USD
4614        </p>
4615      </a>
4616
4617      
4618      <div
4619        class="flex-none mt-0.5"
4620        x-ref="formContainer">
4621        <form
4622          class="flex flex-wrap"
4623          action="/cart/add"
4624          method="post"
4625          enctype="multipart/form-data"
4626          x-data="{
4627            current_variant_id: 41493378105549,
4628            current_variant_selling_plan_id: 0,
4629            quantity: 1,
4630            current_variant_note: '',
4631          }"
4632          @submit.prevent="
4633            button_loading = true;
4634            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
4635            setTimeout(function(){ button_loading = false}, 500);
4636          ">
4637          
4638            <input
4639              name="id"
4640              type="hidden"
4641              :value="current_variant_id"
4642              x-model="current_variant_id">
4643            <input
4644              class="!hidden"
4645              name="quantity"
4646              type="text"
4647              value="1"
4648              min="1"
4649              max=""
4650              x-model="quantity">
4651            <input
4652              class="!hidden"
4653              name="properties[Reminder]"
4654              type="hidden"
4655              :value="current_variant_note"
4656              x-model="current_variant_note">
4657            <button
4658              class="flex items-center justify-center w-[18px] h-[18px] rounded-full color__bg-text color__light"
4659              :class="{ 'btn--loading' : cart_loading && button_loading }"
4660              type="submit"
4661              role="button"
4662              :disabled="button_loading">
4663              <!-- snippets/component__icon.liquid -->
4664
4665
4666<span class="inline-flex align-middle " aria-hidden="true">
4667  
4668      <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewB
4668ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
4669    
4670</span>
4671
4672            </button>
4673          
4674        </form>
4675      </div>
4676    </div>
4677
4678  </div>
4679
4680  
4681  <div
4682    id='js-quickAdd-upsell-cep-oil'
4683    x-show="quick_add_handle === 'cep-oil'"></div>
4684
4685</div>
4686
4687                    
4688                  </div>
4689                </div>
4690              
4691            
4692
4693            
4694            
4695
4696            
4697            
4698
4699            
4700            
4701
4702          </section>
4703
4704          
4705          <aside class="mt-auto
4706            color__bg-primary color__primary"
4707            x-show="cart.items.length > 0"
4708            x-cloak>
4709            
4710            <div class="border--t-width w-full px-8 pt-4 pb-0
4711              color__bg-primary color__primary
4712              color__border-divider-1"
4713              
4714              x-cloak>
4715              <div class="flex items-center justify-between w-full mb-1"><strong>Subtotal</strong>
4716                <strong x-html="Shopify.formatMoney(cart.original_total_price, true)">
4717                  <!-- snippets/component__format-price.liquid -->
4718
4719
4720$0 USD
4721                </strong></div></div>
4722
4723              
4724              <form class="w-full px-8 py-4" action="/cart" method="post" x-data="{checkout_button_loading:false}" @submit.prevent="checkout_button_loading = true; if(enable_audio) { playAudioIfEnabled(click_audio) } ;setTimeout(function(){ checkout_button_loading = false}, 5000); window.location.href = '/checkout';">
4725
4726                <p class="mb-0">
4727                  
4728                    <button type="submit" name="checkout"
4729                      class="!w-full btn btn--load btn--primary-inverse btn--pop !rounded-full btn"
4730                      :class="{ 'btn--loading' : checkout_button_loading }"
4731                      :disabled="checkout_button_loading">
4732                      <div class="btn__spinner">
4733                        <!-- snippets/component__icon.liquid -->
4734
4735
4736<span class="inline-flex align-middle " aria-hidden="true">
4737  
4738      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>
4739    
4740</span>
4741
4742                      </div>
4743                      <div class="btn__content">
4744                        Checkout 
4745                        
4746                      </div>
4747                    </button>
4748                  
4749                  
4750
4751                </p>
4752
4753                
4754                  <div class="mt-2 type--small m-0--clear">
4755                    <p>Shipping, taxes, and discounts calculated at checkout.</p>
4756                  </div>
4757                
4758
4759              </form>
4760
4761          </aside>
4762
4763        </div>
4764      </div>
4765    </div>
4766  </div>
4767</section>
4768
4769<!-- snippets/component__alert.liquid -->
4770
4771
4772<div class="fixed top-0 left-0 right-0 z-50 w-auto overflow-hidden shadow-md md:left-auto md:right-5 md:top-5 color__bg-body color__text md:w-96 border--width color__border-divider-1" 
4773  @click.outside="cart_alert = false"
4774  @keyup.escape.window="cart_alert = false"
4775  x-show="cart_alert"
4776  
4777    x-transition:enter="animation-300"
4778    x-transition:enter-start="opacity-0"
4779    x-transition:enter-end="opacity-100"
4780    x-transition:leave="animation-300"
4781    x-transition:leave-start="opacity-100"
4782    x-transition:leave-end="opacity-0"
4783  
4784  x-cloak>
4785
4786  <div class="relative p-4 overflow-hidden">
4787    
4788    
4789  <div class="flex flex-wrap items-center justify-between mb-4">
4790
4791    <p class="flex items-center mb-0">
4792      Cart updated (<span x-text="cart.item_count"></span>)
4793    </p>
4794    <div class="flex">
4795      <button class="btn btn--strip"
4796        title="Close"
4797        @click="cart_alert = false">
4798        <!-- snippets/component__icon.liquid -->
4799
4800
4801<span class="inline-flex align-middle " aria-hidden="true">
4802  
4803    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
4804      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,
480468.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
4805    </svg>
4806    
4807    
4808</span>
4809
4810      </button>
4811    </div>
4812  </div>
4813
4814  <button class="btn btn--small btn--plain !w-full mb-2"
4815    @click="cart_drawer = true; menu_drawer = false; hide_announcement = true; cart_alert = false;">
4816    View cart
4817  </button>
4818
4819  <button class="btn btn--small btn--pop-me !w-full mb-2" @click="checkout_button_loading = true; setTimeout(function(){ checkout_button_loading = false}, 5000); window.location.href = '/checkout';">
4820    Checkout 
4821    
4822  </button>
4823
4824  </div>
4825</div>
4826
4827
4828<script>
4829  window.__initialData = window.__initialData || {};
4830  Object.assign(window.__initialData, {
4831    progress_bar_threshold: 64000,
4832  });
4833</script>
4833
4834
4835
4836</div>
4837    <div id="shopify-section-theme__menu" class="shopify-section"><!-- sections/theme__menu.liquid -->
4838
4839
4840
4841
4842<!-- snippets/component__drawer.liquid -->
4843
4844
4845<section
4846  class="fixed inset-0 z-50 overflow-hidden left-0"
4847  x-show="menu_drawer"
4848  x-cloak>
4849  <div class="xbackdrop-blur-md absolute inset-0 color__overlay-light bg-opacity-30"
4850    aria-hidden="true"
4851    @click="menu_drawer = false; hide_header = false; hide_announcement = false;"
4852    x-show="menu_drawer"
4853    
4854      x-transition:enter="animation-100"
4855      x-transition:enter-start="opacity-0"
4856      x-transition:enter-end="opacity-100"
4857      x-transition:leave="animation-100"
4858      x-transition:leave-start="opacity-100"
4859      x-transition:leave-end="opacity-0"
4860    
4861    x-cloak>
4862  </div>
4863  <div
4864    class="left-0 fixed inset-y-0 flex max-w-full"
4865    x-trap="menu_drawer"
4866    x-show="menu_drawer"
4867    
4868      x-transition:enter="animation-100 opacity-0 -translate-x-8"
4869      x-transition:enter-start="opacity-0 -translate-x-8"
4870      x-transition:enter-end="translate-x-0 opacity-100"
4871      x-transition:leave="animation-100 opacity-100 -translate-x-8"
4872      x-transition:leave-start="translate-x-0 opacity-100"
4873      x-transition:leave-end="opacity-0 -translate-x-8"
4874    
4875    x-cloak>
4876    <div class="md:max-w-[46rem] w-screen max-w-full">
4877      <div class="color__bg-body color__text flex flex-col h-full overflow-y-auto overscroll-y-contain xshadow-xl border-l" style="-webkit-overflow-scrolling: touch;">
4878        
4879
4880
4881<section class=" sticky top-0 flex flex-wrap items-center justify-between px-8 py-4
4882  color__bg-body color__text
4883  !color__border-transparent"
4884  @click="menu_nested = false;">
4885
4886  
4887<div class="type__nav"></div>
4888
4889<div class="text-right">
4890  <button class="type__nav"
4891    title="Close"
4892    @click="menu_drawer = false;cart_drawer = false;">
4893    <!-- snippets/component__icon.liquid -->
4894
4895
4896<span class="inline-flex align-middle " aria-hidden="true">
4897  
4898    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
4899      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,68.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
4900    </svg>
4901    
4902    
4903</span>
4904
4905  </button>
4906</div>
4907
4908
4909</section>
4910
4911
4912<section class="relative h-[inherit] overflow-y-auto overflow-x-hidden hide-scrollbar
4913  color__bg-body-light color__text pt-8"
4914  >
4915<div
4916      class="w-full border-b color__border-divider-1"
4917      :class="{
4918        '': !flipbook,
4919        '': flipbook
4920      }"
4921      x-data="{ flipbook: false }"
4922      @click.outside="flipbook = false;"
4923      x-cloak>
4924
4925      
4926      
4927        <a href="/" class="type__nav flex items-center justify-between w-full px-8 py-4 !no-underline
4928          
4929          activex">
4930          <span class="type__nav">
4931            Home
4932          </span>
4933        </a>
4934      
4935
4936    </div>
4937  
4938<div
4939      class="w-full border-b color__border-divider-1"
4940      :class="{
4941        '': !flipbook,
4942        '': flipbook
4943      }"
4944      x-data="{ flipbook: false }"
4945      @click.outside="flipbook = false;"
4946      x-cloak>
4947
4948      
4949      
4950        <button type="button" class="flex items-center justify-between w-full px-8 py-4"
4951          @click="flipbook = ! flipbook; menu_nested = true;">
4952          <span class="type__nav">
4953            Shop
4954          </span>
4955          <div x-show="!flipbook">
4956            <!-- snippets/component__icon.liquid -->
4957
4958
4959<span class="inline-flex align-middle " aria-hidden="true">
4960  
4961      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
4962    
4963</span>
4964
4965            
4966          </div>
4967          <div x-show="flipbook">
4968            <!-- snippets/component__icon.liquid -->
4969
4970
4971<span class="inline-flex align-middle " aria-hidden="true">
4972  
4973      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>
4974    
4975</span>
4976
4977            
4978          </div>
4979        </button>
4980        <div
4981          class="pl-8 pt-1 pb-4
4982           color__bg-body-light color__text"
4983          x-show="flipbook"
4984          x-cloak
4985          x-data="{
4986            delays: [],
4987            initializeDelays() {
4988              this.delays = Array.from({ length: 6 }, (_, i) => i * 100);
4989            }
4990          }"
4991          x-init="initializeDelays()">
4992<div
4993            x-show="flipbook"
4994            x-transition:enter="transition-opacity ease-out duration-300"
4995            x-transition:enter-start="opacity-0 transform translate-y-2"
4996            x-transition:enter-end="opacity-100 transform translate-y-0"
4997            :style="'transition-delay: ' + delays[0] + 'ms'"
4998          >
4999            
5000              <a href="/collections" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5001                <span class="type__nav !capitalize !tracking-normal">
5002                  Shop All
5003                </span>
5004              </a>
5005            
5006            </div>
5007          
5008<div
5009            x-show="flipbook"
5010            x-transition:enter="transition-opacity ease-out duration-300"
5011            x-transition:enter-start="opacity-0 transform translate-y-2"
5012            x-transition:enter-end="opacity-100 transform translate-y-0"
5013            :style="'transition-delay: ' + delays[1] + 'ms'"
5014          >
5015            
5016              <a href="/collections/staples-and-bundles" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5017                <span class="type__nav !capitalize !tracking-normal">
5018                  Products & Bundles
5019                </span>
5020              </a>
5021            
5022            </div>
5023          
5024<div
5025            x-show="flipbook"
5026            x-transition:enter="transition-opacity ease-out duration-300"
5027            x-transition:enter-start="opacity-0 transform translate-y-2"
5028            x-transition:enter-end="opacity-100 transform translate-y-0"
5029            :style="'transition-delay: ' + delays[2] + 'ms'"
5030          >
5031            
5032              <a href="/products/noma-kaffe" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5033                <span class="type__nav !capitalize !tracking-normal">
5034                  Noma Kaffe
5035                </span>
5036              </a>
5037            
5038            </div>
5039          
5040<div
5041            x-show="flipbook"
5042            x-transition:enter="transition-opacity ease-out duration-300"
5043            x-transition:enter-start="opacity-0 transform translate-y-2"
5044            x-transition:enter-end="opacity-100 transform translate-y-0"
5045            :style="'transition-delay: ' + delays[3] + 'ms'"
5046          >
5047            
5048              <a href="/collections/books-and-merch" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5049                <span class="type__nav !capitalize !tracking-normal">
5050                  Books & Merch
5051                </span>
5052              </a>
5053            
5054            </div>
5055          
5056<div
5057            x-show="flipbook"
5058            x-transition:enter="transition-opacity ease-out duration-300"
5059            x-transition:enter-start="opacity-0 transform translate-y-2"
5060            x-transition:enter-end="opacity-100 transform translate-y-0"
5061            :style="'transition-delay: ' + delays[4] + 'ms'"
5062          >
5063            
5064              <a href="/products/taste-buds-membership" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5065                <span class="type__nav !capitalize !tracking-normal">
5066                  Taste Buds 2027
5067                </span>
5068              </a>
5069            
5070            </div>
5071          
5072<div
5073            x-show="flipbook"
5074            x-transition:enter="transition-opacity ease-out duration-300"
5075            x-transition:enter-start="opacity-0 transform translate-y-2"
5076            x-transition:enter-end="opacity-100 transform translate-y-0"
5077            :style="'transition-delay: ' + delays[5] + 'ms'"
5078          >
5079            
5080              <a href="/products/gift-card" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5081                <span class="type__nav !capitalize !tracking-normal">
5082                  Gift Cards
5083                </span>
5084              </a>
5085            
5086            </div>
5087          
5088        </div>
5089
5090      
5091      
5092
5093    </div>
5094  
5095<div
5096      class="w-full border-b color__border-divider-1"
5097      :class="{
5098        '': !flipbook,
5099        '': flipbook
5100      }"
5101      x-data="{ flipbook: false }"
5102      @click.outside="flipbook = false;"
5103      x-cloak>
5104
5105      
5106      
5107        <button type="button" class="flex items-center justify-between w-full px-8 py-4"
5108          @click="flipbook = ! flipbook; menu_nested = true;">
5109          <span class="type__nav">
5110            About
5111          </span>
5112          <div x-show="!flipbook">
5113            <!-- snippets/component__icon.liquid -->
5114
5115
5116<span class="inline-flex align-middle " aria-hidden="true">
5117  
5118      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
5119    
5120</span>
5121
5122            
5123          </div>
5124          <div x-show="flipbook">
5125            <!-- snippets/component__icon.liquid -->
5126
5127
5128<span class="inline-flex align-middle " aria-hidden="true">
5129  
5130      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"></polyline></svg>
5131    
5132</span>
5133
5134            
5135          </div>
5136        </button>
5137        <div
5138          class="pl-8 pt-1 pb-4
5139           color__bg-body-light color__text"
5140          x-show="flipbook"
5141          x-cloak
5142          x-data="{
5143            delays: [],
5144            initializeDelays() {
5145              this.delays = Array.from({ length: 4 }, (_, i) => i * 100);
5146            }
5147          }"
5148          x-init="initializeDelays()">
5149<div
5150            x-show="flipbook"
5151            x-transition:enter="transition-opacity ease-out duration-300"
5152            x-transition:enter-start="opacity-0 transform translate-y-2"
5153            x-transition:enter-end="opacity-100 transform translate-y-0"
5154            :style="'transition-delay: ' + delays[0] + 'ms'"
5155          >
5156            
5157              <a href="/pages/noma-projects" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5158                <span class="type__nav !capitalize !tracking-normal">
5159                  Noma Projects
5160                </span>
5161              </a>
5162            
5163            </div>
5164          
5165<div
5166            x-show="flipbook"
5167            x-transition:enter="transition-opacity ease-out duration-300"
5168            x-transition:enter-start="opacity-0 transform translate-y-2"
5169            x-transition:enter-end="opacity-100 transform translate-y-0"
5170            :style="'transition-delay: ' + delays[1] + 'ms'"
5171          >
5172            
5173              <a href="/pages/faq" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5174                <span class="type__nav !capitalize !tracking-normal">
5175                  FAQ
5176                </span>
5177              </a>
5178            
5179            </div>
5180          
5181<div
5182            x-show="flipbook"
5183            x-transition:enter="transition-opacity ease-out duration-300"
5184            x-transition:enter-start="opacity-0 transform translate-y-2"
5185            x-transition:enter-end="opacity-100 transform translate-y-0"
5186            :style="'transition-delay: ' + delays[2] + 'ms'"
5187          >
5188            
5189              <a href="/pages/careers" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5190                <span class="type__nav !capitalize !tracking-normal">
5191                  Careers
5192                </span>
5193              </a>
5194            
5195            </div>
5196          
5197<div
5198            x-show="flipbook"
5199            x-transition:enter="transition-opacity ease-out duration-300"
5200            x-transition:enter-start="opacity-0 transform translate-y-2"
5201            x-transition:enter-end="opacity-100 transform translate-y-0"
5202            :style="'transition-delay: ' + delays[3] + 'ms'"
5203          >
5204            
5205              <a href="/pages/contact" class="type__nav  color__border-divider-1 flex items-center justify-between w-full py-1 !no-underline">
5206                <span class="type__nav !capitalize !tracking-normal">
5207                  Contact
5208                </span>
5209              </a>
5210            
5211            </div>
5212          
5213        </div>
5214
5215      
5216      
5217
5218    </div>
5219  
5220<div
5221      class="w-full border-b color__border-divider-1"
5222      :class="{
5223        '': !flipbook,
5224        '': flipbook
5225      }"
5226      x-data="{ flipbook: false }"
5227      @click.outside="flipbook = false;"
5228      x-cloak>
5229
5230      
5231      
5232        <a href="/blogs/journal" class="type__nav flex items-center justify-between w-full px-8 py-4 !no-underline
5233          
5234          ">
5235          <span class="type__nav">
5236            Journal
5237          </span>
5238        </a>
5239      
5240
5241    </div>
5242  
5243<div
5244      class="w-full border-b color__border-divider-1"
5245      :class="{
5246        '': !flipbook,
5247        '': flipbook
5248      }"
5249      x-data="{ flipbook: false }"
5250      @click.outside="flipbook = false;"
5251      x-cloak>
5252
5253      
5254      
5255        <a href="/blogs/recipes" class="type__nav flex items-center justify-between w-full px-8 py-4 !no-underline
5256          
5257          ">
5258          <span class="type__nav">
5259            Recipes
5260          </span>
5261        </a>
5262      
5263
5264    </div>
5265  
5266  <div class="w-full px-8 py-4 border-b color__border-divider-1">
5267    <a
5268      class="inline-flex items-center no-underline type__nav 
5269      uppercase"
5270      href="/search"
5271      rel="nofollow"
5272      @click.prevent="search_active = true; search_visible = true; hide_mobile_input = false; menu_drawer = false; cart_drawer = false; hide_announcement = true; $nextTick(() => { document.querySelector('#search-mobile').focus(); });">
5273      Search
5274      <span class="ml-4 h-full flex items-center"><!-- snippets/component__icon.liquid -->
5275
5276
5277<span class="inline-flex align-middle " aria-hidden="true">
5278  
5279      <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search transrom rotate-90"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
5280    
5281</span>
5282</span>
5283    </a>
5284  </div>
5285
5286  <div class="flex flex-col gap-3 px-8 pt-[22px]">
5287
5288    
5289      <a href="/account" rel="nofollow" class="type--smaller font-medium !no-underline block">
5290        Account Login
5291      </a>
5292    
5293    
5294
5295<a href="https://instagram.com/nomaprojects" target="_blank" title="Instagram"
5296  class="no-underline hover:no-underline mb-2 block type--smaller font-medium">Instagram</a>
5297
5298
5299
5300
5301
5302
5303
5304
5305
5306
5307
5308
5309
5310  </div>
5311
5312
5313
5314  <div class="flex flex-col gap-4 p-4">
5315    
5316  </div>
5317
5318</section>
5319
5320
5321<aside class="sticky bottom-0 color__bg-body-light color__text relative">
5322  
5323  <div class="absolute top-[-40px] left-0 right-0 h-16 pointer-events-none" 
5324       style="background: linear-gradient(to bottom, 
5325              transparent 0%,
5326              var(--color__bg-body-light) 100%);
5327              z-index: 1;">
5328  </div>
5329  <div class="flex flex-wrap relative z-0">
5330
5331    
5332      <div class="flex justify-between items-end w-full columns-2 gap-8 px-8 pt-8 pb-8 type--smaller">
5333      
5334
5335      <a href="/" class="block">
5336        
5337          <!-- snippets/component__image.liquid -->
5338
5339
5340
5341
5342
5343
5344
5345<div
5346  class="
5347    js-picture w-full h-full overflow-hidden flex items-center
5348    
5349    !bg-transparent
5350    
5351  ">
5352  <picture
5353    class="
5354      w-full flex items-center justify-center overflow-hidden
5355      
5356      
5357      
5358    ">
5359    <img src="//nomaprojects.com/cdn/shop/files/Noma_Projects_Logo.svg?v=1700137570&amp;width=100" srcset="//nomaprojects.com/cdn/shop/files/Noma_Projects_Logo.svg?v=1700137570&amp;width=100 100w" width="100" height="23" loading="
5360  
5361    lazy
5362  
5363" class="
5364  js-image
5365  h-6 w-auto object-contain
5366  
5367    
5368      min-h-full
5369    
5370  
5371  
5372    animation-300
5373  
5374  
5375">
5376  </picture>
5377</div>
5378
5379        
5380      </a>
5381        <!-- Begin Recharge code 2-->
5382        
5383        <!-- End Recharge code -->
5384      
5385        <button class="block"
5386          @click="localization_popup = true;">
5387          
5388          <span class="type--smaller uppercase font-medium">USD $
5389          ·
5390          EN</span>
5391          <!-- snippets/component__icon.liquid -->
5392
5393
5394<span class="inline-flex align-middle " aria-hidden="true">
5395  
5396      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
5397    
5398</span>
5399
5400        </button>
5401      
5402    </div>
5403  </div>
5404</aside>
5405
5406
5407      </div>
5408    </div>
5409  </div>
5410</section>
5411
5412
5413</div>
5414
5415
5416    <main id="root" role="main">
5417      <div id="shopify-section-template--28713576431956__banner_V4cRqe" class="shopify-section"><!-- sections/banner.liquid -->
5418
5419
5420<style data-shopify>
5421.announcement-shown {
5422  margin-top: -32px;
5423}
5424
5425@media (max-width: 767px) {
5426
5427  #shopify-section-template--28713576431956__banner_V4cRqe .banner-content-container.mobile-banner-overlay  {
5428    margin-bottom: 140px;
5429  }
5430
5431  .banner-content-text.mobile-banner-overlay {
5432    position: absolute !important;
5433    bottom: 0 !important;
5434    left: 0 !important;
5435    width: 100% !important;
5436    height: 106px;
5437    /*height: 130px;*/
5438    padding: 23px 21px 23px 22px !important;
5439    margin: 0 auto !important;
5440    display: flex !important;
5441    align-items: center !important;
5442  }
5443
5444  .banner-content-text.mobile-banner-overlay p {
5445    max-width: 277px;
5446    /*max-width: 370px;*/
5447    margin-left: auto;
5448    margin-right: auto;
5449  }
5450}
5451
5452#shopify-section-template--28713576431956__banner_V4cRqe {
5453  
5454  
5455   
5456    border-color: #ffffff !important;
5457   
5458
5459}
5460
5461
5462#shopify-section-template--28713576431956__banner_V4cRqe .banner-content-text p{
5463  font-size: var(--font-size-mobile) !important;
5464}
5465
5466#shopify-section-template--28713576431956__banner_V4cRqe .banner-custom-heading {
5467  line-height: 1.2 !important;
5468}
5469
5470#shopify-section-template--28713576431956__banner_V4cRqe .banner-content-container {
5471  
5472    max-width: none !important;
5473  
5474  width: 80% !important;
5475}
5476
5477@media (min-width: 768px) {
5478  #shopify-section-template--28713576431956__banner_V4cRqe .banner-content-container {
5479    
5480      max-width: none !important;
5481    
5482  }
5483  #shopify-section-template--28713576431956__banner_V4cRqe .banner-content-text p {
5484    font-size: var(--font-size-desktop) !important;
5485  }
5486}
5487
5488.type__mono--override p {
5489  text-transform: uppercase !important;
5490  font-weight: 500 !important;
5491}
5492
5493</style>
5494
5495
5496
5497
5498
5499
5500
5501
5502
5503
5504<section
5505  id="shopify-section-template--28713576431956__banner_V4cRqe"
5506  x-data="{
5507    videoLoaded: true,
5508    videoTimeout: null,
5509    applyAnnouncementAdjustment: false
5510  }"
5511  x-init="videoTimeout = setTimeout(() => { videoLoaded = true }, 3000)"
5512  class="group/banner relative overflow-hidden flex items-center justify-center opacity-full !no-underline hover:!no-underline hover:!opacity-100
5513  
5514  color__bg-overlay-1 color__text
5515  color__border-divider-1
5516  ">
5517  
5518  <a href="/collections" class="!no-underline opacity-full hover:!no-underline hover:!opacity-100 flex flex-col
5519    justify-end
5520    ">
5521  
5522  <div
5523    class="fb-bg
5524      absolute h-full w-full z-0
5525      
5526        
5527          blur-lg js-animation animation-300
5528        
5529      
5530    "
5531    
5532      data-delay="0"
5533      data-replace="{
5534        'blur-lg' : 'blur-none'
5535      }"
5536    >
5537
5538    
5539      <div class="absolute w-full h-full">
5540        <!-- snippets/component__image.liquid -->
5541
5542
5543
5544
5545
5546
5547
5548<div
5549  class="
5550    js-picture w-full h-full overflow-hidden flex items-center
5551    
5552    
5553    
5554  ">
5555  <picture
5556    class="
5557      w-full flex items-center justify-center overflow-hidden
5558      
5559      h-full z-10
5560      
5561    ">
5562    <img src="//nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=5760" srcset="//nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=800 800w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=1000 1000w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=1200 1200w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=1400 1400w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=1600 1600w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=1800 1800w, //nomaprojects.com/cdn/shop/files/NP_Home_Desktop_260921_01.jpg?v=1789986533&amp;width=5000 5000w" width="5760" height="3962" loading="
5563  
5564    eager
5565  
5566" class="
5567  js-image
5568  
5569  hidden md:block w-full absolute z-10
5570  
5571  h-full
5572  
5573    object-cover
5574  
5575
5576  
5577    animation-1000
5578  
5579 
5580  
5581    
5582      min-h-full
5583    
5584  
5585  
5586    animation-300
5587  
5588  
5589">
5590  </picture>
5591</div>
5592
5593      </div>
5594    
5595    
5596      <div class="absolute w-full h-full">
5597        <!-- snippets/component__image.liquid -->
5598
5599
5600
5601
5602
5603
5604
5605<div
5606  class="
5607    js-picture w-full h-full overflow-hidden flex items-center
5608    
5609    
5610    
5611  ">
5612  <picture
5613    class="
5614      w-full flex items-center justify-center overflow-hidden
5615      
5616      md:hidden h-full z-10
5617      
5618    ">
5619    <img src="//nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=900" srcset="//nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_Home_Mobile_260921_01.jpg?v=1789986533&amp;width=800 800w" width="900" height="1030" loading="
5620  
5621    eager
5622  
5623" class="
5624  js-image
5625  
5626  md:hidden w-full absolute z-10
5627  
5628  h-full
5629  
5630    object-cover
5631  
5632
5633  
5634    animation-1000
5635  
5636 
5637  
5638    
5639      min-h-full
5640    
5641  
5642  
5643    animation-300
5644  
5645  
5646">
5647  </picture>
5648</div>
5649
5650      </div>
5651    
5652  </div>
5653
5654  
5655  
5656
5657  
5658  <div 
5659    class="relative w-[100vw] h-full z-[11] transition-opacity duration-300"
5660    :class="{ 
5661      'announcement-shown': applyAnnouncementAdjustment, 
5662      'opacity-0': !videoLoaded, 
5663      'opacity-100': videoLoaded 
5664    }"
5665    >
5666    
5667
5668    <div class="w-full flex flex-row p-6 md:p-12 md:pt-20 gap-8
5669
5670      min-h-[650px] max-h-[85vh] md:min-h-[80vh]
5671
5672      
5673         justify-center md:justify-end 
5674      
5675
5676      color__text">
5677
5678      <div class="max-w-[80%] banner-content-container gap-4 flex flex-col
5679        justify-end
5680
5681
5682        
5683          
5684            opacity-0 js-animation animation-300
5685          
5686        "
5687        
5688          data-delay="0"
5689          data-replace="{
5690            'opacity-0' : 'opacity-100'
5691          }"
5692        >
5693
5694        
5695          
5696              <div class="md:flex-nowrap flex flex-wrap gap-2 color__light
5697                
5698                justify-center md:justify-end text-center md:text-right
5699                 pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
5700                style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 0px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 35px;">
5701
5702                
5703                  <button
5704                    class="btn btn--neutral ">
5705                    Shop Noma Flavors
5706                  </button>
5707                
5708
5709                
5710              </div>
5711          
5712        
5713
5714      </div></div>
5715  </div>
5716
5717</a>
5718</section>
5719
5720</div><div id="shopify-section-template--28713576431956__product_slider_YWm6hq" class="shopify-section"><!-- sections/product-slider.liquid -->
5721
5722�<section class="
5723  
5724  color__bg-body color__text
5725  ">
5726  <div class="!pr-0 !mr-0 !max-w-[94vw] window--wide pt-top-section-vertical-spacing "
5727  style="--top-spacing-adjust: 60px; --bottom-spacing-adjust: 100px; --top-spacing-adjust-mobile: 40px; --bottom-spacing-adjust-mobile: 60px;"><!-- New Side Content Layout -->
5728    <div class="flex flex-col lg:flex-row gap-8 lg:gap-[118px]">
5729      <!-- Content Side -->
5730      <div class="lg:w-[25%] flex-shrink-0 lg:pt-[56px] pr-[24px] lg:pr-0"><h1 class="mb-6 md:mb-10">A taste of noma</h1><div class="mb-8 md:mb-11">
5731            Developed by our team in Copenhagen, our products are inspired by nature and easy to use. Just one spoonful adds deep flavor to any dish.
5732          </div><a href="/collections" class="btn">
5733            Shop all Products
5734          </a></div>
5735      
5736      <!-- Slider Side -->
5737      <div class="lg:w-[75%] flex-grow overflow-hidden">
5738        <!-- snippets/component__slider.liquid -->
5739�<div class="flex flex-wrap
5740   carousel">
5741  <div class="relative w-full" x-data="{ glide: null,
5742    index: 0,
5743    index_size: 9,
5744    show_arrows: 9 >= 3.3 ? true : false }">
5745
5746    <div class="gap-2 flex flex-row flex-wrap justify-between items-end pb-8 
5747      window--scroller-nav
5748      justify-between
5749      
5750        
5751          opacity-0 js-animation animation-300
5752        
5753      "
5754      
5755        data-delay="100"
5756        data-replace="{
5757          'opacity-0' : 'opacity-100'
5758        }"
5759      >
5760      <div class="max-w-[500px] md:w-auto w-full"></div>
5761      
5762      <div class="justify-end   md:flex hidden
5763      grow gap-6" x-show="show_arrows">
5764        <button
5765        class="transition-transform duration-300 ease-in-out transform-gpu hover:-translate-x-1"
5766          title="Previous slide"
5767          
5768            x-transition:enter="animation-300"
5769            x-transition:enter-start="opacity-0"
5770            x-transition:enter-end="opacity-100"
5771            x-transition:leave="animation-300"
5772            x-transition:leave-start="opacity-100"
5773            x-transition:leave-end="opacity-0"
5774          
5775          x-cloak
5776          x-on:click="glide.go('<')">
5777          <!-- snippets/component__icon.liquid -->
5778
5779
5780<span class="inline-flex align-middle " aria-hidden="true">
5781  
5782    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
5783        <title>Fill 1</title>
5784        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5785            <g id="Icon_Arrow_long" fill="currentColor">
5786                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1" transform="translate(62.308, 35.6619) scale(-1, 1) translate(-62.308, -35.6619)"></path>
5787            </g>
5788        </g>
5789    </svg>
5790    
5791</span>
5792
5793        </button>
5794        <button
5795          
5796            x-transition:enter="animation-300"
5797            x-transition:enter-start="opacity-0"
5798            x-transition:enter-end="opacity-100"
5799            x-transition:leave="animation-300"
5800            x-transition:leave-start="opacity-100"
5801            x-transition:leave-end="opacity-0"
5802          
5803          x-cloak
5804          class="transition-transform duration-300 ease-in-out transform-gpu hover:translate-x-1"
5805          title="Next slide" x-on:click="glide.go('>')">
5806          <!-- snippets/component__icon.liquid -->
5807
5808
5809<span class="inline-flex align-middle " aria-hidden="true">
5810  
5811    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
5812        <title>Fill 1</title>
5813        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5814            <g id="Icon_Arrow_long" fill="currentColor">
5815                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
5816            </g>
5817        </g>
5818    </svg>
5819    
5820</span>
5821
5822        </button>
5823      </div>
5824    </div>
5825
5826    �<div
5827        x-ref="glide"
5828        x-init="glide = new Glide($refs.glide, { type: 'carousel', focusAt: 0, startAt: 0,
5829        perView: 3.3,
5830        breakpoints: {
5831          991: {
5832            perView: 2.5
5833          },
5834          768: {
5835            perView: 1.5,
5836            gap: 20
5837          }
5838        },
5839        gap: 60 }
5839).mount()"
5840        class="glide
5841        
5842          
5843            opacity-0 js-animation animation-300
5844          
5845        "
5846        
5847          data-delay="100"
5848          data-replace="{
5849            'opacity-0' : 'opacity-100'
5850          }"
5851        
5852    >
5853        <div class="glide__track" data-glide-el="track">
5854            <ul class="glide__slides">
5855                �
5856  
5857    <div class="flex justify-center flex-none"
5858      x-bind:data-slide="0">
5859      <!-- snippets/component__product-item.liquid -->
5860
5861
5862
5863
5864<div class="group/product relative w-full
5865  
5866    
5867    
5868  "
5869  x-data="{
5870    button_loading: false,
5871    isHovered: false,
5872    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_WRV_01.jpg?v=1765820068&width=900'
5873  }"
5874  @mouseenter="isHovered = true"
5875  @mouseleave="isHovered = false"
5876  >
5877
5878  
5879  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
5880  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
5881  >
5882
5883    
5884    
5885
5886    
5887    
5888    
5889    
5890      
5891      
5892        
5893        
5894        <!-- snippets/component__badge.liquid -->
5895�<div class="badge badge-color__secondary border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
5896     ">
5897  
5898  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">ships free</span>
5899</div>
5900
5901      
5902    
5903      
5904      
5905    
5906
5907    
5908   
5909    
5910     
5911
5912    
5913
5914    
5915    
5916      
5917      
5918      
5919    
5920
5921    
5922    
5923      
5924    
5925
5926  </div>
5927
5928  
5929  <a
5930    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
5931    href="/products/flavor-pack"
5932    tabindex="-1">
5933    <div
5934      class="
5935        object-cover w-full
5936        aspect-portrait-product
5937        color__bg-neutral after:color__bg-neutral color__text after:color__text
5938        
5939          border--radius overflow-hidden
5940          
5941        
5942      ">
5943      
5944        <!-- snippets/component__image.liquid -->
5945
5946
5947
5948
5949
5950
5951
5952<div
5953  class="
5954    js-picture w-full h-full overflow-hidden flex items-center
5955    
5956    color__bg-neutral after:color__bg-neutral color__text after:color__text
5957    
5958      mix-blend-darken
5959    
5960  ">
5961  <picture
5962    class="
5963      w-full flex items-center justify-center overflow-hidden
5964      aspect-portrait-product
5965      h-full
5966      
5967    ">
5968    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=900" alt="The Flavor Pack" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_FlavorPack_34.jpg?v=1790087894&amp;width=800 800w" width="900" height="1125" loading="
5969  
5970    lazy
5971  
5972" class="
5973  js-image
5974  h-full w-full object-cover
5975  
5976    
5977      min-h-full
5978    
5979  
5980  
5981    animation-300
5982  
5983  
5984">
5985  </picture>
5986</div>
5987
5988      
5989    </div>
5990    
5991      
5992        
5993            <div
5994              class="
5995                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
5996                color__bg-neutral after:color__bg-neutral color__text after:color__text
5997              ">
5998              <div
5999                class="
6000                  object-cover overflow-hidden
6001                  aspect-portrait-product
6002                  
6003                    border--radius
6004                    
6005                  
6006                  
6007                    mix-blend-darken
6008                  
6009                ">
6010                <img
6011                  loading='lazy'
6012                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
6013                  alt="The Flavor Pack"
6014                  :src="second_image" />
6015              </div>
6016            </div>
6017          
6018      
6019    
6020  </a>
6021
6022  
6023  
6024
6025        
6026          <div
6027            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
6028
6029            <select class="hidden variant-cart-notes"><option value="53426934907220" data-variant-cart-note=""></option></select>
6030
6031            <div class="variant-cart-note">
6032            </div>
6033            <form action="/cart/add" data-productid="12469351547220"
6034              method="post"
6035              enctype="multipart/form-data"
6036              data-productid="12469351547220"
6037              x-data="{
6038                current_variant_id: 53426934907220,
6039                current_variant_selling_plan_id: 0,
6040                quantity: 1,
6041                current_variant_note: '',
6042              }"
6043              @submit.prevent="
6044                button_loading = true;
6045                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
6046                setTimeout(function(){ button_loading = false}, 1500);
6047              ">
6048              
6049                <input
6050                  name="id"
6051                  type="hidden"
6052                  :value="current_variant_id">
6053                <input
6054                  class="!hidden"
6055                  name="quantity"
6056                  type="text"
6057                  value="1"
6058                  min="1"
6059                  max="">
6060                <input
6061                  class="!hidden"
6062                  name="properties[Reminder]"
6063                  type="hidden"
6064                  :value="current_variant_note">
6065                  
6066                <button
6067                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
6068                  :class="{ 'btn--loading' : cart_loading && button_loading }"
6069                  type="submit"
6070                  role="button"
6071                  :disabled="button_loading">
6072                  <div class="btn__content !hidden md:!flex"
6073                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6074                  >
6075                  </div>
6076                  <div class="btn__content !flex md:!hidden"
6077                  x-text="button_loading ? 'Adding...' : 'Add'"
6078                  >
6079                  </div>
6080                  
6081                    <span class="ml-1 inline-flex gap-[0.5rem]">
6082                      
6083                        
6084                        
6085                          <pre
6086                            class="m-0 type--small"
6087                            x-html="Shopify.formatMoney(16100)">$161.00</pre>
6088                        
6089
6090
6091                      
6092                    </span>
6093                  
6094                </button>
6095              
6096            </form>
6097          </div>
6098        
6099      
6100    
6101
6102  
6103
6104  
6105  <a
6106    class="
6107      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
6108      text-left items-start justify-start mt-4
6109      
6110        
6111          pb-12 md:pb-0
6112        
6113      
6114    "
6115    href="/products/flavor-pack"
6116    tabindex="-1"
6117    >
6118
6119    
6120    <h3
6121      class="
6122        type--small !leading-tight mb-0
6123        text-left items-start justify-start
6124        
6125          !normal-case
6126        
6127        type__body type--base
6128      ">
6129     The Flavor Pack
6130    </h3>
6131
6132    
6133    
6134
6135    
6136    
6137
6138    
6139    
6140    <div
6141      class="
6142        flex flex-wrap items-center pt-0.5 gap-1 type--small
6143        text-left items-start justify-start
6144      ">
6145      The ultimate mixed product bundle
6146    </div>
6147    
6148
6149    
6150
6151    
6152    
6153
6154    
6155    
6156      
6157        
6158        
6159        
6160      
6161    
6162
6163    
6164    
6165
6166    
6167  </a>
6168
6169  
6170  
6171    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
6172      ">
6173      
6174        <form
6175          class="flex flex-wrap"
6176          action="/cart/add"
6177          method="post"
6178          enctype="multipart/form-data"
6179          data-productid="12469351547220"
6180          x-data="{
6181            current_variant_id: 53426934907220,
6182            current_variant_selling_plan_id: 0,
6183            quantity: 1,
6184          }"
6185          @submit.prevent="
6186            button_loading = true;
6187            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
6188            setTimeout(function(){ button_loading = false}, 500);
6189          ">
6190          
6191            <input
6192              name="id"
6193              type="hidden"
6194              :value="current_variant_id"
6195              x-model="current_variant_id">
6196            <input
6197              class="!hidden"
6198              name="quantity"
6199              type="text"
6200              value="1"
6201              min="1"
6202              max=""
6203              x-model="quantity">
6204            <button
6205              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
6206              :class="{ 'btn--loading' : cart_loading && button_loading }"
6207              type="submit"
6208              role="button"
6209              :disabled="button_loading">
6210              <div class="btn__content !hidden md:!flex"
6211              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6212              >
6213              </div>
6214              <div class="btn__content !flex md:!hidden"
6215              x-text="button_loading ? 'Adding...' : 'Add'"
6216              >
6217              </div>
6218              
6219                <span class="ml-1 inline-flex gap-[0.5rem]"
6220                  x-html="Shopify.formatMoney(16100)">
6221                  <!-- snippets/component__format-price.liquid -->
6222
6223
6224$161 USD
6225                </span>
6226              
6227            </button>
6228          
6229        </form>
6230      
6231    </div>
6232  
6233
6234  
6235  <div id='js-quickAdd-product-flavor-pack'></div>
6236
6237</div>
6238
6239    </div>
6240  
6241    <div class="flex justify-center flex-none"
6242      x-bind:data-slide="1">
6243      <!-- snippets/component__product-item.liquid -->
6244
6245
6246
6247
6248<div class="group/product relative w-full
6249  
6250    
6251    
6252  "
6253  x-data="{
6254    button_loading: false,
6255    isHovered: false,
6256    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_WRV_11.jpg?v=1783610204&width=900'
6257  }"
6258  @mouseenter="isHovered = true"
6259  @mouseleave="isHovered = false"
6260  >
6261
6262  
6263  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
6264  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
6265  >
6266
6267    
6268    
6269
6270    
6271    
6272    
6273    
6274      
6275      
6276        
6277        
6278        <!-- snippets/component__badge.liquid -->
6279�<div class="badge badge-color__primary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
6280     ">
6281  
6282  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">new</span>
6283</div>
6284
6285      
6286    
6287      
6288      
6289        
6290        
6291        <!-- snippets/component__badge.liquid -->
6292�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
6293     ">
6294  
6295  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">seasonal</span>
6296</div>
6297
6298      
6299    
6300      
6301      
6302    
6303
6304    
6305   
6306    
6307     
6308
6309    
6310
6311    
6312    
6313      
6314      
6315      
6316    
6317
6318    
6319    
6320      
6321    
6322
6323  </div>
6324
6325  
6326  <a
6327    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
6328    href="/products/wild-rose-vinegar"
6329    tabindex="-1">
6330    <div
6331      class="
6332        object-cover w-full
6333        aspect-portrait-product
6334        color__bg-neutral after:color__bg-neutral color__text after:color__text
6335        
6336          border--radius overflow-hidden
6337          
6338        
6339      ">
6340      
6341        <!-- snippets/component__image.liquid -->
6342
6343
6344
6345
6346
6347
6348
6349<div
6350  class="
6351    js-picture w-full h-full overflow-hidden flex items-center
6352    
6353    color__bg-neutral after:color__bg-neutral color__text after:color__text
6354    
6355      mix-blend-darken
6356    
6357  ">
6358  <picture
6359    class="
6360      w-full flex items-center justify-center overflow-hidden
6361      aspect-portrait-product
6362      h-full
6363      
6364    ">
6365    <img src="//nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=900" alt="Wild Rose Vinegar" srcset="//nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_WildRoseVinegar_01.jpg?v=1740566908&amp;width=800 800w" width="900" height="1125" loading="
6366  
6367    lazy
6368  
6369" class="
6370  js-image
6371  h-full w-full object-cover
6372  
6373    
6374      min-h-full
6375    
6376  
6377  
6378    animation-300
6379  
6380  
6381">
6382  </picture>
6383</div>
6384
6385      
6386    </div>
6387    
6388      
6389        
6390            <div
6391              class="
6392                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
6393                color__bg-neutral after:color__bg-neutral color__text after:color__text
6394              ">
6395              <div
6396                class="
6397                  object-cover overflow-hidden
6398                  aspect-portrait-product
6399                  
6400                    border--radius
6401                    
6402                  
6403                  
6404                    mix-blend-darken
6405                  
6406                ">
6407                <img
6408                  loading='lazy'
6409                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
6410                  alt="Wild Rose Vinegar"
6411                  :src="second_image" />
6412              </div>
6413            </div>
6414          
6415      
6416    
6417  </a>
6418
6419  
6420  
6421
6422        
6423          <div
6424            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
6425
6426            <select class="hidden variant-cart-notes"><option value="47130253656404" data-variant-cart-note=""></option></select>
6427
6428            <div class="variant-cart-note">
6429            </div>
6430            <form action="/cart/add" data-productid="7076418715853"
6431              method="post"
6432              enctype="multipart/form-data"
6433              data-productid="7076418715853"
6434              x-data="{
6435                current_variant_id: 47130253656404,
6436                current_variant_selling_plan_id: 0,
6437                quantity: 1,
6438                current_variant_note: '',
6439              }"
6440              @submit.prevent="
6441                button_loading = true;
6442                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
6443                setTimeout(function(){ button_loading = false}, 1500);
6444              ">
6445              
6446                <input
6447                  name="id"
6448                  type="hidden"
6449                  :value="current_variant_id">
6450                <input
6451                  class="!hidden"
6452                  name="quantity"
6453                  type="text"
6454                  value="1"
6455                  min="1"
6456                  max="">
6457                <input
6458                  class="!hidden"
6459                  name="properties[Reminder]"
6460                  type="hidden"
6461                  :value="current_variant_note">
6462                  
6463                <button
6464                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
6465                  :class="{ 'btn--loading' : cart_loading && button_loading }"
6466                  type="submit"
6467                  role="button"
6468                  :disabled="button_loading">
6469                  <div class="btn__content !hidden md:!flex"
6470                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6471                  >
6472                  </div>
6473                  <div class="btn__content !flex md:!hidden"
6474                  x-text="button_loading ? 'Adding...' : 'Add'"
6475                  >
6476                  </div>
6477                  
6478                    <span class="ml-1 inline-flex gap-[0.5rem]">
6479                      
6480                        
6481                        
6482                          <pre
6483                            class="m-0 type--small"
6484                            x-html="Shopify.formatMoney(3900)">$39.00</pre>
6485                        
6486
6487
6488                      
6489                    </span>
6490                  
6491                </button>
6492              
6493            </form>
6494          </div>
6495        
6496      
6497    
6498
6499  
6500
6501  
6502  <a
6503    class="
6504      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
6505      text-left items-start justify-start mt-4
6506      
6507        
6508          pb-12 md:pb-0
6509        
6510      
6511    "
6512    href="/products/wild-rose-vinegar"
6513    tabindex="-1"
6514    >
6515
6516    
6517    <h3
6518      class="
6519        type--small !leading-tight mb-0
6520        text-left items-start justify-start
6521        
6522          !normal-case
6523        
6524        type__body type--base
6525      ">
6526     Wild Rose Vinegar
6527    </h3>
6528
6529    
6530    
6531
6532    
6533    
6534
6535    
6536    
6537    <div
6538      class="
6539        flex flex-wrap items-center pt-0.5 gap-1 type--small
6540        text-left items-start justify-start
6541      ">
6542      Roses don't just belong in vases
6543    </div>
6544    
6545
6546    
6547
6548    
6549    
6550
6551    
6552    
6553      
6554        
6555        
6556        
6557      
6558    
6559
6560    
6561    
6562
6563    
6564  </a>
6565
6566  
6567  
6568    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
6569      ">
6570      
6571        <form
6572          class="flex flex-wrap"
6573          action="/cart/add"
6574          method="post"
6575          enctype="multipart/form-data"
6576          data-productid="7076418715853"
6577          x-data="{
6578            current_variant_id: 47130253656404,
6579            current_variant_selling_plan_id: 0,
6580            quantity: 1,
6581          }"
6582          @submit.prevent="
6583            button_loading = true;
6584            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
6585            setTimeout(function(){ button_loading = false}, 500);
6586          ">
6587          
6588            <input
6589              name="id"
6590              type="hidden"
6591              :value="current_variant_id"
6592              x-model="current_variant_id">
6593            <input
6594              class="!hidden"
6595              name="quantity"
6596              type="text"
6597              value="1"
6598              min="1"
6599              max=""
6600              x-model="quantity">
6601            <button
6602              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
6603              :class="{ 'btn--loading' : cart_loading && button_loading }"
6604              type="submit"
6605              role="button"
6606              :disabled="button_loading">
6607              <div class="btn__content !hidden md:!flex"
6608              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6609              >
6610              </div>
6611              <div class="btn__content !flex md:!hidden"
6612              x-text="button_loading ? 'Adding...' : 'Add'"
6613              >
6614              </div>
6615              
6616                <span class="ml-1 inline-flex gap-[0.5rem]"
6617                  x-html="Shopify.formatMoney(3900)">
6618                  <!-- snippets/component__format-price.liquid -->
6619
6620
6621$39 USD
6622                </span>
6623              
6624            </button>
6625          
6626        </form>
6627      
6628    </div>
6629  
6630
6631  
6632  <div id='js-quickAdd-product-wild-rose-vinegar'></div>
6633
6634</div>
6635
6636    </div>
6637  
6638    <div class="flex justify-center flex-none"
6639      x-bind:data-slide="2">
6640      <!-- snippets/component__product-item.liquid -->
6641
6642
6643
6644
6645<div class="group/product relative w-full
6646  
6647    
6648    
6649  "
6650  x-data="{
6651    button_loading: false,
6652    isHovered: false,
6653    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_H25_Product_CYHS_01.jpg?v=1763660629&width=900'
6654  }"
6655  @mouseenter="isHovered = true"
6656  @mouseleave="isHovered = false"
6657  >
6658
6659  
6660  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
6661  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
6662  >
6663
6664    
6665    
6666
6667    
6668    
6669    
6670    
6671      
6672      
6673    
6674      
6675      
6676    
6677      
6678      
6679    
6680
6681    
6682   
6683    
6684     
6685
6686    
6687
6688    
6689    
6690      
6691      
6692      
6693    
6694
6695    
6696    
6697      
6698    
6699
6700  </div>
6701
6702  
6703  <a
6704    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
6705    href="/products/corn-yuzu-hot-sauce"
6706    tabindex="-1">
6707    <div
6708      class="
6709        object-cover w-full
6710        aspect-portrait-product
6711        color__bg-neutral after:color__bg-neutral color__text after:color__text
6712        
6713          border--radius overflow-hidden
6714          
6715        
6716      ">
6717      
6718        <!-- snippets/component__image.liquid -->
6719
6720
6721
6722
6723
6724
6725
6726<div
6727  class="
6728    js-picture w-full h-full overflow-hidden flex items-center
6729    
6730    color__bg-neutral after:color__bg-neutral color__text after:color__text
6731    
6732      mix-blend-darken
6733    
6734  ">
6735  <picture
6736    class="
6737      w-full flex items-center justify-center overflow-hidden
6738      aspect-portrait-product
6739      h-full
6740      
6741    ">
6742    <img src="//nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=900" alt="Corn Yuzu Hot Sauce" srcset="//nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_CYHS_01.jpg?v=1740566894&amp;width=800 800w" width="900" height="1125" loading="
6743  
6744    lazy
6745  
6746" class="
6747  js-image
6748  h-full w-full object-cover
6749  
6750    
6751      min-h-full
6752    
6753  
6754  
6755    animation-300
6756  
6757  
6758">
6759  </picture>
6760</div>
6761
6762      
6763    </div>
6764    
6765      
6766        
6767            <div
6768              class="
6769                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
6770                color__bg-neutral after:color__bg-neutral color__text after:color__text
6771              ">
6772              <div
6773                class="
6774                  object-cover overflow-hidden
6775                  aspect-portrait-product
6776                  
6777                    border--radius
6778                    
6779                  
6780                  
6781                    mix-blend-darken
6782                  
6783                ">
6784                <img
6785                  loading='lazy'
6786                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
6787                  alt="Corn Yuzu Hot Sauce"
6788                  :src="second_image" />
6789              </div>
6790            </div>
6791          
6792      
6793    
6794  </a>
6795
6796  
6797  
6798
6799        
6800          <div
6801            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
6802
6803            <select class="hidden variant-cart-notes"><option value="47034818265428" data-variant-cart-note=""></option></select>
6804
6805            <div class="variant-cart-note">
6806            </div>
6807            <form action="/cart/add" data-productid="8597380301140"
6808              method="post"
6809              enctype="multipart/form-data"
6810              data-productid="8597380301140"
6811              x-data="{
6812                current_variant_id: 47034818265428,
6813                current_variant_selling_plan_id: 0,
6814                quantity: 1,
6815                current_variant_note: '',
6816              }"
6817              @submit.prevent="
6818                button_loading = true;
6819                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
6820                setTimeout(function(){ button_loading = false}, 1500);
6821              ">
6822              
6823                <input
6824                  name="id"
6825                  type="hidden"
6826                  :value="current_variant_id">
6827                <input
6828                  class="!hidden"
6829                  name="quantity"
6830                  type="text"
6831                  value="1"
6832                  min="1"
6833                  max="">
6834                <input
6835                  class="!hidden"
6836                  name="properties[Reminder]"
6837                  type="hidden"
6838                  :value="current_variant_note">
6839                  
6840                <button
6841                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
6842                  :class="{ 'btn--loading' : cart_loading && button_loading }"
6843                  type="submit"
6844                  role="button"
6845                  :disabled="button_loading">
6846                  <div class="btn__content !hidden md:!flex"
6847                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6848                  >
6849                  </div>
6850                  <div class="btn__content !flex md:!hidden"
6851                  x-text="button_loading ? 'Adding...' : 'Add'"
6852                  >
6853                  </div>
6854                  
6855                    <span class="ml-1 inline-flex gap-[0.5rem]">
6856                      
6857                        
6858                        
6859                          <pre
6860                            class="m-0 type--small"
6861                            x-html="Shopify.formatMoney(2900)">$29.00</pre>
6862                        
6863
6864
6865                      
6866                    </span>
6867                  
6868                </button>
6869              
6870            </form>
6871          </div>
6872        
6873      
6874    
6875
6876  
6877
6878  
6879  <a
6880    class="
6881      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
6882      text-left items-start justify-start mt-4
6883      
6884        
6885          pb-12 md:pb-0
6886        
6887      
6888    "
6889    href="/products/corn-yuzu-hot-sauce"
6890    tabindex="-1"
6891    >
6892
6893    
6894    <h3
6895      class="
6896        type--small !leading-tight mb-0
6897        text-left items-start justify-start
6898        
6899          !normal-case
6900        
6901        type__body type--base
6902      ">
6903     Corn Yuzu Hot Sauce
6904    </h3>
6905
6906    
6907    
6908
6909    
6910    
6911
6912    
6913    
6914    <div
6915      class="
6916        flex flex-wrap items-center pt-0.5 gap-1 type--small
6917        text-left items-start justify-start
6918      ">
6919      Mild heat with major flavor
6920    </div>
6921    
6922
6923    
6924
6925    
6926    
6927
6928    
6929    
6930      
6931        
6932        
6933        
6934      
6935    
6936
6937    
6938    
6939
6940    
6941  </a>
6942
6943  
6944  
6945    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
6946      ">
6947      
6948        <form
6949          class="flex flex-wrap"
6950          action="/cart/add"
6951          method="post"
6952          enctype="multipart/form-data"
6953          data-productid="8597380301140"
6954          x-data="{
6955            current_variant_id: 47034818265428,
6956            current_variant_selling_plan_id: 0,
6957            quantity: 1,
6958          }"
6959          @submit.prevent="
6960            button_loading = true;
6961            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
6962            setTimeout(function(){ button_loading = false}, 500);
6963          ">
6964          
6965            <input
6966              name="id"
6967              type="hidden"
6968              :value="current_variant_id"
6969              x-model="current_variant_id">
6970            <input
6971              class="!hidden"
6972              name="quantity"
6973              type="text"
6974              value="1"
6975              min="1"
6976              max=""
6977              x-model="quantity">
6978            <button
6979              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
6980              :class="{ 'btn--loading' : cart_loading && button_loading }"
6981              type="submit"
6982              role="button"
6983              :disabled="button_loading">
6984              <div class="btn__content !hidden md:!flex"
6985              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
6986              >
6987              </div>
6988              <div class="btn__content !flex md:!hidden"
6989              x-text="button_loading ? 'Adding...' : 'Add'"
6990              >
6991              </div>
6992              
6993                <span class="ml-1 inline-flex gap-[0.5rem]"
6994                  x-html="Shopify.formatMoney(2900)">
6995                  <!-- snippets/component__format-price.liquid -->
6996
6997
6998$29 USD
6999                </span>
7000              
7001            </button>
7002          
7003        </form>
7004      
7005    </div>
7006  
7007
7008  
7009  <div id='js-quickAdd-product-corn-yuzu-hot-sauce'></div>
7010
7011</div>
7012
7013    </div>
7014  
7015    <div class="flex justify-center flex-none"
7016      x-bind:data-slide="3">
7017      <!-- snippets/component__product-item.liquid -->
7018
7019
7020
7021
7022<div class="group/product relative w-full
7023  
7024    
7025    
7026  "
7027  x-data="{
7028    button_loading: false,
7029    isHovered: false,
7030    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Text_07.jpg?v=1787651070&width=900'
7031  }"
7032  @mouseenter="isHovered = true"
7033  @mouseleave="isHovered = false"
7034  >
7035
7036  
7037  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
7038  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
7039  >
7040
7041    
7042    
7043
7044    
7045    
7046    
7047    
7048      
7049      
7050        
7051        
7052        <!-- snippets/component__badge.liquid -->
7053�<div class="badge badge-color__secondary border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
7054     ">
7055  
7056  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">4.6/5 ★★★★✬</span>
7057</div>
7058
7059      
7060    
7061      
7062      
7063    
7064      
7065      
7066    
7067
7068    
7069   
7070    
7071     
7072
7073    
7074
7075    
7076    
7077      
7078      
7079      
7080    
7081
7082    
7083    
7084      
7085    
7086
7087  </div>
7088
7089  
7090  <a
7091    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
7092    href="/products/noma-kaffe"
7093    tabindex="-1">
7094    <div
7095      class="
7096        object-cover w-full
7097        aspect-portrait-product
7098        color__bg-neutral after:color__bg-neutral color__text after:color__text
7099        
7100          border--radius overflow-hidden
7101          
7102        
7103      ">
7104      
7105        <!-- snippets/component__image.liquid -->
7106
7107
7108
7109
7110
7111
7112
7113<div
7114  class="
7115    js-picture w-full h-full overflow-hidden flex items-center
7116    
7117    color__bg-neutral after:color__bg-neutral color__text after:color__text
7118    
7119      mix-blend-darken
7120    
7121  ">
7122  <picture
7123    class="
7124      w-full flex items-center justify-center overflow-hidden
7125      aspect-portrait-product
7126      h-full
7127      
7128    ">
7129    <img src="//nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=900" alt="Noma Kaffe Membership" srcset="//nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_Thumbnail.jpg?v=1763657086&amp;width=800 800w" width="900" height="1125" loading="
7130  
7131    lazy
7132  
7133" class="
7134  js-image
7135  h-full w-full object-cover
7136  
7137    
7138      min-h-full
7139    
7140  
7141  
7142    animation-300
7143  
7144  
7145">
7146  </picture>
7147</div>
7148
7149      
7150    </div>
7151    
7152      
7153        
7154            <div
7155              class="
7156                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
7157                color__bg-neutral after:color__bg-neutral color__text after:color__text
7158              ">
7159              <div
7160                class="
7161                  object-cover overflow-hidden
7162                  aspect-portrait-product
7163                  
7164                    border--radius
7165                    
7166                  
7167                  
7168                    mix-blend-darken
7169                  
7170                ">
7171                <img
7172                  loading='lazy'
7173                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
7174                  alt="Noma Kaffe Membership"
7175                  :src="second_image" />
7176              </div>
7177            </div>
7178          
7179      
7180    
7181  </a>
7182
7183  
7184  
7185
7186        
7187          <div
7188            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
7189
7190            <select class="hidden variant-cart-notes"><option value="51332601774420" data-variant-cart-note=""></option></select>
7191
7192            <div class="variant-cart-note">
7193            </div>
7194            <form action="/cart/add" data-productid="11833911968084"
7195              method="post"
7196              enctype="multipart/form-data"
7197              data-productid="11833911968084"
7198              x-data="{
7199                current_variant_id: 51332601774420,
7200                current_variant_selling_plan_id: 0,
7201                quantity: 1,
7202                current_variant_note: '',
7203              }"
7204              @submit.prevent="
7205                button_loading = true;
7206                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
7207                setTimeout(function(){ button_loading = false}, 1500);
7208              ">
7209              
7210                <button
7211                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
7212                  :class="{ 'btn--loading' : button_loading }"
7213                  type="button"
7214                  role="button"
7215                  :disabled="button_loading"
7216                  x-on:click="window.location.href = '/products/noma-kaffe'"
7217                  
7218                    >
7219                    <div class="btn__content"
7220                    x-text="button_loading ? 'Adding...' : 'from'"
7221                    >
7222                    </div>
7223                    
7224                      <span class="ml-1 inline-flex">
7225                        
7226                          
7227                            
7228                              <pre
7229                                class="m-0 type--small"
7230                                x-html="Shopify.formatMoney(7000)"> - $70.00</pre>
7231                            
7232                          
7233                          
7234                        
7235                      </span>
7236                    
7237                </button>
7238              
7239            </form>
7240          </div>
7241        
7242      
7243    
7244
7245  
7246
7247  
7248  <a
7249    class="
7250      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
7251      text-left items-start justify-start mt-4
7252      
7253        
7254          pb-12 md:pb-0
7255        
7256      
7257    "
7258    href="/products/noma-kaffe"
7259    tabindex="-1"
7260    >
7261
7262    
7263    <h3
7264      class="
7265        type--small !leading-tight mb-0
7266        text-left items-start justify-start
7267        
7268          !normal-case
7269        
7270        type__body type--base
7271      ">
7272     Noma Kaffe Membership
7273    </h3>
7274
7275    
7276    
7277
7278    
7279    
7280
7281    
7282    
7283    <div
7284      class="
7285        flex flex-wrap items-center pt-0.5 gap-1 type--small
7286        text-left items-start justify-start
7287      ">
7288      Monthly coffee delivery, roasted by Noma
7289    </div>
7290    
7291
7292    
7293
7294    
7295    
7296
7297    
7298    
7299      
7300        
7301        
7302        
7303      
7304    
7305
7306    
7307    
7308
7309    
7310  </a>
7311
7312  
7313  
7314    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
7315      ">
7316      
7317        <form
7318          class="flex flex-wrap"
7319          action="/cart/add"
7320          method="post"
7321          enctype="multipart/form-data"
7322          data-productid="11833911968084"
7323          x-data="{
7324            current_variant_id: 51332601774420,
7325            current_variant_selling_plan_id: 0,
7326            quantity: 1,
7327          }"
7328          @submit.prevent="
7329            button_loading = true;
7330            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
7331            setTimeout(function(){ button_loading = false}, 500);
7332          ">
7333          
7334            <button
7335              class="!w-full btn btn--small btn--load md:btn  btn   btn--quick-addx !w-full hover:color__button-popx !justify-between"
7336              :class="{ 'btn--loading' : button_loading }"
7337              type="button"
7338              role="button"
7339              :disabled="button_loading"
7340              x-on:click="window.location.href = '/products/noma-kaffe'"
7341              >
7342              <div class="btn__content"
7343              x-text="button_loading ? 'Adding...' : 'from'"
7344              >
7345              </div>
7346              
7347                <span class="ml-1 inline-flex gap-[0.5rem]"
7348                  x-html="Shopify.formatMoney(7000)">
7349                  <!-- snippets/component__format-price.liquid -->
7350
7351
7352$70 USD
7353                </span>
7354              
7355            </button>
7356          
7357        </form>
7358      
7359    </div>
7360  
7361
7362  
7363  <div id='js-quickAdd-product-noma-kaffe'></div>
7364
7365</div>
7366
7367    </div>
7368  
7369    <div class="flex justify-center flex-none"
7370      x-bind:data-slide="4">
7371      <!-- snippets/component__product-item.liquid -->
7372
7373
7374
7375
7376<div class="group/product relative w-full
7377  
7378    
7379    
7380  "
7381  x-data="{
7382    button_loading: false,
7383    isHovered: false,
7384    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_2025_MG_01_6ccf4c71-0645-485a-8e38-fb6a3a3e6e8b.jpg?v=1769544725&width=900'
7385  }"
7386  @mouseenter="isHovered = true"
7387  @mouseleave="isHovered = false"
7388  >
7389
7390  
7391  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
7392  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
7393  >
7394
7395    
7396    
7397
7398    
7399    
7400    
7401    
7402      
7403      
7404    
7405      
7406      
7407    
7408
7409    
7410   
7411    
7412     
7413
7414    
7415
7416          
7417          <!-- snippets/component__badge.liquid -->
7418�<div class="badge badge-color__transparent border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
7419     ">
7420  
7421  <span class="flex items-center gap-1 type--smallest type__nav !leading-none"> 
7422            Sold Out
7423           </span>
7424</div>
7425
7426        
7427
7428
7429    
7430    
7431      
7432      
7433      
7434    
7435
7436    
7437    
7438      
7439    
7440
7441  </div>
7442
7443  
7444  <a
7445    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
7446    href="/products/mushroom-garum"
7447    tabindex="-1">
7448    <div
7449      class="
7450        object-cover w-full
7451        aspect-portrait-product
7452        color__bg-neutral after:color__bg-neutral color__text after:color__text
7453        
7454          border--radius overflow-hidden
7455          
7456        
7457      ">
7458      
7459        <!-- snippets/component__image.liquid -->
7460
7461
7462
7463
7464
7465
7466
7467<div
7468  class="
7469    js-picture w-full h-full overflow-hidden flex items-center
7470    
7471    color__bg-neutral after:color__bg-neutral color__text after:color__text
7472    
7473      mix-blend-darken
7474    
7475  ">
7476  <picture
7477    class="
7478      w-full flex items-center justify-center overflow-hidden
7479      aspect-portrait-product
7480      h-full
7481      
7482    ">
7483    <img src="//nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=900" alt="Mushroom Garum" srcset="//nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_MushroomGarum_01.jpg?v=1719391607&amp;width=800 800w" width="900" height="1125" loading="
7484  
7485    lazy
7486  
7487" class="
7488  js-image
7489  h-full w-full object-cover
7490  
7491    
7492      min-h-full
7493    
7494  
7495  
7496    animation-300
7497  
7498  
7499">
7500  </picture>
7501</div>
7502
7503      
7504    </div>
7505    
7506      
7507        
7508            <div
7509              class="
7510                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
7511                color__bg-neutral after:color__bg-neutral color__text after:color__text
7512              ">
7513              <div
7514                class="
7515                  object-cover overflow-hidden
7516                  aspect-portrait-product
7517                  
7518                    border--radius
7519                    
7520                  
7521                  
7522                    mix-blend-darken
7523                  
7524                ">
7525                <img
7526                  loading='lazy'
7527                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
7528                  alt="Mushroom Garum"
7529                  :src="second_image" />
7530              </div>
7531            </div>
7532          
7533      
7534    
7535  </a>
7536
7537  
7538  
7539
7540  
7541
7542  
7543  <a
7544    class="
7545      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
7546      text-left items-start justify-start mt-4
7547      
7548        
7549          pb-12 md:pb-0
7550        
7551      
7552    "
7553    href="/products/mushroom-garum"
7554    tabindex="-1"
7555    >
7556
7557    
7558    <h3
7559      class="
7560        type--small !leading-tight mb-0
7561        text-left items-start justify-start
7562        
7563          !normal-case
7564        
7565        type__body type--base
7566      ">
7567     Mushroom Garum
7568    </h3>
7569
7570    
7571    
7572
7573    
7574    
7575
7576    
7577    
7578    <div
7579      class="
7580        flex flex-wrap items-center pt-0.5 gap-1 type--small
7581        text-left items-start justify-start
7582      ">
7583      Turn umami up to eleven
7584    </div>
7585    
7586
7587    
7588
7589    
7590    
7591
7592    
7593    
7594      
7595        
7596        
7597        
7598      
7599    
7600
7601    
7602    
7603
7604    
7605  </a>
7606
7607  
7608  
7609    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
7610      ">
7611      
7612<button
7613          class="
7614            !w-full btn btn--small btn--load
7615            md:btn  btn   btn--quick-addx !w-full hover:color__button-pop
7616          "
7617          type="button"
7618          tabindex="-1">
7619          
7620            Sold Out
7621          
7622        </button>
7623        
7624      
7625    </div>
7626  
7627
7628  
7629  <div id='js-quickAdd-product-mushroom-garum'></div>
7630
7631</div>
7632
7633    </div>
7634  
7635    <div class="flex justify-center flex-none"
7636      x-bind:data-slide="5">
7637      <!-- snippets/component__product-item.liquid -->
7638
7639
7640
7641
7642<div class="group/product relative w-full
7643  
7644    
7645    
7646  "
7647  x-data="{
7648    button_loading: false,
7649    isHovered: false,
7650    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_F24_PumpkinSeedPraline_04.jpg?v=1772115141&width=900'
7651  }"
7652  @mouseenter="isHovered = true"
7653  @mouseleave="isHovered = false"
7654  >
7655
7656  
7657  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
7658  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
7659  >
7660
7661    
7662    
7663
7664    
7665    
7666    
7667    
7668      
7669      
7670        
7671        
7672        <!-- snippets/component__badge.liquid -->
7673�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
7674     ">
7675  
7676  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">seasonal</span>
7677</div>
7678
7679      
7680    
7681      
7682      
7683    
7684
7685    
7686   
7687    
7688     
7689
7690    
7691
7692    
7693    
7694      
7695      
7696      
7697    
7698
7699    
7700    
7701      
7702    
7703
7704  </div>
7705
7706  
7707  <a
7708    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
7709    href="/products/pumpkin-seed-praline"
7710    tabindex="-1">
7711    <div
7712      class="
7713        object-cover w-full
7714        aspect-portrait-product
7715        color__bg-neutral after:color__bg-neutral color__text after:color__text
7716        
7717          border--radius overflow-hidden
7718          
7719        
7720      ">
7721      
7722        <!-- snippets/component__image.liquid -->
7723
7724
7725
7726
7727
7728
7729
7730<div
7731  class="
7732    js-picture w-full h-full overflow-hidden flex items-center
7733    
7734    color__bg-neutral after:color__bg-neutral color__text after:color__text
7735    
7736      mix-blend-darken
7737    
7738  ">
7739  <picture
7740    class="
7741      w-full flex items-center justify-center overflow-hidden
7742      aspect-portrait-product
7743      h-full
7744      
7745    ">
7746    <img src="//nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=900" alt="Pumpkin Seed Praline" srcset="//nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_PumpkinSeedPraline_01.jpg?v=1740566675&amp;width=800 800w" width="900" height="1125" loading="
7747  
7748    lazy
7749  
7750" class="
7751  js-image
7752  h-full w-full object-cover
7753  
7754    
7755      min-h-full
7756    
7757  
7758  
7759    animation-300
7760  
7761  
7762">
7763  </picture>
7764</div>
7765
7766      
7767    </div>
7768    
7769      
7770        
7771            <div
7772              class="
7773                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
7774                color__bg-neutral after:color__bg-neutral color__text after:color__text
7775              ">
7776              <div
7777                class="
7778                  object-cover overflow-hidden
7779                  aspect-portrait-product
7780                  
7781                    border--radius
7782                    
7783                  
7784                  
7785                    mix-blend-darken
7786                  
7787                ">
7788                <img
7789                  loading='lazy'
7790                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
7791                  alt="Pumpkin Seed Praline"
7792                  :src="second_image" />
7793              </div>
7794            </div>
7795          
7796      
7797    
7798  </a>
7799
7800  
7801  
7802
7803        
7804          <div
7805            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
7806
7807            <select class="hidden variant-cart-notes"><option value="50023902183764" data-variant-cart-note=""></option></select>
7808
7809            <div class="variant-cart-note">
7810            </div>
7811            <form action="/cart/add" data-productid="9799265124692"
7812              method="post"
7813              enctype="multipart/form-data"
7814              data-productid="9799265124692"
7815              x-data="{
7816                current_variant_id: 50023902183764,
7817                current_variant_selling_plan_id: 0,
7818                quantity: 1,
7819                current_variant_note: '',
7820              }"
7821              @submit.prevent="
7822                button_loading = true;
7823                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
7824                setTimeout(function(){ button_loading = false}, 1500);
7825              ">
7826              
7827                <input
7828                  name="id"
7829                  type="hidden"
7830                  :value="current_variant_id">
7831                <input
7832                  class="!hidden"
7833                  name="quantity"
7834                  type="text"
7835                  value="1"
7836                  min="1"
7837                  max="">
7838                <input
7839                  class="!hidden"
7840                  name="properties[Reminder]"
7841                  type="hidden"
7842                  :value="current_variant_note">
7843                  
7844                <button
7845                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
7846                  :class="{ 'btn--loading' : cart_loading && button_loading }"
7847                  type="submit"
7848                  role="button"
7849                  :disabled="button_loading">
7850                  <div class="btn__content !hidden md:!flex"
7851                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
7852                  >
7853                  </div>
7854                  <div class="btn__content !flex md:!hidden"
7855                  x-text="button_loading ? 'Adding...' : 'Add'"
7856                  >
7857                  </div>
7858                  
7859                    <span class="ml-1 inline-flex gap-[0.5rem]">
7860                      
7861                        
7862                        
7863                          <pre
7864                            class="m-0 type--small"
7865                            x-html="Shopify.formatMoney(3700)">$37.00</pre>
7866                        
7867
7868
7869                      
7870                    </span>
7871                  
7872                </button>
7873              
7874            </form>
7875          </div>
7876        
7877      
7878    
7879
7880  
7881
7882  
7883  <a
7884    class="
7885      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
7886      text-left items-start justify-start mt-4
7887      
7888        
7889          pb-12 md:pb-0
7890        
7891      
7892    "
7893    href="/products/pumpkin-seed-praline"
7894    tabindex="-1"
7895    >
7896
7897    
7898    <h3
7899      class="
7900        type--small !leading-tight mb-0
7901        text-left items-start justify-start
7902        
7903          !normal-case
7904        
7905        type__body type--base
7906      ">
7907     Pumpkin Seed Praline
7908    </h3>
7909
7910    
7911    
7912
7913    
7914    
7915
7916    
7917    
7918    <div
7919      class="
7920        flex flex-wrap items-center pt-0.5 gap-1 type--small
7921        text-left items-start justify-start
7922      ">
7923      Nutty, velvety, spreadable
7924    </div>
7925    
7926
7927    
7928
7929    
7930    
7931
7932    
7933    
7934      
7935        
7936        
7937        
7938      
7939    
7940
7941    
7942    
7943
7944    
7945  </a>
7946
7947  
7948  
7949    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
7950      ">
7951      
7952        <form
7953          class="flex flex-wrap"
7954          action="/cart/add"
7955          method="post"
7956          enctype="multipart/form-data"
7957          data-productid="9799265124692"
7958          x-data="{
7959            current_variant_id: 50023902183764,
7960            current_variant_selling_plan_id: 0,
7961            quantity: 1,
7962          }"
7963          @submit.prevent="
7964            button_loading = true;
7965            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
7966            setTimeout(function(){ button_loading = false}, 500);
7967          ">
7968          
7969            <input
7970              name="id"
7971              type="hidden"
7972              :value="current_variant_id"
7973              x-model="current_variant_id">
7974            <input
7975              class="!hidden"
7976              name="quantity"
7977              type="text"
7978              value="1"
7979              min="1"
7980              max=""
7981              x-model="quantity">
7982            <button
7983              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
7984              :class="{ 'btn--loading' : cart_loading && button_loading }"
7985              type="submit"
7986              role="button"
7987              :disabled="button_loading">
7988              <div class="btn__content !hidden md:!flex"
7989              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
7990              >
7991              </div>
7992              <div class="btn__content !flex md:!hidden"
7993              x-text="button_loading ? 'Adding...' : 'Add'"
7994              >
7995              </div>
7996              
7997                <span class="ml-1 inline-flex gap-[0.5rem]"
7998                  x-html="Shopify.formatMoney(3700)">
7999                  <!-- snippets/component__format-price.liquid -->
8000
8001
8002$37 USD
8003                </span>
8004              
8005            </button>
8006          
8007        </form>
8008      
8009    </div>
8010  
8011
8012  
8013  <div id='js-quickAdd-product-pumpkin-seed-praline'></div>
8014
8015</div>
8016
8017    </div>
8018  
8019    <div class="flex justify-center flex-none"
8020      x-bind:data-slide="6">
8021      <!-- snippets/component__product-item.liquid -->
8022
8023
8024
8025
8026<div class="group/product relative w-full
8027  
8028    
8029    
8030  "
8031  x-data="{
8032    button_loading: false,
8033    isHovered: false,
8034    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_Kaffe_RoseBrew_02.jpg?v=1785701008&width=900'
8035  }"
8036  @mouseenter="isHovered = true"
8037  @mouseleave="isHovered = false"
8038  >
8039
8040  
8041  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
8042  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
8043  >
8044
8045    
8046    
8047
8048    
8049    
8050    
8051    
8052      
8053      
8054        
8055        
8056        <!-- snippets/component__badge.liquid -->
8057�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
8058     ">
8059  
8060  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">seasonal</span>
8061</div>
8062
8063      
8064    
8065      
8066      
8067    
8068      
8069      
8070    
8071
8072    
8073   
8074    
8075     
8076
8077    
8078
8079    
8080    
8081      
8082      
8083      
8084    
8085
8086    
8087    
8088      
8089        <!-- snippets/component__badge.liquid -->
8090�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
8091     ">
8092  
8093  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">Save 18%</span>
8094</div>
8095
8096      
8097    
8098
8099  </div>
8100
8101  
8102  <a
8103    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
8104    href="/products/rose-cold-brew-bundle"
8105    tabindex="-1">
8106    <div
8107      class="
8108        object-cover w-full
8109        aspect-portrait-product
8110        color__bg-neutral after:color__bg-neutral color__text after:color__text
8111        
8112          border--radius overflow-hidden
8113          
8114        
8115      ">
8116      
8117        <!-- snippets/component__image.liquid -->
8118
8119
8120
8121
8122
8123
8124
8125<div
8126  class="
8127    js-picture w-full h-full overflow-hidden flex items-center
8128    
8129    color__bg-neutral after:color__bg-neutral color__text after:color__text
8130    
8131      mix-blend-darken
8132    
8133  ">
8134  <picture
8135    class="
8136      w-full flex items-center justify-center overflow-hidden
8137      aspect-portrait-product
8138      h-full
8139      
8140    ">
8141    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=900" alt="Rose Cold Brew Bundle" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_RoseBrew_01.jpg?v=1785700630&amp;width=800 800w" width="900" height="1125" loading="
8142  
8143    lazy
8144  
8145" class="
8146  js-image
8147  h-full w-full object-cover
8148  
8149    
8150      min-h-full
8151    
8152  
8153  
8154    animation-300
8155  
8156  
8157">
8158  </picture>
8159</div>
8160
8161      
8162    </div>
8163    
8164      
8165        
8166            <div
8167              class="
8168                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
8169                color__bg-neutral after:color__bg-neutral color__text after:color__text
8170              ">
8171              <div
8172                class="
8173                  object-cover overflow-hidden
8174                  aspect-portrait-product
8175                  
8176                    border--radius
8177                    
8178                  
8179                  
8180                    mix-blend-darken
8181                  
8182                ">
8183                <img
8184                  loading='lazy'
8185                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
8186                  alt="Rose Cold Brew Bundle"
8187                  :src="second_image" />
8188              </div>
8189            </div>
8190          
8191      
8192    
8193  </a>
8194
8195  
8196  
8197
8198        
8199          <div
8200            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
8201
8202            <select class="hidden variant-cart-notes"><option value="56591936815444" data-variant-cart-note=""></option></select>
8203
8204            <div class="variant-cart-note">
8205            </div>
8206            <form action="/cart/add" data-productid="15645997203796"
8207              method="post"
8208              enctype="multipart/form-data"
8209              data-productid="15645997203796"
8210              x-data="{
8211                current_variant_id: 56591936815444,
8212                current_variant_selling_plan_id: 0,
8213                quantity: 1,
8214                current_variant_note: '',
8215              }"
8216              @submit.prevent="
8217                button_loading = true;
8218                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
8219                setTimeout(function(){ button_loading = false}, 1500);
8220              ">
8221              
8222                <input
8223                  name="id"
8224                  type="hidden"
8225                  :value="current_variant_id">
8226                <input
8227                  class="!hidden"
8228                  name="quantity"
8229                  type="text"
8230                  value="1"
8231                  min="1"
8232                  max="">
8233                <input
8234                  class="!hidden"
8235                  name="properties[Reminder]"
8236                  type="hidden"
8237                  :value="current_variant_note">
8238                  
8239                <button
8240                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
8241                  :class="{ 'btn--loading' : cart_loading && button_loading }"
8242                  type="submit"
8243                  role="button"
8244                  :disabled="button_loading">
8245                  <div class="btn__content !hidden md:!flex"
8246                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
8247                  >
8248                  </div>
8249                  <div class="btn__content !flex md:!hidden"
8250                  x-text="button_loading ? 'Adding...' : 'Add'"
8251                  >
8252                  </div>
8253                  
8254                    <span class="ml-1 inline-flex gap-[0.5rem]">
8255                      
8256                        
8257                          <span class="type--small">
8258                            <s x-html="Shopify.formatMoney(8600)">
8259                              <!-- snippets/component__format-price.liquid -->
8260
8261
8262$86 USD
8263                            </s>
8264                          </span>
8265                        
8266                        
8267                          <pre
8268                            class="m-0 type--small"
8269                            x-html="Shopify.formatMoney(7000)">$70.00</pre>
8270                        
8271
8272
8273                      
8274                    </span>
8275                  
8276                </button>
8277              
8278            </form>
8279          </div>
8280        
8281      
8282    
8283
8284  
8285
8286  
8287  <a
8288    class="
8289      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
8290      text-left items-start justify-start mt-4
8291      
8292        
8293          pb-12 md:pb-0
8294        
8295      
8296    "
8297    href="/products/rose-cold-brew-bundle"
8298    tabindex="-1"
8299    >
8300
8301    
8302    <h3
8303      class="
8304        type--small !leading-tight mb-0
8305        text-left items-start justify-start
8306        
8307          !normal-case
8308        
8309        type__body type--base
8310      ">
8311     Rose Cold Brew Bundle
8312    </h3>
8313
8314    
8315    
8316
8317    
8318    
8319
8320    
8321    
8322    <div
8323      class="
8324        flex flex-wrap items-center pt-0.5 gap-1 type--small
8325        text-left items-start justify-start
8326      ">
8327      Noma's twist on a classic brew
8328    </div>
8329    
8330
8331    
8332
8333    
8334    
8335
8336    
8337    
8338      
8339        
8340        
8341        
8342      
8343    
8344
8345    
8346    
8347
8348    
8349  </a>
8350
8351  
8352  
8353    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
8354      ">
8355      
8356        <form
8357          class="flex flex-wrap"
8358          action="/cart/add"
8359          method="post"
8360          enctype="multipart/form-data"
8361          data-productid="15645997203796"
8362          x-data="{
8363            current_variant_id: 56591936815444,
8364            current_variant_selling_plan_id: 0,
8365            quantity: 1,
8366          }"
8367          @submit.prevent="
8368            button_loading = true;
8369            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
8370            setTimeout(function(){ button_loading = false}, 500);
8371          ">
8372          
8373            <input
8374              name="id"
8375              type="hidden"
8376              :value="current_variant_id"
8377              x-model="current_variant_id">
8378            <input
8379              class="!hidden"
8380              name="quantity"
8381              type="text"
8382              value="1"
8383              min="1"
8384              max=""
8385              x-model="quantity">
8386            <button
8387              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
8388              :class="{ 'btn--loading' : cart_loading && button_loading }"
8389              type="submit"
8390              role="button"
8391              :disabled="button_loading">
8392              <div class="btn__content !hidden md:!flex"
8393              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
8394              >
8395              </div>
8396              <div class="btn__content !flex md:!hidden"
8397              x-text="button_loading ? 'Adding...' : 'Add'"
8398              >
8399              </div>
8400              
8401                <span class="ml-1 inline-flex gap-[0.5rem]"
8402                  x-html="Shopify.formatMoney(7000)">
8403                  <!-- snippets/component__format-price.liquid -->
8404
8405
8406$70 USD
8407                </span>
8408              
8409            </button>
8410          
8411        </form>
8412      
8413    </div>
8414  
8415
8416  
8417  <div id='js-quickAdd-product-rose-cold-brew-bundle'></div>
8418
8419</div>
8420
8421    </div>
8422  
8423    <div class="flex justify-center flex-none"
8424      x-bind:data-slide="7">
8425      <!-- snippets/component__product-item.liquid -->
8426
8427
8428
8429
8430<div class="group/product relative w-full
8431  
8432    
8433    
8434  "
8435  x-data="{
8436    button_loading: false,
8437    isHovered: false,
8438    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_KyotoPeaso_01.jpg?v=1773219824&width=900'
8439  }"
8440  @mouseenter="isHovered = true"
8441  @mouseleave="isHovered = false"
8442  >
8443
8444  
8445  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
8446  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
8447  >
8448
8449    
8450    
8451
8452    
8453    
8454    
8455    
8456      
8457      
8458    
8459
8460    
8461   
8462    
8463     
8464
8465    
8466
8467    
8468    
8469      
8470      
8471      
8472    
8473
8474    
8475    
8476      
8477    
8478
8479  </div>
8480
8481  
8482  <a
8483    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
8484    href="/products/kyoto-peaso"
8485    tabindex="-1">
8486    <div
8487      class="
8488        object-cover w-full
8489        aspect-portrait-product
8490        color__bg-neutral after:color__bg-neutral color__text after:color__text
8491        
8492          border--radius overflow-hidden
8493          
8494        
8495      ">
8496      
8497        <!-- snippets/component__image.liquid -->
8498
8499
8500
8501
8502
8503
8504
8505<div
8506  class="
8507    js-picture w-full h-full overflow-hidden flex items-center
8508    
8509    color__bg-neutral after:color__bg-neutral color__text after:color__text
8510    
8511      mix-blend-darken
8512    
8513  ">
8514  <picture
8515    class="
8516      w-full flex items-center justify-center overflow-hidden
8517      aspect-portrait-product
8518      h-full
8519      
8520    ">
8521    <img src="//nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=900" alt="Kyoto Peaso" srcset="//nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_KyotoPeaso_01.jpg?v=1768208944&amp;width=800 800w" width="900" height="1125" loading="
8522  
8523    lazy
8524  
8525" class="
8526  js-image
8527  h-full w-full object-cover
8528  
8529    
8530      min-h-full
8531    
8532  
8533  
8534    animation-300
8535  
8536  
8537">
8538  </picture>
8539</div>
8540
8541      
8542    </div>
8543    
8544      
8545        
8546            <div
8547              class="
8548                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
8549                color__bg-neutral after:color__bg-neutral color__text after:color__text
8550              ">
8551              <div
8552                class="
8553                  object-cover overflow-hidden
8554                  aspect-portrait-product
8555                  
8556                    border--radius
8557                    
8558                  
8559                  
8560                    mix-blend-darken
8561                  
8562                ">
8563                <img
8564                  loading='lazy'
8565                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
8566                  alt="Kyoto Peaso"
8567                  :src="second_image" />
8568              </div>
8569            </div>
8570          
8571      
8572    
8573  </a>
8574
8575  
8576  
8577
8578        
8579          <div
8580            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
8581
8582            <select class="hidden variant-cart-notes"><option value="53383115374932" data-variant-cart-note=""></option></select>
8583
8584            <div class="variant-cart-note">
8585            </div>
8586            <form action="/cart/add" data-productid="12460991381844"
8587              method="post"
8588              enctype="multipart/form-data"
8589              data-productid="12460991381844"
8590              x-data="{
8591                current_variant_id: 53383115374932,
8592                current_variant_selling_plan_id: 0,
8593                quantity: 1,
8594                current_variant_note: '',
8595              }"
8596              @submit.prevent="
8597                button_loading = true;
8598                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
8599                setTimeout(function(){ button_loading = false}, 1500);
8600              ">
8601              
8602                <input
8603                  name="id"
8604                  type="hidden"
8605                  :value="current_variant_id">
8606                <input
8607                  class="!hidden"
8608                  name="quantity"
8609                  type="text"
8610                  value="1"
8611                  min="1"
8612                  max="">
8613                <input
8614                  class="!hidden"
8615                  name="properties[Reminder]"
8616                  type="hidden"
8617                  :value="current_variant_note">
8618                  
8619                <button
8620                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
8621                  :class="{ 'btn--loading' : cart_loading && button_loading }"
8622                  type="submit"
8623                  role="button"
8624                  :disabled="button_loading">
8625                  <div class="btn__content !hidden md:!flex"
8626                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
8627                  >
8628                  </div>
8629                  <div class="btn__content !flex md:!hidden"
8630                  x-text="button_loading ? 'Adding...' : 'Add'"
8631                  >
8632                  </div>
8633                  
8634                    <span class="ml-1 inline-flex gap-[0.5rem]">
8635                      
8636                        
8637                        
8638                          <pre
8639                            class="m-0 type--small"
8640                            x-html="Shopify.formatMoney(2900)">$29.00</pre>
8641                        
8642
8643
8644                      
8645                    </span>
8646                  
8647                </button>
8648              
8649            </form>
8650          </div>
8651        
8652      
8653    
8654
8655  
8656
8657  
8658  <a
8659    class="
8660      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
8661      text-left items-start justify-start mt-4
8662      
8663        
8664          pb-12 md:pb-0
8665        
8666      
8667    "
8668    href="/products/kyoto-peaso"
8669    tabindex="-1"
8670    >
8671
8672    
8673    <h3
8674      class="
8675        type--small !leading-tight mb-0
8676        text-left items-start justify-start
8677        
8678          !normal-case
8679        
8680        type__body type--base
8681      ">
8682     Kyoto Peaso
8683    </h3>
8684
8685    
8686    
8687
8688    
8689    
8690
8691    
8692    
8693    <div
8694      class="
8695        flex flex-wrap items-center pt-0.5 gap-1 type--small
8696        text-left items-start justify-start
8697      ">
8698      A Danish "miso" with a Japanese twist
8699    </div>
8700    
8701
8702    
8703
8704    
8705    
8706
8707    
8708    
8709      
8710        
8711        
8712        
8713      
8714    
8715
8716    
8717    
8718
8719    
8720  </a>
8721
8722  
8723  
8724    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
8725      ">
8726      
8727        <form
8728          class="flex flex-wrap"
8729          action="/cart/add"
8730          method="post"
8731          enctype="multipart/form-data"
8732          data-productid="12460991381844"
8733          x-data="{
8734            current_variant_id: 53383115374932,
8735            current_variant_selling_plan_id: 0,
8736            quantity: 1,
8737          }"
8738          @submit.prevent="
8739            button_loading = true;
8740            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
8741            setTimeout(function(){ button_loading = false}, 500);
8742          ">
8743          
8744            <input
8745              name="id"
8746              type="hidden"
8747              :value="current_variant_id"
8748              x-model="current_variant_id">
8749            <input
8750              class="!hidden"
8751              name="quantity"
8752              type="text"
8753              value="1"
8754              min="1"
8755              max=""
8756              x-model="quantity">
8757            <button
8758              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
8759              :class="{ 'btn--loading' : cart_loading && button_loading }"
8760              type="submit"
8761              role="button"
8762              :disabled="button_loading">
8763              <div class="btn__content !hidden md:!flex"
8764              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
8765              >
8766              </div>
8767              <div class="btn__content !flex md:!hidden"
8768              x-text="button_loading ? 'Adding...' : 'Add'"
8769              >
8770              </div>
8771              
8772                <span class="ml-1 inline-flex gap-[0.5rem]"
8773                  x-html="Shopify.formatMoney(2900)">
8774                  <!-- snippets/component__format-price.liquid -->
8775
8776
8777$29 USD
8778                </span>
8779              
8780            </button>
8781          
8782        </form>
8783      
8784    </div>
8785  
8786
8787  
8788  <div id='js-quickAdd-product-kyoto-peaso'></div>
8789
8790</div>
8791
8792    </div>
8793  
8794    <div class="flex justify-center flex-none"
8795      x-bind:data-slide="8">
8796      <!-- snippets/component__product-item.liquid -->
8797
8798
8799
8800
8801<div class="group/product relative w-full
8802  
8803    
8804    
8805  "
8806  x-data="{
8807    button_loading: false,
8808    isHovered: false,
8809    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_Bundle_SomeLikeItHot_02.jpg?v=1769544915&width=900'
8810  }"
8811  @mouseenter="isHovered = true"
8812  @mouseleave="isHovered = false"
8813  >
8814
8815  
8816  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
8817  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
8818  >
8819
8820    
8821    
8822
8823    
8824    
8825    
8826    
8827      
8828      
8829    
8830
8831    
8832   
8833    
8834     
8835
8836    
8837
8838          
8839          <!-- snippets/component__badge.liquid -->
8840�<div class="badge badge-color__transparent border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
8841     ">
8842  
8843  <span class="flex items-center gap-1 type--smallest type__nav !leading-none"> 
8844            Sold Out
8845           </span>
8846</div>
8847
8848        
8849
8850
8851    
8852    
8853      
8854      
8855      
8856    
8857
8858    
8859    
8860      
8861    
8862
8863  </div>
8864
8865  
8866  <a
8867    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
8868    href="/products/some-like-it-hot"
8869    tabindex="-1">
8870    <div
8871      class="
8872        object-cover w-full
8873        aspect-portrait-product
8874        color__bg-neutral after:color__bg-neutral color__text after:color__text
8875        
8876          border--radius overflow-hidden
8877          
8878        
8879      ">
8880      
8881        <!-- snippets/component__image.liquid -->
8882
8883
8884
8885
8886
8887
8888
8889<div
8890  class="
8891    js-picture w-full h-full overflow-hidden flex items-center
8892    
8893    color__bg-neutral after:color__bg-neutral color__text after:color__text
8894    
8895      mix-blend-darken
8896    
8897  ">
8898  <picture
8899    class="
8900      w-full flex items-center justify-center overflow-hidden
8901      aspect-portrait-product
8902      h-full
8903      
8904    ">
8905    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=900" alt="Some Like It Hot" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Bundle_Holiday_SomeLikeItHot_01.jpg?v=1740566576&amp;width=800 800w" width="900" height="1125" loading="
8906  
8907    lazy
8908  
8909" class="
8910  js-image
8911  h-full w-full object-cover
8912  
8913    
8914      min-h-full
8915    
8916  
8917  
8918    animation-300
8919  
8920  
8921">
8922  </picture>
8923</div>
8924
8925      
8926    </div>
8927    
8928      
8929        
8930            <div
8931              class="
8932                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
8933                color__bg-neutral after:color__bg-neutral color__text after:color__text
8934              ">
8935              <div
8936                class="
8937                  object-cover overflow-hidden
8938                  aspect-portrait-product
8939                  
8940                    border--radius
8941                    
8942                  
8943                  
8944                    mix-blend-darken
8945                  
8946                ">
8947                <img
8948                  loading='lazy'
8949                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
8950                  alt="Some Like It Hot"
8951                  :src="second_image" />
8952              </div>
8953            </div>
8954          
8955      
8956    
8957  </a>
8958
8959  
8960  
8961
8962  
8963
8964  
8965  <a
8966    class="
8967      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
8968      text-left items-start justify-start mt-4
8969      
8970        
8971          pb-12 md:pb-0
8972        
8973      
8974    "
8975    href="/products/some-like-it-hot"
8976    tabindex="-1"
8977    >
8978
8979    
8980    <h3
8981      class="
8982        type--small !leading-tight mb-0
8983        text-left items-start justify-start
8984        
8985          !normal-case
8986        
8987        type__body type--base
8988      ">
8989     Some Like It Hot
8990    </h3>
8991
8992    
8993    
8994
8995    
8996    
8997
8998    
8999    
9000    <div
9001      class="
9002        flex flex-wrap items-center pt-0.5 gap-1 type--small
9003        text-left items-start justify-start
9004      ">
9005      Can you handle the heat?
9006    </div>
9007    
9008
9009    
9010
9011    
9012    
9013
9014    
9015    
9016      
9017        
9018        
9019        
9020      
9021    
9022
9023    
9024    
9025
9026    
9027  </a>
9028
9029  
9030  
9031    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
9032      ">
9033      
9034<button
9035          class="
9036            !w-full btn btn--small btn--load
9037            md:btn  btn   btn--quick-addx !w-full hover:color__button-pop
9038          "
9039          type="button"
9040          tabindex="-1">
9041          
9042            Sold Out
9043          
9044        </button>
9045        
9046      
9047    </div>
9048  
9049
9050  
9051  <div id='js-quickAdd-product-some-like-it-hot'></div>
9052
9053</div>
9054
9055    </div>
9056  
9057    <div class="flex justify-center flex-none"
9058      x-bind:data-slide="9">
9059      <!-- snippets/component__product-item.liquid -->
9060
9061
9062
9063
9064<div class="group/product relative w-full
9065  
9066    
9067    
9068  "
9069  x-data="{
9070    button_loading: false,
9071    isHovered: false,
9072    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_ElderflowerPeaso_01.jpg?v=1769545378&width=900'
9073  }"
9074  @mouseenter="isHovered = true"
9075  @mouseleave="isHovered = false"
9076  >
9077
9078  
9079  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
9080  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
9081  >
9082
9083    
9084    
9085
9086    
9087    
9088    
9089    
9090      
9091      
9092        
9093        
9094        <!-- snippets/component__badge.liquid -->
9095�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
9096     ">
9097  
9098  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">seasonal</span>
9099</div>
9100
9101      
9102    
9103      
9104      
9105    
9106
9107    
9108   
9109    
9110     
9111
9112    
9113
9114    
9115    
9116      
9117      
9118      
9119    
9120
9121    
9122    
9123      
9124    
9125
9126  </div>
9127
9128  
9129  <a
9130    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
9131    href="/products/elderflower-peaso-miso"
9132    tabindex="-1">
9133    <div
9134      class="
9135        object-cover w-full
9136        aspect-portrait-product
9137        color__bg-neutral after:color__bg-neutral color__text after:color__text
9138        
9139          border--radius overflow-hidden
9140          
9141        
9142      ">
9143      
9144        <!-- snippets/component__image.liquid -->
9145
9146
9147
9148
9149
9150
9151
9152<div
9153  class="
9154    js-picture w-full h-full overflow-hidden flex items-center
9155    
9156    color__bg-neutral after:color__bg-neutral color__text after:color__text
9157    
9158      mix-blend-darken
9159    
9160  ">
9161  <picture
9162    class="
9163      w-full flex items-center justify-center overflow-hidden
9164      aspect-portrait-product
9165      h-full
9166      
9167    ">
9168    <img src="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=900" alt="Elderflower Peaso" srcset="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=800 800w" width="900" height="1125" loading="
9169  
9170    lazy
9171  
9172" class="
9173  js-image
9174  h-full w-full object-cover
9175  
9176    
9177      min-h-full
9178    
9179  
9180  
9181    animation-300
9182  
9183  
9184">
9185  </picture>
9186</div>
9187
9188      
9189    </div>
9190    
9191      
9192        
9193            <div
9194              class="
9195                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
9196                color__bg-neutral after:color__bg-neutral color__text after:color__text
9197              ">
9198              <div
9199                class="
9200                  object-cover overflow-hidden
9201                  aspect-portrait-product
9202                  
9203                    border--radius
9204                    
9205                  
9206                  
9207                    mix-blend-darken
9208                  
9209                ">
9210                <img
9211                  loading='lazy'
9212                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
9213                  alt="Elderflower Peaso"
9214                  :src="second_image" />
9215              </div>
9216            </div>
9217          
9218      
9219    
9220  </a>
9221
9222  
9223  
9224
9225        
9226          <div
9227            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
9228
9229            <select class="hidden variant-cart-notes"><option value="49293025116500" data-variant-cart-note=""></option></select>
9230
9231            <div class="variant-cart-note">
9232            </div>
9233            <form action="/cart/add" data-productid="9600399901012"
9234              method="post"
9235              enctype="multipart/form-data"
9236              data-productid="9600399901012"
9237              x-data="{
9238                current_variant_id: 49293025116500,
9239                current_variant_selling_plan_id: 0,
9240                quantity: 1,
9241                current_variant_note: '',
9242              }"
9243              @submit.prevent="
9244                button_loading = true;
9245                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
9246                setTimeout(function(){ button_loading = false}, 1500);
9247              ">
9248              
9249                <input
9250                  name="id"
9251                  type="hidden"
9252                  :value="current_variant_id">
9253                <input
9254                  class="!hidden"
9255                  name="quantity"
9256                  type="text"
9257                  value="1"
9258                  min="1"
9259                  max="">
9260                <input
9261                  class="!hidden"
9262                  name="properties[Reminder]"
9263                  type="hidden"
9264                  :value="current_variant_note">
9265                  
9266                <button
9267                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
9268                  :class="{ 'btn--loading' : cart_loading && button_loading }"
9269                  type="submit"
9270                  role="button"
9271                  :disabled="button_loading">
9272                  <div class="btn__content !hidden md:!flex"
9273                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
9274                  >
9275                  </div>
9276                  <div class="btn__content !flex md:!hidden"
9277                  x-text="button_loading ? 'Adding...' : 'Add'"
9278                  >
9279                  </div>
9280                  
9281                    <span class="ml-1 inline-flex gap-[0.5rem]">
9282                      
9283                        
9284                        
9285                          <pre
9286                            class="m-0 type--small"
9287                            x-html="Shopify.formatMoney(2800)">$28.00</pre>
9288                        
9289
9290
9291                      
9292                    </span>
9293                  
9294                </button>
9295              
9296            </form>
9297          </div>
9298        
9299      
9300    
9301
9302  
9303
9304  
9305  <a
9306    class="
9307      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
9308      text-left items-start justify-start mt-4
9309      
9310        
9311          pb-12 md:pb-0
9312        
9313      
9314    "
9315    href="/products/elderflower-peaso-miso"
9316    tabindex="-1"
9317    >
9318
9319    
9320    <h3
9321      class="
9322        type--small !leading-tight mb-0
9323        text-left items-start justify-start
9324        
9325          !normal-case
9326        
9327        type__body type--base
9328      ">
9329     Elderflower Peaso
9330    </h3>
9331
9332    
9333    
9334
9335    
9336    
9337
9338    
9339    
9340    <div
9341      class="
9342        flex flex-wrap items-center pt-0.5 gap-1 type--small
9343        text-left items-start justify-start
9344      ">
9345      A Danish take on miso to elevate everything
9346    </div>
9347    
9348
9349    
9350
9351    
9352    
9353
9354    
9355    
9356      
9357        
9358        
9359        
9360      
9361    
9362
9363    
9364    
9365
9366    
9367  </a>
9368
9369  
9370  
9371    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
9372      ">
9373      
9374        <form
9375          class="flex flex-wrap"
9376          action="/cart/add"
9377          method="post"
9378          enctype="multipart/form-data"
9379          data-productid="9600399901012"
9380          x-data="{
9381            current_variant_id: 49293025116500,
9382            current_variant_selling_plan_id: 0,
9383            quantity: 1,
9384          }"
9385          @submit.prevent="
9386            button_loading = true;
9387            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
9388            setTimeout(function(){ button_loading = false}, 500);
9389          ">
9390          
9391            <input
9392              name="id"
9393              type="hidden"
9394              :value="current_variant_id"
9395              x-model="current_variant_id">
9396            <input
9397              class="!hidden"
9398              name="quantity"
9399              type="text"
9400              value="1"
9401              min="1"
9402              max=""
9403              x-model="quantity">
9404            <button
9405              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
9406              :class="{ 'btn--loading' : cart_loading && button_loading }"
9407              type="submit"
9408              role="button"
9409              :disabled="button_loading">
9410              <div class="btn__content !hidden md:!flex"
9411              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
9412              >
9413              </div>
9414              <div class="btn__content !flex md:!hidden"
9415              x-text="button_loading ? 'Adding...' : 'Add'"
9416              >
9417              </div>
9418              
9419                <span class="ml-1 inline-flex gap-[0.5rem]"
9420                  x-html="Shopify.formatMoney(2800)">
9421                  <!-- snippets/component__format-price.liquid -->
9422
9423
9424$28 USD
9425                </span>
9426              
9427            </button>
9428          
9429        </form>
9430      
9431    </div>
9432  
9433
9434  
9435  <div id='js-quickAdd-product-elderflower-peaso-miso'></div>
9436
9437</div>
9438
9439    </div>
9440  
9441  �
9442            </ul>
9443        </div>
9444    </div>
9445  </div>
9446</div>
9447
9448      </div>
9449    </div></div>
9450</section>
9451<section
9452  class="w-full text-center
9453  justify-between
9454  color__bg-body color__text
9455  
9456  color__border-divider-1
9457  
9458  pb-bottom-section-vertical-spacing
9459  "
9460  style="--bottom-spacing-adjust: 100px; --bottom-spacing-adjust-mobile: 60px;">
9461  <div class="window--wide">
9462    
9463  </div>
9464</section>
9465
9466
9467
9468
9469</div><div id="shopify-section-template--28713576431956__banner_alternative_PRwfDf" class="shopify-section"><!-- sections/banner-alternative.liquid -->
9470
9471
9472
9473
9474<style data-shopify>@media(max-width: 767px){
9475  .template--28713576431956__banner_alternative_PRwfDf .mobile-video-height {
9476    height: 385px;
9477  }
9478}
9479.subheading div span,
9480.subheading p {
9481  font-weight: 500 !important;
9482}
9483@media(min-width: 767px) {
9484  .template--28713576431956__banner_alternative_PRwfDf .subheading p {
9485    font-size: 1.8rem !important;
9486  }
9487}</style><section class="relative overflow-hidden flex items-center justify-center
9488  
9489  color__bg-neutral color__text
9490  color__border-divider-1
9491  border--b-width template--28713576431956__banner_alternative_PRwfDf">
9492
9493  
9494  
9495  
9496
9497  
9498  <div class="md:block hidden w-full min-h-[650px] max-h-[85vh] md:min-h-[80vh]">
9499    <div class="z-10 flex  flex-row-reverse  flex-wrap">
9500
9501      
9502      <div class="flex flex-grow" style="width: 50%">
9503        <div  class="flex w-full h-full">
9504          <div class="flex justify-center w-full overflow-hidden
9505            justify-start
9506            items-center">
9507            <div class="max-w-[350px] xl:max-w-[425px] xxl:max-w-[550px] flex flex-col gap-4 py-4 px-4
9508              
9509              
9510              ">
9511
9512              
9513                
9514                    <h1 class="m-0  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9515                    style="--top-spacing-adjust: 40px; --bottom-spacing-adjust: 0px; --top-spacing-adjust-mobile: 10px; --bottom-spacing-adjust-mobile: 5px;font-size: 20px;">
9516                    <style data-shopify>
9517                    @media (min-width: 768px) {
9518                      .heading-heading_pTG3nV {
9519                        font-size: 25px !important;
9520                      }
9521                    }
9522                  </style>
9523                  <span class="heading-heading_pTG3nV">From the noma kitchen to yours</span>
9524                    </h1>
9525                  
9526              
9527                
9528                    <div class="m-0--clear  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9529                    style="--top-spacing-adjust: 40px; --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 10px; --bottom-spacing-adjust-mobile: 15px;">
9530                      <p>Powered by the same test kitchen and fermentation lab, Noma Projects takes the ideas, techniques, and spirit of restaurant noma and makes them part of everyday life.<br/></p>
9531                    </div>
9532                  
9533              
9534                
9535                    
9536                    <div class="m-0--clear  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing hidden md:block"
9537                    style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 0px;">
9538                      <h2 class="h3 mb-0 type__mono !font-medium subheading">Led by nature</h2><div class="pt-4"><p>Throughout each evolution of noma, the natural world and its ingredients have set our direction. We listen to what they can teach us.</p></div></div>
9539                  
9540              
9541                
9542                    
9543                    <div class="m-0--clear  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing hidden md:block"
9544                    style="--top-spacing-adjust: 0px;
9544 --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 0px;">
9545                      <h2 class="h3 mb-0 type__mono !font-medium subheading">Made through process</h2><div class="pt-4"><p>We learn by doing: tasting, tweaking, and trying again. Through constant experimentation, we develop what’s most delicious.</p></div></div>
9546                  
9547              
9548                
9549                    
9550                    <div class="m-0--clear  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing hidden md:block"
9551                    style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 60px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 25px;">
9552                      <h2 class="h3 mb-0 type__mono !font-medium subheading">Created for curiosity</h2><div class="pt-4"><p>Our products are developed for versatility and complexity, bringing new possibilities with each use. Above all, they’re an invitation to try new things.</p></div></div>
9553                  
9554              
9555
9556            </div>
9557          </div>
9558        </div>
9559
9560      </div>
9561
9562      
9563      <div class="flex w-1/2"
9564        style="width: calc(100% - 50%)">
9565        <div class="relative w-full overflow-hidden fb-bg
9566          min-h-[650px] max-h-[85vh] md:min-h-[80vh]">
9567            <!-- snippets/component__image.liquid -->
9568
9569
9570
9571
9572
9573
9574
9575<div
9576  class="
9577    js-picture w-full h-full overflow-hidden flex items-center
9578    
9579    
9580    
9581  ">
9582  <picture
9583    class="
9584      w-full flex items-center justify-center overflow-hidden
9585      
9586      
9587      
9588    ">
9589    <img src="//nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=5760" srcset="//nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=800 800w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=1000 1000w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=1200 1200w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=1400 1400w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=1600 1600w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=1800 1800w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=5000 5000w" width="5760" height="4424" loading="
9590  
9591    lazy
9592  
9593" class="
9594  js-image
9595  hidden md:block w-full h-full absolute z-10 object-cover
9596  
9597    
9598      min-h-full
9599    
9600  
9601  
9602    animation-300
9603  
9604  
9605">
9606  </picture>
9607</div>
9608
9609          
9610          
9611        </div>
9612      </div>
9613
9614    </div>
9615  </div>
9616
9617  
9618  <div class="md:hidden relative z-10 w-full h-full flex flex-wrap flex-col justify-end">
9619    <div class="relative flex-grow object-cover overflow-hidden w-full h-[365px]">
9620      
9621        <div class="absolute object-cover w-full h-full">
9622          <!-- snippets/component__image.liquid -->
9623
9624
9625
9626
9627
9628
9629
9630<div
9631  class="
9632    js-picture w-full h-full overflow-hidden flex items-center
9633    
9634    
9635    
9636  ">
9637  <picture
9638    class="
9639      w-full flex items-center justify-center overflow-hidden
9640      
9641      h-full
9642      
9643    ">
9644    <img src="//nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=900" srcset="//nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_Noma_Fall2025_Home.jpg?v=1764957583&amp;width=800 800w" width="900" height="691" loading="
9645  
9646    lazy
9647  
9648" class="
9649  js-image
9650   object-cover
9651  
9652    
9653      min-h-full
9654    
9655  
9656  
9657    animation-300
9658  
9659  
9660">
9661  </picture>
9662</div>
9663
9664        </div>
9665      
9666    </div>
9667    <div class="w-full
9668      color__bg-neutral color__text">
9669      <div class="w-full flex flex-row flex-wrap py-4
9670        window--wide
9671        justify-start
9672        items-center
9673        color__text">
9674        <div class="max-w-[550px] gap-4 flex flex-col
9675          
9676          
9677          
9678            
9679              opacity-0 js-animation animation-300
9680            
9681          "
9682          
9683            data-delay="0"
9684            data-replace="{
9685              'opacity-0' : 'opacity-100'
9686            }"
9687          >
9688
9689          
9690            
9691                <h1 class="m-0  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9692                style="--top-spacing-adjust: 40px; --bottom-spacing-adjust: 0px; --top-spacing-adjust-mobile: 10px; --bottom-spacing-adjust-mobile: 5px;">From the noma kitchen to yours</h1>
9693              
9694          
9695            
9696                <div class="m-0--clear  pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9697                style="--top-spacing-adjust: 40px; --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 10px; --bottom-spacing-adjust-mobile: 15px;">
9698                  <p>Powered by the same test kitchen and fermentation lab, Noma Projects takes the ideas, techniques, and spirit of restaurant noma and makes them part of everyday life.<br/></p>
9699                </div>
9700              
9701          
9702            
9703                
9704                <div class="block md:hidden pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9705                style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 0px;">
9706                    
9707                    <!-- snippets/component__accordion.liquid -->
9708
9709<div class="w-full color__border-selected-1 border-t"
9710  
9711  x-data="{
9712    
9713      accordion: false
9714    
9715  }">
9716
9717  <button type="button"
9718    class="flex  w-full py-4 h3 mb-0 type__mono !font-medium subheading
9719     items-center "
9720    @click="
9721      
9722        accordion = ! accordion
9723      ">
9724
9725    <div class="flex items-center">
9726      
9727
9728      <span class=" text-left">
9729        Led by nature
9730      </span>
9731    </div>
9732    <div class="hidden">
9733      <div x-show=" !accordion ">
9734        <!-- snippets/component__icon.liquid -->
9735
9736
9737<span class="inline-flex align-middle ml-1" aria-hidden="true">
9738  
9739      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9740    
9741</span>
9742
9743      </div>
9744      <div x-show=" accordion " x-cloak>
9745        <!-- snippets/component__icon.liquid -->
9746
9747
9748<span class="inline-flex align-middle ml-1" aria-hidden="true">
9749  
9750      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9751    
9752</span>
9753
9754      </div>
9755    </div>
9756  </button>
9757
9758  <div
9759    class="accordion-content mb-4"
9760    x-show=" accordion "
9761    
9762      x-transition:enter="animation-100"
9763      x-transition:enter-start="opacity-0"
9764      x-transition:enter-end="opacity-100"
9765      x-transition:leave="animation-100"
9766      x-transition:leave-start="opacity-100"
9767      x-transition:leave-end="opacity-0"
9768    
9769    x-cloak>
9770    
9771                      <div class="pb-4">
9772                        <p>Throughout each evolution of noma, the natural world and its ingredients have set our direction. We listen to what they can teach us.</p>
9773                      </div>
9774                    
9775  </div>
9776
9777</div>
9778
9779</div>
9780            
9781          
9782            
9783                
9784                <div class="block md:hidden pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9785                style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 20px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 0px;">
9786                    
9787                    <!-- snippets/component__accordion.liquid -->
9788
9789<div class="w-full color__border-selected-1 border-t"
9790  
9791  x-data="{
9792    
9793      accordion: false
9794    
9795  }">
9796
9797  <button type="button"
9798    class="flex  w-full py-4 h3 mb-0 type__mono !font-medium subheading
9799     items-center "
9800    @click="
9801      
9802        accordion = ! accordion
9803      ">
9804
9805    <div class="flex items-center">
9806      
9807
9808      <span class=" text-left">
9809        Made through process
9810      </span>
9811    </div>
9812    <div class="hidden">
9813      <div x-show=" !accordion ">
9814        <!-- snippets/component__icon.liquid -->
9815
9816
9817<span class="inline-flex align-middle ml-1" aria-hidden="true">
9818  
9819      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9820    
9821</span>
9822
9823      </div>
9824      <div x-show=" accordion " x-cloak>
9825        <!-- snippets/component__icon.liquid -->
9826
9827
9828<span class="inline-flex align-middle ml-1" aria-hidden="true">
9829  
9830      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9831    
9832</span>
9833
9834      </div>
9835    </div>
9836  </button>
9837
9838  <div
9839    class="accordion-content mb-4"
9840    x-show=" accordion "
9841    
9842      x-transition:enter="animation-100"
9843      x-transition:enter-start="opacity-0"
9844      x-transition:enter-end="opacity-100"
9845      x-transition:leave="animation-100"
9846      x-transition:leave-start="opacity-100"
9847      x-transition:leave-end="opacity-0"
9848    
9849    x-cloak>
9850    
9851                      <div class="pb-4">
9852                        <p>We learn by doing: tasting, tweaking, and trying again. Through constant experimentation, we develop what’s most delicious.</p>
9853                      </div>
9854                    
9855  </div>
9856
9857</div>
9858
9859</div>
9860            
9861          
9862            
9863                
9864                <div class="block md:hidden pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9865                style="--top-spacing-adjust: 0px; --bottom-spacing-adjust: 60px; --top-spacing-adjust-mobile: 0px; --bottom-spacing-adjust-mobile: 25px;">
9866                    
9867                    <!-- snippets/component__accordion.liquid -->
9868
9869<div class="w-full color__border-selected-1 border-t"
9870  
9871  x-data="{
9872    
9873      accordion: false
9874    
9875  }">
9876
9877  <button type="button"
9878    class="flex  w-full py-4 h3 mb-0 type__mono !font-medium subheading
9879     items-center "
9880    @click="
9881      
9882        accordion = ! accordion
9883      ">
9884
9885    <div class="flex items-center">
9886      
9887
9888      <span class=" text-left">
9889        Created for curiosity
9890      </span>
9891    </div>
9892    <div class="hidden">
9893      <div x-show=" !accordion ">
9894        <!-- snippets/component__icon.liquid -->
9895
9896
9897<span class="inline-flex align-middle ml-1" aria-hidden="true">
9898  
9899      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9900    
9901</span>
9902
9903      </div>
9904      <div x-show=" accordion " x-cloak>
9905        <!-- snippets/component__icon.liquid -->
9906
9907
9908<span class="inline-flex align-middle ml-1" aria-hidden="true">
9909  
9910      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
9911    
9912</span>
9913
9914      </div>
9915    </div>
9916  </button>
9917
9918  <div
9919    class="accordion-content mb-4"
9920    x-show=" accordion "
9921    
9922      x-transition:enter="animation-100"
9923      x-transition:enter-start="opacity-0"
9924      x-transition:enter-end="opacity-100"
9925      x-transition:leave="animation-100"
9926      x-transition:leave-start="opacity-100"
9927      x-transition:leave-end="opacity-0"
9928    
9929    x-cloak>
9930    
9931                      <div class="pb-4">
9932                        <p>Our products are developed for versatility and complexity, bringing new possibilities with each use. Above all, they’re an invitation to try new things.</p>
9933                      </div>
9934                    
9935  </div>
9936
9937</div>
9938
9939</div>
9940            
9941          
9942        </div>
9943      </div>
9944    </div>
9945  </div>
9946</section>
9947
9948
9949</div><div id="shopify-section-template--28713576431956__logo_carousel_6VAXYB" class="shopify-section"><!-- sections/logo-carousel.liquid -->
9950
9951
9952<section class=" color__bg-body color__text"
9953  
9954  style="background-color:#e8cd88;color:#1e1e1e;"
9955  >
9956  
9957  <div class="relative pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
9958    style="--top-spacing-adjust: 80px; --bottom-spacing-adjust: 80px; --top-spacing-adjust-mobile: 50px; --bottom-spacing-adjust-mobile: 50px;">
9959    
9960    <!-- Background Images -->
9961    
9962
9963    
9964
9965    <!-- Main Content -->
9966    <div class="relative z-10">
9967      
9968      <!-- Title -->
9969      
9970      <div class="text-center mb-12">
9971        <h2 class="m-0--clear type__body--mono tracking-normal uppercase text-lg font-medium">
9972          Featured in
9973        </h2>
9974      </div>
9975      
9976
9977      <!-- Logo Carousel -->
9978      <div class="logo-carousel-container">
9979        <div class="swiper logo-swiper" id="logoSwiper-template--28713576431956__logo_carousel_6VAXYB">
9980          <div class="swiper-wrapper">
9981            
9982              
9983                <div class="swiper-slide logo-slide">
9984                  <div class="logo-wrapper">
9985                    
9986                      <!-- snippets/component__image.liquid -->
9987
9988
9989
9990
9991
9992
9993
9994<div
9995  class="
9996    js-picture w-full h-full overflow-hidden flex items-center
9997    
9998    
9999    
10000  ">
10001  <picture
10002    class="
10003      w-full flex items-center justify-center overflow-hidden
10004      
10005      logo-image-container
10006      
10007    ">
10008    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=200 200w" width="250" height="72" loading="
10009  
10010    lazy
10011  
10012" class="
10013  js-image
10014  logo-image object-contain
10015  
10016    
10017      min-h-full
10018    
10019  
10020  
10021    animation-300
10022  
10023  
10024">
10025  </picture>
10026</div>
10027
10028                    
10029                  </div>
10030                </div>
10031              
10032            
10033              
10034                <div class="swiper-slide logo-slide">
10035                  <div class="logo-wrapper">
10036                    
10037                      <!-- snippets/component__image.liquid -->
10038
10039
10040
10041
10042
10043
10044
10045<div
10046  class="
10047    js-picture w-full h-full overflow-hidden flex items-center
10048    
10049    
10050    
10051  ">
10052  <picture
10053    class="
10054      w-full flex items-center justify-center overflow-hidden
10055      
10056      logo-image-container
10057      
10058    ">
10059    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=200 200w" width="250" height="72" loading="
10060  
10061    lazy
10062  
10063" class="
10064  js-image
10065  logo-image object-contain
10066  
10067    
10068      min-h-full
10069    
10070  
10071  
10072    animation-300
10073  
10074  
10075">
10076  </picture>
10077</div>
10078
10079                    
10080                  </div>
10081                </div>
10082              
10083            
10084              
10085                <div class="swiper-slide logo-slide">
10086                  <div class="logo-wrapper">
10087                    
10088                      <!-- snippets/component__image.liquid -->
10089
10090
10091
10092
10093
10094
10095
10096<div
10097  class="
10098    js-picture w-full h-full overflow-hidden flex items-center
10099    
10100    
10101    
10102  ">
10103  <picture
10104    class="
10105      w-full flex items-center justify-center overflow-hidden
10106      
10107      logo-image-container
10108      
10109    ">
10110    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=200 200w" width="250" height="72" loading="
10111  
10112    lazy
10113  
10114" class="
10115  js-image
10116  logo-image object-contain
10117  
10118    
10119      min-h-full
10120    
10121  
10122  
10123    animation-300
10124  
10125  
10126">
10127  </picture>
10128</div>
10129
10130                    
10131                  </div>
10132                </div>
10133              
10134            
10135              
10136                <div class="swiper-slide logo-slide">
10137                  <div class="logo-wrapper">
10138                    
10139                      <!-- snippets/component__image.liquid -->
10140
10141
10142
10143
10144
10145
10146
10147<div
10148  class="
10149    js-picture w-full h-full overflow-hidden flex items-center
10150    
10151    
10152    
10153  ">
10154  <picture
10155    class="
10156      w-full flex items-center justify-center overflow-hidden
10157      
10158      logo-image-container
10159      
10160    ">
10161    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=200 200w" width="250" height="72" loading="
10162  
10163    lazy
10164  
10165" class="
10166  js-image
10167  logo-image object-contain
10168  
10169    
10170      min-h-full
10171    
10172  
10173  
10174    animation-300
10175  
10176  
10177">
10178  </picture>
10179</div>
10180
10181                    
10182                  </div>
10183                </div>
10184              
10185            
10186              
10187                <div class="swiper-slide logo-slide">
10188                  <div class="logo-wrapper">
10189                    
10190                      <!-- snippets/component__image.liquid -->
10191
10192
10193
10194
10195
10196
10197
10198<div
10199  class="
10200    js-picture w-full h-full overflow-hidden flex items-center
10201    
10202    
10203    
10204  ">
10205  <picture
10206    class="
10207      w-full flex items-center justify-center overflow-hidden
10208      
10209      logo-image-container
10210      
10211    ">
10212    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=200 200w" width="250" height="72" loading="
10213  
10214    lazy
10215  
10216" class="
10217  js-image
10218  logo-image object-contain
10219  
10220    
10221      min-h-full
10222    
10223  
10224  
10225    animation-300
10226  
10227  
10228">
10229  </picture>
10230</div>
10231
10232                    
10233                  </div>
10234                </div>
10235              
10236            
10237              
10238                <div class="swiper-slide logo-slide">
10239                  <div class="logo-wrapper">
10240                    
10241                      <!-- snippets/component__image.liquid -->
10242
10243
10244
10245
10246
10247
10248
10249<div
10250  class="
10251    js-picture w-full h-full overflow-hidden flex items-center
10252    
10253    
10254    
10255  ">
10256  <picture
10257    class="
10258      w-full flex items-center justify-center overflow-hidden
10259      
10260      logo-image-container
10261      
10262    ">
10263    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=200 200w" width="250" height="72" loading="
10264  
10265    lazy
10266  
10267" class="
10268  js-image
10269  logo-image object-contain
10270  
10271    
10272      min-h-full
10273    
10274  
10275  
10276    animation-300
10277  
10278  
10279">
10280  </picture>
10281</div>
10282
10283                    
10284                  </div>
10285                </div>
10286              
10287            
10288              
10289                <div class="swiper-slide logo-slide">
10290                  <div class="logo-wrapper">
10291                    
10292                      <!-- snippets/component__image.liquid -->
10293
10294
10295
10296
10297
10298
10299
10300<div
10301  class="
10302    js-picture w-full h-full overflow-hidden flex items-center
10303    
10304    
10305    
10306  ">
10307  <picture
10308    class="
10309      w-full flex items-center justify-center overflow-hidden
10310      
10311      logo-image-container
10312      
10313    ">
10314    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=200 200w" width="250" height="72" loading="
10315  
10316    lazy
10317  
10318" class="
10319  js-image
10320  logo-image object-contain
10321  
10322    
10323      min-h-full
10324    
10325  
10326  
10327    animation-300
10328  
10329  
10330">
10331  </picture>
10332</div>
10333
10334                    
10335                  </div>
10336                </div>
10337              
10338            
10339              
10340                <div class="swiper-slide logo-slide">
10341                  <div class="logo-wrapper">
10342                    
10343                      <!-- snippets/component__image.liquid -->
10344
10345
10346
10347
10348
10349
10350
10351<div
10352  class="
10353    js-picture w-full h-full overflow-hidden flex items-center
10354    
10355    
10356    
10357  ">
10358  <picture
10359    class="
10360      w-full flex items-center justify-center overflow-hidden
10361      
10362      logo-image-container
10363      
10364    ">
10365    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=200 200w" width="250" height="72" loading="
10366  
10367    lazy
10368  
10369" class="
10370  js-image
10371  logo-image object-contain
10372  
10373    
10374      min-h-full
10375    
10376  
10377  
10378    animation-300
10379  
10380  
10381">
10382  </picture>
10383</div>
10384
10385                    
10386                  </div>
10387                </div>
10388              
10389            
10390              
10391                <div class="swiper-slide logo-slide">
10392                  <div class="logo-wrapper">
10393                    
10394                      <!-- snippets/component__image.liquid -->
10395
10396
10397
10398
10399
10400
10401
10402<div
10403  class="
10404    js-picture w-full h-full overflow-hidden flex items-center
10405    
10406    
10407    
10408  ">
10409  <picture
10410    class="
10411      w-full flex items-center justify-center overflow-hidden
10412      
10413      logo-image-container
10414      
10415    ">
10416    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=200 200w" width="250" height="72" loading="
10417  
10418    lazy
10419  
10420" class="
10421  js-image
10422  logo-image object-contain
10423  
10424    
10425      min-h-full
10426    
10427  
10428  
10429    animation-300
10430  
10431  
10432">
10433  </picture>
10434</div>
10435
10436                    
10437                  </div>
10438                </div>
10439              
10440            
10441              
10442                <div class="swiper-slide logo-slide">
10443                  <div class="logo-wrapper">
10444                    
10445                      <!-- snippets/component__image.liquid -->
10446
10447
10448
10449
10450
10451
10452
10453<div
10454  class="
10455    js-picture w-full h-full overflow-hidden flex items-center
10456    
10457    
10458    
10459  ">
10460  <picture
10461    class="
10462      w-full flex items-center justify-center overflow-hidden
10463      
10464      logo-image-container
10465      
10466    ">
10467    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=200 200w" width="250" height="72" loading="
10468  
10469    lazy
10470  
10471" class="
10472  js-image
10473  logo-image object-contain
10474  
10475    
10476      min-h-full
10477    
10478  
10479  
10480    animation-300
10481  
10482  
10483">
10484  </picture>
10485</div>
10486
10487                    
10488                  </div>
10489                </div>
10490              
10491            
10492              
10493                <div class="swiper-slide logo-slide">
10494                  <div class="logo-wrapper">
10495                    
10496                      <!-- snippets/component__image.liquid -->
10497
10498
10499
10500
10501
10502
10503
10504<div
10505  class="
10506    js-picture w-full h-full overflow-hidden flex items-center
10507    
10508    
10509    
10510  ">
10511  <picture
10512    class="
10513      w-full flex items-center justify-center overflow-hidden
10514      
10515      logo-image-container
10516      
10517    ">
10518    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=200 200w" width="250" height="72" loading="
10519  
10520    lazy
10521  
10522" class="
10523  js-image
10524  logo-image object-contain
10525  
10526    
10527      min-h-full
10528    
10529  
10530  
10531    animation-300
10532  
10533  
10534">
10535  </picture>
10536</div>
10537
10538                    
10539                  </div>
10540                </div>
10541              
10542            
10543              
10544                <div class="swiper-slide logo-slide">
10545                  <div class="logo-wrapper">
10546                    
10547                      <!-- snippets/component__image.liquid -->
10548
10549
10550
10551
10552
10553
10554
10555<div
10556  class="
10557    js-picture w-full h-full overflow-hidden flex items-center
10558    
10559    
10560    
10561  ">
10562  <picture
10563    class="
10564      w-full flex items-center justify-center overflow-hidden
10565      
10566      logo-image-container
10567      
10568    ">
10569    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYPost.png?v=1764355618&amp;width=200 200w" width="250" height="72" loading="
10570  
10571    lazy
10572  
10573" class="
10574  js-image
10575  logo-image object-contain
10576  
10577    
10578      min-h-full
10579    
10580  
10581  
10582    animation-300
10583  
10584  
10585">
10586  </picture>
10587</div>
10588
10589                    
10590                  </div>
10591                </div>
10592              
10593            
10594              
10595                <div class="swiper-slide logo-slide">
10596                  <div class="logo-wrapper">
10597                    
10598                      <!-- snippets/component__image.liquid -->
10599
10600
10601
10602
10603
10604
10605
10606<div
10607  class="
10608    js-picture w-full h-full overflow-hidden flex items-center
10609    
10610    
10611    
10612  ">
10613  <picture
10614   
10614 class="
10615      w-full flex items-center justify-center overflow-hidden
10616      
10617      logo-image-container
10618      
10619    ">
10620    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYMag.png?v=1764355419&amp;width=200 200w" width="250" height="72" loading="
10621  
10622    lazy
10623  
10624" class="
10625  js-image
10626  logo-image object-contain
10627  
10628    
10629      min-h-full
10630    
10631  
10632  
10633    animation-300
10634  
10635  
10636">
10637  </picture>
10638</div>
10639
10640                    
10641                  </div>
10642                </div>
10643              
10644            
10645              
10646                <div class="swiper-slide logo-slide">
10647                  <div class="logo-wrapper">
10648                    
10649                      <!-- snippets/component__image.liquid -->
10650
10651
10652
10653
10654
10655
10656
10657<div
10658  class="
10659    js-picture w-full h-full overflow-hidden flex items-center
10660    
10661    
10662    
10663  ">
10664  <picture
10665    class="
10666      w-full flex items-center justify-center overflow-hidden
10667      
10668      logo-image-container
10669      
10670    ">
10671    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Goop.png?v=1764355430&amp;width=200 200w" width="250" height="72" loading="
10672  
10673    lazy
10674  
10675" class="
10676  js-image
10677  logo-image object-contain
10678  
10679    
10680      min-h-full
10681    
10682  
10683  
10684    animation-300
10685  
10686  
10687">
10688  </picture>
10689</div>
10690
10691                    
10692                  </div>
10693                </div>
10694              
10695            
10696              
10697                <div class="swiper-slide logo-slide">
10698                  <div class="logo-wrapper">
10699                    
10700                      <!-- snippets/component__image.liquid -->
10701
10702
10703
10704
10705
10706
10707
10708<div
10709  class="
10710    js-picture w-full h-full overflow-hidden flex items-center
10711    
10712    
10713    
10714  ">
10715  <picture
10716    class="
10717      w-full flex items-center justify-center overflow-hidden
10718      
10719      logo-image-container
10720      
10721    ">
10722    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Monocle.png?v=1752672854&amp;width=200 200w" width="250" height="72" loading="
10723  
10724    lazy
10725  
10726" class="
10727  js-image
10728  logo-image object-contain
10729  
10730    
10731      min-h-full
10732    
10733  
10734  
10735    animation-300
10736  
10737  
10738">
10739  </picture>
10740</div>
10741
10742                    
10743                  </div>
10744                </div>
10745              
10746            
10747              
10748                <div class="swiper-slide logo-slide">
10749                  <div class="logo-wrapper">
10750                    
10751                      <!-- snippets/component__image.liquid -->
10752
10753
10754
10755
10756
10757
10758
10759<div
10760  class="
10761    js-picture w-full h-full overflow-hidden flex items-center
10762    
10763    
10764    
10765  ">
10766  <picture
10767    class="
10768      w-full flex items-center justify-center overflow-hidden
10769      
10770      logo-image-container
10771      
10772    ">
10773    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Eater_7af88114-76ef-48d1-9ce0-edf3d4417011.png?v=1750937268&amp;width=200 200w" width="250" height="72" loading="
10774  
10775    lazy
10776  
10777" class="
10778  js-image
10779  logo-image object-contain
10780  
10781    
10782      min-h-full
10783    
10784  
10785  
10786    animation-300
10787  
10788  
10789">
10790  </picture>
10791</div>
10792
10793                    
10794                  </div>
10795                </div>
10796              
10797            
10798              
10799                <div class="swiper-slide logo-slide">
10800                  <div class="logo-wrapper">
10801                    
10802                      <!-- snippets/component__image.liquid -->
10803
10804
10805
10806
10807
10808
10809
10810<div
10811  class="
10812    js-picture w-full h-full overflow-hidden flex items-center
10813    
10814    
10815    
10816  ">
10817  <picture
10818    class="
10819      w-full flex items-center justify-center overflow-hidden
10820      
10821      logo-image-container
10822      
10823    ">
10824    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_FoodandWine_7baf11ce-7ed8-4cb9-9acf-cbb6ad2e2607.png?v=1750937287&amp;width=200 200w" width="250" height="72" loading="
10825  
10826    lazy
10827  
10828" class="
10829  js-image
10830  logo-image object-contain
10831  
10832    
10833      min-h-full
10834    
10835  
10836  
10837    animation-300
10838  
10839  
10840">
10841  </picture>
10842</div>
10843
10844                    
10845                  </div>
10846                </div>
10847              
10848            
10849              
10850                <div class="swiper-slide logo-slide">
10851                  <div class="logo-wrapper">
10852                    
10853                      <!-- snippets/component__image.liquid -->
10854
10855
10856
10857
10858
10859
10860
10861<div
10862  class="
10863    js-picture w-full h-full overflow-hidden flex items-center
10864    
10865    
10866    
10867  ">
10868  <picture
10869    class="
10870      w-full flex items-center justify-center overflow-hidden
10871      
10872      logo-image-container
10873      
10874    ">
10875    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_AD_3fc616f1-bf93-4b36-9133-28535c53585c.png?v=1750937300&amp;width=200 200w" width="250" height="72" loading="
10876  
10877    lazy
10878  
10879" class="
10880  js-image
10881  logo-image object-contain
10882  
10883    
10884      min-h-full
10885    
10886  
10887  
10888    animation-300
10889  
10890  
10891">
10892  </picture>
10893</div>
10894
10895                    
10896                  </div>
10897                </div>
10898              
10899            
10900              
10901                <div class="swiper-slide logo-slide">
10902                  <div class="logo-wrapper">
10903                    
10904                      <!-- snippets/component__image.liquid -->
10905
10906
10907
10908
10909
10910
10911
10912<div
10913  class="
10914    js-picture w-full h-full overflow-hidden flex items-center
10915    
10916    
10917    
10918  ">
10919  <picture
10920    class="
10921      w-full flex items-center justify-center overflow-hidden
10922      
10923      logo-image-container
10924      
10925    ">
10926    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_NYT.png?v=1750936916&amp;width=200 200w" width="250" height="72" loading="
10927  
10928    lazy
10929  
10930" class="
10931  js-image
10932  logo-image object-contain
10933  
10934    
10935      min-h-full
10936    
10937  
10938  
10939    animation-300
10940  
10941  
10942">
10943  </picture>
10944</div>
10945
10946                    
10947                  </div>
10948                </div>
10949              
10950            
10951              
10952                <div class="swiper-slide logo-slide">
10953                  <div class="logo-wrapper">
10954                    
10955                      <!-- snippets/component__image.liquid -->
10956
10957
10958
10959
10960
10961
10962
10963<div
10964  class="
10965    js-picture w-full h-full overflow-hidden flex items-center
10966    
10967    
10968    
10969  ">
10970  <picture
10971    class="
10972      w-full flex items-center justify-center overflow-hidden
10973      
10974      logo-image-container
10975      
10976    ">
10977    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_Wallpaper_ba7847dd-f265-44d0-921f-aa631d2da4be.png?v=1750937315&amp;width=200 200w" width="250" height="72" loading="
10978  
10979    lazy
10980  
10981" class="
10982  js-image
10983  logo-image object-contain
10984  
10985    
10986      min-h-full
10987    
10988  
10989  
10990    animation-300
10991  
10992  
10993">
10994  </picture>
10995</div>
10996
10997                    
10998                  </div>
10999                </div>
11000              
11001            
11002              
11003                <div class="swiper-slide logo-slide">
11004                  <div class="logo-wrapper">
11005                    
11006                      <!-- snippets/component__image.liquid -->
11007
11008
11009
11010
11011
11012
11013
11014<div
11015  class="
11016    js-picture w-full h-full overflow-hidden flex items-center
11017    
11018    
11019    
11020  ">
11021  <picture
11022    class="
11023      w-full flex items-center justify-center overflow-hidden
11024      
11025      logo-image-container
11026      
11027    ">
11028    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_LATimes.png?v=1750936900&amp;width=200 200w" width="250" height="72" loading="
11029  
11030    lazy
11031  
11032" class="
11033  js-image
11034  logo-image object-contain
11035  
11036    
11037      min-h-full
11038    
11039  
11040  
11041    animation-300
11042  
11043  
11044">
11045  </picture>
11046</div>
11047
11048                    
11049                  </div>
11050                </div>
11051              
11052            
11053              
11054                <div class="swiper-slide logo-slide">
11055                  <div class="logo-wrapper">
11056                    
11057                      <!-- snippets/component__image.liquid -->
11058
11059
11060
11061
11062
11063
11064
11065<div
11066  class="
11067    js-picture w-full h-full overflow-hidden flex items-center
11068    
11069    
11070    
11071  ">
11072  <picture
11073    class="
11074      w-full flex items-center justify-center overflow-hidden
11075      
11076      logo-image-container
11077      
11078    ">
11079    <img src="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=250" srcset="//nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Press_Logo_WSJ_18e971e9-abe9-4793-a79d-65b5f85fbbf9.png?v=1750937329&amp;width=200 200w" width="250" height="72" loading="
11080  
11081    lazy
11082  
11083" class="
11084  js-image
11085  logo-image object-contain
11086  
11087    
11088      min-h-full
11089    
11090  
11091  
11092    animation-300
11093  
11094  
11095">
11096  </picture>
11097</div>
11098
11099                    
11100                  </div>
11101                </div>
11102              
11103            
11104          </div>
11105        </div>
11106      </div>
11107    </div>
11108  </div>
11109</section>
11110
11111<!-- Swiper CSS -->
11112<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.css">
11113
11114<style>
11115  .logo-carousel-container {
11116    width: 100%;
11117    overflow: hidden;
11118    position: relative;
11119  }
11120
11121  .logo-swiper {
11122    width: 100%;
11123    padding: 20px 0;
11124  }
11125
11126  .logo-slide {
11127    display: flex;
11128    align-items: center;
11129    justify-content: center;
11130    height: 30px;
11131    /* Ensure consistent width for better centering */
11132    min-width: 160px;
11133  }
11134
11135  .logo-wrapper {
11136    display: flex;
11137    align-items: center;
11138    justify-content: center;
11139    height: 100%;
11140    width: 100%;
11141    padding: 0 20px;
11142    opacity: 0.4;
11143    transition: opacity 0.3s ease, transform 0.3s ease;
11144  }
11145
11146  /* Active and adjacent slide styling for better visual hierarchy */
11147  .swiper-slide-active .logo-wrapper,
11148  .swiper-slide-duplicate-active .logo-wrapper {
11149    opacity: 1;
11150  }
11151
11152  /* Adjacent slides get slightly more opacity */
11153  .swiper-slide-next .logo-wrapper,
11154  .swiper-slide-prev .logo-wrapper,
11155  .swiper-slide-duplicate-next .logo-wrapper,
11156  .swiper-slide-duplicate-prev .logo-wrapper {
11157    opacity: 0.6;
11158  }
11159
11160  .logo-link {
11161    display: block;
11162    height: 100%;
11163    width: 100%;
11164  }
11165
11166  .logo-image-container {
11167    height: 100%;
11168    max-height: 35px;
11169    display: flex;
11170    align-items: center;
11171    justify-content: center;
11172    width: 100%;
11173  }
11174
11175  .logo-image {
11176    max-height: 100%;
11177    max-width: 180px;
11178    width: auto;
11179    height: auto;
11180    object-fit: contain;
11181    
11182  }
11183
11184  /* Mobile Styles */
11185  @media (max-width: 767px) {
11186    .logo-slide {
11187      height: 30px;
11188      min-width: 120px;
11189    }
11190    
11191    .logo-image-container {
11192      max-height: 55px;
11193    }
11194    
11195    .logo-image {
11196      max-width: 100px;
11197    }
11198    
11199    .logo-wrapper {
11200      padding: 0 35px;
11201    }
11202  }
11203
11204  /* Desktop Styles */
11205  @media (min-width: 768px) {
11206    .logo-slide {
11207      height: 60px;
11208      min-width: 110px;
11209    }
11210    
11211    .logo-wrapper {
11212      padding: 0 35px;
11213    }
11214  }
11215
11216  /* Swiper overrides for smooth centering */
11217  .swiper-wrapper {
11218    transition-timing-function: linear;
11219    align-items: center;
11220  }
11221
11222  .swiper-slide {
11223    width: auto !important;
11224    flex-shrink: 0;
11225    display: flex;
11226    justify-content: center;
11227  }
11228</style>
11229
11230<!-- Swiper JS -->
11231<script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js"></script>
11231
11232
11233<script>
11234document.addEventListener('DOMContentLoaded', function() {
11235  // Wait for images to load before initializing
11236  setTimeout(() => {
11237    // Initialize Swiper for logo carousel
11238    const logoSwiper = new Swiper('#logoSwiper-template--28713576431956__logo_carousel_6VAXYB', {
11239      slidesPerView: 'auto',
11240      centeredSlides: true,
11241      loop: true,
11242      autoplay: {
11243        delay: 3000,
11244        disableOnInteraction: false,
11245      },
11246      allowTouchMove: true,
11247      spaceBetween: 0,
11248      breakpoints: {
11249        // Mobile - show 1 centered with partial side logos
11250        320: {
11251          slidesPerView: 'auto',
11252          spaceBetween: 0,
11253          centeredSlides: true,
11254        },
11255        // Mobile landscape / small tablet
11256        480: {
11257          slidesPerView: 'auto',
11258          spaceBetween: 0,
11259          centeredSlides: true,
11260        },
11261        // Tablet
11262        768: {
11263          slidesPerView: 'auto',
11264          spaceBetween: 0,
11265          centeredSlides: true,
11266        },
11267        // Desktop - show more logos
11268        1024: {
11269          slidesPerView: 'auto',
11270          spaceBetween: 0,
11271          centeredSlides: true,
11272        }
11273      },
11274      on: {
11275        init: function () {
11276          console.log('Swiper initialized with', this.slides.length, 'slides');
11277          // Ensure proper centering after init
11278          this.updateSlidesClasses();
11279        },
11280        slideChange: function () {
11281          console.log('Slide changed to:', this.activeIndex);
11282        },
11283        resize: function () {
11284          // Recalculate on resize to maintain centering
11285          this.updateSlidesClasses();
11286        }
11287      }
11288    });
11289
11290    // Pause on hover for desktop
11291    const swiperContainer = document.querySelector('#logoSwiper-template--28713576431956__logo_carousel_6VAXYB');
11292    if (swiperContainer && window.innerWidth >= 768) {
11293      swiperContainer.addEventListener('mouseenter', () => {
11294        logoSwiper.autoplay.stop();
11295      });
11296      
11297      swiperContainer.addEventListener('mouseleave', () => {
11298        logoSwiper.autoplay.start();
11299      });
11300    }
11301  }, 200); // Slightly longer delay to ensure images are loaded
11302});
11303</script>
11303
11304
11305</div><div id="shopify-section-template--28713576431956__blog_article_slider_XmkDJw" class="shopify-section"><!-- sections/blog-article-slider.liquid -->
11306
11307<section
11308    class="
11309      blog-article-slider
11310      
11311      color__bg-body color__text
11312      
11313      color__border-divider-1
11314      
11315      
11316    "
11317    style="padding-top: 100px;"
11318  >
11319
11320    <div
11321      class="!pr-0 !mr-0 !max-w-[94vw] window--wide pt-0  pb-bottom-section-vertical-spacing "
11322      style="--bottom-spacing-adjust: 60px; --top-spacing-adjust-mobile: 40px; --bottom-spacing-adjust-mobile: 40px;"
11323    ><div class="w-full title-image-section">
11324          <style>
11325            .title-image-section {
11326              --padding-bottom-desktop: 50px;
11327              --padding-bottom-mobile: 50px;
11328              padding-bottom: var(--padding-bottom-desktop);
11329            }
11330
11331            @media screen (min-width: 768px) {
11332              .title-image {
11333                max-width: 450px !important;
11334              }
11335            }
11336            
11337            @media (max-width: 768px) {
11338              .title-image-section {
11339                padding-bottom: var(--padding-bottom-mobile);
11340              }
11341            }
11342          </style>
11343          <div class="title-image-container w-full pr-6 text-center">
11344            <img src="//nomaprojects.com/cdn/shop/files/NP_GetCooking_Black.png?v=1749818491&amp;width=1000" alt="" srcset="//nomaprojects.com/cdn/shop/files/NP_GetCooking_Black.png?v=1749818491&amp;width=352 352w, //nomaprojects.com/cdn/shop/files/NP_GetCooking_Black.png?v=1749818491&amp;width=832 832w, //nomaprojects.com/cdn/shop/files/NP_GetCooking_Black.png?v=1749818491&amp;width=1000 1000w" width="1000" height="95" loading="lazy" class="title-image inline-block md:max-w-[450px]">
11345          </div>
11346        </div><!-- snippets/component__slider.liquid -->
11347�<div class="flex flex-wrap
11348   ">
11349  <div class="relative w-full" x-data="{ glide: null,
11350    index: 0,
11351    index_size: 49,
11352    show_arrows: 49 >= 3.5 ? true : false }">
11353
11354    <div class="gap-2 flex flex-row flex-wrap justify-between items-end pb-8 
11355      window--scroller-nav
11356      justify-between
11357      
11358        
11359          opacity-0 js-animation animation-300
11360        
11361      "
11362      
11363        data-delay="100"
11364        data-replace="{
11365          'opacity-0' : 'opacity-100'
11366        }"
11367      >
11368      <div class="max-w-[500px] md:w-auto w-full"><div class="flex items-center">
11369            <a href="/blogs/recipes" class="flex items-center no-underline hover:no-underline"><h3 class="mb-0 ">Explore all recipes</h3><span class="ml-2 transition-transform duration-300 ease-in-out transform-gpu group-hover:translate-x-1">
11370                <!-- snippets/component__icon.liquid -->
11371
11372
11373<span class="inline-flex align-middle " aria-hidden="true">
11374  
11375    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
11376        <title>Fill 1</title>
11377        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11378            <g id="Icon_Arrow_long" fill="currentColor">
11379                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
11380            </g>
11381        </g>
11382    </svg>
11383    
11384</span>
11385
11386              </span>
11387            </a>
11388          </div></div>
11389      
11390      <div class="justify-end   md:flex hidden
11391      grow gap-6" x-show="show_arrows">
11392        <button
11393        class="transition-transform duration-300 ease-in-out transform-gpu hover:-translate-x-1"
11394          title="Previous slide"
11395          
11396            x-transition:enter="animation-300"
11397            x-transition:enter-start="opacity-0"
11398            x-transition:enter-end="opacity-100"
11399            x-transition:leave="animation-300"
11400            x-transition:leave-start="opacity-100"
11401            x-transition:leave-end="opacity-0"
11402          
11403          x-cloak
11404          x-on:click="glide.go('<')">
11405          <!-- snippets/component__icon.liquid -->
11406
11407
11408<span class="inline-flex align-middle " aria-hidden="true">
11409  
11410    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
11411        <title>Fill 1</title>
11412        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11413            <g id="Icon_Arrow_long" fill="currentColor">
11414                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1" transform="translate(62.308, 35.6619) scale(-1, 1) translate(-62.308, -35.6619)"></path>
11415            </g>
11416        </g>
11417    </svg>
11418    
11419</span>
11420
11421        </button>
11422        <button
11423          
11424            x-transition:enter="animation-300"
11425            x-transition:enter-start="opacity-0"
11426            x-transition:enter-end="opacity-100"
11427            x-transition:leave="animation-300"
11428            x-transition:leave-start="opacity-100"
11429            x-transition:leave-end="opacity-0"
11430          
11431          x-cloak
11432          class="transition-transform duration-300 ease-in-out transform-gpu hover:translate-x-1"
11433          title="Next slide" x-on:click="glide.go('>')">
11434          <!-- snippets/component__icon.liquid -->
11435
11436
11437<span class="inline-flex align-middle " aria-hidden="true">
11438  
11439    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
11440        <title>Fill 1</title>
11441        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
11442            <g id="Icon_Arrow_long" fill="currentColor">
11443                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
11444            </g>
11445        </g>
11446    </svg>
11447    
11448</span>
11449
11450        </button>
11451      </div>
11452    </div>
11453
11454    �<div
11455        x-ref="glide"
11456        x-init="glide = new Glide($refs.glide, { type: 'carousel', focusAt: 0, startAt: 0,
11457        perView: 3.5,
11458        breakpoints: {
11459          991: {
11460            perView: 2.5
11461          },
11462          768: {
11463            perView: 1.5,
11464            gap: 20
11465          }
11466        },
11467        gap: 60 }
11467).mount()"
11468        class="glide
11469        
11470          
11471            opacity-0 js-animation animation-300
11472          
11473        "
11474        
11475          data-delay="100"
11476          data-replace="{
11477            'opacity-0' : 'opacity-100'
11478          }"
11479        
11480    >
11481        <div class="glide__track" data-glide-el="track">
11482            <ul class="glide__slides">
11483                
11484
11485    
11486  
11487    
11488
11489  
11490  
11491
11492
11493        <div class="flex flex-col whitespace-normal" x-bind:data-slide="0">
11494          <!-- snippets/component__content-item-article.liquid -->
11495�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11496  
11497  
11498  
11499  
11500    justify-start">
11501  
11502  <a href="/blogs/recipes/brew-guide-cold-brew">
11503    <div class="relative w-full h-full aspect-portrait-product"
11504        style="aspect-ratio:aspect-portrait-product;"
11505    >
11506      
11507        <div class="absolute top-0 object-cover w-full h-full">
11508          <!-- snippets/component__image.liquid -->
11509
11510
11511
11512
11513
11514
11515
11516<div
11517  class="
11518    js-picture w-full h-full overflow-hidden flex items-center
11519    
11520    
11521    
11522  ">
11523  <picture
11524    class="
11525      w-full flex items-center justify-center overflow-hidden
11526      aspect-portrait-product
11527      h-full w-full
11528      
11529    ">
11530    <img src="//nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=600" alt="Brew Guide: Cold Brew" srcset="//nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/NK_ColdBrew_Hero_01_e6d972d7-ab50-4320-8c54-823eddf69ded.jpg?v=1785844945&amp;width=600 600w" width="600" height="1067" loading="
11531  
11532    lazy
11533  
11534" class="
11535  js-image
11536  w-full h-full object-cover object-cover
11537  
11538    
11539      min-h-full
11540    
11541  
11542  
11543    animation-300
11544  
11545  
11546">
11547  </picture>
11548</div>
11549
11550        </div>
11551      �</div>
11552  </a>
11553</div>
11554<div class="pt-2">
11555  
11556
11557  <div class=" h3 type__mono--small-regular my-2 ">
11558    
11559
11560    
11561    
11562<a href="/blogs/recipes/tagged/product-noma-kaffe" class="!no-underline"><span class="">noma kaffe</span></a>
11563  </div>
11564
11565
11566  <div class="">
11567    <a href="/blogs/recipes/brew-guide-cold-brew" class="!no-underline">Brew Guide: Cold Brew</a>
11568  </div>
11569</div>
11570        </div>
11571      
11572    
11573
11574        <div class="flex flex-col whitespace-normal" x-bind:data-slide="1">
11575          <!-- snippets/component__content-item-article.liquid -->
11576�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11577  
11578  
11579  
11580  
11581    justify-start">
11582  
11583  <a href="/blogs/recipes/fresh-oysters-with-sea-buckthorn-hot-sauce-mignonette">
11584    <div class="relative w-full h-full aspect-portrait-product"
11585        style="aspect-ratio:aspect-portrait-product;"
11586    >
11587      
11588        <div class="absolute top-0 object-cover w-full h-full">
11589          <!-- snippets/component__image.liquid -->
11590
11591
11592
11593
11594
11595
11596
11597<div
11598  class="
11599    js-picture w-full h-full overflow-hidden flex items-center
11600    
11601    
11602    
11603  ">
11604  <picture
11605    class="
11606      w-full flex items-center justify-center overflow-hidden
11607      aspect-portrait-product
11608      h-full w-full
11609      
11610    ">
11611    <img src="//nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=600" alt="Fresh Oysters with Sea Buckthorn Hot Sauce Mignonette" srcset="//nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_10.jpg?v=1783942224&amp;width=600 600w" width="600" height="750" loading="
11612  
11613    lazy
11614  
11615" class="
11616  js-image
11617  w-full h-full object-cover object-cover
11618  
11619    
11620      min-h-full
11621    
11622  
11623  
11624    animation-300
11625  
11626  
11627">
11628  </picture>
11629</div>
11630
11631        </div>
11632      �</div>
11633  </a>
11634</div>
11635<div class="pt-2">
11636  
11637
11638  <div class=" h3 type__mono--small-regular my-2 ">
11639    
11640
11641    
11642    
11643<a href="/blogs/recipes/tagged/product-sea-buckthorn-hot-sauce" class="!no-underline"><span class="">sea buckthorn hot sauce</span></a>
11644  </div>
11645
11646
11647  <div class="">
11648    <a href="/blogs/recipes/fresh-oysters-with-sea-buckthorn-hot-sauce-mignonette" class="!no-underline">Fresh Oysters with Sea Buckthorn Hot Sauce Mignonette</a>
11649  </div>
11650</div>
11651        </div>
11652      
11653    
11654
11655        <div class="flex flex-col whitespace-normal" x-bind:data-slide="2">
11656          <!-- snippets/component__content-item-article.liquid -->
11657�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11658  
11659  
11660  
11661  
11662    justify-start">
11663  
11664  <a href="/blogs/recipes/shrimp-egg-smorrebrod">
11665    <div class="relative w-full h-full aspect-portrait-product"
11666        style="aspect-ratio:aspect-portrait-product;"
11667    >
11668      
11669        <div class="absolute top-0 object-cover w-full h-full">
11670          <!-- snippets/component__image.liquid -->
11671
11672
11673
11674
11675
11676
11677
11678<div
11679  class="
11680    js-picture w-full h-full overflow-hidden flex items-center
11681    
11682    
11683    
11684  ">
11685  <picture
11686    class="
11687      w-full flex items-center justify-center overflow-hidden
11688      aspect-portrait-product
11689      h-full w-full
11690      
11691    ">
11692    <img src="//nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=600" alt="Shrimp &amp; Egg Smørrebrød" srcset="//nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/SeaBuckthornHS_Smorrebrod_fca590bc-25c1-42e2-a5c5-d40d4ef11923.jpg?v=1783942090&amp;width=600 600w" width="600" height="827" loading="
11693  
11694    lazy
11695  
11696" class="
11697  js-image
11698  w-full h-full object-cover object-cover
11699  
11700    
11701      min-h-full
11702    
11703  
11704  
11705    animation-300
11706  
11707  
11708">
11709  </picture>
11710</div>
11711
11712        </div>
11713      �</div>
11714  </a>
11715</div>
11716<div class="pt-2">
11717  
11718
11719  <div class=" h3 type__mono--small-regular my-2 ">
11720    
11721
11722    
11723    
11724<a href="/blogs/recipes/tagged/product-sea-buckthorn-hot-sauce" class="!no-underline"><span class="">sea buckthorn hot sauce</span></a>
11725  </div>
11726
11727
11728  <div class="">
11729    <a href="/blogs/recipes/shrimp-egg-smorrebrod" class="!no-underline">Shrimp & Egg Smørrebrød</a>
11730  </div>
11731</div>
11732        </div>
11733      
11734    
11735
11736        <div class="flex flex-col whitespace-normal" x-bind:data-slide="3">
11737          <!-- snippets/component__content-item-article.liquid -->
11738�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11739  
11740  
11741  
11742  
11743    justify-start">
11744  
11745  <a href="/blogs/recipes/fried-chicken-wings-with-sea-buckthorn-buffalo-sauce">
11746    <div class="relative w-full h-full aspect-portrait-product"
11747        style="aspect-ratio:aspect-portrait-product;"
11748    >
11749      
11750        <div class="absolute top-0 object-cover w-full h-full">
11751          <!-- snippets/component__image.liquid -->
11752
11753
11754
11755
11756
11757
11758
11759<div
11760  class="
11761    js-picture w-full h-full overflow-hidden flex items-center
11762    
11763    
11764    
11765  ">
11766  <picture
11767    class="
11768      w-full flex items-center justify-center overflow-hidden
11769      aspect-portrait-product
11770      h-full w-full
11771      
11772    ">
11773    <img src="//nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=600" alt="Fried Chicken Wings with Sea Buckthorn Buffalo Sauce" srcset="//nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/NP_LS_SeaBuckthornHotSauce_12_6afc8e41-526e-4780-9d32-1a9b43deac95.jpg?v=1783939941&amp;width=600 600w" width="600" height="750" loading="
11774  
11775    lazy
11776  
11777" class="
11778  js-image
11779  w-full h-full object-cover object-cover
11780  
11781    
11782      min-h-full
11783    
11784  
11785  
11786    animation-300
11787  
11788  
11789">
11790  </picture>
11791</div>
11792
11793        </div>
11794      �</div>
11795  </a>
11796</div>
11797<div class="pt-2">
11798  
11799
11800  <div class=" h3 type__mono--small-regular my-2 ">
11801    
11802
11803    
11804    
11805<a href="/blogs/recipes/tagged/product-sea-buckthorn-hot-sauce" class="!no-underline"><span class="">sea buckthorn hot sauce</span></a>
11806  </div>
11807
11808
11809  <div class="">
11810    <a href="/blogs/recipes/fried-chicken-wings-with-sea-buckthorn-buffalo-sauce" class="!no-underline">Fried Chicken Wings with Sea Buckthorn Buffalo Sauce</a>
11811  </div>
11812</div>
11813        </div>
11814      
11815    
11816
11817        <div class="flex flex-col whitespace-normal" x-bind:data-slide="4">
11818          <!-- snippets/component__content-item-article.liquid -->
11819�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11820  
11821  
11822  
11823  
11824    justify-start">
11825  
11826  <a href="/blogs/recipes/bitter-greens-truffle-salad">
11827    <div class="relative w-full h-full aspect-portrait-product"
11828        style="aspect-ratio:aspect-portrait-product;"
11829    >
11830      
11831        <div class="absolute top-0 object-cover w-full h-full">
11832          <!-- snippets/component__image.liquid -->
11833
11834
11835
11836
11837
11838
11839
11840<div
11841  class="
11842    js-picture w-full h-full overflow-hidden flex items-center
11843    
11844    
11845    
11846  ">
11847  <picture
11848    class="
11849      w-full flex items-center justify-center overflow-hidden
11850      aspect-portrait-product
11851      h-full w-full
11852      
11853    ">
11854    <img src="//nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=600" alt="Bitter Greens and Truffle Salad" srcset="//nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/TruffleALC_Salad_c9033782-21c3-447c-ae42-1e9189765ca6.jpg?v=1783939642&amp;width=600 600w" width="600" height="800" loading="
11855  
11856    lazy
11857  
11858" class="
11859  js-image
11860  w-full h-full object-cover object-cover
11861  
11862    
11863      min-h-full
11864    
11865  
11866  
11867    animation-300
11868  
11869  
11870">
11871  </picture>
11872</div>
11873
11874        </div>
11875      �</div>
11876  </a>
11877</div>
11878<div class="pt-2">
11879  
11880
11881  <div class=" h3 type__mono--small-regular my-2 ">
11882    
11883  </div>
11884
11885
11886  <div class="">
11887    <a href="/blogs/recipes/bitter-greens-truffle-salad" class="!no-underline">Bitter Greens and Truffle Salad</a>
11888  </div>
11889</div>
11890        </div>
11891      
11892    
11893
11894        <div class="flex flex-col whitespace-normal" x-bind:data-slide="5">
11895          <!-- snippets/component__content-item-article.liquid -->
11896�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11897  
11898  
11899  
11900  
11901    justify-start">
11902  
11903  <a href="/blogs/recipes/truffle-mac-cheese">
11904    <div class="relative w-full h-full aspect-portrait-product"
11905        style="aspect-ratio:aspect-portrait-product;"
11906    >
11907      
11908        <div class="absolute top-0 object-cover w-full h-full">
11909          <!-- snippets/component__image.liquid -->
11910
11911
11912
11913
11914
11915
11916
11917<div
11918  class="
11919    js-picture w-full h-full overflow-hidden flex items-center
11920    
11921    
11922    
11923  ">
11924  <picture
11925    class="
11926      w-full flex items-center justify-center overflow-hidden
11927      aspect-portrait-product
11928      h-full w-full
11929      
11930    ">
11931    <img src="//nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=600" alt="Truffle Mac &amp; Cheese" srcset="//nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/TruffleALC_MacCheese_cc7e1486-6448-4903-a90f-b1578953c931.jpg?v=1783939097&amp;width=600 600w" width="600" height="800" loading="
11932  
11933    lazy
11934  
11935" class="
11936  js-image
11937  w-full h-full object-cover object-cover
11938  
11939    
11940      min-h-full
11941    
11942  
11943  
11944    animation-300
11945  
11946  
11947">
11948  </picture>
11949</div>
11950
11951        </div>
11952      �</div>
11953  </a>
11954</div>
11955<div class="pt-2">
11956  
11957
11958  <div class=" h3 type__mono--small-regular my-2 ">
11959    
11960
11961    
11962    
11963<a href="/blogs/recipes/tagged/product-truffle-a-la-creme" class="!no-underline"><span class="">truffle à la crème</span></a>
11964  </div>
11965
11966
11967  <div class="">
11968    <a href="/blogs/recipes/truffle-mac-cheese" class="!no-underline">Truffle Mac & Cheese</a>
11969  </div>
11970</div>
11971        </div>
11972      
11973    
11974
11975        <div class="flex flex-col whitespace-normal" x-bind:data-slide="6">
11976          <!-- snippets/component__content-item-article.liquid -->
11977�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
11978  
11979  
11980  
11981  
11982    justify-start">
11983  
11984  <a href="/blogs/recipes/hazelnut-berry-praline-baklava">
11985    <div class="relative w-full h-full aspect-portrait-product"
11986        style="aspect-ratio:aspect-portrait-product;"
11987    >
11988      
11989        <div class="absolute top-0 object-cover w-full h-full">
11990          <!-- snippets/component__image.liquid -->
11991
11992
11993
11994
11995
11996
11997
11998<div
11999  class="
12000    js-picture w-full h-full overflow-hidden flex items-center
12001    
12002    
12003    
12004  ">
12005  <picture
12006    class="
12007      w-full flex items-center justify-center overflow-hidden
12008      aspect-portrait-product
12009      h-full w-full
12010      
12011    ">
12012    <img src="//nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=600" alt="Hazelnut-Berry Praline Baklava" srcset="//nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/HazelnutBerryPraline_Baklava_1d40f713-4628-49c1-8179-c16cbe011a06.jpg?v=1783938571&amp;width=600 600w" width="600" height="800" loading="
12013  
12014    lazy
12015  
12016" class="
12017  js-image
12018  w-full h-full object-cover object-cover
12019  
12020    
12021      min-h-full
12022    
12023  
12024  
12025    animation-300
12026  
12027  
12028">
12029  </picture>
12030</div>
12031
12032        </div>
12033      �</div>
12034  </a>
12035</div>
12036<div class="pt-2">
12037  
12038
12039  <div class=" h3 type__mono--small-regular my-2 ">
12040    
12041
12042    
12043    
12044<a href="/blogs/recipes/tagged/product-hazelnut-berry-praline" class="!no-underline"><span class="">hazelnut berry praline</span></a>
12045  </div>
12046
12047
12048  <div class="">
12049    <a href="/blogs/recipes/hazelnut-berry-praline-baklava" class="!no-underline">Hazelnut-Berry Praline Baklava</a>
12050  </div>
12051</div>
12052        </div>
12053      
12054    
12055
12056        <div class="flex flex-col whitespace-normal" x-bind:data-slide="7">
12057          <!-- snippets/component__content-item-article.liquid -->
12058�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12059  
12060  
12061  
12062  
12063    justify-start">
12064  
12065  <a href="/blogs/recipes/grilled-sea-bass-with-sea-buckthorn-hot-sauce-salsa">
12066    <div class="relative w-full h-full aspect-portrait-product"
12067        style="aspect-ratio:aspect-portrait-product;"
12068    >
12069      
12070        <div class="absolute top-0 object-cover w-full h-full">
12071          <!-- snippets/component__image.liquid -->
12072
12073
12074
12075
12076
12077
12078
12079<div
12080  class="
12081    js-picture w-full h-full overflow-hidden flex items-center
12082    
12083    
12084    
12085  ">
12086  <picture
12087    class="
12088      w-full flex items-center justify-center overflow-hidden
12089      aspect-portrait-product
12090      h-full w-full
12091      
12092    ">
12093    <img src="//nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=600" alt="Grilled Sea Bass with Sea Buckthorn Hot Sauce Salsa" srcset="//nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/GrilledSeabass_Main_b0ace6ee-d787-4fd0-9693-bbc946478544.jpg?v=1781698265&amp;width=600 600w" width="600" height="900" loading="
12094  
12095    lazy
12096  
12097" class="
12098  js-image
12099  w-full h-full object-cover object-cover
12100  
12101    
12102      min-h-full
12103    
12104  
12105  
12106    animation-300
12107  
12108  
12109">
12110  </picture>
12111</div>
12112
12113        </div>
12114      �</div>
12115  </a>
12116</div>
12117<div class="pt-2">
12118  
12119
12120  <div class=" h3 type__mono--small-regular my-2 ">
12121    
12122
12123    
12124    
12125<a href="/blogs/recipes/tagged/product-sea-buckthorn-hot-sauce" class="!no-underline"><span class="">sea buckthorn hot sauce</span></a>
12126  </div>
12127
12128
12129  <div class="">
12130    <a href="/blogs/recipes/grilled-sea-bass-with-sea-buckthorn-hot-sauce-salsa" class="!no-underline">Grilled Sea Bass with Sea Buckthorn Hot Sauce Salsa</a>
12131  </div>
12132</div>
12133        </div>
12134      
12135    
12136
12137        <div class="flex flex-col whitespace-normal" x-bind:data-slide="8">
12138          <!-- snippets/component__content-item-article.liquid -->
12139�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12140  
12141  
12142  
12143  
12144    justify-start">
12145  
12146  <a href="/blogs/recipes/spinach-ricotta-ravioli-with-mushroom-garum">
12147    <div class="relative w-full h-full aspect-portrait-product"
12148        style="aspect-ratio:aspect-portrait-product;"
12149    >
12150      
12151        <div class="absolute top-0 object-cover w-full h-full">
12152          <!-- snippets/component__image.liquid -->
12153
12154
12155
12156
12157
12158
12159
12160<div
12161  class="
12162    js-picture w-full h-full overflow-hidden flex items-center
12163    
12164    
12165    
12166  ">
12167  <picture
12168    class="
12169      w-full flex items-center justify-center overflow-hidden
12170      aspect-portrait-product
12171      h-full w-full
12172      
12173    ">
12174    <img src="//nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=600" alt="Spinach &amp; Ricotta Ravioli with Mushroom Garum" srcset="//nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Mushroom-Ravioli-00_d59288b7-8b7c-4541-9ec3-65fb3ce02c7c.jpg?v=1780571422&amp;width=600 600w" width="600" height="900" loading="
12175  
12176    lazy
12177  
12178" class="
12179  js-image
12180  w-full h-full object-cover object-cover
12181  
12182    
12183      min-h-full
12184    
12185  
12186  
12187    animation-300
12188  
12189  
12190">
12191  </picture>
12192</div>
12193
12194        </div>
12195      �</div>
12196  </a>
12197</div>
12198<div class="pt-2">
12199  
12200
12201  <div class=" h3 type__mono--small-regular my-2 ">
12202    
12203
12204    
12205    
12206<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a>
12207  </div>
12208
12209
12210  <div class="">
12211    <a href="/blogs/recipes/spinach-ricotta-ravioli-with-mushroom-garum" class="!no-underline">Spinach & Ricotta Ravioli with Mushroom Garum</a>
12212  </div>
12213</div>
12214        </div>
12215      
12216    
12217
12218        <div class="flex flex-col whitespace-normal" x-bind:data-slide="9">
12219          <!-- snippets/component__content-item-article.liquid -->
12220�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12221  
12222  
12223  
12224  
12225    justify-start">
12226  
12227  <a href="/blogs/recipes/mie-goreng">
12228    <div class="relative w-full h-full aspect-portrait-product"
12229        style="aspect-ratio:aspect-portrait-product;"
12230    >
12231      
12232        <div class="absolute top-0 object-cover w-full h-full">
12233          <!-- snippets/component__image.liquid -->
12234
12235
12236
12237
12238
12239
12240
12241<div
12242  class="
12243    js-picture w-full h-full overflow-hidden flex items-center
12244    
12245    
12246    
12247  ">
12248  <picture
12249    class="
12250      w-full flex items-center justify-center overflow-hidden
12251      aspect-portrait-product
12252      h-full w-full
12253      
12254    ">
12255    <img src="//nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=600" alt="Mie Goreng" srcset="//nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Mie_Goreng_07_eb77fe51-c071-403f-b75b-06cf42261ee7.jpg?v=1779107197&amp;width=600 600w" width="600" height="900" loading="
12256  
12257    lazy
12258  
12259" class="
12260  js-image
12261  w-full h-full object-cover object-cover
12262  
12263    
12264      min-h-full
12265    
12266  
12267  
12268    animation-300
12269  
12270  
12271">
12272  </picture>
12273</div>
12274
12275        </div>
12276      �</div>
12277  </a>
12278</div>
12279<div class="pt-2">
12280  
12281
12282  <div class=" h3 type__mono--small-regular my-2 ">
12283    
12284
12285    
12286    
12287<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
12288  </div>
12289
12290
12291  <div class="">
12292    <a href="/blogs/recipes/mie-goreng" class="!no-underline">Mie Goreng</a>
12293  </div>
12294</div>
12295        </div>
12296      
12297    
12298
12299        <div class="flex flex-col whitespace-normal" x-bind:data-slide="10">
12300          <!-- snippets/component__content-item-article.liquid -->
12301�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12302  
12303  
12304  
12305  
12306    justify-start">
12307  
12308  <a href="/blogs/recipes/lamb-chops-with-pepper-rdx-glaze">
12309    <div class="relative w-full h-full aspect-portrait-product"
12310        style="aspect-ratio:aspect-portrait-product;"
12311    >
12312      
12313        <div class="absolute top-0 object-cover w-full h-full">
12314          <!-- snippets/component__image.liquid -->
12315
12316
12317
12318
12319
12320
12321
12322<div
12323  class="
12324    js-picture w-full h-full overflow-hidden flex items-center
12325    
12326    
12327    
12328  ">
12329  <picture
12330    class="
12331      w-full flex items-center justify-center overflow-hidden
12332      aspect-portrait-product
12333      h-full w-full
12334      
12335    ">
12336    <img src="//nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=600" alt="Lamb Chops with Pepper RDX Glaze" srcset="//nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Lamb_Chops-8_a8b708c1-aedd-40d0-b766-515c9717475b.jpg?v=1776291279&amp;width=600 600w" width="600" height="900" loading="
12337  
12338    lazy
12339  
12340" class="
12341  js-image
12342  w-full h-full object-cover object-cover
12343  
12344    
12345      min-h-full
12346    
12347  
12348  
12349    animation-300
12350  
12351  
12352">
12353  </picture>
12354</div>
12355
12356        </div>
12357      �</div>
12358  </a>
12359</div>
12360<div class="pt-2">
12361  
12362
12363  <div class=" h3 type__mono--small-regular my-2 ">
12364    
12365
12366    
12367    
12368<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
12369  </div>
12370
12371
12372  <div class="">
12373    <a href="/blogs/recipes/lamb-chops-with-pepper-rdx-glaze" class="!no-underline">Lamb Chops with Pepper RDX Glaze</a>
12374  </div>
12375</div>
12376        </div>
12377      
12378    
12379
12380        <div class="flex flex-col whitespace-normal" x-bind:data-slide="11">
12381          <!-- snippets/component__content-item-article.liquid -->
12382�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12383  
12384  
12385  
12386  
12387    justify-start">
12388  
12389  <a href="/blogs/recipes/prawn-toast-with-sea-buckthorn-hot-sauce-mayo">
12390    <div class="relative w-full h-full aspect-portrait-product"
12391        style="aspect-ratio:aspect-portrait-product;"
12392    >
12393      
12394        <div class="absolute top-0 object-cover w-full h-full">
12395          <!-- snippets/component__image.liquid -->
12396
12397
12398
12399
12400
12401
12402
12403<div
12404  class="
12405    js-picture w-full h-full overflow-hidden flex items-center
12406    
12407    
12408    
12409  ">
12410  <picture
12411    class="
12412      w-full flex items-center justify-center overflow-hidden
12413      aspect-portrait-product
12414      h-full w-full
12415      
12416    ">
12417    <img src="//nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=600" alt="Prawn Toast with Sea Buckthorn Hot Sauce Mayo" srcset="//nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Fried_Prawn_Toast-29_0cf3d3d0-216b-4c57-a88a-0e81c581efc9.jpg?v=1775074338&amp;width=600 600w" width="600" height="900" loading="
12418  
12419    lazy
12420  
12421" class="
12422  js-image
12423  w-full h-full object-cover object-cover
12424  
12425    
12426      min-h-full
12427    
12428  
12429  
12430    animation-300
12431  
12432  
12433">
12434  </picture>
12435</div>
12436
12437        </div>
12438      �</div>
12439  </a>
12440</div>
12441<div class="pt-2">
12442  
12443
12444  <div class=" h3 type__mono--small-regular my-2 ">
12445    
12446
12447    
12448    
12449<a href="/blogs/recipes/tagged/product-sea-buckthorn-hot-sauce" class="!no-underline"><span class="">sea buckthorn hot sauce</span></a>
12450  </div>
12451
12452
12453  <div class="">
12454    <a href="/blogs/recipes/prawn-toast-with-sea-buckthorn-hot-sauce-mayo" class="!no-underline">Prawn Toast with Sea Buckthorn Hot Sauce Mayo</a>
12455  </div>
12456</div>
12457        </div>
12458      
12459    
12460
12461        <div class="flex flex-col whitespace-normal" x-bind:data-slide="12">
12462          <!-- snippets/component__content-item-article.liquid -->
12463�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12464  
12465  
12466  
12467  
12468    justify-start">
12469  
12470  <a href="/blogs/recipes/herbed-feta-dip">
12471    <div class="relative w-full h-full aspect-portrait-product"
12472        style="aspect-ratio:aspect-portrait-product;"
12473    >
12474      
12475        <div class="absolute top-0 object-cover w-full h-full">
12476          <!-- snippets/component__image.liquid -->
12477
12478
12479
12480
12481
12482
12483
12484<div
12485  class="
12486    js-picture w-full h-full overflow-hidden flex items-center
12487    
12488    
12489    
12490  ">
12491  <picture
12492    class="
12493      w-full flex items-center justify-center overflow-hidden
12494      aspect-portrait-product
12495      h-full w-full
12496      
12497    ">
12498    <img src="//nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;
12498width=600" alt="Herbed Feta Dip" srcset="//nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Feta_Dip_Website_Photos-6_bcfc05e9-8bcf-45ce-9af0-61d8b323a9aa.jpg?v=1766199587&amp;width=600 600w" width="600" height="900" loading="
12499  
12500    lazy
12501  
12502" class="
12503  js-image
12504  w-full h-full object-cover object-cover
12505  
12506    
12507      min-h-full
12508    
12509  
12510  
12511    animation-300
12512  
12513  
12514">
12515  </picture>
12516</div>
12517
12518        </div>
12519      �</div>
12520  </a>
12521</div>
12522<div class="pt-2">
12523  
12524
12525  <div class=" h3 type__mono--small-regular my-2 ">
12526    
12527
12528    
12529    
12530<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
12531  </div>
12532
12533
12534  <div class="">
12535    <a href="/blogs/recipes/herbed-feta-dip" class="!no-underline">Herbed Feta Dip</a>
12536  </div>
12537</div>
12538        </div>
12539      
12540    
12541
12542        <div class="flex flex-col whitespace-normal" x-bind:data-slide="13">
12543          <!-- snippets/component__content-item-article.liquid -->
12544�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12545  
12546  
12547  
12548  
12549    justify-start">
12550  
12551  <a href="/blogs/recipes/breakfast-tacos">
12552    <div class="relative w-full h-full aspect-portrait-product"
12553        style="aspect-ratio:aspect-portrait-product;"
12554    >
12555      
12556        <div class="absolute top-0 object-cover w-full h-full">
12557          <!-- snippets/component__image.liquid -->
12558
12559
12560
12561
12562
12563
12564
12565<div
12566  class="
12567    js-picture w-full h-full overflow-hidden flex items-center
12568    
12569    
12570    
12571  ">
12572  <picture
12573    class="
12574      w-full flex items-center justify-center overflow-hidden
12575      aspect-portrait-product
12576      h-full w-full
12577      
12578    ">
12579    <img src="//nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=600" alt="Breakfast Tacos" srcset="//nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Breakfast_Tacos_Website_Photos-5_974b3069-9039-4c5c-a7dd-f107f89319e4.jpg?v=1766199379&amp;width=600 600w" width="600" height="900" loading="
12580  
12581    lazy
12582  
12583" class="
12584  js-image
12585  w-full h-full object-cover object-cover
12586  
12587    
12588      min-h-full
12589    
12590  
12591  
12592    animation-300
12593  
12594  
12595">
12596  </picture>
12597</div>
12598
12599        </div>
12600      �</div>
12601  </a>
12602</div>
12603<div class="pt-2">
12604  
12605
12606  <div class=" h3 type__mono--small-regular my-2 ">
12607    
12608
12609    
12610    
12611<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
12612  </div>
12613
12614
12615  <div class="">
12616    <a href="/blogs/recipes/breakfast-tacos" class="!no-underline">Breakfast Tacos</a>
12617  </div>
12618</div>
12619        </div>
12620      
12621    
12622
12623        <div class="flex flex-col whitespace-normal" x-bind:data-slide="14">
12624          <!-- snippets/component__content-item-article.liquid -->
12625�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12626  
12627  
12628  
12629  
12630    justify-start">
12631  
12632  <a href="/blogs/recipes/potato-and-pumpkin-puree">
12633    <div class="relative w-full h-full aspect-portrait-product"
12634        style="aspect-ratio:aspect-portrait-product;"
12635    >
12636      
12637        <div class="absolute top-0 object-cover w-full h-full">
12638          <!-- snippets/component__image.liquid -->
12639
12640
12641
12642
12643
12644
12645
12646<div
12647  class="
12648    js-picture w-full h-full overflow-hidden flex items-center
12649    
12650    
12651    
12652  ">
12653  <picture
12654    class="
12655      w-full flex items-center justify-center overflow-hidden
12656      aspect-portrait-product
12657      h-full w-full
12658      
12659    ">
12660    <img src="//nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=600" alt="Potato and Pumpkin Purée" srcset="//nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Pumpkin_Puree_Website_Photos-3.jpg?v=1766199191&amp;width=600 600w" width="600" height="900" loading="
12661  
12662    lazy
12663  
12664" class="
12665  js-image
12666  w-full h-full object-cover object-cover
12667  
12668    
12669      min-h-full
12670    
12671  
12672  
12673    animation-300
12674  
12675  
12676">
12677  </picture>
12678</div>
12679
12680        </div>
12681      �</div>
12682  </a>
12683</div>
12684<div class="pt-2">
12685  
12686
12687  <div class=" h3 type__mono--small-regular my-2 ">
12688    
12689
12690    
12691    
12692<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
12693  </div>
12694
12695
12696  <div class="">
12697    <a href="/blogs/recipes/potato-and-pumpkin-puree" class="!no-underline">Potato and Pumpkin Purée</a>
12698  </div>
12699</div>
12700        </div>
12701      
12702    
12703
12704        <div class="flex flex-col whitespace-normal" x-bind:data-slide="15">
12705          <!-- snippets/component__content-item-article.liquid -->
12706�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12707  
12708  
12709  
12710  
12711    justify-start">
12712  
12713  <a href="/blogs/recipes/fudgy-dark-chocolate-cookies">
12714    <div class="relative w-full h-full aspect-portrait-product"
12715        style="aspect-ratio:aspect-portrait-product;"
12716    >
12717      
12718        <div class="absolute top-0 object-cover w-full h-full">
12719          <!-- snippets/component__image.liquid -->
12720
12721
12722
12723
12724
12725
12726
12727<div
12728  class="
12729    js-picture w-full h-full overflow-hidden flex items-center
12730    
12731    
12732    
12733  ">
12734  <picture
12735    class="
12736      w-full flex items-center justify-center overflow-hidden
12737      aspect-portrait-product
12738      h-full w-full
12739      
12740    ">
12741    <img src="//nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;
12741width=600" alt="Fudgy Dark Chocolate Cookies" srcset="//nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Cookies_website_photos-9.jpg?v=1766199788&amp;width=600 600w" width="600" height="900" loading="
12742  
12743    lazy
12744  
12745" class="
12746  js-image
12747  w-full h-full object-cover object-cover
12748  
12749    
12750      min-h-full
12751    
12752  
12753  
12754    animation-300
12755  
12756  
12757">
12758  </picture>
12759</div>
12760
12761        </div>
12762      �</div>
12763  </a>
12764</div>
12765<div class="pt-2">
12766  
12767
12768  <div class=" h3 type__mono--small-regular my-2 ">
12769    
12770
12771    
12772    
12773<a href="/blogs/recipes/tagged/product-pumpkin-seed-praline" class="!no-underline"><span class="">pumpkin seed praline</span></a>
12774  </div>
12775
12776
12777  <div class="">
12778    <a href="/blogs/recipes/fudgy-dark-chocolate-cookies" class="!no-underline">Fudgy Dark Chocolate Cookies</a>
12779  </div>
12780</div>
12781        </div>
12782      
12783    
12784
12785        <div class="flex flex-col whitespace-normal" x-bind:data-slide="16">
12786          <!-- snippets/component__content-item-article.liquid -->
12787�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12788  
12789  
12790  
12791  
12792    justify-start">
12793  
12794  <a href="/blogs/recipes/roast-chicken-with-mushroom-garum-butter">
12795    <div class="relative w-full h-full aspect-portrait-product"
12796        style="aspect-ratio:aspect-portrait-product;"
12797    >
12798      
12799        <div class="absolute top-0 object-cover w-full h-full">
12800          <!-- snippets/component__image.liquid -->
12801
12802
12803
12804
12805
12806
12807
12808<div
12809  class="
12810    js-picture w-full h-full overflow-hidden flex items-center
12811    
12812    
12813    
12814  ">
12815  <picture
12816    class="
12817      w-full flex items-center justify-center overflow-hidden
12818      aspect-portrait-product
12819      h-full w-full
12820      
12821    ">
12822    <img src="//nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=600" alt="Roast Chicken with Mushroom Garum Butter" srcset="//nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Roast-Chicken-Photos-Website-8-V2_4a1d6abb-fb0b-4808-830a-ce390cd073ad.jpg?v=1765424402&amp;width=600 600w" width="600" height="900" loading="
12823  
12824    lazy
12825  
12826" class="
12827  js-image
12828  w-full h-full object-cover object-cover
12829  
12830    
12831      min-h-full
12832    
12833  
12834  
12835    animation-300
12836  
12837  
12838">
12839  </picture>
12840</div>
12841
12842        </div>
12843      �</div>
12844  </a>
12845</div>
12846<div class="pt-2">
12847  
12848
12849  <div class=" h3 type__mono--small-regular my-2 ">
12850    
12851
12852    
12853    
12854<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a>
12855  </div>
12856
12857
12858  <div class="">
12859    <a href="/blogs/recipes/roast-chicken-with-mushroom-garum-butter" class="!no-underline">Roast Chicken with Mushroom Garum Butter</a>
12860  </div>
12861</div>
12862        </div>
12863      
12864    
12865
12866        <div class="flex flex-col whitespace-normal" x-bind:data-slide="17">
12867          <!-- snippets/component__content-item-article.liquid -->
12868�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12869  
12870  
12871  
12872  
12873    justify-start">
12874  
12875  <a href="/blogs/recipes/pumpkin-bushi-furikake">
12876    <div class="relative w-full h-full aspect-portrait-product"
12877        style="aspect-ratio:aspect-portrait-product;"
12878    >
12879      
12880        <div class="absolute top-0 object-cover w-full h-full">
12881          <!-- snippets/component__image.liquid -->
12882
12883
12884
12885
12886
12887
12888
12889<div
12890  class="
12891    js-picture w-full h-full overflow-hidden flex items-center
12892    
12893    
12894    
12895  ">
12896  <picture
12897    class="
12898      w-full flex items-center justify-center overflow-hidden
12899      aspect-portrait-product
12900      h-full w-full
12901      
12902    ">
12903    <img src="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=600" alt="Pumpkin Bushi Furikake" srcset="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1771_602bbf75-f239-4d74-8e5f-90ed5bb46a09.jpg?v=1763495851&amp;width=600 600w" width="600" height="800" loading="
12904  
12905    lazy
12906  
12907" class="
12908  js-image
12909  w-full h-full object-cover object-cover
12910  
12911    
12912      min-h-full
12913    
12914  
12915  
12916    animation-300
12917  
12918  
12919">
12920  </picture>
12921</div>
12922
12923        </div>
12924      �</div>
12925  </a>
12926</div>
12927<div class="pt-2">
12928  
12929
12930  <div class=" h3 type__mono--small-regular my-2 ">
12931    
12932
12933    
12934    
12935<a href="/blogs/recipes/tagged/product-pumpkin-bushi" class="!no-underline"><span class="">pumpkin bushi</span></a>
12936  </div>
12937
12938
12939  <div class="">
12940    <a href="/blogs/recipes/pumpkin-bushi-furikake" class="!no-underline">Pumpkin Bushi Furikake</a>
12941  </div>
12942</div>
12943        </div>
12944      
12945    
12946
12947        <div class="flex flex-col whitespace-normal" x-bind:data-slide="18">
12948          <!-- snippets/component__content-item-article.liquid -->
12949�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
12950  
12951  
12952  
12953  
12954    justify-start">
12955  
12956  <a href="/blogs/recipes/labneh-with-pistachio-pumpkin-bushi-dukkah">
12957    <div class="relative w-full h-full aspect-portrait-product"
12958        style="aspect-ratio:aspect-portrait-product;"
12959    >
12960      
12961        <div class="absolute top-0 object-cover w-full h-full">
12962          <!-- snippets/component__image.liquid -->
12963
12964
12965
12966
12967
12968
12969
12970<div
12971  class="
12972    js-picture w-full h-full overflow-hidden flex items-center
12973    
12974    
12975    
12976  ">
12977  <picture
12978    class="
12979      w-full flex items-center justify-center overflow-hidden
12980      aspect-portrait-product
12981      h-full w-full
12982      
12983    ">
12984    <img src="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=600" alt="Labneh with Pistachio + Pumpkin Bushi Dukkah" srcset="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1767_fd375b80-1d14-47b8-a656-ba5c2b2cba1f.jpg?v=1763495759&amp;width=600 600w" width="600" height="800" loading="
12985  
12986    lazy
12987  
12988" class="
12989  js-image
12990  w-full h-full object-cover object-cover
12991  
12992    
12993      min-h-full
12994    
12995  
12996  
12997    animation-300
12998  
12999  
13000">
13001  </picture>
13002</div>
13003
13004        </div>
13005      �</div>
13006  </a>
13007</div>
13008<div class="pt-2">
13009  
13010
13011  <div class=" h3 type__mono--small-regular my-2 ">
13012    
13013
13014    
13015    
13016<a href="/blogs/recipes/tagged/product-pumpkin-bushi" class="!no-underline"><span class="">pumpkin bushi</span></a>
13017  </div>
13018
13019
13020  <div class="">
13021    <a href="/blogs/recipes/labneh-with-pistachio-pumpkin-bushi-dukkah" class="!no-underline">Labneh with Pistachio + Pumpkin Bushi Dukkah</a>
13022  </div>
13023</div>
13024        </div>
13025      
13026    
13027
13028        <div class="flex flex-col whitespace-normal" x-bind:data-slide="19">
13029          <!-- snippets/component__content-item-article.liquid -->
13030�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13031  
13032  
13033  
13034  
13035    justify-start">
13036  
13037  <a href="/blogs/recipes/pumpkin-bushi-popcorn">
13038    <div class="relative w-full h-full aspect-portrait-product"
13039        style="aspect-ratio:aspect-portrait-product;"
13040    >
13041      
13042        <div class="absolute top-0 object-cover w-full h-full">
13043          <!-- snippets/component__image.liquid -->
13044
13045
13046
13047
13048
13049
13050
13051<div
13052  class="
13053    js-picture w-full h-full overflow-hidden flex items-center
13054    
13055    
13056    
13057  ">
13058  <picture
13059    class="
13060      w-full flex items-center justify-center overflow-hidden
13061      aspect-portrait-product
13062      h-full w-full
13063      
13064    ">
13065    <img src="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=600" alt="Pumpkin Bushi Popcorn" srcset="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1773_8526dc8b-b905-435d-879a-fc90d8eefb89.jpg?v=1763495923&amp;width=600 600w" width="600" height="800" loading="
13066  
13067    lazy
13068  
13069" class="
13070  js-image
13071  w-full h-full object-cover object-cover
13072  
13073    
13074      min-h-full
13075    
13076  
13077  
13078    animation-300
13079  
13080  
13081">
13082  </picture>
13083</div>
13084
13085        </div>
13086      �</div>
13087  </a>
13088</div>
13089<div class="pt-2">
13090  
13091
13092  <div class=" h3 type__mono--small-regular my-2 ">
13093    
13094
13095    
13096    
13097<a href="/blogs/recipes/tagged/product-pumpkin-bushi" class="!no-underline"><span class="">pumpkin bushi</span></a>
13098  </div>
13099
13100
13101  <div class="">
13102    <a href="/blogs/recipes/pumpkin-bushi-popcorn" class="!no-underline">Pumpkin Bushi Popcorn</a>
13103  </div>
13104</div>
13105        </div>
13106      
13107    
13108
13109        <div class="flex flex-col whitespace-normal" x-bind:data-slide="20">
13110          <!-- snippets/component__content-item-article.liquid -->
13111�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13112  
13113  
13114  
13115  
13116    justify-start">
13117  
13118  <a href="/blogs/recipes/chocolate-mousse-with-praline-and-bushi">
13119    <div class="relative w-full h-full aspect-portrait-product"
13120        style="aspect-ratio:aspect-portrait-product;"
13121    >
13122      
13123        <div class="absolute top-0 object-cover w-full h-full">
13124          <!-- snippets/component__image.liquid -->
13125
13126
13127
13128
13129
13130
13131
13132<div
13133  class="
13134    js-picture w-full h-full overflow-hidden flex items-center
13135    
13136    
13137    
13138  ">
13139  <picture
13140    class="
13141      w-full flex items-center justify-center overflow-hidden
13142      aspect-portrait-product
13143      h-full w-full
13144      
13145    ">
13146    <img src="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=600" alt="Chocolate Mousse with Praline and Bushi" srcset="//nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250914_NP_451A1813_3885ce62-23d5-4613-ae70-48e3c88ed16e.jpg?v=1765698588&amp;width=600 600w" width="600" height="800" loading="
13147  
13148    lazy
13149  
13150" class="
13151  js-image
13152  w-full h-full object-cover object-cover
13153  
13154    
13155      min-h-full
13156    
13157  
13158  
13159    animation-300
13160  
13161  
13162">
13163  </picture>
13164</div>
13165
13166        </div>
13167      �</div>
13168  </a>
13169</div>
13170<div class="pt-2">
13171  
13172
13173  <div class=" h3 type__mono--small-regular my-2 ">
13174    
13175
13176    
13177    
13178<a href="/blogs/recipes/tagged/product-pumpkin-bushi" class="!no-underline"><span class="">pumpkin bushi</span></a><span>, </span>
13179
13180    
13181    
13182<a href="/blogs/recipes/tagged/product-pumpkin-seed-praline" class="!no-underline"><span class="">pumpkin seed praline</span></a>
13183  </div>
13184
13185
13186  <div class="">
13187    <a href="/blogs/recipes/chocolate-mousse-with-praline-and-bushi" class="!no-underline">Chocolate Mousse with Praline and Bushi</a>
13188  </div>
13189</div>
13190        </div>
13191      
13192    
13193
13194        <div class="flex flex-col whitespace-normal" x-bind:data-slide="21">
13195          <!-- snippets/component__content-item-article.liquid -->
13196�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13197  
13198  
13199  
13200  
13201    justify-start">
13202  
13203  <a href="/blogs/recipes/nurperi-s-umami-muhammara">
13204    <div class="relative w-full h-full aspect-portrait-product"
13205        style="aspect-ratio:aspect-portrait-product;"
13206    >
13207      
13208        <div class="absolute top-0 object-cover w-full h-full">
13209          <!-- snippets/component__image.liquid -->
13210
13211
13212
13213
13214
13215
13216
13217<div
13218  class="
13219    js-picture w-full h-full overflow-hidden flex items-center
13220    
13221    
13222    
13223  ">
13224  <picture
13225    class="
13226      w-full flex items-center justify-center overflow-hidden
13227      aspect-portrait-product
13228      h-full w-full
13229      
13230    ">
13231    <img src="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=600" alt="Nurperi’s Umami Muhammara" srcset="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9719_1.jpg?v=1753358644&amp;width=600 600w" width="600" height="802" loading="
13232  
13233    lazy
13234  
13235" class="
13236  js-image
13237  w-full h-full object-cover object-cover
13238  
13239    
13240      min-h-full
13241    
13242  
13243  
13244    animation-300
13245  
13246  
13247">
13248  </picture>
13249</div>
13250
13251        </div>
13252      �</div>
13253  </a>
13254</div>
13255<div class="pt-2">
13256  
13257
13258  <div class=" h3 type__mono--small-regular my-2 ">
13259    
13260
13261    
13262    
13263<a href="/blogs/recipes/tagged/product-nordic-soy-sauce" class="!no-underline"><span class="">nordic soy sauce</span></a>
13264  </div>
13265
13266
13267  <div class="">
13268    <a href="/blogs/recipes/nurp
13268eri-s-umami-muhammara" class="!no-underline">Nurperi’s Umami Muhammara</a>
13269  </div>
13270</div>
13271        </div>
13272      
13273    
13274
13275        <div class="flex flex-col whitespace-normal" x-bind:data-slide="22">
13276          <!-- snippets/component__content-item-article.liquid -->
13277�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13278  
13279  
13280  
13281  
13282    justify-start">
13283  
13284  <a href="/blogs/recipes/tomato-soy-stone-fruit-salad">
13285    <div class="relative w-full h-full aspect-portrait-product"
13286        style="aspect-ratio:aspect-portrait-product;"
13287    >
13288      
13289        <div class="absolute top-0 object-cover w-full h-full">
13290          <!-- snippets/component__image.liquid -->
13291
13292
13293
13294
13295
13296
13297
13298<div
13299  class="
13300    js-picture w-full h-full overflow-hidden flex items-center
13301    
13302    
13303    
13304  ">
13305  <picture
13306    class="
13307      w-full flex items-center justify-center overflow-hidden
13308      aspect-portrait-product
13309      h-full w-full
13310      
13311    ">
13312    <img src="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=600" alt="Tomato, “Soy”, and Stone Fruit Salad" srcset="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9682.jpg?v=1753715544&amp;width=600 600w" width="600" height="800" loading="
13313  
13314    lazy
13315  
13316" class="
13317  js-image
13318  w-full h-full object-cover object-cover
13319  
13320    
13321      min-h-full
13322    
13323  
13324  
13325    animation-300
13326  
13327  
13328">
13329  </picture>
13330</div>
13331
13332        </div>
13333      �</div>
13334  </a>
13335</div>
13336<div class="pt-2">
13337  
13338
13339  <div class=" h3 type__mono--small-regular my-2 ">
13340    
13341
13342    
13343    
13344<a href="/blogs/recipes/tagged/product-nordic-soy-sauce" class="!no-underline"><span class="">nordic soy sauce</span></a>
13345  </div>
13346
13347
13348  <div class="">
13349    <a href="/blogs/recipes/tomato-soy-stone-fruit-salad" class="!no-underline">Tomato, “Soy”, and Stone Fruit Salad</a>
13350  </div>
13351</div>
13352        </div>
13353      
13354    
13355
13356        <div class="flex flex-col whitespace-normal" x-bind:data-slide="23">
13357          <!-- snippets/component__content-item-article.liquid -->
13358�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13359  
13360  
13361  
13362  
13363    justify-start">
13364  
13365  <a href="/blogs/recipes/nordic-soy-rice-bowl">
13366    <div class="relative w-full h-full aspect-portrait-product"
13367        style="aspect-ratio:aspect-portrait-product;"
13368    >
13369      
13370        <div class="absolute top-0 object-cover w-full h-full">
13371          <!-- snippets/component__image.liquid -->
13372
13373
13374
13375
13376
13377
13378
13379<div
13380  class="
13381    js-picture w-full h-full overflow-hidden flex items-center
13382    
13383    
13384    
13385  ">
13386  <picture
13387    class="
13388      w-full flex items-center justify-center overflow-hidden
13389      aspect-portrait-product
13390      h-full w-full
13391      
13392    ">
13393    <img src="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=600" alt="Nordic “Soy” Rice Bowl" srcset="//nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250611_NP_Recipes_451A9615_00ef745c-46b1-4706-9c81-ce9bf16b9654.jpg?v=1753869027&amp;width=600 600w" width="600" height="450" loading="
13394  
13395    lazy
13396  
13397" class="
13398  js-image
13399  w-full h-full object-cover object-cover
13400  
13401    
13402      min-h-full
13403    
13404  
13405  
13406    animation-300
13407  
13408  
13409">
13410  </picture>
13411</div>
13412
13413        </div>
13414      �</div>
13415  </a>
13416</div>
13417<div class="pt-2">
13418  
13419
13420  <div class=" h3 type__mono--small-regular my-2 ">
13421    
13422
13423    
13424    
13425<a href="/blogs/recipes/tagged/product-nordic-soy-sauce" class="!no-underline"><span class="">nordic soy sauce</span></a>
13426  </div>
13427
13428
13429  <div class="">
13430    <a href="/blogs/recipes/nordic-soy-rice-bowl" class="!no-underline">Nordic “Soy” Rice Bowl</a>
13431  </div>
13432</div>
13433        </div>
13434      
13435    
13436
13437        <div class="flex flex-col whitespace-normal" x-bind:data-slide="24">
13438          <!-- snippets/component__content-item-article.liquid -->
13439�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13440  
13441  
13442  
13443  
13444    justify-start">
13445  
13446  <a href="/blogs/recipes/esquites-with-cotija-corn-yuzu">
13447    <div class="relative w-full h-full aspect-portrait-product"
13448        style="aspect-ratio:aspect-portrait-product;"
13449    >
13450      
13451        <div class="absolute top-0 object-cover w-full h-full">
13452          <!-- snippets/component__image.liquid -->
13453
13454
13455
13456
13457
13458
13459
13460<div
13461  class="
13462    js-picture w-full h-full overflow-hidden flex items-center
13463    
13464    
13465    
13466  ">
13467  <picture
13468    class="
13469      w-full flex items-center justify-center overflow-hidden
13470      aspect-portrait-product
13471      h-full w-full
13472      
13473    ">
13474    <img src="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=600" alt="Esquites  with Cotija &amp; Corn Yuzu" srcset="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4369_1_23d39475-cdae-4577-94c2-f6483c3b6f09.jpg?v=1750847717&amp;width=600 600w" width="600" height="800" loading="
13475  
13476    lazy
13477  
13478" class="
13479  js-image
13480  w-full h-full object-cover object-cover
13481  
13482    
13483      min-h-full
13484    
13485  
13486  
13487    animation-300
13488  
13489  
13490">
13491  </picture>
13492</div>
13493
13494        </div>
13495      �</div>
13496  </a>
13497</div>
13498<div class="pt-2">
13499  
13500
13501  <div class=" h3 type__mono--small-regular my-2 ">
13502    
13503
13504    
13505    
13506<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
13507  </div>
13508
13509
13510  <div class="">
13511    <a href="/blogs/recipes/esquites-with-cotija-corn-yuzu" class="!no-underline">Esquites  with Cotija & Corn Yuzu</a>
13512  </div>
13513</div>
13514        </div>
13515      
13516    
13517
13518        <div class="flex flex-col whitespace-normal" x-bind:data-slide="25">
13519          <!-- snippets/component__content-item-article.liquid -->
13520�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13521  
13522  
13523  
13524  
13525    justify-start">
13526  
13527  <a href="/blogs/recipes/corn-yuzu-hot-sauce-coleslaw">
13528    <div class="relative w-full h-full aspect-portrait-product"
13529        style="aspect-ratio:aspect-portrait-product;"
13530    >
13531      
13532        <div class="absolute top-0 object-cover w-full h-full">
13533          <!-- snippets/component__image.liquid -->
13534
13535
13536
13537
13538
13539
13540
13541<div
13542  class="
13543    js-picture w-full h-full overflow-hidden flex items-center
13544    
13545    
13546    
13547  ">
13548  <picture
13549    class="
13550      w-full flex items-center justify-center overflow-hidden
13551      aspect-portrait-product
13552      h-full w-full
13553      
13554    ">
13555    <img src="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=600" alt="Corn Yuzu Hot Sauce Coleslaw" srcset="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4272_1_20654f44-0d2f-40a5-95f5-3d435ebdca82.jpg?v=1750847712&amp;width=600 600w" width="600" height="800" loading="
13556  
13557    lazy
13558  
13559" class="
13560  js-image
13561  w-full h-full object-cover object-cover
13562  
13563    
13564      min-h-full
13565    
13566  
13567  
13568    animation-300
13569  
13570  
13571">
13572  </picture>
13573</div>
13574
13575        </div>
13576      �</div>
13577  </a>
13578</div>
13579<div class="pt-2">
13580  
13581
13582  <div class=" h3 type__mono--small-regular my-2 ">
13583    
13584
13585    
13586    
13587<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
13588  </div>
13589
13590
13591  <div class="">
13592    <a href="/blogs/recipes/corn-yuzu-hot-sauce-coleslaw" class="!no-underline">Corn Yuzu Hot Sauce Coleslaw</a>
13593  </div>
13594</div>
13595        </div>
13596      
13597    
13598
13599        <div class="flex flex-col whitespace-normal" x-bind:data-slide="26">
13600          <!-- snippets/component__content-item-article.liquid -->
13601�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13602  
13603  
13604  
13605  
13606    justify-start">
13607  
13608  <a href="/blogs/recipes/rose-raspberry-shrub">
13609    <div class="relative w-full h-full aspect-portrait-product"
13610        style="aspect-ratio:aspect-portrait-product;"
13611    >
13612      
13613        <div class="absolute top-0 object-cover w-full h-full">
13614          <!-- snippets/component__image.liquid -->
13615
13616
13617
13618
13619
13620
13621
13622<div
13623  class="
13624    js-picture w-full h-full overflow-hidden flex items-center
13625    
13626    
13627    
13628  ">
13629  <picture
13630    class="
13631      w-full flex items-center justify-center overflow-hidden
13632      aspect-portrait-product
13633      h-full w-full
13634      
13635    ">
13636    <img src="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=600" alt="Rose-Raspberry Shrub" srcset="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4245_1_c5964bbb-5ad2-4d2b-ab40-b203a730d05f.jpg?v=1785845002&amp;width=600 600w" width="600" height="800" loading="
13637  
13638    lazy
13639  
13640" class="
13641  js-image
13642  w-full h-full object-cover object-cover
13643  
13644    
13645      min-h-full
13646    
13647  
13648  
13649    animation-300
13650  
13651  
13652">
13653  </picture>
13654</div>
13655
13656        </div>
13657      �</div>
13658  </a>
13659</div>
13660<div class="pt-2">
13661  
13662
13663  <div class=" h3 type__mono--small-regular my-2 ">
13664    
13665
13666    
13667    
13668<a href="/blogs/recipes/tagged/product-wild-rose-vinegar" class="!no-underline"><span class="">wild rose vinegar</span></a>
13669  </div>
13670
13671
13672  <div class="">
13673    <a href="/blogs/recipes/rose-raspberry-shrub" class="!no-underline">Rose-Raspberry Shrub</a>
13674  </div>
13675</div>
13676        </div>
13677      
13678    
13679
13680        <div class="flex flex-col whitespace-normal" x-bind:data-slide="27">
13681          <!-- snippets/component__content-item-article.liquid -->
13682�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13683  
13684  
13685  
13686  
13687    justify-start">
13688  
13689  <a href="/blogs/recipes/watermelon-salad-with-wild-rose-feta-mint">
13690    <div class="relative w-full h-full aspect-portrait-product"
13691        style="aspect-ratio:aspect-portrait-product;"
13692    >
13693      
13694        <div class="absolute top-0 object-cover w-full h-full">
13695          <!-- snippets/component__image.liquid -->
13696
13697
13698
13699
13700
13701
13702
13703<div
13704  class="
13705    js-picture w-full h-full overflow-hidden flex items-center
13706    
13707    
13708    
13709  ">
13710  <picture
13711    class="
13712      w-full flex items-center justify-center overflow-hidden
13713      aspect-portrait-product
13714      h-full w-full
13715      
13716    ">
13717    <img src="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=600" alt="Watermelon Salad with Wild Rose, Feta, &amp; Mint" srcset="//nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250610_NP_Recipes_451A4301_1_526f66ef-72cf-4fcb-aac9-45bf5f8598d6.jpg?v=1750847699&amp;width=600 600w" width="600" height="800" loading="
13718  
13719    lazy
13720  
13721" class="
13722  js-image
13723  w-full h-full object-cover object-cover
13724  
13725    
13726      min-h-full
13727    
13728  
13729  
13730    animation-300
13731  
13732  
13733">
13734  </picture>
13735</div>
13736
13737        </div>
13738      �</div>
13739  </a>
13740</div>
13741<div class="pt-2">
13742  
13743
13744  <div class=" h3 type__mono--small-regular my-2 ">
13745    
13746
13747    
13748    
13749<a href="/blogs/recipes/tagged/product-wild-rose-vinegar" class="!no-underline"><span class="">wild rose vinegar</span></a>
13750  </div>
13751
13752
13753  <div class="">
13754    <a href="/blogs/recipes/watermelon-salad-with-wild-rose-feta-mint" class="!no-underline">Watermelon Salad with Wild Rose, Feta, & Mint</a>
13755  </div>
13756</div>
13757        </div>
13758      
13759    
13760
13761        <div class="flex flex-col whitespace-normal" x-bind:data-slide="28">
13762          <!-- snippets/component__content-item-article.liquid -->
13763�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13764  
13765  
13766  
13767  
13768    justify-start">
13769  
13770  <a href="/blogs/recipes/turkish-spinach-borek">
13771    <div class="relative w-full h-full aspect-portrait-product"
13772        style="aspect-ratio:aspect-portrait-product;"
13773    >
13774      
13775        <div class="absolute top-0 object-cover w-full h-full">
13776          <!-- snippets/component__image.liquid -->
13777
13778
13779
13780
13781
13782
13783
13784<div
13785  class="
13786    js-picture w-full h-full overflow-hidden flex items-center
13787    
13788    
13789    
13790  ">
13791  <picture
13792    class="
13793      w-full flex items-center justify-center overflow-hidden
13794      aspect-portrait-product
13795      h-full w-full
13796      
13797    ">
13798    <img src="//nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=600" al
13798t="Turkish Spinach Börek" srcset="//nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/TurkishBorek-01_f2457433-9a9a-4a44-baaf-804e1543709e.jpg?v=1755525251&amp;width=600 600w" width="600" height="837" loading="
13799  
13800    lazy
13801  
13802" class="
13803  js-image
13804  w-full h-full object-cover object-cover
13805  
13806    
13807      min-h-full
13808    
13809  
13810  
13811    animation-300
13812  
13813  
13814">
13815  </picture>
13816</div>
13817
13818        </div>
13819      �</div>
13820  </a>
13821</div>
13822<div class="pt-2">
13823  
13824
13825  <div class=" h3 type__mono--small-regular my-2 ">
13826    
13827
13828    
13829    
13830<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
13831  </div>
13832
13833
13834  <div class="">
13835    <a href="/blogs/recipes/turkish-spinach-borek" class="!no-underline">Turkish Spinach Börek</a>
13836  </div>
13837</div>
13838        </div>
13839      
13840    
13841
13842        <div class="flex flex-col whitespace-normal" x-bind:data-slide="29">
13843          <!-- snippets/component__content-item-article.liquid -->
13844�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13845  
13846  
13847  
13848  
13849    justify-start">
13850  
13851  <a href="/blogs/recipes/spanish-shrimp-salpicon">
13852    <div class="relative w-full h-full aspect-portrait-product"
13853        style="aspect-ratio:aspect-portrait-product;"
13854    >
13855      
13856        <div class="absolute top-0 object-cover w-full h-full">
13857          <!-- snippets/component__image.liquid -->
13858
13859
13860
13861
13862
13863
13864
13865<div
13866  class="
13867    js-picture w-full h-full overflow-hidden flex items-center
13868    
13869    
13870    
13871  ">
13872  <picture
13873    class="
13874      w-full flex items-center justify-center overflow-hidden
13875      aspect-portrait-product
13876      h-full w-full
13877      
13878    ">
13879    <img src="//nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=600" alt="Salpicón of Shrimp" srcset="//nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Salpicon-08_b632f57d-7d6e-431e-b7bf-a44b5b5f107e.jpg?v=1746549954&amp;width=600 600w" width="600" height="600" loading="
13880  
13881    lazy
13882  
13883" class="
13884  js-image
13885  w-full h-full object-cover object-cover
13886  
13887    
13888      min-h-full
13889    
13890  
13891  
13892    animation-300
13893  
13894  
13895">
13896  </picture>
13897</div>
13898
13899        </div>
13900      �</div>
13901  </a>
13902</div>
13903<div class="pt-2">
13904  
13905
13906  <div class=" h3 type__mono--small-regular my-2 ">
13907    
13908
13909    
13910    
13911<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a><span>, </span>
13912
13913    
13914    
13915<a href="/blogs/recipes/tagged/product-wild-rose-vinegar" class="!no-underline"><span class="">wild rose vinegar</span></a>
13916  </div>
13917
13918
13919  <div class="">
13920    <a href="/blogs/recipes/spanish-shrimp-salpicon" class="!no-underline">Salpicón of Shrimp</a>
13921  </div>
13922</div>
13923        </div>
13924      
13925    
13926
13927        <div class="flex flex-col whitespace-normal" x-bind:data-slide="30">
13928          <!-- snippets/component__content-item-article.liquid -->
13929�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
13930  
13931  
13932  
13933  
13934    justify-start">
13935  
13936  <a href="/blogs/recipes/ribeye-steaks-with-peppercorn-sauce">
13937    <div class="relative w-full h-full aspect-portrait-product"
13938        style="aspect-ratio:aspect-portrait-product;"
13939    >
13940      
13941        <div class="absolute top-0 object-cover w-full h-full">
13942          <!-- snippets/component__image.liquid -->
13943
13944
13945
13946
13947
13948
13949
13950<div
13951  class="
13952    js-picture w-full h-full overflow-hidden flex items-center
13953    
13954    
13955    
13956  ">
13957  <picture
13958    class="
13959      w-full flex items-center justify-center overflow-hidden
13960      aspect-portrait-product
13961      h-full w-full
13962      
13963    ">
13964    <img src="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=600" alt="Ribeye Steaks with Peppercorn Sauce" srcset="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Steak-02_9c1f0c16-c363-433d-b3be-a2d252ad4420.jpg?v=1755525055&amp;width=600 600w" width="600" height="764" loading="
13965  
13966    lazy
13967  
13968" class="
13969  js-image
13970  w-full h-full object-cover object-cover
13971  
13972    
13973      min-h-full
13974    
13975  
13976  
13977    animation-300
13978  
13979  
13980">
13981  </picture>
13982</div>
13983
13984        </div>
13985      �</div>
13986  </a>
13987</div>
13988<div class="pt-2">
13989  
13990
13991  <div class=" h3 type__mono--small-regular my-2 ">
13992    
13993
13994    
13995    
13996<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
13997  </div>
13998
13999
14000  <div class="">
14001    <a href="/blogs/recipes/ribeye-steaks-with-peppercorn-sauce" class="!no-underline">Ribeye Steaks with Peppercorn Sauce</a>
14002  </div>
14003</div>
14004        </div>
14005      
14006    
14007
14008        <div class="flex flex-col whitespace-normal" x-bind:data-slide="31">
14009          <!-- snippets/component__content-item-article.liquid -->
14010�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14011  
14012  
14013  
14014  
14015    justify-start">
14016  
14017  <a href="/blogs/recipes/shallow-fried-aubergines-with-a-pepper-tamari-glaze">
14018    <div class="relative w-full h-full aspect-portrait-product"
14019        style="aspect-ratio:aspect-portrait-product;"
14020    >
14021      
14022        <div class="absolute top-0 object-cover w-full h-full">
14023          <!-- snippets/component__image.liquid -->
14024
14025
14026
14027
14028
14029
14030
14031<div
14032  class="
14033    js-picture w-full h-full overflow-hidden flex items-center
14034    
14035    
14036    
14037  ">
14038  <picture
14039    class="
14040      w-full flex items-center justify-center overflow-hidden
14041      aspect-portrait-product
14042      h-full w-full
14043      
14044    ">
14045    <img src="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=600" alt="Shallow Fried Aubergines with a Pepper Tamari Glaze" srcset="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-Eggplant-04_f4bf3db6-f017-4d25-af74-73e1cccf863d.jpg?v=1755525113&amp;width=600 600w" width="600" height="600" loading="
14046  
14047    lazy
14048  
14049" class="
14050  js-image
14051  w-full h-full object-cover object-cover
14052  
14053    
14054      min-h-full
14055    
14056  
14057  
14058    animation-300
14059  
14060  
14061">
14062  </picture>
14063</div>
14064
14065        </div>
14066      �</div>
14067  </a>
14068</div>
14069<div class="pt-2">
14070  
14071
14072  <div class=" h3 type__mono--small-regular my-2 ">
14073    
14074
14075    
14076    
14077<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
14078  </div>
14079
14080
14081  <div class="">
14082    <a href="/blogs/recipes/shallow-fried-aubergines-with-a-pepper-tamari-glaze" class="!no-underline">Shallow Fried Aubergines with a Pepper Tamari Glaze</a>
14083  </div>
14084</div>
14085        </div>
14086      
14087    
14088
14089        <div class="flex flex-col whitespace-normal" x-bind:data-slide="32">
14090          <!-- snippets/component__content-item-article.liquid -->
14091�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14092  
14093  
14094  
14095  
14096    justify-start">
14097  
14098  <a href="/blogs/recipes/cacio-e-pepper-tamari">
14099    <div class="relative w-full h-full aspect-portrait-product"
14100        style="aspect-ratio:aspect-portrait-product;"
14101    >
14102      
14103        <div class="absolute top-0 object-cover w-full h-full">
14104          <!-- snippets/component__image.liquid -->
14105
14106
14107
14108
14109
14110
14111
14112<div
14113  class="
14114    js-picture w-full h-full overflow-hidden flex items-center
14115    
14116    
14117    
14118  ">
14119  <picture
14120    class="
14121      w-full flex items-center justify-center overflow-hidden
14122      aspect-portrait-product
14123      h-full w-full
14124      
14125    ">
14126    <img src="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=600" alt="Cacio e Pepper RDX" srcset="//nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Pepper-Tamari-CacioPepe-04_00af7eca-7d26-4f39-bafe-d08af5343a04.jpg?v=1755524999&amp;width=600 600w" width="600" height="600" loading="
14127  
14128    lazy
14129  
14130" class="
14131  js-image
14132  w-full h-full object-cover object-cover
14133  
14134    
14135      min-h-full
14136    
14137  
14138  
14139    animation-300
14140  
14141  
14142">
14143  </picture>
14144</div>
14145
14146        </div>
14147      �</div>
14148  </a>
14149</div>
14150<div class="pt-2">
14151  
14152
14153  <div class=" h3 type__mono--small-regular my-2 ">
14154    
14155
14156    
14157    
14158<a href="/blogs/recipes/tagged/product-pepper-rdx" class="!no-underline"><span class="">pepper rdx</span></a>
14159  </div>
14160
14161
14162  <div class="">
14163    <a href="/blogs/recipes/cacio-e-pepper-tamari" class="!no-underline">Cacio e Pepper RDX</a>
14164  </div>
14165</div>
14166        </div>
14167      
14168    
14169
14170        <div class="flex flex-col whitespace-normal" x-bind:data-slide="33">
14171          <!-- snippets/component__content-item-article.liquid -->
14172�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14173  
14174  
14175  
14176  
14177    justify-start">
14178  
14179  <a href="/blogs/recipes/beetroot-rose-vinegar-pickled-eggs">
14180    <div class="relative w-full h-full aspect-portrait-product"
14181        style="aspect-ratio:aspect-portrait-product;"
14182    >
14183      
14184        <div class="absolute top-0 object-cover w-full h-full">
14185          <!-- snippets/component__image.liquid -->
14186
14187
14188
14189
14190
14191
14192
14193<div
14194  class="
14195    js-picture w-full h-full overflow-hidden flex items-center
14196    
14197    
14198    
14199  ">
14200  <picture
14201    class="
14202      w-full flex items-center justify-center overflow-hidden
14203      aspect-portrait-product
14204      h-full w-full
14205      
14206    ">
14207    <img src="//nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=600" alt="Beetroot &amp; Rose Vinegar Pickled Eggs" srcset="//nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Easter-Smorrebrod-01.jpg?v=1746549887&amp;width=600 600w" width="600" height="771" loading="
14208  
14209    lazy
14210  
14211" class="
14212  js-image
14213  w-full h-full object-cover object-cover
14214  
14215    
14216      min-h-full
14217    
14218  
14219  
14220    animation-300
14221  
14222  
14223">
14224  </picture>
14225</div>
14226
14227        </div>
14228      �</div>
14229  </a>
14230</div>
14231<div class="pt-2">
14232  
14233
14234  <div class=" h3 type__mono--small-regular my-2 ">
14235    
14236
14237    
14238    
14239<a href="/blogs/recipes/tagged/product-wild-rose-vinegar" class="!no-underline"><span class="">wild rose vinegar</span></a>
14240  </div>
14241
14242
14243  <div class="">
14244    <a href="/blogs/recipes/beetroot-rose-vinegar-pickled-eggs" class="!no-underline">Beetroot & Rose Vinegar Pickled Eggs</a>
14245  </div>
14246</div>
14247        </div>
14248      
14249    
14250
14251        <div class="flex flex-col whitespace-normal" x-bind:data-slide="34">
14252          <!-- snippets/component__content-item-article.liquid -->
14253�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14254  
14255  
14256  
14257  
14258    justify-start">
14259  
14260  <a href="/blogs/recipes/turkish-eggs-with-corn-yuzu-hot-sauce">
14261    <div class="relative w-full h-full aspect-portrait-product"
14262        style="aspect-ratio:aspect-portrait-product;"
14263    >
14264      
14265        <div class="absolute top-0 object-cover w-full h-full">
14266          <!-- snippets/component__image.liquid -->
14267
14268
14269
14270
14271
14272
14273
14274<div
14275  class="
14276    js-picture w-full h-full overflow-hidden flex items-center
14277    
14278    
14279    
14280  ">
14281  <picture
14282    class="
14283      w-full flex items-center justify-center overflow-hidden
14284      aspect-portrait-product
14285      h-full w-full
14286      
14287    ">
14288    <img src="//nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=600" alt="Turkish Eggs with Corn Yuzu Hot Sauce" srcset="//nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Easter-TurkishEgg-03.jpg?v=1746549942&amp;width=600 600w" width="600" height="824" loading="
14289  
14290    lazy
14291  
14292" class="
14293  js-image
14294  w-full h-full object-cover object-cover
14295  
14296    
14297      min-h-full
14298    
14299  
14300  
14301    animation-300
14302  
14303  
14304">
14305  </picture>
14306</div>
14307
14308        </div>
14309      �</div>
14310  </a>
14311</div>
14312<div class="pt-2">
14313  
14314
14315  <div class=" h3 type__mono--small-regular my-2 ">
14316    
14317
14318    
14319    
14320<a href="/blogs/recipes/tagged/product-corn-yuzu-hot-sauce" class="!no-underline"><span class="">corn yuzu hot sauce</span></a>
14321  </div>
14322
14323
14324  <div class="">
14325    <a href="/blogs/recipes/turkish-eggs-with-corn-yuzu-hot-sauce" class="!no-underline">Turkish Eggs with Corn Yuzu Hot Sauce</a>
14326  </div>
14327</div>
14328        </div>
14329      
14330    
14331
14332        <div class="flex flex-col whitespace-norm
14332al" x-bind:data-slide="35">
14333          <!-- snippets/component__content-item-article.liquid -->
14334�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14335  
14336  
14337  
14338  
14339    justify-start">
14340  
14341  <a href="/blogs/recipes/mushroom-garum-cured-egg-yolk-mayonnaise">
14342    <div class="relative w-full h-full aspect-portrait-product"
14343        style="aspect-ratio:aspect-portrait-product;"
14344    >
14345      
14346        <div class="absolute top-0 object-cover w-full h-full">
14347          <!-- snippets/component__image.liquid -->
14348
14349
14350
14351
14352
14353
14354
14355<div
14356  class="
14357    js-picture w-full h-full overflow-hidden flex items-center
14358    
14359    
14360    
14361  ">
14362  <picture
14363    class="
14364      w-full flex items-center justify-center overflow-hidden
14365      aspect-portrait-product
14366      h-full w-full
14367      
14368    ">
14369    <img src="//nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=600" alt="Mushroom Garum Cured Egg Yolk Mayonnaise" srcset="//nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Easter-Mayo-04.jpg?v=1746550061&amp;width=600 600w" width="600" height="600" loading="
14370  
14371    lazy
14372  
14373" class="
14374  js-image
14375  w-full h-full object-cover object-cover
14376  
14377    
14378      min-h-full
14379    
14380  
14381  
14382    animation-300
14383  
14384  
14385">
14386  </picture>
14387</div>
14388
14389        </div>
14390      �</div>
14391  </a>
14392</div>
14393<div class="pt-2">
14394  
14395
14396  <div class=" h3 type__mono--small-regular my-2 ">
14397    
14398
14399    
14400    
14401<a href="/blogs/recipes/tagged/product-cep-oil" class="!no-underline"><span class="">cep oil</span></a><span>, </span>
14402
14403    
14404    
14405<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a>
14406  </div>
14407
14408
14409  <div class="">
14410    <a href="/blogs/recipes/mushroom-garum-cured-egg-yolk-mayonnaise" class="!no-underline">Mushroom Garum Cured Egg Yolk Mayonnaise</a>
14411  </div>
14412</div>
14413        </div>
14414      
14415    
14416
14417        <div class="flex flex-col whitespace-normal" x-bind:data-slide="36">
14418          <!-- snippets/component__content-item-article.liquid -->
14419�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14420  
14421  
14422  
14423  
14424    justify-start">
14425  
14426  <a href="/blogs/recipes/mushroom-peaso-soup">
14427    <div class="relative w-full h-full aspect-portrait-product"
14428        style="aspect-ratio:aspect-portrait-product;"
14429    >
14430      
14431        <div class="absolute top-0 object-cover w-full h-full">
14432          <!-- snippets/component__image.liquid -->
14433
14434
14435
14436
14437
14438
14439
14440<div
14441  class="
14442    js-picture w-full h-full overflow-hidden flex items-center
14443    
14444    
14445    
14446  ">
14447  <picture
14448    class="
14449      w-full flex items-center justify-center overflow-hidden
14450      aspect-portrait-product
14451      h-full w-full
14452      
14453    ">
14454    <img src="//nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=600" alt="Mushroom Peaso Soup" srcset="//nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/EP-MushroomSoup-01.jpg?v=1746549967&amp;width=600 600w" width="600" height="600" loading="
14455  
14456    lazy
14457  
14458" class="
14459  js-image
14460  w-full h-full object-cover object-cover
14461  
14462    
14463      min-h-full
14464    
14465  
14466  
14467    animation-300
14468  
14469  
14470">
14471  </picture>
14472</div>
14473
14474        </div>
14475      �</div>
14476  </a>
14477</div>
14478<div class="pt-2">
14479  
14480
14481  <div class=" h3 type__mono--small-regular my-2 ">
14482    
14483
14484    
14485    
14486<a href="/blogs/recipes/tagged/product-dashi-rdx" class="!no-underline"><span class="">dashi rdx</span></a><span>, </span>
14487
14488    
14489    
14490<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a>
14491  </div>
14492
14493
14494  <div class="">
14495    <a href="/blogs/recipes/mushroom-peaso-soup" class="!no-underline">
14495Mushroom Peaso Soup</a>
14496  </div>
14497</div>
14498        </div>
14499      
14500    
14501
14502        <div class="flex flex-col whitespace-normal" x-bind:data-slide="37">
14503          <!-- snippets/component__content-item-article.liquid -->
14504�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14505  
14506  
14507  
14508  
14509    justify-start">
14510  
14511  <a href="/blogs/recipes/grilled-pointed-cabbage-with-elderflower-peaso-sauce">
14512    <div class="relative w-full h-full aspect-portrait-product"
14513        style="aspect-ratio:aspect-portrait-product;"
14514    >
14515      
14516        <div class="absolute top-0 object-cover w-full h-full">
14517          <!-- snippets/component__image.liquid -->
14518
14519
14520
14521
14522
14523
14524
14525<div
14526  class="
14527    js-picture w-full h-full overflow-hidden flex items-center
14528    
14529    
14530    
14531  ">
14532  <picture
14533    class="
14534      w-full flex items-center justify-center overflow-hidden
14535      aspect-portrait-product
14536      h-full w-full
14537      
14538    ">
14539    <img src="//nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=600" alt="Grilled Pointed Cabbage with Elderflower Peaso Sauce" srcset="//nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/EP-CitrusSalad-01.jpg?v=1746549956&amp;width=600 600w" width="600" height="800" loading="
14540  
14541    lazy
14542  
14543" class="
14544  js-image
14545  w-full h-full object-cover object-cover
14546  
14547    
14548      min-h-full
14549    
14550  
14551  
14552    animation-300
14553  
14554  
14555">
14556  </picture>
14557</div>
14558
14559        </div>
14560      �</div>
14561  </a>
14562</div>
14563<div class="pt-2">
14564  
14565
14566  <div class=" h3 type__mono--small-regular my-2 ">
14567    
14568
14569    
14570    
14571<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a><span>, </span>
14572
14573    
14574    
14575<a href="/blogs/recipes/tagged/product-wild-rose-vinegar" class="!no-underline"><span class="">wild rose vinegar</span></a>
14576  </div>
14577
14578
14579  <div class="">
14580    <a href="/blogs/recipes/grilled-pointed-cabbage-with-elderflower-peaso-sauce" class="!no-underline">Grilled Pointed Cabbage with Elderflower Peaso Sauce</a>
14581  </div>
14582</div>
14583        </div>
14584      
14585    
14586
14587        <div class="flex flex-col whitespace-normal" x-bind:data-slide="38">
14588          <!-- snippets/component__content-item-article.liquid -->
14589�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14590  
14591  
14592  
14593  
14594    justify-start">
14595  
14596  <a href="/blogs/recipes/peaso-cured-seabass-with-crushed-potatoes-and-a-romaine-salad">
14597    <div class="relative w-full h-full aspect-portrait-product"
14598        style="aspect-ratio:aspect-portrait-product;"
14599    >
14600      
14601        <div class="absolute top-0 object-cover w-full h-full">
14602          <!-- snippets/component__image.liquid -->
14603
14604
14605
14606
14607
14608
14609
14610<div
14611  class="
14612    js-picture w-full h-full overflow-hidden flex items-center
14613    
14614    
14615    
14616  ">
14617  <picture
14618    class="
14619      w-full flex items-center justify-center overflow-hidden
14620      aspect-portrait-product
14621      h-full w-full
14622      
14623    ">
14624    <img src="//nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=600" alt="Peaso-Cured Seabass with Crushed Potatoes and a Romaine Salad" srcset="//nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2720_cebfd1d4-1dbe-4411-a255-2e334221d642.jpg?v=1744209340&amp;width=600 600w" width="600" height="800" loading="
14625  
14626    lazy
14627  
14628" class="
14629  js-image
14630  w-full h-full object-cover object-cover
14631  
14632    
14633      min-h-full
14634    
14635  
14636  
14637    animation-300
14638  
14639  
14640">
14641  </picture>
14642</div>
14643
14644        </div>
14645      �</div>
14646  </a>
14647</div>
14648<div class="pt-2">
14649  
14650
14651  <div class=" h3 type__mono--small-regular my-2 ">
14652    
14653
14654    
14655    
14656<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a>
14657  </div>
14658
14659
14660  <div class="">
14661    <a href="/blogs/recipes/peaso-cured-seabass-with-crushed-potatoes-and-a-romaine-salad" class="!no-underline">Peaso-Cured Seabass with Crushed Potatoes and a Romaine Salad</a>
14662  </div>
14663</div>
14664        </div>
14665      
14666    
14667
14668        <div class="flex flex-col whitespace-normal" x-bind:data-slide="39">
14669          <!-- snippets/component__content-item-article.liquid -->
14670�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14671  
14672  
14673  
14674  
14675    justify-start">
14676  
14677  <a href="/blogs/recipes/elderflower-peaso-banana-bread">
14678    <div class="relative w-full h-full aspect-portrait-product"
14679        style="aspect-ratio:aspect-portrait-product;"
14680    >
14681      
14682        <div class="absolute top-0 object-cover w-full h-full">
14683          <!-- snippets/component__image.liquid -->
14684
14685
14686
14687
14688
14689
14690
14691<div
14692  class="
14693    js-picture w-full h-full overflow-hidden flex items-center
14694    
14695    
14696    
14697  ">
14698  <picture
14699    class="
14700      w-full flex items-center justify-center overflow-hidden
14701      aspect-portrait-product
14702      h-full w-full
14703      
14704    ">
14705    <img src="//nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=600" alt="Elderflower Peaso Banana Bread" srcset="//nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/250320_EP_Recipe_451A2975_486d0ae1-7ca6-404b-9bfe-d36d7c917eee.jpg?v=1744209323&amp;width=600 600w" width="600" height="450" loading="
14706  
14707    lazy
14708  
14709" class="
14710  js-image
14711  w-full h-full object-cover object-cover
14712  
14713    
14714      min-h-full
14715    
14716  
14717  
14718    animation-300
14719  
14720  
14721">
14722  </picture>
14723</div>
14724
14725        </div>
14726      �</div>
14727  </a>
14728</div>
14729<div class="pt-2">
14730  
14731
14732  <div class=" h3 type__mono--small-regular my-2 ">
14733    
14734
14735    
14736    
14737<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a>
14738  </div>
14739
14740
14741  <div class="">
14742    <a href="/blogs/recipes/elderflower-peaso-banana-bread" class="!no-underline">Elderflower Peaso Banana Bread</a>
14743  </div>
14744</div>
14745        </div>
14746      
14747    
14748
14749        <div class="flex flex-col whitespace-normal" x-bind:data-slide="40">
14750          <!-- snippets/component__content-item-article.liquid -->
14751�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14752  
14753  
14754  
14755  
14756    justify-start">
14757  
14758  <a href="/blogs/recipes/mussels-and-toasted-sourdough-bread-with-elderflower-peaso-butter">
14759    <div class="relative w-full h-full aspect-portrait-product"
14760        style="aspect-ratio:aspect-portrait-product;"
14761    >
14762      
14763        <div class="absolute top-0 object-cover w-full h-full">
14764          <!-- snippets/component__image.liquid -->
14765
14766
14767
14768
14769
14770
14771
14772<div
14773  class="
14774    js-picture w-full h-full overflow-hidden flex items-center
14775    
14776    
14777    
14778  ">
14779  <picture
14780    class="
14781      w-full flex items-center justify-center overflow-hidden
14782      aspect-portrait-product
14783      h-full w-full
14784      
14785    ">
14786    <img src="//nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=600" alt="Mussels and Toasted Sourdough with Elderflower Peaso Butter" srcset="//nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/5DM35599_fbb82d8e-a786-473a-b358-b357ba8ad82e.png?v=1752586167&amp;width=600 600w" width="600" height="800" loading="
14787  
14788    lazy
14789  
14790" class="
14791  js-image
14792  w-full h-full object-cover object-cover
14793  
14794    
14795      min-h-full
14796    
14797  
14798  
14799    animation-300
14800  
14801  
14802">
14803  </picture>
14804</div>
14805
14806        </div>
14807      �</div>
14808  </a>
14809</div>
14810<div class="pt-2">
14811  
14812
14813  <div class=" h3 type__mono--small-regular my-2 ">
14814    
14815
14816    
14817    
14818<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a><span>, </span>
14819
14820    
14821    
14822<a href="/blogs/recipes/tagged/product-nordic-soy-sauce" class="!no-underline"><span class="">nordic soy sauce</span></a>
14823  </div>
14824
14825
14826  <div class="">
14827    <a href="/blogs/recipes/mussels-and-toasted-sourdough-bread-with-elderflower-peaso-butter" class="!no-underline">Mussels and Toasted Sourdough with Elderflower Peaso Butter</a>
14828  </div>
14829</div>
14830        </div>
14831      
14832    
14833
14834        <div class="flex flex-col whitespace-normal" x-bind:data-slide="41">
14835          <!-- snippets/component__content-item-article.liquid -->
14836�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14837  
14838  
14839  
14840  
14841    justify-start">
14842  
14843  <a href="/blogs/recipes/grilled-kale-with-elderflower-peaso-butter">
14844    <div class="relative w-full h-full aspect-portrait-product"
14845        style="aspect-ratio:aspect-portrait-product;"
14846    >
14847      
14848        <div class="absolute top-0 object-cover w-full h-full">
14849          <!-- snippets/component__image.liquid -->
14850
14851
14852
14853
14854
14855
14856
14857<div
14858  class="
14859    js-picture w-full h-full overflow-hidden flex items-center
14860    
14861    
14862    
14863  ">
14864  <picture
14865    class="
14866      w-full flex items-center justify-center overflow-hidden
14867      aspect-portrait-product
14868      h-full w-full
14869      
14870    ">
14871    <img src="//nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=600" alt="Grilled Kale with Elderflower Peaso Butter" srcset="//nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/5DM35530_7000bd3a-eab7-4ec4-8ca7-e2e5f845284a.png?v=1752586264&amp;width=600 600w" width="600" height="799" loading="
14872  
14873    lazy
14874  
14875" class="
14876  js-image
14877  w-full h-full object-cover object-cover
14878  
14879    
14880      min-h-full
14881    
14882  
14883  
14884    animation-300
14885  
14886  
14887">
14888  </picture>
14889</div>
14890
14891        </div>
14892      �</div>
14893  </a>
14894</div>
14895<div class="pt-2">
14896  
14897
14898  <div class=" h3 type__mono--small-regular my-2 ">
14899    
14900
14901    
14902    
14903<a href="/blogs/recipes/tagged/product-elderflower-peaso" class="!no-underline"><span class="">Elderflower Peaso</span></a><span>, </span>
14904
14905    
14906    
14907<a href="/blogs/recipes/tagged/product-nordic-soy-sauce" class="!no-underline"><span class="">nordic soy sauce</span></a>
14908  </div>
14909
14910
14911  <div class="">
14912    <a href="/blogs/recipes/grilled-kale-with-elderflower-peaso-butter" class="!no-underline">Grilled Kale with Elderflower Peaso Butter</a>
14913  </div>
14914</div>
14915        </div>
14916      
14917    
14918
14919        <div class="flex flex-col whitespace-normal" x-bind:data-slide="42">
14920          <!-- snippets/component__content-item-article.liquid -->
14921�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
14922  
14923  
14924  
14925  
14926    justify-start">
14927  
14928  <a href="/blogs/recipes/mushroom-garum-potato-rosti-champignon-sauce">
14929    <div class="relative w-full h-full aspect-portrait-product"
14930        style="aspect-ratio:aspect-portrait-product;"
14931    >
14932      
14933        <div class="absolute top-0 object-cover w-full h-full">
14934          <!-- snippets/component__image.liquid -->
14935
14936
14937
14938
14939
14940
14941
14942<div
14943  class="
14944    js-picture w-full h-full overflow-hidden flex items-center
14945    
14946    
14947    
14948  ">
14949  <picture
14950    class="
14951      w-full flex items-center justify-center overflow-hidden
14952      aspect-portrait-product
14953      h-full w-full
14954      
14955    ">
14956    <img src="//nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=600" alt="Mushroom Garum Potato Rösti with Champignon Sauce" srcset="//nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/5DM38156_204fd584-0dc4-4c73-aa30-16dae684a631.jpg?v=1741687893&amp;width=600 600w" width="600" height="800" loading="
14957  
14958    lazy
14959  
14960" class="
14961  js-image
14962  w-full h-full object-cover object-cover
14963  
14964    
14965      min-h-full
14966    
14967  
14968  
14969    animation-300
14970  
14971  
14972">
14973  </picture>
14974</div>
14975
14976        </div>
14977      �</div>
14978  </a>
14979</div>
14980<div class="pt-2">
14981  
14982
14983  <div class=" h3 type__mono--small-regular my-2 ">
14984    
14985
14986    
14987    
14988<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a>
14989  </div>
14990
14991
14992  <div class="">
14993    <a href="/blogs/recipes/mushroom-garum-potato-rosti-champignon-sauce" class="!no-underline">Mushroom Garum Potato Rösti with Champignon Sauce</a>
14994  </div>
14995</div>
14996        </div>
14997      
14998    
14999
15000        <div class="flex flex-col whitespace-normal" x-bind:data-slide="43">
15001          <!-- snippets/component__content-item-article.liquid -->
15002�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15003  
15004  
15005  
15006  
15007    justify-start">
15008  
15009  <a href="/blogs/recipes/bean-salad">
15010    <div class="relative w-full h-full aspect-portrait-product"
15011        style="aspect-ratio:aspect-portrait-product;"
15012    >
15013      
15014        <div class="absolute top-0 object-cover w-full h-full">
15015          <!-- snippets/component__image.liquid -->
15016
15017
15018
15019
15020
15021
15022
15023<div
15024  class="
15025    js-picture w-full h-full overflow-hidden flex items-center
15026    
15027 
15027   
15028    
15029  ">
15030  <picture
15031    class="
15032      w-full flex items-center justify-center overflow-hidden
15033      aspect-portrait-product
15034      h-full w-full
15035      
15036    ">
15037    <img src="//nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=600" alt="Bean Salad" srcset="//nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/5DM31350_ed9c1698-9e4b-4e63-b9ca-5e33d0f06faf.png?v=1741687946&amp;width=600 600w" width="600" height="800" loading="
15038  
15039    lazy
15040  
15041" class="
15042  js-image
15043  w-full h-full object-cover object-cover
15044  
15045    
15046      min-h-full
15047    
15048  
15049  
15050    animation-300
15051  
15052  
15053">
15054  </picture>
15055</div>
15056
15057        </div>
15058      �</div>
15059  </a>
15060</div>
15061<div class="pt-2">
15062  
15063
15064  <div class=" h3 type__mono--small-regular my-2 ">
15065    
15066
15067    
15068    
15069<a href="/blogs/recipes/tagged/product-foragers-vinaigrette" class="!no-underline"><span class="">foragers vinaigrette</span></a><span>, </span>
15070
15071    
15072    
15073<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a>
15074  </div>
15075
15076
15077  <div class="">
15078    <a href="/blogs/recipes/bean-salad" class="!no-underline">Bean Salad</a>
15079  </div>
15080</div>
15081        </div>
15082      
15083    
15084
15085        <div class="flex flex-col whitespace-normal" x-bind:data-slide="44">
15086          <!-- snippets/component__content-item-article.liquid -->
15087�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15088  
15089  
15090  
15091  
15092    justify-start">
15093  
15094  <a href="/blogs/recipes/a-very-good-potato-salad">
15095    <div class="relative w-full h-full aspect-portrait-product"
15096        style="aspect-ratio:aspect-portrait-product;"
15097    >
15098      
15099        <div class="absolute top-0 object-cover w-full h-full">
15100          <!-- snippets/component__image.liquid -->
15101
15102
15103
15104
15105
15106
15107
15108<div
15109  class="
15110    js-picture w-full h-full overflow-hidden flex items-center
15111    
15112    
15113    
15114  ">
15115  <picture
15116    class="
15117      w-full flex items-center justify-center overflow-hidden
15118      aspect-portrait-product
15119      h-full w-full
15120      
15121    ">
15122    <img src="//nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=600" alt="A Very Good Potato Salad" srcset="//nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/5DM33098_6509b835-4e80-48f0-9e8c-5bb750ab3de4.jpg?v=1741687909&amp;width=600 600w" width="600" height="800" loading="
15123  
15124    lazy
15125  
15126" class="
15127  js-image
15128  w-full h-full object-cover object-cover
15129  
15130    
15131      min-h-full
15132    
15133  
15134  
15135    animation-300
15136  
15137  
15138">
15139  </picture>
15140</div>
15141
15142        </div>
15143      �</div>
15144  </a>
15145</div>
15146<div class="pt-2">
15147  
15148
15149  <div class=" h3 type__mono--small-regular my-2 ">
15150    
15151
15152    
15153    
15154<a href="/blogs/recipes/tagged/product-foragers-vinaigrette" class="!no-underline"><span class="">foragers vinaigrette</span></a><span>, </span>
15155
15156    
15157    
15158<a href="/blogs/recipes/tagged/product-mushroom-garum" class="!no-underline"><span class="">mushroom garum</span></a><span>, </span>
15159
15160    
15161    
15162<a href="/blogs/recipes/tagged/product-summer-pickles" class="!no-underline"><span class="">summer pickles</span></a>
15163  </div>
15164
15165
15166  <div class="">
15167    <a href="/blogs/recipes/a-very-good-potato-salad" class="!no-underline">A Very Good Potato Salad</a>
15168  </div>
15169</div>
15170        </div>
15171      
15172    
15173
15174        <div class="flex flex-col whitespace-normal" x-bind:data-slide="45">
15175          <!-- snippets/component__content-item-article.liquid -->
15176�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15177  
15178  
15179  
15180  
15181    justify-start">
15182  
15183  <a href="/blogs/recipes/nomacano">
15184    <div class="relative w-full h-full aspect-portrait-product"
15185        style="aspect-ratio:aspect-portrait-product;"
15186    >
15187      
15188        <div class="absolute top-0 object-cover w-full h-full">
15189          <!-- snippets/component__image.liquid -->
15190
15191
15192
15193
15194
15195
15196
15197<div
15198  class="
15199    js-picture w-full h-full overflow-hidden flex items-center
15200    
15201    
15202    
15203  ">
15204  <picture
15205    class="
15206      w-full flex items-center justify-center overflow-hidden
15207      aspect-portrait-product
15208      h-full w-full
15209      
15210    ">
15211    <img src="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=600" alt="Brew Guide: Nomacano" srcset="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_Nomacano_01_683d9e17-7c04-4979-9a36-e37f011dda17.jpg?v=1741687644&amp;width=600 600w" width="600" height="800" loading="
15212  
15213    lazy
15214  
15215" class="
15216  js-image
15217  w-full h-full object-cover object-cover
15218  
15219    
15220      min-h-full
15221    
15222  
15223  
15224    animation-300
15225  
15226  
15227">
15228  </picture>
15229</div>
15230
15231        </div>
15232      �</div>
15233  </a>
15234</div>
15235<div class="pt-2">
15236  
15237
15238  <div class=" h3 type__mono--small-regular my-2 ">
15239    
15240
15241    
15242    
15243<a href="/blogs/recipes/tagged/product-noma-kaffe" class="!no-underline"><span class="">noma kaffe</span></a>
15244  </div>
15245
15246
15247  <div class="">
15248    <a href="/blogs/recipes/nomacano" class="!no-underline">Brew Guide: Nomacano</a>
15249  </div>
15250</div>
15251        </div>
15252      
15253    
15254
15255        <div class="flex flex-col whitespace-normal" x-bind:data-slide="46">
15256          <!-- snippets/component__content-item-article.liquid -->
15257�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15258  
15259  
15260  
15261  
15262    justify-start">
15263  
15264  <a href="/blogs/recipes/french-press">
15265    <div class="relative w-full h-full aspect-portrait-product"
15266        style="aspect-ratio:aspect-portrait-product;"
15267    >
15268      
15269        <div class="absolute top-0 object-cover w-full h-full">
15270          <!-- snippets/component__image.liquid -->
15271
15272
15273
15274
15275
15276
15277
15278<div
15279  class="
15280    js-picture w-full h-full overflow-hidden flex items-center
15281    
15282    
15283    
15284  ">
15285  <picture
15286    class="
15287      w-full flex items-center justify-center overflow-hidden
15288      aspect-portrait-product
15289      h-full w-full
15290      
15291    ">
15292    <img src="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=600" alt="Brew Guide: French Press" srcset="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_FrenchPress_01_887e92a2-cf0d-4d17-9c17-e4c807f3d01a.jpg?v=1741687660&amp;width=600 600w" width="600" height="800" loading="
15293  
15294    lazy
15295  
15296" class="
15297  js-image
15298  w-full h-full object-cover object-cover
15299  
15300    
15301      min-h-full
15302    
15303  
15304  
15305    animation-300
15306  
15307  
15308">
15309  </picture>
15310</div>
15311
15312        </div>
15313      �</div>
15314  </a>
15315</div>
15316<div class="pt-2">
15317  
15318
15319  <div class=" h3 type__mono--small-regular my-2 ">
15320    
15321
15322    
15323    
15324<a href="/blogs/recipes/tagged/product-noma-kaffe" class="!no-underline"><span class="">noma kaffe</span></a>
15325  </div>
15326
15327
15328  <div class="">
15329    <a href="/blogs/recipes/french-press" class="!no-underline">Brew Guide: French Press</a>
15330  </div>
15331</div>
15332        </div>
15333      
15334    
15335
15336        <div class="flex flex-col whitespace-normal" x-bind:data-slide="47">
15337          <!-- snippets/component__content-item-article.liquid -->
15338�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15339  
15340  
15341  
15342  
15343    justify-start">
15344  
15345  <a href="/blogs/recipes/v60">
15346    <div class="relative w-full h-full aspect-portrait-product"
15347        style="aspect-ratio:aspect-portrait-product;"
15348    >
15349      
15350        <div class="absolute top-0 object-cover w-full h-full">
15351          <!-- snippets/component__image.liquid -->
15352
15353
15354
15355
15356
15357
15358
15359<div
15360  class="
15361    js-picture w-full h-full overflow-hidden flex items-center
15362    
15363    
15364    
15365  ">
15366  <picture
15367    class="
15368      w-full flex items-center justify-center overflow-hidden
15369      aspect-portrait-product
15370      h-full w-full
15371      
15372    ">
15373    <img src="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=600" alt="Brew Guide: V60" srcset="//nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/Kaffe_BrewGuide_V60_01_2530f0ed-bd88-4e89-8483-05881dcb6f1a.jpg?v=1741687629&amp;width=600 600w" width="600" height="800" loading="
15374  
15375    lazy
15376  
15377" class="
15378  js-image
15379  w-full h-full object-cover object-cover
15380  
15381    
15382      min-h-full
15383    
15384  
15385  
15386    animation-300
15387  
15388  
15389">
15390  </picture>
15391</div>
15392
15393        </div>
15394      �</div>
15395  </a>
15396</div>
15397<div class="pt-2">
15398  
15399
15400  <div class=" h3 type__mono--small-regular my-2 ">
15401    
15402
15403    
15404    
15405<a href="/blogs/recipes/tagged/product-noma-kaffe" class="!no-underline"><span class="">noma kaffe</span></a>
15406  </div>
15407
15408
15409  <div class="">
15410    <a href="/blogs/recipes/v60" class="!no-underline">Brew Guide: V60</a>
15411  </div>
15412</div>
15413        </div>
15414      
15415    
15416
15417        <div class="flex flex-col whitespace-normal" x-bind:data-slide="48">
15418          <!-- snippets/component__content-item-article.liquid -->
15419�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15420  
15421  
15422  
15423  
15424    justify-start">
15425  
15426  <a href="/blogs/recipes/oatmeal-and-pumpkin-seed-praline">
15427    <div class="relative w-full h-full aspect-portrait-product"
15428        style="aspect-ratio:aspect-portrait-product;"
15429    >
15430      
15431        <div class="absolute top-0 object-cover w-full h-full">
15432          <!-- snippets/component__image.liquid -->
15433
15434
15435
15436
15437
15438
15439
15440<div
15441  class="
15442    js-picture w-full h-full overflow-hidden flex items-center
15443    
15444    
15445    
15446  ">
15447  <picture
15448    class="
15449      w-full flex items-center justify-center overflow-hidden
15450      aspect-portrait-product
15451      h-full w-full
15452      
15453    ">
15454    <img src="//nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=600" alt="Oatmeal and Pumpkin Seed Praline" srcset="//nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM33340_455f4968-fcf6-4f92-8a41-f185cff1d395.jpg?v=1740598313&amp;width=600 600w" width="600" height="800" loading="
15455  
15456    lazy
15457  
15458" class="
15459  js-image
15460  w-full h-full object-cover object-cover
15461  
15462    
15463      min-h-full
15464    
15465  
15466  
15467    animation-300
15468  
15469  
15470">
15471  </picture>
15472</div>
15473
15474        </div>
15475      �</div>
15476  </a>
15477</div>
15478<div class="pt-2">
15479  
15480
15481  <div class=" h3 type__mono--small-regular my-2 ">
15482    
15483
15484    
15485    
15486<a href="/blogs/recipes/tagged/product-pumpkin-seed-praline" class="!no-underline"><span class="">pumpkin seed praline</span></a>
15487  </div>
15488
15489
15490  <div class="">
15491    <a href="/blogs/recipes/oatmeal-and-pumpkin-seed-praline" class="!no-underline">Oatmeal and Pumpkin Seed Praline</a>
15492  </div>
15493</div>
15494        </div>
15495      
15496    
15497
15498        <div class="flex flex-col whitespace-normal" x-bind:data-slide="49">
15499          <!-- snippets/component__content-item-article.liquid -->
15500�<div class="relative hover:no-underline border--radius overflow-hidden !no-underline object-cover w-full
15501  
15502  
15503  
15504  
15505    justify-start">
15506  
15507  <a href="/blogs/recipes/warm-blackberries">
15508    <div class="relative w-full h-full aspect-portrait-product"
15509        style="aspect-ratio:aspect-portrait-product;"
15510    >
15511      
15512        <div class="absolute top-0 object-cover w-full h-full">
15513          <!-- snippets/component__image.liquid -->
15514
15515
15516
15517
15518
15519
15520
15521<div
15522  class="
15523    js-picture w-full h-full overflow-hidden flex items-center
15524    
15525    
15526    
15527  ">
15528  <picture
15529    class="
15530      w-full flex items-center justify-center overflow-hidden
15531      aspect-portrait-product
15532      h-full w-full
15533      
15534    ">
15535    <img src="//nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=600" alt="Warm Blackberries" srcset="//nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=100 100w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=200 200w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=300 300w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=400 400w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=500 500w, //nomaprojects.com/cdn/shop/articles/240927_NP_5DM32781_e27d665b-2fe7-4fa9-8fe0-5c9781c1c87c.jpg?v=1740669765&amp;width=600 
15535600w" width="600" height="800" loading="
15536  
15537    lazy
15538  
15539" class="
15540  js-image
15541  w-full h-full object-cover object-cover
15542  
15543    
15544      min-h-full
15545    
15546  
15547  
15548    animation-300
15549  
15550  
15551">
15552  </picture>
15553</div>
15554
15555        </div>
15556      �</div>
15557  </a>
15558</div>
15559<div class="pt-2">
15560  
15561
15562  <div class=" h3 type__mono--small-regular my-2 ">
15563    
15564
15565    
15566    
15567<a href="/blogs/recipes/tagged/product-forest-vinaigrette" class="!no-underline"><span class="">forest vinaigrette</span></a>
15568  </div>
15569
15570
15571  <div class="">
15572    <a href="/blogs/recipes/warm-blackberries" class="!no-underline">Warm Blackberries</a>
15573  </div>
15574</div>
15575        </div>
15576      
15577    
15578  
15579
15580
15581            </ul>
15582        </div>
15583    </div>
15584  </div>
15585</div>
15586
15587    </div>
15588  </section>
15589  
15590
15591
15592
15593</div><div id="shopify-section-template--28713576431956__blog_slider_zA3a69" class="shopify-section"><!-- sections/blog-slider.liquid -->
15594
15595��<section class="
15596  
15597  color__bg-primary color__primary
15598  color__border-divider-1
15599  ">
15600
15601  <div class="!max-w-[94vw] window--wide !pr-0 !mr-0 pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
15602  style="--top-spacing-adjust: 100px; --bottom-spacing-adjust: 100px; --top-spacing-adjust-mobile: 60px; --bottom-spacing-adjust-mobile: 50px;">
15603    �<!-- snippets/component__slider-large.liquid -->
15604�<div class="md:flex relative w-full gap-24 justify-between window--scroller-nav overflow-hidden  h-full md:h-[85vh] pr-4 md:pr-0"
15605  x-data="{ glide: null,
15606    index: 0,
15607    index_size: 2,
15608    show_arrows: 2 > 1 ? true : false }">
15609    
15610    <div class="relative md:absolute md:right-0 w-full md:pl-20 md:w-1/2 gap-2 flex flex-row items-end pb-12 md:pb-8
15611      justify-between
15612      
15613        
15614          opacity-0 js-animation animation-300
15615        
15616      "
15617      
15618        data-delay="100"
15619        data-replace="{
15620          'opacity-0' : 'opacity-100'
15621        }"
15622      >
15623      
15624      <div class="max-w-[425px] md:w-auto w-full">
15625        
15626          <h3 class="mb-0">In the news</h3>
15627        
15628      </div>
15629      
15630      <div class="z-10 flex flex-row justify-end gap-6" x-show="show_arrows">
15631        <button
15632        class="transition-transform duration-300 ease-in-out transform-gpu hover:-translate-x-1"
15633          title="Previous slide"
15634          
15635            x-transition:enter="animation-300"
15636            x-transition:enter-start="opacity-0"
15637            x-transition:enter-end="opacity-100"
15638            x-transition:leave="animation-300"
15639            x-transition:leave-start="opacity-100"
15640            x-transition:leave-end="opacity-0"
15641          
15642          x-cloak
15643          x-on:click="glide.go('<')">
15644          <!-- snippets/component__icon.liquid -->
15645
15646
15647<span class="inline-flex align-middle " aria-hidden="true">
15648  
15649    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15650        <title>Fill 1</title>
15651        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15652            <g id="Icon_Arrow_long" fill="currentColor">
15653                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1" transform="translate(62.308, 35.6619) scale(-1, 1) translate(-62.308, -35.6619)"></path>
15654            </g>
15655        </g>
15656    </svg>
15657    
15658</span>
15659
15660        </button>
15661        <button
15662          
15663            x-transition:enter="animation-300"
15664            x-transition:enter-start="opacity-0"
15665            x-transition:enter-end="opacity-100"
15666            x-transition:leave="animation-300"
15667            x-transition:leave-start="opacity-100"
15668            x-transition:leave-end="opacity-0"
15669          
15670          x-cloak
15671          class="transition-transform duration-300 ease-in-out transform-gpu hover:translate-x-1"
15672          title="Next slide" x-on:click="glide.go('>')">
15673          <!-- snippets/component__icon.liquid -->
15674
15675
15676<span class="inline-flex align-middle " aria-hidden="true">
15677  
15678    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15679        <title>Fill 1</title>
15680        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15681            <g id="Icon_Arrow_long" fill="currentColor">
15682                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
15683            </g>
15684        </g>
15685    </svg>
15686    
15687</span>
15688
15689        </button>
15690      </div>
15691    </div>
15692    
15693    
15694    <div
15695        x-ref="glide"
15696        x-init="glide = new Glide($refs.glide, { type: 'carousel', focusAt: 0, startAt: 0, perView: 1, gap:20,
15697        animationTimingFunc:'ease-in-out',autoplay: 6000,animationDuration: 8
1569700 }).mount()"
15698        class="glide overflow-hidden
15699        
15700          
15701            opacity-0 js-animation animation-300
15702          
15703        "
15704        
15705          data-delay="100"
15706          data-replace="{
15707            'opacity-0' : 'opacity-100'
15708          }"
15709        
15710    >
15711        <div class="glide__track" data-glide-el="track">
15712            <ul class="glide__slides large-slider">
15713              
15714
15715        
15716          
15717              <div class="md:snap-center w-full flex flex-col md:flex-row flex-none gap-8 md:gap-20 whitespace-normal"
15718                x-bind:data-slide="0">
15719                <div class="w-full md:w-1/2 flex flex-none whitespace-normal justify-center items-center">
15720                  <div class="flex flex-col w-full h-full md:mr-4"><!-- snippets/component__image.liquid -->
15721
15722
15723
15724
15725
15726
15727
15728<div
15729  class="
15730    js-picture w-full h-full overflow-hidden flex items-center
15731    
15732    
15733    
15734  ">
15735  <picture
15736    class="
15737      w-full flex items-center justify-center overflow-hidden
15738      
15739      h-[340px] md:h-[85vh] max-w-[80%] md:max-w-none mx-auto
15740      
15741        border--radius
15742      
15743    ">
15744    <img src="//nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=900" srcset="//nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_Shop_Kaffe_01.png?v=1771420727&amp;width=800 800w" width="900" height="1204" loading="
15745  
15746    lazy
15747  
15748" class="
15749  js-image
15750  h-full w-full object-cover 
15751  
15752    
15753  
15754  
15755    animation-300
15756  
15757  
15758">
15759  </picture>
15760</div>
15761�</div>
15762                </div>
15763                <div class="w-full md:w-1/2 flex flex-col justify-end md:max-w-[90%]">
15764                  <h3 class="h1 mb-8 max-w-[410px] ">Stop by the Noma Projects Shop</h3>
15765                  <div class="mb-6 max-w-[500px] md:pr-8 ">
15766                    <p>The Noma Projects Shop is located in the greenhouse of restaurant Noma. Stop by to browse, taste, and bring home all of our signature flavors, or stick around to enjoy a  cup of Noma Kaffe. <br/><br/>Monday–Sunday, 10am–6pm<br/><br/>Our coffee bar is open until 4:30pm. Cold beverages are available until the shop closes at 6pm.</p>
15767                  </div>
15768                  <a class="btn btn--small btn--plain !w-fit !mb-[1px]" href="https://maps.app.goo.gl/YvPWqmnx4HC2Wpyd7" aria-label="Get Directions">
15769                   Get Directions
15770                 </a>
15771                </div>
15772
15773              </div>
15774          
15775        
15776          
15777              <div class="md:snap-center w-full flex flex-col md:flex-row flex-none gap-8 md:gap-20 whitespace-normal"
15778                x-bind:data-slide="1">
15779                <div class="w-full md:w-1/2 flex flex-none whitespace-normal justify-center items-center">
15780                  <div class="flex flex-col w-full h-full md:mr-4"><!-- snippets/component__image.liquid -->
15781
15782
15783
15784
15785
15786
15787
15788<div
15789  class="
15790    js-picture w-full h-full overflow-hidden flex items-center
15791    
15792    
15793    
15794  ">
15795  <picture
15796    class="
15797      w-full flex items-center justify-center overflow-hidden
15798      
15799      h-[340px] md:h-[85vh] max-w-[80%] md:max-w-none mx-auto
15800      
15801        border--radius
15802      
15803    ">
15804    <img src="//nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=900" srcset="//nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NomaKaffe_Banner_M_01.jpg?v=1763664357&amp;width=800 800w" width="900" height="1300" loading="
15805  
15806    lazy
15807  
15808" class="
15809  js-image
15810  h-full w-full object-cover 
15811  
15812    
15813  
15814  
15815    animation-300
15816  
15817  
15818">
15819  </picture>
15820</div>
15821�</div>
15822                </div>
15823                <div class="w-full md:w-1/2 flex flex-col justify-end md:max-w-[90%]">
15824                  <h3 class="h1 mb-8 max-w-[410px] ">Discover noma’s very own coffee</h3>
15825                  <div class="mb-6 max-w-[500px] md:pr-8 ">
15826                    <p>A project more than ten years in the making, Noma Kaffe is our newly launched coffee subscription. Every month, members receive two bags of beans that have been meticulously sourced and roasted by our beverage team. But that’s only part of it. We see Noma Kaffe as an invitation to join us on our coffee journey.</p>
15827                  </div>
15828                  <a class="btn btn--small btn--plain !w-fit !mb-[1px]" href="/products/noma-kaffe" aria-label="Explore Noma Kaffe">
15829                   Explore Noma Kaffe
15830                 </a>
15831                </div>
15832
15833              </div>
15834          
15835        
15836      
15837            </ul>
15838        </div>
15839    </div>
15840</div>
15841
15842
15843  </div>
15844</section>
15845
15846
15847</div><div id="shopify-section-template--28713576431956__product_slider_8JjP6r" class="shopify-section"><!-- sections/product-slider.liquid -->
15848
15849�<section class="
15850  
15851  color__bg-body color__text
15852  ">
15853  <div class="!pr-0 !mr-0 !max-w-[94vw] window--wide pt-top-section-vertical-spacing "
15854  style="--top-spacing-adjust: 100px;
15854 --bottom-spacing-adjust: 100px; --top-spacing-adjust-mobile: 40px; --bottom-spacing-adjust-mobile: 40px;"><!-- snippets/component__slider.liquid -->
15855�<div class="flex flex-wrap
15856   carousel">
15857  <div class="relative w-full" x-data="{ glide: null,
15858    index: 0,
15859    index_size: 6,
15860    show_arrows: 6 >= 3.5 ? true : false }">
15861
15862    <div class="gap-2 flex flex-row flex-wrap justify-between items-end pb-8 
15863      window--scroller-nav
15864      justify-between
15865      
15866        
15867          opacity-0 js-animation animation-300
15868        
15869      "
15870      
15871        data-delay="100"
15872        data-replace="{
15873          'opacity-0' : 'opacity-100'
15874        }"
15875      >
15876      <div class="max-w-[500px] md:w-auto w-full"><h3 class="mb-0">Giftable staples</h3></div>
15877      
15878      <div class="justify-end   md:flex hidden
15879      grow gap-6" x-show="show_arrows">
15880        <button
15881        class="transition-transform duration-300 ease-in-out transform-gpu hover:-translate-x-1"
15882          title="Previous slide"
15883          
15884            x-transition:enter="animation-300"
15885            x-transition:enter-start="opacity-0"
15886            x-transition:enter-end="opacity-100"
15887            x-transition:leave="animation-300"
15888            x-transition:leave-start="opacity-100"
15889            x-transition:leave-end="opacity-0"
15890          
15891          x-cloak
15892          x-on:click="glide.go('<')">
15893          <!-- snippets/component__icon.liquid -->
15894
15895
15896<span class="inline-flex align-middle " aria-hidden="true">
15897  
15898    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15899        <title>Fill 1</title>
15900        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15901            <g id="Icon_Arrow_long" fill="currentColor">
15902                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1" transform="translate(62.308, 35.6619) scale(-1, 1) translate(-62.308, -35.6619)"></path>
15903            </g>
15904        </g>
15905    </svg>
15906    
15907</span>
15908
15909        </button>
15910        <button
15911          
15912            x-transition:enter="animation-300"
15913            x-transition:enter-start="opacity-0"
15914            x-transition:enter-end="opacity-100"
15915            x-transition:leave="animation-300"
15916            x-transition:leave-start="opacity-100"
15917            x-transition:leave-end="opacity-0"
15918          
15919          x-cloak
15920          class="transition-transform duration-300 ease-in-out transform-gpu hover:translate-x-1"
15921          title="Next slide" x-on:click="glide.go('>')">
15922          <!-- snippets/component__icon.liquid -->
15923
15924
15925<span class="inline-flex align-middle " aria-hidden="true">
15926  
15927    <svg width="14" height="14" viewBox="0 0 125 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
15928        <title>Fill 1</title>
15929        <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
15930            <g id="Icon_Arrow_long" fill="currentColor">
15931                <path d="M82.703,65.2049 C82.658,64.4609 82.944,63.8239 83.558,63.2969 L104.35,43.0309 C104.789,42.5929 104.897,42.1099 104.68,41.5839 C104.46,41.0579 104.043,40.7939 103.43,40.7939 L2.632,40.7939 C1.929,40.7939 1.315,40.5309 0.789,40.0049 C0.263,39.4779 0,38.8659 0,38.1629 L0,33.0299 C0,32.3289 0.263,31.7139 0.789,31.1879 C1.315,30.6619 1.929,30.3979 2.632,30.3979 L103.43,30.3979 C104.043,30.3979 104.46,30.1349 104.68,29.6089 C104.897,29.0819 104.789,28.6009 104.35,28.1609 L83.558,8.0269 C82.944,7.5009 82.638,6.8879 82.638,6.1839 C82.638,5.4839 82.944,4.8259 83.558,4.2109 L86.98,0.7889 C87.507,0.2629 88.119,-0.0001 88.822,-0.0001 C89.523,-0.0001 90.139,0.2629 90.665,0.7889 L123.695,33.8199 C124.308,34.4339 124.616,35.0489 124.616,35.6619 C124.616,36.2769 124.308,36.8919 123.695,37.5039 L90.665,70.5349 C90.139,71.0609 89.523,71.3239 88.822,71.3239 C88.119,71.3239 87.507,71.0609 86.98,70.5349 L83.558,67.1129 C83.032,66.5869 82.747,65.9519 82.703,65.2049" id="Fill-1"></path>
15932            </g>
15933        </g>
15934    </svg>
15935    
15936</span>
15937
15938        </button>
15939      </div>
15940    </div>
15941
15942    �<div
15943        x-ref="glide"
15944        x-init="glide = new Glide($refs.glide, { type: 'carousel', focusAt: 0, startAt: 0,
15945        perView: 3.5,
15946        breakpoints: {
15947          991: {
15948            perView: 2.5
15949          },
15950          768: {
15951            perView: 1.5,
15952            gap: 20
15953          }
15954        },
15955        gap: 60 }
15955).mount()"
15956        class="glide
15957        
15958          
15959            opacity-0 js-animation animation-300
15960          
15961        "
15962        
15963          data-delay="100"
15964          data-replace="{
15965            'opacity-0' : 'opacity-100'
15966          }"
15967        
15968    >
15969        <div class="glide__track" data-glide-el="track">
15970            <ul class="glide__slides">
15971                �
15972  
15973    <div class="flex justify-center flex-none"
15974      x-bind:data-slide="0">
15975      <!-- snippets/component__product-item.liquid -->
15976
15977
15978
15979
15980<div class="group/product relative w-full
15981  
15982    
15983    
15984  "
15985  x-data="{
15986    button_loading: false,
15987    isHovered: false,
15988    second_image: '//nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_02.jpg?v=1788862656&width=900'
15989  }"
15990  @mouseenter="isHovered = true"
15991  @mouseleave="isHovered = false"
15992  >
15993
15994  
15995  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
15996  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
15997  >
15998
15999    
16000    
16001
16002    
16003    
16004    
16005    
16006      
16007      
16008    
16009      
16010      
16011    
16012      
16013      
16014    
16015      
16016      
16017    
16018      
16019      
16020    
16021      
16022      
16023    
16024
16025    
16026   
16027    
16028     
16029
16030    
16031
16032    
16033    
16034      
16035      
16036      
16037    
16038
16039    
16040    
16041      
16042    
16043
16044  </div>
16045
16046  
16047  <a
16048    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
16049    href="/products/try-new-things-tote-bag"
16050    tabindex="-1">
16051    <div
16052      class="
16053        object-cover w-full
16054        aspect-portrait-product
16055        color__bg-neutral after:color__bg-neutral color__text after:color__text
16056        
16057          border--radius overflow-hidden
16058          
16059        
16060      ">
16061      
16062        <!-- snippets/component__image.liquid -->
16063
16064
16065
16066
16067
16068
16069
16070<div
16071  class="
16072    js-picture w-full h-full overflow-hidden flex items-center
16073    
16074    color__bg-neutral after:color__bg-neutral color__text after:color__text
16075    
16076      mix-blend-darken
16077    
16078  ">
16079  <picture
16080    class="
16081      w-full flex items-center justify-center overflow-hidden
16082      aspect-portrait-product
16083      h-full
16084      
16085    ">
16086    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=900" alt="Try New Things Market Bag" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_ToteLarge_Bronze_01.jpg?v=1788862656&amp;width=800 800w" width="900" height="1125" loading="
16087  
16088    lazy
16089  
16090" class="
16091  js-image
16092  h-full w-full object-cover
16093  
16094    
16095      min-h-full
16096    
16097  
16098  
16099    animation-300
16100  
16101  
16102">
16103  </picture>
16104</div>
16105
16106      
16107    </div>
16108    
16109      
16110        
16111            <div
16112              class="
16113                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
16114                color__bg-neutral after:color__bg-neutral color__text after:color__text
16115              ">
16116              <div
16117                class="
16118                  object-cover overflow-hidden
16119                  aspect-portrait-product
16120                  
16121                    border--radius
16122                    
16123                  
16124                  
16125                    mix-blend-darken
16126                  
16127                ">
16128                <img
16129                  loading='lazy'
16130                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
16131                  alt="Try New Things Market Bag"
16132                  :src="second_image" />
16133              </div>
16134            </div>
16135          
16136      
16137    
16138  </a>
16139
16140  
16141  
16142
16143        
16144          <div
16145            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
16146
16147            <select class="hidden variant-cart-notes"><option value="57068090720596" data-variant-cart-note=""></option></select>
16148
16149            <div class="variant-cart-note">
16150            </div>
16151            <form action="/cart/add" data-productid="15749484020052"
16152              method="post"
16153              enctype="multipart/form-data"
16154              data-productid="15749484020052"
16155              x-data="{
16156                current_variant_id: 57068090720596,
16157                current_variant_selling_plan_id: 0,
16158                quantity: 1,
16159                current_variant_note: '',
16160              }"
16161              @submit.prevent="
16162                button_loading = true;
16163                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
16164                setTimeout(function(){ button_loading = false}, 1500);
16165              ">
16166              
16167                <input
16168                  name="id"
16169                  type="hidden"
16170                  :value="current_variant_id">
16171                <input
16172                  class="!hidden"
16173                  name="quantity"
16174                  type="text"
16175                  value="1"
16176                  min="1"
16177                  max="">
16178                <input
16179                  class="!hidden"
16180                  name="properties[Reminder]"
16181                  type="hidden"
16182                  :value="current_variant_note">
16183                  
16184                <button
16185                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
16186                  :class="{ 'btn--loading' : cart_loading && button_loading }"
16187                  type="submit"
16188                  role="button"
16189                  :disabled="button_loading">
16190                  <div class="btn__content !hidden md:!flex"
16191                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
16192                  >
16193                  </div>
16194                  <div class="btn__content !flex md:!hidden"
16195                  x-text="button_loading ? 'Adding...' : 'Add'"
16196                  >
16197                  </div>
16198                  
16199                    <span class="ml-1 inline-flex gap-[0.5rem]">
16200                      
16201                        
16202                        
16203                          <pre
16204                            class="m-0 type--small"
16205                            x-html="Shopify.formatMoney(3500)">$35.00</pre>
16206                        
16207
16208
16209                      
16210                    </span>
16211                  
16212                </button>
16213              
16214            </form>
16215          </div>
16216        
16217      
16218    
16219
16220  
16221
16222  
16223  <a
16224    class="
16225      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
16226      text-left items-start justify-start mt-4
16227      
16228        
16229          pb-12 md:pb-0
16230        
16231      
16232    "
16233    href="/products/try-new-things-tote-bag"
16234    tabindex="-1"
16235    >
16236
16237    
16238    <h3
16239      class="
16240        type--small !leading-tight mb-0
16241        text-left items-start justify-start
16242        
16243          !normal-case
16244        
16245        type__body type--base
16246      ">
16247     Try New Things Market Bag
16248    </h3>
16249
16250    
16251    
16252
16253    
16254    
16255
16256    
16257    
16258    <div
16259      class="
16260        flex flex-wrap items-center pt-0.5 gap-1 type--small
16261        text-left items-start justify-start
16262      ">
16263      With artwork by David Shrigley
16264    </div>
16265    
16266
16267    
16268
16269    
16270    
16271
16272    
16273    
16274      
16275        
16276        
16277        
16278      
16279    
16280
16281    
16282    
16283
16284    
16285  </a>
16286
16287  
16288  
16289    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
16290      ">
16291      
16292        <form
16293          class="flex flex-wrap"
16294          action="/cart/add"
16295          method="post"
16296          enctype="multipart/form-data"
16297          data-productid="15749484020052"
16298          x-data="{
16299            current_variant_id: 57068090720596,
16300            current_variant_selling_plan_id: 0,
16301            quantity: 1,
16302          }"
16303          @submit.prevent="
16304            button_loading = true;
16305            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
16306            setTimeout(function(){ button_loading = false}, 500);
16307          ">
16308          
16309            <input
16310              name="id"
16311              type="hidden"
16312              :value="current_variant_id"
16313              x-model="current_variant_id">
16314            <input
16315              class="!hidden"
16316              name="quantity"
16317              type="text"
16318              value="1"
16319              min="1"
16320              max=""
16321              x-model="quantity">
16322            <button
16323              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
16324              :class="{ 'btn--loading' : cart_loading && button_loading }"
16325              type="submit"
16326              role="button"
16327              :disabled="button_loading">
16328              <div class="btn__content !hidden md:!flex"
16329              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
16330              >
16331              </div>
16332              <div class="btn__content !flex md:!hidden"
16333              x-text="button_loading ? 'Adding...' : 'Add'"
16334              >
16335              </div>
16336              
16337                <span class="ml-1 inline-flex gap-[0.5rem]"
16338                  x-html="Shopify.formatMoney(3500)">
16339                  <!-- snippets/component__format-price.liquid -->
16340
16341
16342$35 USD
16343                </span>
16344              
16345            </button>
16346          
16347        </form>
16348      
16349    </div>
16350  
16351
16352  
16353  <div id='js-quickAdd-product-try-new-things-tote-bag'></div>
16354
16355</div>
16356
16357    </div>
16358  
16359    <div class="flex justify-center flex-none"
16360      x-bind:data-slide="1">
16361      <!-- snippets/component__product-item.liquid -->
16362
16363
16364
16365
16366<div class="group/product relative w-full
16367  
16368    
16369    
16370  "
16371  x-data="{
16372    button_loading: false,
16373    isHovered: false,
16374    second_image: '//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_02.jpg?v=1788350963&width=900'
16375  }"
16376  @mouseenter="isHovered = true"
16377  @mouseleave="isHovered = false"
16378  >
16379
16380  
16381  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
16382  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
16383  >
16384
16385    
16386    
16387
16388    
16389    
16390    
16391    
16392      
16393      
16394        
16395        
16396        <!-- snippets/component__badge.liquid -->
16397�<div class="badge badge-color__secondary border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
16398     ">
16399  
16400  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">filter coffee</span>
16401</div>
16402
16403      
16404    
16405      
16406      
16407    
16408
16409    
16410   
16411    
16412     
16413
16414    
16415
16416    
16417    
16418      
16419      
16420      
16421    
16422
16423    
16424    
16425      
16426    
16427
16428  </div>
16429
16430  
16431  <a
16432    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
16433    href="/products/dagoberto-marin-filter-roast"
16434    tabindex="-1">
16435    <div
16436      class="
16437        object-cover w-full
16438        aspect-portrait-product
16439        color__bg-neutral after:color__bg-neutral color__text after:color__text
16440        
16441          border--radius overflow-hidden
16442          
16443        
16444      ">
16445      
16446        <!-- snippets/component__image.liquid -->
16447
16448
16449
16450
16451
16452
16453
16454<div
16455  class="
16456    js-picture w-full h-full overflow-hidden flex items-center
16457    
16458    color__bg-neutral after:color__bg-neutral color__text after:color__text
16459    
16460      mix-blend-darken
16461    
16462  ">
16463  <picture
16464    class="
16465      w-full flex items-center justify-center overflow-hidden
16466      aspect-portrait-product
16467      h-full
16468      
16469    ">
16470    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=900" alt="Dagoberto Marín, Filter Roast" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_DagobertoMarin_01_9cc92d21-f30f-46a7-8f55-295711893633.jpg?v=1788350963&amp;width=800 800w" width="900" height="1125" loading="
16471  
16472    lazy
16473  
16474" class="
16475  js-image
16476  h-full w-full object-cover
16477  
16478    
16479      min-h-full
16480    
16481  
16482  
16483    animation-300
16484  
16485  
16486">
16487  </picture>
16488</div>
16489
16490      
16491    </div>
16492    
16493      
16494        
16495            <div
16496              class="
16497                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
16498                color__bg-neutral after:color__bg-neutral color__text after:color__text
16499              ">
16500              <div
16501                class="
16502                  object-cover overflow-hidden
16503                  aspect-portrait-product
16504                  
16505                    border--radius
16506                    
16507                  
16508                  
16509                    mix-blend-darken
16510                  
16511                ">
16512                <img
16513                  loading='lazy'
16514                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
16515                  alt="Dagoberto Marín, Filter Roast"
16516                  :src="second_image" />
16517              </div>
16518            </div>
16519          
16520      
16521    
16522  </a>
16523
16524  
16525  
16526
16527        
16528          <div
16529            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
16530
16531            <select class="hidden variant-cart-notes"><option value="57007733834068" data-variant-cart-note=""></option></select>
16532
16533            <div class="variant-cart-note">
16534            </div>
16535            <form action="/cart/add" data-productid="15737199558996"
16536              method="post"
16537              enctype="multipart/form-data"
16538              data-productid="15737199558996"
16539              x-data="{
16540                current_variant_id: 57007733834068,
16541                current_variant_selling_plan_id: 0,
16542                quantity: 1,
16543                current_variant_note: '',
16544              }"
16545              @submit.prevent="
16546                button_loading = true;
16547                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
16548                setTimeout(function(){ button_loading = false}, 1500);
16549              ">
16550              
16551                <input
16552                  name="id"
16553                  type="hidden"
16554                  :value="current_variant_id">
16555                <input
16556                  class="!hidden"
16557                  name="quantity"
16558                  type="text"
16559                  value="1"
16560                  min="1"
16561                  max="">
16562                <input
16563                  class="!hidden"
16564                  name="properties[Reminder]"
16565                  type="hidden"
16566                  :value="current_variant_note">
16567                  
16568                <button
16569                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
16570                  :class="{ 'btn--loading' : cart_loading && button_loading }"
16571                  type="submit"
16572                  role="button"
16573                  :disabled="button_loading">
16574                  <div class="btn__content !hidden md:!flex"
16575                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
16576                  >
16577                  </div>
16578                  <div class="btn__content !flex md:!hidden"
16579                  x-text="button_loading ? 'Adding...' : 'Add'"
16580                  >
16581                  </div>
16582                  
16583                    <span class="ml-1 inline-flex gap-[0.5rem]">
16584                      
16585                        
16586                        
16587                          <pre
16588                            class="m-0 type--small"
16589                            x-html="Shopify.formatMoney(2500)">$25.00</pre>
16590                        
16591
16592
16593                      
16594                    </span>
16595                  
16596                </button>
16597              
16598            </form>
16599          </div>
16600        
16601      
16602    
16603
16604  
16605
16606  
16607  <a
16608    class="
16609      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
16610      text-left items-start justify-start mt-4
16611      
16612        
16613          pb-12 md:pb-0
16614        
16615      
16616    "
16617    href="/products/dagoberto-marin-filter-roast"
16618    tabindex="-1"
16619    >
16620
16621    
16622    <h3
16623      class="
16624        type--small !leading-tight mb-0
16625        text-left items-start justify-start
16626        
16627          !normal-case
16628        
16629        type__body type--base
16630      ">
16631     Dagoberto Marín, Filter Roast
16632    </h3>
16633
16634    
16635    
16636
16637    
16638    
16639
16640    
16641    
16642    <div
16643      class="
16644        flex flex-wrap items-center pt-0.5 gap-1 type--small
16645        text-left items-start justify-start
16646      ">
16647      Crisp, Sweet | Obata & Catiguá, Washed
16648    </div>
16649    
16650
16651    
16652
16653    
16654    
16655
16656    
16657    
16658      
16659        
16660        
16661        
16662      
16663    
16664
16665    
16666    
16667
16668    
16669  </a>
16670
16671  
16672  
16673    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
16674      ">
16675      
16676        <form
16677          class="flex flex-wrap"
16678          action="/cart/add"
16679          method="post"
16680          enctype="multipart/form-data"
16681          data-productid="15737199558996"
16682          x-data="{
16683            current_variant_id: 57007733834068,
16684            current_variant_selling_plan_id: 0,
16685            quantity: 1,
16686          }"
16687          @submit.prevent="
16688            button_loading = true;
16689            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
16690            setTimeout(function(){ button_loading = false}, 500);
16691          ">
16692          
16693            <input
16694              name="id"
16695              type="hidden"
16696              :value="current_variant_id"
16697              x-model="current_variant_id">
16698            <input
16699              class="!hidden"
16700              name="quantity"
16701              type="text"
16702              value="1"
16703              min="1"
16704              max=""
16705              x-model="quantity">
16706            <button
16707              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
16708              :class="{ 'btn--loading' : cart_loading && button_loading }"
16709              type="submit"
16710              role="button"
16711              :disabled="button_loading">
16712              <div class="btn__content !hidden md:!flex"
16713              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
16714              >
16715              </div>
16716              <div class="btn__content !flex md:!hidden"
16717              x-text="button_loading ? 'Adding...' : 'Add'"
16718              >
16719              </div>
16720              
16721                <span class="ml-1 inline-flex gap-[0.5rem]"
16722                  x-html="Shopify.formatMoney(2500)">
16723                  <!-- snippets/component__format-price.liquid -->
16724
16725
16726$25 USD
16727                </span>
16728              
16729            </button>
16730          
16731        </form>
16732      
16733    </div>
16734  
16735
16736  
16737  <div id='js-quickAdd-product-dagoberto-marin-filter-roast'></div>
16738
16739</div>
16740
16741    </div>
16742  
16743    <div class="flex justify-center flex-none"
16744      x-bind:data-slide="2">
16745      <!-- snippets/component__product-item.liquid -->
16746
16747
16748
16749
16750<div class="group/product relative w-full
16751  
16752    
16753    
16754  "
16755  x-data="{
16756    button_loading: false,
16757    isHovered: false,
16758    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_ElderflowerPeaso_01.jpg?v=1769545378&width=900'
16759  }"
16760  @mouseenter="isHovered = true"
16761  @mouseleave="isHovered = false"
16762  >
16763
16764  
16765  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
16766  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
16767  >
16768
16769    
16770    
16771
16772    
16773    
16774    
16775    
16776      
16777      
16778        
16779        
16780        <!-- snippets/component__badge.liquid -->
16781�<div class="badge badge-color__secondary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
16782     ">
16783  
16784  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">seasonal</span>
16785</div>
16786
16787      
16788    
16789      
16790      
16791    
16792
16793    
16794   
16795    
16796     
16797
16798    
16799
16800    
16801    
16802      
16803      
16804      
16805    
16806
16807    
16808    
16809      
16810    
16811
16812  </div>
16813
16814  
16815  <a
16816    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
16817    href="/products/elderflower-peaso-miso"
16818    tabindex="-1">
16819    <div
16820      class="
16821        object-cover w-full
16822        aspect-portrait-product
16823        color__bg-neutral after:color__bg-neutral color__text after:color__text
16824        
16825          border--radius overflow-hidden
16826          
16827        
16828      ">
16829      
16830        <!-- snippets/component__image.liquid -->
16831
16832
16833
16834
16835
16836
16837
16838<div
16839  class="
16840    js-picture w-full h-full overflow-hidden flex items-center
16841    
16842    color__bg-neutral after:color__bg-neutral color__text after:color__text
16843    
16844      mix-blend-darken
16845    
16846  ">
16847  <picture
16848    class="
16849      w-full flex items-center justify-center overflow-hidden
16850      aspect-portrait-product
16851      h-full
16852      
16853    ">
16854    <img src="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=900" alt="Elderflower Peaso" srcset="//nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_ElderflowerPeaso_01_4489d8b4-2b2d-41ca-b275-365e8c9528fa.jpg?v=1740566845&amp;width=800 800w" width="900" height="1125" loading="
16855  
16856    lazy
16857  
16858" class="
16859  js-image
16860  h-full w-full object-cover
16861  
16862    
16863      min-h-full
16864    
16865  
16866  
16867    animation-300
16868  
16869  
16870">
16871  </picture>
16872</div>
16873
16874      
16875    </div>
16876    
16877      
16878        
16879            <div
16880              class="
16881                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
16882                color__bg-neutral after:color__bg-neutral color__text after:color__text
16883              ">
16884              <div
16885                class="
16886                  object-cover overflow-hidden
16887                  aspect-portrait-product
16888                  
16889                    border--radius
16890                    
16891                  
16892                  
16893                    mix-blend-darken
16894                  
16895                ">
16896                <img
16897                  loading='lazy'
16898                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
16899                  alt="Elderflower Peaso"
16900                  :src="second_image" />
16901              </div>
16902            </div>
16903          
16904      
16905    
16906  </a>
16907
16908  
16909  
16910
16911        
16912          <div
16913            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
16914
16915            <select class="hidden variant-cart-notes"><option value="49293025116500" data-variant-cart-note=""></option></select>
16916
16917            <div class="variant-cart-note">
16918            </div>
16919            <form action="/cart/add" data-productid="9600399901012"
16920              method="post"
16921              enctype="multipart/form-data"
16922              data-productid="9600399901012"
16923              x-data="{
16924                current_variant_id: 49293025116500,
16925                current_variant_selling_plan_id: 0,
16926                quantity: 1,
16927                current_variant_note: '',
16928              }"
16929              @submit.prevent="
16930                button_loading = true;
16931                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
16932                setTimeout(function(){ button_loading = false}, 1500);
16933              ">
16934              
16935                <input
16936                  name="id"
16937                  type="hidden"
16938                  :value="current_variant_id">
16939                <input
16940                  class="!hidden"
16941                  name="quantity"
16942                  type="text"
16943                  value="1"
16944                  min="1"
16945                  max="">
16946                <input
16947                  class="!hidden"
16948                  name="properties[Reminder]"
16949                  type="hidden"
16950                  :value="current_variant_note">
16951                  
16952                <button
16953                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
16954                  :class="{ 'btn--loading' : cart_loading && button_loading }"
16955                  type="submit"
16956                  role="button"
16957                  :disabled="button_loading">
16958                  <div class="btn__content !hidden md:!flex"
16959                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
16960                  >
16961                  </div>
16962                  <div class="btn__content !flex md:!hidden"
16963                  x-text="button_loading ? 'Adding...' : 'Add'"
16964                  >
16965                  </div>
16966                  
16967                    <span class="ml-1 inline-flex gap-[0.5rem]">
16968                      
16969                        
16970                        
16971                          <pre
16972                            class="m-0 type--small"
16973                            x-html="Shopify.formatMoney(2800)">$28.00</pre>
16974                        
16975
16976
16977                      
16978                    </span>
16979                  
16980                </button>
16981              
16982            </form>
16983          </div>
16984        
16985      
16986    
16987
16988  
16989
16990  
16991  <a
16992    class="
16993      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
16994      text-left items-start justify-start mt-4
16995      
16996        
16997          pb-12 md:pb-0
16998        
16999      
17000    "
17001    href="/products/elderflower-peaso-miso"
17002    tabindex="-1"
17003    >
17004
17005    
17006    <h3
17007      class="
17008        type--small !leading-tight mb-0
17009        text-left items-start justify-start
17010        
17011          !normal-case
17012        
17013        type__body type--base
17014      ">
17015     Elderflower Peaso
17016    </h3>
17017
17018    
17019    
17020
17021    
17022    
17023
17024    
17025    
17026    <div
17027      class="
17028        flex flex-wrap items-center pt-0.5 gap-1 type--small
17029        text-left items-start justify-start
17030      ">
17031      A Danish take on miso to elevate everything
17032    </div>
17033    
17034
17035    
17036
17037    
17038    
17039
17040    
17041    
17042      
17043        
17044        
17045        
17046      
17047    
17048
17049    
17050    
17051
17052    
17053  </a>
17054
17055  
17056  
17057    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
17058      ">
17059      
17060        <form
17061          class="flex flex-wrap"
17062          action="/cart/add"
17063          method="post"
17064          enctype="multipart/form-data"
17065          data-productid="9600399901012"
17066          x-data="{
17067            current_variant_id: 49293025116500,
17068            current_variant_selling_plan_id: 0,
17069            quantity: 1,
17070          }"
17071          @submit.prevent="
17072            button_loading = true;
17073            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
17074            setTimeout(function(){ button_loading = false}, 500);
17075          ">
17076          
17077            <input
17078              name="id"
17079              type="hidden"
17080              :value="current_variant_id"
17081              x-model="current_variant_id">
17082            <input
17083              class="!hidden"
17084              name="quantity"
17085              type="text"
17086              value="1"
17087              min="1"
17088              max=""
17089              x-model="quantity">
17090            <button
17091              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
17092              :class="{ 'btn--loading' : cart_loading && button_loading }"
17093              type="submit"
17094              role="button"
17095              :disabled="button_loading">
17096              <div class="btn__content !hidden md:!flex"
17097              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
17098              >
17099              </div>
17100              <div class="btn__content !flex md:!hidden"
17101              x-text="button_loading ? 'Adding...' : 'Add'"
17102              >
17103              </div>
17104              
17105                <span class="ml-1 inline-flex gap-[0.5rem]"
17106                  x-html="Shopify.formatMoney(2800)">
17107                  <!-- snippets/component__format-price.liquid -->
17108
17109
17110$28 USD
17111                </span>
17112              
17113            </button>
17114          
17115        </form>
17116      
17117    </div>
17118  
17119
17120  
17121  <div id='js-quickAdd-product-elderflower-peaso-miso'></div>
17122
17123</div>
17124
17125    </div>
17126  
17127    <div class="flex justify-center flex-none"
17128      x-bind:data-slide="3">
17129      <!-- snippets/component__product-item.liquid -->
17130
17131
17132
17133
17134<div class="group/product relative w-full
17135  
17136    
17137    
17138  "
17139  x-data="{
17140    button_loading: false,
17141    isHovered: false,
17142    second_image: '//nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_02_V2.jpg?v=1772702229&width=900'
17143  }"
17144  @mouseenter="isHovered = true"
17145  @mouseleave="isHovered = false"
17146  >
17147
17148  
17149  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
17150  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
17151  >
17152
17153    
17154    
17155
17156    
17157    
17158    
17159    
17160      
17161      
17162    
17163      
17164      
17165    
17166      
17167      
17168    
17169      
17170      
17171    
17172      
17173      
17174    
17175      
17176      
17177    
17178
17179    
17180   
17181    
17182     
17183
17184    
17185
17186    
17187    
17188      
17189      
17190      
17191    
17192
17193    
17194    
17195      
17196    
17197
17198  </div>
17199
17200  
17201  <a
17202    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
17203    href="/products/noma-projects-cap"
17204    tabindex="-1">
17205    <div
17206      class="
17207        object-cover w-full
17208        aspect-portrait-product
17209        color__bg-neutral after:color__bg-neutral color__text after:color__text
17210        
17211          border--radius overflow-hidden
17212          
17213        
17214      ">
17215      
17216        <!-- snippets/component__image.liquid -->
17217
17218
17219
17220
17221
17222
17223
17224<div
17225  class="
17226    js-picture w-full h-full overflow-hidden flex items-center
17227    
17228    color__bg-neutral after:color__bg-neutral color__text after:color__text
17229    
17230      mix-blend-darken
17231    
17232  ">
17233  <picture
17234    class="
17235      w-full flex items-center justify-center overflow-hidden
17236      aspect-portrait-product
17237      h-full
17238      
17239    ">
17240    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=900" alt="Noma Projects Cap" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Merch_Cap_01_V2.jpg?v=1772702229&amp;width=800 800w" width="900" height="1125" loading="
17241  
17242    lazy
17243  
17244" class="
17245  js-image
17246  h-full w-full object-cover
17247  
17248    
17249      min-h-full
17250    
17251  
17252  
17253    animation-300
17254  
17255  
17256">
17257  </picture>
17258</div>
17259
17260      
17261    </div>
17262    
17263      
17264        
17265            <div
17266              class="
17267                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
17268                color__bg-neutral after:color__bg-neutral color__text after:color__text
17269              ">
17270              <div
17271                class="
17272                  object-cover overflow-hidden
17273                  aspect-portrait-product
17274                  
17275                    border--radius
17276                    
17277                  
17278                  
17279                    mix-blend-darken
17280                  
17281                ">
17282                <img
17283                  loading='lazy'
17284                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
17285                  alt="Noma Projects Cap"
17286                  :src="second_image" />
17287              </div>
17288            </div>
17289          
17290      
17291    
17292  </a>
17293
17294  
17295  
17296
17297        
17298          <div
17299            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
17300
17301            <select class="hidden variant-cart-notes"><option value="50784626377044" data-variant-cart-note=""></option></select>
17302
17303            <div class="variant-cart-note">
17304            </div>
17305            <form action="/cart/add" data-productid="9911938515284"
17306              method="post"
17307              enctype="multipart/form-data"
17308              data-productid="9911938515284"
17309              x-data="{
17310                current_variant_id: 50784626377044,
17311                current_variant_selling_plan_id: 0,
17312                quantity: 1,
17313                current_variant_note: '',
17314              }"
17315              @submit.prevent="
17316                button_loading = true;
17317                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
17318                setTimeout(function(){ button_loading = false}, 1500);
17319              ">
17320              
17321                <input
17322                  name="id"
17323                  type="hidden"
17324                  :value="current_variant_id">
17325                <input
17326                  class="!hidden"
17327                  name="quantity"
17328                  type="text"
17329                  value="1"
17330                  min="1"
17331                  max="">
17332                <input
17333                  class="!hidden"
17334                  name="properties[Reminder]"
17335                  type="hidden"
17336                  :value="current_variant_note">
17337                  
17338                <button
17339                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
17340                  :class="{ 'btn--loading' : cart_loading && button_loading }"
17341                  type="submit"
17342                  role="button"
17343                  :disabled="button_loading">
17344                  <div class="btn__content !hidden md:!flex"
17345                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
17346                  >
17347                  </div>
17348                  <div class="btn__content !flex md:!hidden"
17349                  x-text="button_loading ? 'Adding...' : 'Add'"
17350                  >
17351                  </div>
17352                  
17353                    <span class="ml-1 inline-flex gap-[0.5rem]">
17354                      
17355                        
17356                        
17357                          <pre
17358                            class="m-0 type--small"
17359                            x-html="Shopify.formatMoney(4200)">$42.00</pre>
17360                        
17361
17362
17363                      
17364                    </span>
17365                  
17366                </button>
17367              
17368            </form>
17369          </div>
17370        
17371      
17372    
17373
17374  
17375
17376  
17377  <a
17378    class="
17379      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
17380      text-left items-start justify-start mt-4
17381      
17382        
17383          pb-12 md:pb-0
17384        
17385      
17386    "
17387    href="/products/noma-projects-cap"
17388    tabindex="-1"
17389    >
17390
17391    
17392    <h3
17393      class="
17394        type--small !leading-tight mb-0
17395        text-left items-start justify-start
17396        
17397          !normal-case
17398        
17399        type__body type--base
17400      ">
17401     Noma Projects Cap
17402    </h3>
17403
17404    
17405    
17406
17407    
17408    
17409
17410    
17411    
17412    <div
17413      class="
17414        flex flex-wrap items-center pt-0.5 gap-1 type--small
17415        text-left items-start justify-start
17416      ">
17417      The team's favorite accessory
17418    </div>
17419    
17420
17421    
17422
17423    
17424    
17425
17426    
17427    
17428      
17429        
17430        
17431        
17432      
17433    
17434
17435    
17436    
17437
17438    
17439  </a>
17440
17441  
17442  
17443    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
17444      ">
17445      
17446        <form
17447          class="flex flex-wrap"
17448          action="/cart/add"
17449          method="post"
17450          enctype="multipart/form-data"
17451          data-productid="9911938515284"
17452          x-data="{
17453            current_variant_id: 50784626377044,
17454            current_variant_selling_plan_id: 0,
17455            quantity: 1,
17456          }"
17457          @submit.prevent="
17458            button_loading = true;
17459            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
17460            setTimeout(function(){ button_loading = false}, 500);
17461          ">
17462          
17463            <input
17464              name="id"
17465              type="hidden"
17466              :value="current_variant_id"
17467              x-model="current_variant_id">
17468            <input
17469              class="!hidden"
17470              name="quantity"
17471              type="text"
17472              value="1"
17473              min="1"
17474              max=""
17475              x-model="quantity">
17476            <button
17477              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
17478              :class="{ 'btn--loading' : cart_loading && button_loading }"
17479              type="submit"
17480              role="button"
17481              :disabled="button_loading">
17482              <div class="btn__content !hidden md:!flex"
17483              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
17484              >
17485              </div>
17486              <div class="btn__content !flex md:!hidden"
17487              x-text="button_loading ? 'Adding...' : 'Add'"
17488              >
17489              </div>
17490              
17491                <span class="ml-1 inline-flex gap-[0.5rem]"
17492                  x-html="Shopify.formatMoney(4200)">
17493                  <!-- snippets/component__format-price.liquid -->
17494
17495
17496$42 USD
17497                </span>
17498              
17499            </button>
17500          
17501        </form>
17502      
17503    </div>
17504  
17505
17506  
17507  <div id='js-quickAdd-product-noma-projects-cap'></div>
17508
17509</div>
17510
17511    </div>
17512  
17513    <div class="flex justify-center flex-none"
17514      x-bind:data-slide="4">
17515      <!-- snippets/component__product-item.liquid -->
17516
17517
17518
17519
17520<div class="group/product relative w-full
17521  
17522    
17523    
17524  "
17525  x-data="{
17526    button_loading: false,
17527    isHovered: false,
17528    second_image: 'Liquid error (snippets/component__product-item line 170): invalid url input'
17529  }"
17530  @mouseenter="isHovered = true"
17531  @mouseleave="isHovered = false"
17532  >
17533
17534  
17535  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
17536  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
17537  >
17538
17539    
17540    
17541
17542    
17543    
17544    
17545    
17546      
17547      
17548    
17549
17550    
17551   
17552    
17553     
17554
17555    
17556
17557    
17558    
17559      
17560      
17561      
17562    
17563
17564    
17565    
17566      
17567    
17568
17569  </div>
17570
17571  
17572  <a
17573    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
17574    href="/products/gift-card"
17575    tabindex="-1">
17576    <div
17577      class="
17578        object-cover w-full
17579        aspect-portrait-product
17580        color__bg-neutral after:color__bg-neutral color__text after:color__text
17581        
17582          border--radius overflow-hidden
17583          
17584        
17585      ">
17586      
17587        <!-- snippets/component__image.liquid -->
17588
17589
17590
17591
17592
17593
17594
17595<div
17596  class="
17597    js-picture w-full h-full overflow-hidden flex items-center
17598    
17599    color__bg-neutral after:color__bg-neutral color__text after:color__text
17600    
17601      mix-blend-darken
17602    
17603  ">
17604  <picture
17605    class="
17606      w-full flex items-center justify-center overflow-hidden
17607      aspect-portrait-product
17608      h-full
17609      
17610    ">
17611    <img src="//nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=900" alt="Online Gift Card" srcset="//nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_GiftCard_01.jpg?v=1719391818&amp;width=800 800w" width="900" height="1125" loading="
17612  
17613    lazy
17614  
17615" class="
17616  js-image
17617  h-full w-full object-cover
17618  
17619    
17620      min-h-full
17621    
17622  
17623  
17624    animation-300
17625  
17626  
17627">
17628  </picture>
17629</div>
17630
17631      
17632    </div>
17633    
17634      
17635    
17636  </a>
17637
17638  
17639  
17640
17641        
17642          <div
17643            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
17644
17645            <select class="hidden variant-cart-notes"><option value="47329377714516" data-variant-cart-note=""></option><option value="47329377780052" data-variant-cart-note=""></option><option value="47329377878356" data-variant-cart-note=""></option></select>
17646
17647            <div class="variant-cart-note">
17648            </div>
17649            <form action="/cart/add" data-productid="8738092286292"
17650              method="post"
17651              enctype="multipart/form-data"
17652              data-productid="8738092286292"
17653              x-data="{
17654                current_variant_id: 47329377714516,
17655                current_variant_selling_plan_id: 0,
17656                quantity: 1,
17657                current_variant_note: '',
17658              }"
17659              @submit.prevent="
17660                button_loading = true;
17661                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
17662                setTimeout(function(){ button_loading = false}, 1500);
17663              ">
17664              
17665                <button
17666                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
17667                  :class="{ 'btn--loading' : button_loading }"
17668                  type="button"
17669                  role="button"
17670                  :disabled="button_loading"
17671                  x-on:click="window.location.href = '/products/gift-card'"
17672                  
17673                    >
17674                    <div class="btn__content"
17675                    x-text="button_loading ? 'Adding...' : 'from'"
17676                    >
17677                    </div>
17678                    
17679                      <span class="ml-1 inline-flex">
17680                        
17681                          
17682                            
17683                              <span
17684                                class="type--small"
17685                                x-html="' ' + Shopify.formatMoney(5000)">
17686                                <!-- snippets/component__format-price.liquid -->
17687
17688
17689$50 USD
17690                              </span>
17691                            
17692                          
17693                          
17694                        
17695                      </span>
17696                    
17697                </button>
17698              
17699            </form>
17700          </div>
17701        
17702      
17703    
17704
17705  
17706
17707  
17708  <a
17709    class="
17710      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
17711      text-left items-start justify-start mt-4
17712      
17713        
17714          pb-12 md:pb-0
17715        
17716      
17717    "
17718    href="/products/gift-card"
17719    tabindex="-1"
17720    >
17721
17722    
17723    <h3
17724      class="
17725        type--small !leading-tight mb-0
17726        text-left items-start justify-start
17727        
17728          !normal-case
17729        
17730        type__body type--base
17731      ">
17732     Online Gift Card
17733    </h3>
17734
17735    
17736    
17737
17738    
17739    
17740
17741    
17742    
17743    <div
17744      class="
17745        flex flex-wrap items-center pt-0.5 gap-1 type--small
17746        text-left items-start justify-start
17747      ">
17748      A taste of noma, at home
17749    </div>
17750    
17751
17752    
17753
17754    
17755    
17756
17757    
17758    
17759      
17760        
17761        
17762        
17763      
17764    
17765
17766    
17767    
17768
17769    
17770  </a>
17771
17772  
17773  
17774    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
17775      ">
17776      
17777        <form
17778          class="flex flex-wrap"
17779          action="/cart/add"
17780          method="post"
17781          enctype="multipart/form-data"
17782          data-productid="8738092286292"
17783          x-data="{
17784            current_variant_id: 47329377714516,
17785            current_variant_selling_plan_id: 0,
17786            quantity: 1,
17787          }"
17788          @submit.prevent="
17789            button_loading = true;
17790            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
17791            setTimeout(function(){ button_loading = false}, 500);
17792          ">
17793          
17794            <button
17795              class="!w-full btn btn--small btn--load md:btn  btn   btn--quick-addx !w-full hover:color__button-popx !justify-between"
17796              :class="{ 'btn--loading' : button_loading }"
17797              type="button"
17798              role="button"
17799              :disabled="button_loading"
17800              x-on:click="window.location.href = '/products/gift-card'"
17801              >
17802              <div class="btn__content"
17803              x-text="button_loading ? 'Adding...' : 'from'"
17804              >
17805              </div>
17806              
17807                <span class="ml-1 inline-flex gap-[0.5rem]"
17808                  x-html="Shopify.formatMoney(5000)">
17809                  <!-- snippets/component__format-price.liquid -->
17810
17811
17812$50 USD
17813                </span>
17814              
17815            </button>
17816          
17817        </form>
17818      
17819    </div>
17820  
17821
17822  
17823  <div id='js-quickAdd-product-gift-card'></div>
17824
17825</div>
17826
17827    </div>
17828  
17829    <div class="flex justify-center flex-none"
17830      x-bind:data-slide="5">
17831      <!-- snippets/component__product-item.liquid -->
17832
17833
17834
17835
17836<div class="group/product relative w-full
17837  
17838    
17839    
17840  "
17841  x-data="{
17842    button_loading: false,
17843    isHovered: false,
17844    second_image: '//nomaprojects.com/cdn/shop/files/NP_LS_Book_Flavour_01.jpg?v=1776081076&width=900'
17845  }"
17846  @mouseenter="isHovered = true"
17847  @mouseleave="isHovered = false"
17848  >
17849
17850  
17851  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
17852  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
17853  >
17854
17855    
17856    
17857
17858    
17859    
17860    
17861    
17862      
17863      
17864        
17865        
17866        <!-- snippets/component__badge.liquid -->
17867�<div class="badge badge-color__primary rounded-full inline-flex items-center px-2 pt-1 pb-0.5
17868     ">
17869  
17870  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">new</span>
17871</div>
17872
17873      
17874    
17875      
17876      
17877    
17878
17879    
17880   
17881    
17882     
17883
17884    
17885
17886          
17887          <!-- snippets/component__badge.liquid -->
17888�<div class="badge badge-color__transparent border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
17889     ">
17890  
17891  <span class="flex items-center gap-1 type--smallest type__nav !leading-none"> 
17892            Sold Out
17893           </span>
17894</div>
17895
17896        
17897
17898
17899    
17900    
17901      
17902      
17903      
17904    
17905
17906    
17907    
17908      
17909    
17910
17911  </div>
17912
17913  
17914  <a
17915    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
17916    href="/products/the-noma-guide-to-building-flavour"
17917    tabindex="-1">
17918    <div
17919      class="
17920        object-cover w-full
17921        aspect-portrait-product
17922        color__bg-neutral after:color__bg-neutral color__text after:color__text
17923        
17924          border--radius overflow-hidden
17925          
17926        
17927      ">
17928      
17929        <!-- snippets/component__image.liquid -->
17930
17931
17932
17933
17934
17935
17936
17937<div
17938  class="
17939    js-picture w-full h-full overflow-hidden flex items-center
17940    
17941    color__bg-neutral after:color__bg-neutral color__text after:color__text
17942    
17943      mix-blend-darken
17944    
17945  ">
17946  <picture
17947    class="
17948      w-full flex items-center justify-center overflow-hidden
17949      aspect-portrait-product
17950      h-full
17951      
17952    ">
17953    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=900" alt="Noma Guide to Building Flavour" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Book_Flavour.jpg?v=1776078949&amp;width=800 800w" width="900" height="1125" loading="
17954  
17955    lazy
17956  
17957" class="
17958  js-image
17959  h-full w-full object-cover
17960  
17961    
17962      min-h-full
17963    
17964  
17965  
17966    animation-300
17967  
17968  
17969">
17970  </picture>
17971</div>
17972
17973      
17974    </div>
17975    
17976      
17977        
17978            <div
17979              class="
17980                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
17981                color__bg-neutral after:color__bg-neutral color__text after:color__text
17982              ">
17983              <div
17984                class="
17985                  object-cover overflow-hidden
17986                  aspect-portrait-product
17987                  
17988                    border--radius
17989                    
17990                  
17991                  
17992                    mix-blend-darken
17993                  
17994                ">
17995                <img
17996                  loading='lazy'
17997                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
17998                  alt="Noma Guide to Building Flavour"
17999                  :src="second_image" />
18000              </div>
18001            </div>
18002          
18003      
18004    
18005  </a>
18006
18007  
18008  
18009
18010  
18011
18012  
18013  <a
18014    class="
18015      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
18016      text-left items-start justify-start mt-4
18017      
18018        
18019          pb-12 md:pb-0
18020        
18021      
18022    "
18023    href="/products/the-noma-guide-to-building-flavour"
18024    tabindex="-1"
18025    >
18026
18027    
18028    <h3
18029      class="
18030        type--small !leading-tight mb-0
18031        text-left items-start justify-start
18032        
18033          !normal-case
18034        
18035        type__body type--base
18036      ">
18037     Noma Guide to Building Flavour
18038    </h3>
18039
18040    
18041    
18042
18043    
18044    
18045
18046    
18047    
18048    <div
18049      class="
18050        flex flex-wrap items-center pt-0.5 gap-1 type--small
18051        text-left items-start justify-start
18052      ">
18053      By the Noma Test Kitchen
18054    </div>
18055    
18056
18057    
18058
18059    
18060    
18061
18062    
18063    
18064      
18065        
18066        
18067        
18068      
18069    
18070
18071    
18072    
18073
18074    
18075  </a>
18076
18077  
18078  
18079    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
18080      ">
18081      
18082<button
18083          class="
18084            !w-full btn btn--small btn--load
18085            md:btn  btn   btn--quick-addx !w-full hover:color__button-pop
18086          "
18087          type="button"
18088          tabindex="-1">
18089          
18090            Sold Out
18091          
18092        </button>
18093        
18094      
18095    </div>
18096  
18097
18098  
18099  <div id='js-quickAdd-product-the-noma-guide-to-building-flavour'></div>
18100
18101</div>
18102
18103    </div>
18104  
18105    <div class="flex justify-center flex-none"
18106      x-bind:data-slide="6">
18107      <!-- snippets/component__product-item.liquid -->
18108
18109
18110
18111
18112<div class="group/product relative w-full
18113  
18114    
18115    
18116  "
18117  x-data="{
18118    button_loading: false,
18119    isHovered: false,
18120    second_image: '//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_02.jpg?v=1784710646&width=900'
18121  }"
18122  @mouseenter="isHovered = true"
18123  @mouseleave="isHovered = false"
18124  >
18125
18126  
18127  <div class="absolute top-0 left-0 z-10 flex flex-wrap w-full gap-1 p-2 whitespace-normal transition-all duration-150"
18128  :class="{ 'opacity-0': isHovered, 'opacity-100': !isHovered }"
18129  >
18130
18131    
18132    
18133
18134    
18135    
18136    
18137    
18138      
18139      
18140        
18141        
18142        <!-- snippets/component__badge.liquid -->
18143�<div class="badge badge-color__secondary border rounded-full inline-flex items-center px-2 pt-1 pb-0.5
18144     ">
18145  
18146  <span class="flex items-center gap-1 type--smallest type__nav !leading-none">espresso coffee</span>
18147</div>
18148
18149      
18150    
18151      
18152      
18153    
18154
18155    
18156   
18157    
18158     
18159
18160    
18161
18162    
18163    
18164      
18165      
18166      
18167    
18168
18169    
18170    
18171      
18172    
18173
18174  </div>
18175
18176  
18177  <a
18178    class="relative block w-full mb-2 overflow-hidden hover:opacity-100 border--radius"
18179    href="/products/chelchele-espresso-roast"
18180    tabindex="-1">
18181    <div
18182      class="
18183        object-cover w-full
18184        aspect-portrait-product
18185        color__bg-neutral after:color__bg-neutral color__text after:color__text
18186        
18187          border--radius overflow-hidden
18188          
18189        
18190      ">
18191      
18192        <!-- snippets/component__image.liquid -->
18193
18194
18195
18196
18197
18198
18199
18200<div
18201  class="
18202    js-picture w-full h-full overflow-hidden flex items-center
18203    
18204    color__bg-neutral after:color__bg-neutral color__text after:color__text
18205    
18206      mix-blend-darken
18207    
18208  ">
18209  <picture
18210    class="
18211      w-full flex items-center justify-center overflow-hidden
18212      aspect-portrait-product
18213      h-full
18214      
18215    ">
18216    <img src="//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=900" alt="Chelchele, Espresso Roast" srcset="//nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_P_Kaffe_250G_Chelchele_Espresso_01.jpg?v=1784710645&amp;width=800 800w" width="900" height="1125" loading="
18217  
18218    lazy
18219  
18220" class="
18221  js-image
18222  h-full w-full object-cover
18223  
18224    
18225      min-h-full
18226    
18227  
18228  
18229    animation-300
18230  
18231  
18232">
18233  </picture>
18234</div>
18235
18236      
18237    </div>
18238    
18239      
18240        
18241            <div
18242              class="
18243                animation-300 absolute left-0 top-0 object-cover overflow-hidden opacity-0 block group-hover/product:opacity-100 w-full border--radius
18244                color__bg-neutral after:color__bg-neutral color__text after:color__text
18245              ">
18246              <div
18247                class="
18248                  object-cover overflow-hidden
18249                  aspect-portrait-product
18250                  
18251                    border--radius
18252                    
18253                  
18254                  
18255                    mix-blend-darken
18256                  
18257                ">
18258                <img
18259                  loading='lazy'
18260                  class="w-full h-full object-cover color__bg-neutral after:color__bg-neutral color__text after:color__text"
18261                  alt="Chelchele, Espresso Roast"
18262                  :src="second_image" />
18263              </div>
18264            </div>
18265          
18266      
18267    
18268  </a>
18269
18270  
18271  
18272
18273        
18274          <div
18275            class="absolute hidden w-full px-4 pb-4 -mt-16 translate-y-2 text-center opacity-0 no-js--hide md:block animation-500 group-hover/product:opacity-100 group-focus-within:opacity-100 group-hover/product:translate-y-0 group-focus-within:translate-y-0">
18276
18277            <select class="hidden variant-cart-notes"><option value="56534710714708" data-variant-cart-note=""></option></select>
18278
18279            <div class="variant-cart-note">
18280            </div>
18281            <form action="/cart/add" data-productid="15631574106452"
18282              method="post"
18283              enctype="multipart/form-data"
18284              data-productid="15631574106452"
18285              x-data="{
18286                current_variant_id: 56534710714708,
18287                current_variant_selling_plan_id: 0,
18288                quantity: 1,
18289                current_variant_note: '',
18290              }"
18291              @submit.prevent="
18292                button_loading = true;
18293                addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true, current_variant_note);
18294                setTimeout(function(){ button_loading = false}, 1500);
18295              ">
18296              
18297                <input
18298                  name="id"
18299                  type="hidden"
18300                  :value="current_variant_id">
18301                <input
18302                  class="!hidden"
18303                  name="quantity"
18304                  type="text"
18305                  value="1"
18306                  min="1"
18307                  max="">
18308                <input
18309                  class="!hidden"
18310                  name="properties[Reminder]"
18311                  type="hidden"
18312                  :value="current_variant_note">
18313                  
18314                <button
18315                  class="!w-full btn btn--small btn--load !justify-between md:btn  btn--quick-addx !w-full hover:color__button-pop"
18316                  :class="{ 'btn--loading' : cart_loading && button_loading }"
18317                  type="submit"
18318                  role="button"
18319                  :disabled="button_loading">
18320                  <div class="btn__content !hidden md:!flex"
18321                  x-text="button_loading ? 'Adding...' : 'Add to Cart'"
18322                  >
18323                  </div>
18324                  <div class="btn__content !flex md:!hidden"
18325                  x-text="button_loading ? 'Adding...' : 'Add'"
18326                  >
18327                  </div>
18328                  
18329                    <span class="ml-1 inline-flex gap-[0.5rem]">
18330                      
18331                        
18332                        
18333                          <pre
18334                            class="m-0 type--small"
18335                            x-html="Shopify.formatMoney(2500)">$25.00</pre>
18336                        
18337
18338
18339                      
18340                    </span>
18341                  
18342                </button>
18343              
18344            </form>
18345          </div>
18346        
18347      
18348    
18349
18350  
18351
18352  
18353  <a
18354    class="
18355      hover:no-underline flex flex-col items-start gap-0.5 no-underline whitespace-normal
18356      text-left items-start justify-start mt-4
18357      
18358        
18359          pb-12 md:pb-0
18360        
18361      
18362    "
18363    href="/products/chelchele-espresso-roast"
18364    tabindex="-1"
18365    >
18366
18367    
18368    <h3
18369      class="
18370        type--small !leading-tight mb-0
18371        text-left items-start justify-start
18372        
18373          !normal-case
18374        
18375        type__body type--base
18376      ">
18377     Chelchele, Espresso Roast
18378    </h3>
18379
18380    
18381    
18382
18383    
18384    
18385
18386    
18387    
18388    <div
18389      class="
18390        flex flex-wrap items-center pt-0.5 gap-1 type--small
18391        text-left items-start justify-start
18392      ">
18393      Bright, aromatic | Heirloom, Washed
18394    </div>
18395    
18396
18397    
18398
18399    
18400    
18401
18402    
18403    
18404      
18405        
18406        
18407        
18408      
18409    
18410
18411    
18412    
18413
18414    
18415  </a>
18416
18417  
18418  
18419    <div class="no-js--hide md:hidden absolute bottom-0 w-full pt-2
18420      ">
18421      
18422        <form
18423          class="flex flex-wrap"
18424          action="/cart/add"
18425          method="post"
18426          enctype="multipart/form-data"
18427          data-productid="15631574106452"
18428          x-data="{
18429            current_variant_id: 56534710714708,
18430            current_variant_selling_plan_id: 0,
18431            quantity: 1,
18432          }"
18433          @submit.prevent="
18434            button_loading = true;
18435            addCartItem(current_variant_id, current_variant_selling_plan_id, quantity, true);
18436            setTimeout(function(){ button_loading = false}, 500);
18437          ">
18438          
18439            <input
18440              name="id"
18441              type="hidden"
18442              :value="current_variant_id"
18443              x-model="current_variant_id">
18444            <input
18445              class="!hidden"
18446              name="quantity"
18447              type="text"
18448              value="1"
18449              min="1"
18450              max=""
18451              x-model="quantity">
18452            <button
18453              class="!w-full btn btn--small btn--load md:btn  btn  !justify-between"
18454              :class="{ 'btn--loading' : cart_loading && button_loading }"
18455              type="submit"
18456              role="button"
18457              :disabled="button_loading">
18458              <div class="btn__content !hidden md:!flex"
18459              x-text="button_loading ? 'Adding...' : 'Add to Cart'"
18460              >
18461              </div>
18462              <div class="btn__content !flex md:!hidden"
18463              x-text="button_loading ? 'Adding...' : 'Add'"
18464              >
18465              </div>
18466              
18467                <span class="ml-1 inline-flex gap-[0.5rem]"
18468                  x-html="Shopify.formatMoney(2500)">
18469                  <!-- snippets/component__format-price.liquid -->
18470
18471
18472$25 USD
18473                </span>
18474              
18475            </button>
18476          
18477        </form>
18478      
18479    </div>
18480  
18481
18482  
18483  <div id='js-quickAdd-product-chelchele-espresso-roast'></div>
18484
18485</div>
18486
18487    </div>
18488  
18489  �
18490            </ul>
18491        </div>
18492    </div>
18493  </div>
18494</div>
18495�</div>
18496</section>
18497<section
18498  class="w-full text-center
18499  justify-between
18500  color__bg-body color__text
18501  
18502  color__border-divider-1
18503  
18504  pb-bottom-section-vertical-spacing
18505  "
18506  style="--bottom-spacing-adjust: 100px; --bottom-spacing-adjust-mobile: 40px;">
18507  <div class="window--wide">
18508    
18509    <a href="/collections"
18510      class="btn mt-[60px]">
18511      Shop All
18512    </a>
18513    
18514  </div>
18515</section>
18516
18517
18518
18519
18520</div><div id="shopify-section-template--28713576431956__faq_Ck38Lb" class="shopify-section">
18521
18522
18523<section class="
18524  
18525  color__bg-secondary color__secondary
18526  color__border-divider-1
18527  border--b-width">
18528  <div
18529    class="window--wide !max-w-[94vw] pt-top-section-vertical-spacing pb-bottom-section-vertical-spacing"
18530    style="--top-spacing-adjust: 100px; --bottom-spacing-adjust: 100px; --top-spacing-adjust-mobile: 60px; --bottom-spacing-adjust-mobile: 60px;">
18531      <div class="md:flex md:flex-row md:gap-24 ">
18532        <div class="w-full md:flex-[45%]">
18533          <div class="md:hidden block"><h1 class="empty:hidden break-words mb-0 text-20  ">
18534              Frequently Asked Questions
18535            </h1><div class="pt-4"><p>If you can’t find the answer you’re looking for, please email us at [email protected] and we’ll be happy to help.</p></div></div><div class="hidden md:block"><h1 class="empty:hidden break-words mb-0 text-20 ">
18536              Frequently Asked Questions
18537            </h1><div class="pt-6"><p>If you can’t find the answer you’re looking for, please email us at [email protected] and we’ll be happy to help.</p></div></div></div>
18538
18539        <div class="w-full md:flex-[55%]  mt-8 md:mt-0 pt-6 md:pt-24 ">
18540
18541              
18542              
18543              <!-- snippets/component__accordion.liquid -->
18544
18545<div class="w-full color__border-divider-1 border-t"
18546  
18547  x-data="{
18548    
18549      accordion: false
18550    
18551  }">
18552
18553  <button type="button"
18554    class="flex  w-full py-4 
18555    
18556      items-start justify-between gap-4
18557    "
18558    @click="
18559      
18560        accordion = ! accordion
18561      ">
18562
18563    <div class="flex items-center">
18564      
18565
18566      <span class="type__body--bold text-left">
18567        About Noma Projects
18568      </span>
18569    </div>
18570    <div class="">
18571      <div x-show=" !accordion ">
18572        <!-- snippets/component__icon.liquid -->
18573
18574
18575<span class="inline-flex align-middle ml-1" aria-hidden="true">
18576  
18577      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18578    
18579</span>
18580
18581      </div>
18582      <div x-show=" accordion " x-cloak>
18583        <!-- snippets/component__icon.liquid -->
18584
18585
18586<span class="inline-flex align-middle ml-1" aria-hidden="true">
18587  
18588      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18589    
18590</span>
18591
18592      </div>
18593    </div>
18594  </button>
18595
18596  <div
18597    class="accordion-content mb-4"
18598    x-show=" accordion "
18599    
18600      x-transition:enter="animation-100"
18601      x-transition:enter-start="opacity-0"
18602      x-transition:enter-end="opacity-100"
18603      x-transition:leave="animation-100"
18604      x-transition:leave-start="opacity-100"
18605      x-transition:leave-end="opacity-0"
18606    
18607    x-cloak>
18608    
18609                <div class="pb-4">
18610                  <p><strong>What is Noma Projects and how is it connected to the restaurant Noma?</strong></p><p>Noma Projects shares the flavors and knowledge of restaurant noma in Copenhagen with people around the world. Our constantly evolving collection of pantry staples draws on more than two decades of innovation and deliciousness; our R&D club Taste Buds invites members behind the scenes for an entire year; and our latest project, Noma Kaffe, is a subscription that brings the restaurant’s acclaimed coffee program into your home.  </p><p><strong>What’s the story behind Noma Projects?</strong> </p><p>We started Noma Projects to make it possible for people to experience noma’s creativity beyond the four walls of the restaurant. Our test kitchen and fermentation lab have produced literally thousands of unique flavors—but only a handful of people get to try them. Now, all these ideas have the chance to take on a life of their own in kitchens everywhere.   </p><p><strong>Who develops the recipes for Noma Projects products?</strong></p><p>Every single Noma Projects recipe comes from noma’s creative team, past and present. This group includes René Redzepi, Creative Director Thomas Frebel, the restaurant’s Test Kitchen and Fermentation Lab, and, depending on the innovation, an extended family of cooks, scientists, sommeliers, foragers, and other collaborators. </p><p><strong>How do Noma chefs use Noma Projects products at home?</strong></p><p>A big part of why we decided to create Noma Projects is that we use these ingredients all the time to transform simple meals into extraordinary ones at home. All it usually takes is a splash, a drop, or a drizzle. </p>
18611                </div>
18612              
18613  </div>
18614
18615</div>
18616
18617
18618
18619              
18620              
18621              <!-- snippets/component__accordion.liquid -->
18622
18623<div class="w-full color__border-divider-1 border-t"
18624  
18625  x-data="{
18626    
18627      accordion: false
18628    
18629  }">
18630
18631  <button type="button"
18632    class="flex  w-full py-4 
18633    
18634      items-start justify-between gap-4
18635    "
18636    @click="
18637      
18638        accordion = ! accordion
18639      ">
18640
18641    <div class="flex items-center">
18642      
18643
18644      <span class="type__body--bold text-left">
18645        Products & Ingredients
18646      </span>
18647    </div>
18648    <div class="">
18649      <div x-show=" !accordion ">
18650        <!-- snippets/component__icon.liquid -->
18651
18652
18653<span class="inline-flex align-middle ml-1" aria-hidden="true">
18654  
18655      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18656    
18657</span>
18658
18659      </div>
18660      <div x-show=" accordion " x-cloak>
18661        <!-- snippets/component__icon.liquid -->
18662
18663
18664<span class="inline-flex align-middle ml-1" aria-hidden="true">
18665  
18666      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18667    
18668</span>
18669
18670      </div>
18671    </div>
18672  </button>
18673
18674  <div
18675    class="accordion-content mb-4"
18676    x-show=" accordion "
18677    
18678      x-transition:enter="animation-100"
18679      x-transition:enter-start="opacity-0"
18680      x-transition:enter-end="opacity-100"
18681      x-transition:leave="animation-100"
18682      x-transition:leave-start="opacity-100"
18683      x-transition:leave-end="opacity-0"
18684    
18685    x-cloak>
18686    
18687                <div class="pb-4">
18688                  <p><strong>What kind of products does Noma Projects offer?</strong></p><p>We create pantry staples that add depth and flavor to everyday cooking: garums (fermented seasonings), sauces, condiments, vinegars, spice blends, and occasional fermentation kits. Our R&D club Taste Buds allows members to try flavors from the past, present, and future of noma—some of which nobody else will ever get to experience.  </p><p>We also are very passionate about coffee: Noma Kaffe is a filter coffee subscription featuring beans sourced and roasted by our trailblazing beverage team in Copenhagen.</p><p><strong>Where are your products made?</strong></p><p>Everything is produced at our HQ in Copenhagen, Denmark, which is just a five-minute bike ride from the restaurant. We work in small batches, by hand, following the same standards that noma is proud to be known for.</p><p><strong>How do you source your ingredients?</strong> </p><p>We source ingredients as carefully as we do for the restaurant: working closely with a tightly knit network of farmers, foragers, and other small producers who share a commitment to quality, flavor, and our planet.   </p><p><strong>How long do your products last and how should I store them?</strong> </p><p>Most products are naturally preserved and have a long shelf life, often 12 months or more. Once opened, we recommend storing them in the refrigerator to maintain peak flavor. Each product label includes detailed storage instructions.  </p><p><strong>Can I use your products in professional kitchens?</strong></p><p>Absolutely. Many of our flavors were originally developed for noma’s menu—they just happen to have endless potential uses in the home kitchen. If you’re a restaurant that’s interested in learning more—or if your team already cook with Noma Projects—we’d love to be in touch.</p>
18689                </div>
18690              
18691  </div>
18692
18693</div>
18694
18695
18696
18697              
18698              
18699              <!-- snippets/component__accordion.liquid -->
18700
18701<div class="w-full color__border-divider-1 border-t"
18702  
18703  x-data="{
18704    
18705      accordion: false
18706    
18707  }">
18708
18709  <button type="button"
18710    class="flex  w-full py-4 
18711    
18712      items-start justify-between gap-4
18713    "
18714    @click="
18715      
18716        accordion = ! accordion
18717      ">
18718
18719    <div class="flex items-center">
18720      
18721
18722      <span class="type__body--bold text-left">
18723        Buying & Shipping
18724      </span>
18725    </div>
18726    <div class="">
18727      <div x-show=" !accordion ">
18728        <!-- snippets/component__icon.liquid -->
18729
18730
18731<span class="inline-flex align-middle ml-1" aria-hidden="true">
18732  
18733      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18734    
18735</span>
18736
18737      </div>
18738      <div x-show=" accordion " x-cloak>
18739        <!-- snippets/component__icon.liquid -->
18740
18741
18742<span class="inline-flex align-middle ml-1" aria-hidden="true">
18743  
18744      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18745    
18746</span>
18747
18748      </div>
18749    </div>
18750  </button>
18751
18752  <div
18753    class="accordion-content mb-4"
18754    x-show=" accordion "
18755    
18756      x-transition:enter="animation-100"
18757      x-transition:enter-start="opacity-0"
18758      x-transition:enter-end="opacity-100"
18759      x-transition:leave="animation-100"
18760      x-transition:leave-start="opacity-100"
18761      x-transition:leave-end="opacity-0"
18762    
18763    x-cloak>
18764    
18765                <div class="pb-4">
18766                  <p><strong>Where can I buy Noma Projects products?</strong> </p><p>The full range is available <a href="https://nomaprojects.com/collections" target="_blank">on our site</a> We also work with select retailers in Copenhagen and around the world.  </p><p><strong>Can I buy Noma Projects products in retail stores?</strong> </p><p>Yes. Although our site is still the easiest way for most people to access Noma Projects, we’ve partnered with a number of retailers we love–and the list is growing. If you’re a retailer interested in carrying our products, click here to get in touch.  </p><p><strong>Do you ship internationally?</strong> </p><p>Yes! Currently, our shipping network includes EU, Switzerland, Norway, UK, USA, Canada, Japan, Australia and New Zealand. Shipping costs and delivery times vary by location and are calculated at checkout. We are constantly working to expand our network so please <a href="https://nomaprojects.com/pages/newsletter" title="https://nomaprojects.com/pages/newsletter">sign up here</a> if you’d like to be updated. </p>
18767                </div>
18768              
18769  </div>
18770
18771</div>
18772
18773
18774
18775              
18776              
18777              <!-- snippets/component__accordion.liquid -->
18778
18779<div class="w-full color__border-divider-1 border-t"
18780  
18781  x-data="{
18782    
18783      accordion: false
18784    
18785  }">
18786
18787  <button type="button"
18788    class="flex  w-full py-4 
18789    
18790      items-start justify-between gap-4
18791    "
18792    @click="
18793      
18794        accordion = ! accordion
18795      ">
18796
18797    <div class="flex items-center">
18798      
18799
18800      <span class="type__body--bold text-left">
18801        Gifting & Corporate Orders
18802      </span>
18803    </div>
18804    <div class="">
18805      <div x-show=" !accordion ">
18806        <!-- snippets/component__icon.liquid -->
18807
18808
18809<span class="inline-flex align-middle ml-1" aria-hidden="true">
18810  
18811      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18812    
18813</span>
18814
18815      </div>
18816      <div x-show=" accordion " x-cloak>
18817        <!-- snippets/component__icon.liquid -->
18818
18819
18820<span class="inline-flex align-middle ml-1" aria-hidden="true">
18821  
18822      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
18823    
18824</span>
18825
18826      </div>
18827    </div>
18828  </button>
18829
18830  <div
18831    class="accordion-content mb-4"
18832    x-show=" accordion "
18833    
18834      x-transition:enter="animation-100"
18835      x-transition:enter-start="opacity-0"
18836      x-transition:enter-end="opacity-100"
18837      x-transition:leave="animation-100"
18838      x-transition:leave-start="opacity-100"
18839      x-transition:leave-end="opacity-0"
18840    
18841    x-cloak>
18842    
18843                <div class="pb-4">
18844                  <p><strong>Can I gift Noma Projects products? Can my company order corporate gifts?</strong> </p><p>Yes. You can easily gift any product by entering the recipient’s shipping address at checkout. For larger or corporate gift orders, please <a href="https://nomaprojects.com/pages/corporate-gifting" title="https://nomaprojects.com/pages/corporate-gifting">contact us</a> and we’ll be glad to help tailor the selection to your exact needs. </p>
18845                </div>
18846              
18847  </div>
18848
18849</div>
18850
18851
18852        </div>
18853      </div>
18854    </div>
18855</section>
18856<script>
18857  document.addEventListener('DOMContentLoaded', () => {
18858    const mobileStickyHeight = document.querySelector('.mobile-sticky').offsetHeight;
18859    window.scrollToAnchor = function(anchorId) {
18860      const targetElement = document.querySelector(`#${anchorId}`);
18861
18862      if (targetElement) {
18863        const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY;
18864        const scrollToPosition = targetPosition - mobileStickyHeight - 20;
18865
18866        window.scrollTo({
18867          top: scrollToPosition,
18868          behavior: 'smooth'
18869        });
18870      }
18871    };
18872  });
18873</script>
18873
18874
18875</div>
18875<script data-locksmith>
18876    var load = function () {
18877
18878
18879            Locksmith.initializeSession({silent: window.location.search === ""});
18880
18881
18882      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
18883        event.preventDefault();
18884        var data = Locksmith.util.serializeForm(event.target);
18885        var options = { spinner: false, container: 'locksmith-content' };
18886        // a form rendered inline (section replacement) must keep that context
18887        // on resubmit: same enclosing container (there may be several on the
18888        // page), and no layout classes or cancel affordance in the re-render
18889        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
18890        if (inlineContainer) {
18891          options.container = inlineContainer;
18892        }
18893        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
18894          options.include_layout_classes = false;
18895        }
18896        Locksmith.postResource(data, options);
18897      });
18898
18899      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
18900        event.preventDefault();
18901        Locksmith.postResource({}, { spinner: true, container: document });
18902      });
18903
18904      Locksmith.submitPasscode = function (passcode) {
18905        Locksmith.postResource(
18906          { passcode: passcode },
18907          { spinner: false, container: 'locksmith-content' }
18908        );
18909      };
18910    };
18911
18912    if (typeof Locksmith !== 'undefined') {
18913      load();
18914    } else {
18915      window.addEventListener('load', load);
18916    }
18917  </script>
18917
18918    </main>
18919
18920    <!-- BEGIN sections: footer-group -->
18921<div id="shopify-section-sections--28713574990164__theme_footer" class="shopify-section shopify-section-group-footer-group"><!-- sections/theme__footer.liquid -->
18922
18923
18924<footer
18925  class="relative
18926  "><section class="py-8 lg:hidden
18927    color__bg-body color__text
18928    color__border-divider-1">
18929    <div class="window--full !mx-6">
18930      <h4 class="mb-2 type--base uppercase">
18931        Food For Thought
18932      </h4>
18933      
18934
18935
18936
18937
18938
18939
18940<div>
18941  <form class="newsletter-subscribe-form" data-source="nomaprojects.com">
18942    <input type="text" name="nickname" style="display:none">
18943    <input required autocomplete="email" type="email" name="email" tabindex="0" placeholder="Sign up to our latest news and offers." aria-label="Sign up to our latest news and offers." aria-required="true" aria-invalid="false" 
18944      style="padding: 0;height: 40px;color: rgb(0, 0, 0);font-family: Pressura, Helvetica, Arial, sans-serif;font-size: 14px;border: 0;border-bottom:1px solid #000;width: 100%;margin-bottom: 10px;background: transparent;box-shadow: none;">
18945    <div style="display: flex; align-items: center; flex-direction: row; gap: 1rem;flex-wrap: wrap;">
18946      <div style="flex: 1 1 auto; display: flex; align-items: center; gap: 0.5rem;max-width: 290px;">
18947        <label style="text-align:left;flex: 1 1 auto;display: flex;flex-direction: row;gap: 10px;font-family: Pressura, Helvetica, Arial, sans-serif;font-size:1rem;line-height:1.2rem">
18948          <input type="radio" name="consent" required style="width:20px;height:20px;">
18949          I consent to Noma Projects contacting me via email with news and exclusive product offers. I understand that I can opt out of future emails at any time by contacting [email protected] or by using the unsubscribe link provided in the email.
18950        </label>
18951      </div>
18952      <button type="submit" style='margin:0 auto;text-transform: uppercase;font-family: "Pressura Mono", Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;letter-spacing: 2px;padding: 0 10px;width: 100px;height: 50px; cursor: pointer;'>
18953        Sign up
18954      </button>
18955   </div>
18956  </form>
18957</div>
18958<script>
18959  window.NomaSubscribeScriptLoaded = window.NomaSubscribeScriptLoaded || (function() {
18960    function initSubscribeForms() {
18961      const forms = document.querySelectorAll('.newsletter-subscribe-form');
18962      forms.forEach(function(form, index) {
18963        form.addEventListener('submit', function(e) {
18964          e.preventDefault();
18965          const email = form.querySelector('[name="email"]').value;
18966          const source = form.dataset.source || 'unknown'; 
18967          const pageUrl = window.location.href;
18968          const referrer = document.referrer;
18969          fetch('https://api.nomaprojects.com/newsletter/subscribe', {
18970            method: 'POST',
18971            headers: { 'Content-Type': 'application/json' },
18972            body: JSON.stringify({ email: email, source: source,page_url: pageUrl,referrer: referrer  })
18973          })
18974          .then(res => res.json())
18975          .then(data => {
18976            form.innerHTML = '<p>Success! We just sent an email to confirm your subscription. Click the confirmation link in the email to finish signing up.</p>';
18977          })
18978          .catch(err => {
18979            console.error(err);
18980          });
18981        });
18982      });
18983    }
18984    window.addEventListener('load', initSubscribeForms);
18985    return true;
18986  })();
18987</script>
18987
18988    </div>
18989  </section>
18990<nav class="lg:hidden color__bg-body color__text md:window--full">
18991    
18992
18993        <a href="/collections" class="border--t-width type--footer-nav title block py-4 px-6 !no-underline
18994          color__border-divider-1">
18995          Shop
18996        </a>
18997      
18998    
18999  </nav>
19000  <nav class="lg:hidden color__bg-body color__text md:window--full">
19001    
19002
19003        
19004
19005        
19006
19007        
19008
19009        <!-- snippets/component__accordion.liquid -->
19010
19011<div class="
19012          border--t-width color__border-divider-1 no-js--hide
19013         border-t"
19014  
19015  x-data="{
19016    
19017      accordion: false
19018    
19019  }">
19020
19021  <button type="button"
19022    class="flex  w-full py-4 type--footer-nav title px-6
19023    
19024      items-start justify-between gap-4
19025    "
19026    @click="
19027      
19028        accordion = ! accordion
19029      ">
19030
19031    <div class="flex items-center">
19032      
19033
19034      <span class=" text-left">
19035        Info
19036      </span>
19037    </div>
19038    <div class="">
19039      <div x-show=" !accordion ">
19040        <!-- snippets/component__icon.liquid -->
19041
19042
19043<span class="inline-flex align-middle ml-1" aria-hidden="true">
19044  
19045      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19046    
19047</span>
19048
19049      </div>
19050      <div x-show=" accordion " x-cloak>
19051        <!-- snippets/component__icon.liquid -->
19052
19053
19054<span class="inline-flex align-middle ml-1" aria-hidden="true">
19055  
19056      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19057    
19058</span>
19059
19060      </div>
19061    </div>
19062  </button>
19063
19064  <div
19065    class="accordion-content 
19066        "
19067    x-show=" accordion "
19068    
19069      x-transition:enter="animation-100"
19070      x-transition:enter-start="opacity-0"
19071      x-transition:enter-end="opacity-100"
19072      x-transition:leave="animation-100"
19073      x-transition:leave-start="opacity-100"
19074      x-transition:leave-end="opacity-0"
19075    
19076    x-cloak>
19077    
19078          
19079<a href="/pages/noma-projects" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19080              color__border-divider-1">
19081              About
19082            </a>
19083            
19084          
19085<a href="/pages/careers" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19086              color__border-divider-1">
19087              Careers
19088            </a>
19089            
19090          
19091<a href="/pages/corporate-gifting" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19092              color__border-divider-1">
19093              Corporate Gifting
19094            </a>
19095            
19096          
19097<a href="https://nomaprojects.com/pages/wholesale" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19098              color__border-divider-1">
19099              Wholesale
19100            </a>
19101            
19102          
19103<a href="/pages/press" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19104              color__border-divider-1">
19105              Press
19106            </a>
19107            
19108          
19109<a href="/pages/contact" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19110              color__border-divider-1">
19111              Find Us
19112            </a>
19113            
19114          
19115<a href="/pages/faq" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19116              color__border-divider-1">
19117              FAQ
19118            </a>
19119            
19120          
19121<a href="https://nomaprojects.com/pages/faq#orders-shipping" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19122              color__border-divider-1">
19123              Shipping
19124            </a>
19125            
19126          
19127<a href="https://www.findsmiley.dk/1277476" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19128              color__border-divider-1">
19129              Smiley Report
19130            </a>
19131            
19132          
19133<a href="https://www.findsmiley.dk/1495000" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19134              color__border-divider-1">
19135              Smiley Report Noma Projects Shop
19136            </a>
19137            
19138          
19139        
19140  </div>
19141
19142</div>
19143
19144
19145        <noscript>
19146          <a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !no-underline"
19147            href="#">Info</a>
19148          
19149<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19150            href="/pages/noma-projects">About</a>
19151          
19152          
19153<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19154            href="/pages/careers">Careers</a>
19155          
19156          
19157<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19158            href="/pages/corporate-gifting">Corporate Gifting</a>
19159          
19160          
19161<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19162            href="https://nomaprojects.com/pages/wholesale">Wholesale</a>
19163          
19164          
19165<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19166            href="/pages/press">Press</a>
19167          
19168          
19169<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19170            href="/pages/contact">Find Us</a>
19171          
19172          
19173<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19174            href="/pages/faq">FAQ</a>
19175          
19176          
19177<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19178            href="https://nomaprojects.com/pages/faq#orders-shipping">Shipping</a>
19179          
19180          
19181<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19182            href="https://www.findsmiley.dk/1277476">Smiley Report</a>
19183          
19184          
19185<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19186            href="https://www.findsmiley.dk/1495000">Smiley Report Noma Projects Shop</a>
19187          
19188          
19189        </noscript>
19190      
19191    
19192  </nav>
19193  <nav class="lg:hidden color__bg-body color__text md:window--full">
19194    
19195
19196        
19197
19198        
19199
19200        
19201
19202        <!-- snippets/component__accordion.liquid -->
19203
19204<div class="
19205          border--t-width color__border-divider-1 no-js--hide
19206         border-t"
19207  
19208  x-data="{
19209    
19210      accordion: false
19211    
19212  }">
19213
19214  <button type="button"
19215    class="flex  w-full py-4 type--footer-nav title px-6
19216    
19217      items-start justify-between gap-4
19218    "
19219    @click="
19220      
19221        accordion = ! accordion
19222      ">
19223
19224    <div class="flex items-center">
19225      
19226
19227      <span class=" text-left">
19228        Connect
19229      </span>
19230    </div>
19231    <div class="">
19232      <div x-show=" !accordion ">
19233        <!-- snippets/component__icon.liquid -->
19234
19235
19236<span class="inline-flex align-middle ml-1" aria-hidden="true">
19237  
19238      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19239    
19240</span>
19241
19242      </div>
19243      <div x-show=" accordion " x-cloak>
19244        <!-- snippets/component__icon.liquid -->
19245
19246
19247<span class="inline-flex align-middle ml-1" aria-hidden="true">
19248  
19249      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19250    
19251</span>
19252
19253      </div>
19254    </div>
19255  </button>
19256
19257  <div
19258    class="accordion-content 
19259        "
19260    x-show=" accordion "
19261    
19262      x-transition:enter="animation-100"
19263      x-transition:enter-start="opacity-0"
19264      x-transition:enter-end="opacity-100"
19265      x-transition:leave="animation-100"
19266      x-transition:leave-start="opacity-100"
19267      x-transition:leave-end="opacity-0"
19268    
19269    x-cloak>
19270    
19271          
19272<a href="/pages/contact" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19273              color__border-divider-1">
19274              Contact
19275            </a>
19276            
19277          
19278<a href="https://www.instagram.com/nomaprojects" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19279              color__border-divider-1">
19280              Instagram
19281            </a>
19282            
19283          
19284<a href="https://www.linkedin.com/company/nomaprojects/" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19285              color__border-divider-1">
19286              LinkedIn
19287            </a>
19288            
19289          
19290<a href="https://www.pinterest.ca/nomaprojects/" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19291              color__border-divider-1">
19292              Pinterest
19293            </a>
19294            
19295          
19296        
19297  </div>
19298
19299</div>
19300
19301
19302        <noscript>
19303          <a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !no-underline"
19304            href="#">Connect</a>
19305          
19306<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19307            href="/pages/contact">Contact</a>
19308          
19309          
19310<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19311            href="https://www.instagram.com/nomaprojects">Instagram</a>
19312          
19313          
19314<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19315            href="https://www.linkedin.com/company/nomaprojects/">LinkedIn</a>
19316          
19317          
19318<a class="border--t-width color__border-divider-1 block w-full py-4 px-6 !pl-8 !no-underline"
19319            href="https://www.pinterest.ca/nomaprojects/">Pinterest</a>
19320          
19321          
19322        </noscript>
19323      
19324    
19325  </nav>
19326
19327
19328  
19329  <nav class="lg:hidden color__bg-body color__text md:window--full border--b-width">
19330    
19331
19332    
19333
19334    
19335    
19336    <!-- snippets/component__accordion.liquid -->
19337
19338<div class="
19339      border--t-width color__border-divider-1 no-js--hide
19340     border-t"
19341  
19342  x-data="{
19343    
19344      accordion: false
19345    
19346  }">
19347
19348  <button type="button"
19349    class="flex  w-full py-4 type--footer-nav title px-6
19350    
19351      items-start justify-between gap-4
19352    "
19353    @click="
19354      
19355        accordion = ! accordion
19356      ">
19357
19358    <div class="flex items-center">
19359      
19360
19361      <span class=" text-left">
19362        Account
19363      </span>
19364    </div>
19365    <div class="">
19366      <div x-show=" !accordion ">
19367        <!-- snippets/component__icon.liquid -->
19368
19369
19370<span class="inline-flex align-middle ml-1" aria-hidden="true">
19371  
19372      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19373    
19374</span>
19375
19376      </div>
19377      <div x-show=" accordion " x-cloak>
19378        <!-- snippets/component__icon.liquid -->
19379
19380
19381<span class="inline-flex align-middle ml-1" aria-hidden="true">
19382  
19383      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
19384    
19385</span>
19386
19387      </div>
19388    </div>
19389  </button>
19390
19391  <div
19392    class="accordion-content 
19393    "
19394    x-show=" accordion "
19395    
19396      x-transition:enter="animation-100"
19397      x-transition:enter-start="opacity-0"
19398      x-transition:enter-end="opacity-100"
19399      x-transition:leave="animation-100"
19400      x-transition:leave-start="opacity-100"
19401      x-transition:leave-end="opacity-0"
19402    
19403    x-cloak>
19404    
19405    <a href="/account" rel="nofollow" class="type--footer-nav flex items-center justify-between w-full px-6 py-1 last:pb-6 pl-8 !no-underline
19406      color__border-divider-1">
19407      
19408      Login
19409      
19410    </a>
19411    
19412  </div>
19413
19414</div>
19415
19416  </nav>
19417  
19418
19419  
19420  <div class="lg:hidden color__bg-body color__text md:window--full pt-12 pb-8 !px-6">
19421    <div class="flex flex-row justify-between"><div class="logo w-1/3">
19422        <a href="/">
19423          <picture>
19424            <source
19425              srcset="//nomaprojects.com/cdn/shop/files/NP-Full-Logo_cbd72be2-b1a7-4516-9cf2-b819f9b17599.svg?v=1718165913&width=400"
19426              media="(min-width: 768px)" />
19427            <img class=""
19428              loading="lazy"
19429              src="//nomaprojects.com/cdn/shop/files/NP-Full-Logo_cbd72be2-b1a7-4516-9cf2-b819f9b17599.svg?v=1718165913&width=200"
19430              alt="" />
19431          </picture>
19432        </a>
19433      </div><button class="type--footer-nav" @click="localization_popup = true;">
19434        <span class="">USD $
19435          ·
19436          EN</span>
19437        <!-- snippets/component__icon.liquid -->
19438
19439
19440<span class="inline-flex align-middle " aria-hidden="true">
19441  
19442      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
19443    
19444</span>
19445
19446      </button>
19447    </div>
19448  </div>
19449  
19450
19451  
19452  <nav
19453    class="hidden lg:block border--t-width lg:border-t-0
19454    color__border-divider-1
19455    color__bg-body color__text">
19456    <div class="window--wide !max-w-none">
19457      <div
19458        class="flex pt-16 pb-24 overflow-hidden">
19459        <div class="flex justify-between w-full gap-24 xl:gap-[20rem] xxxl:gap-[30rem]">
19460
19461          <div class="w-5/12">
19462            
19463            <div class="max-w-[400px]"><h4 class="mb-2 type--base uppercase">
19464                Food For Thought
19465              </h4>
19466              
19467
19468
19469
19470
19471
19472
19473<div>
19474  <form class="newsletter-subscribe-form" data-source="nomaprojects.com">
19475    <input type="text" name="nickname" style="display:none">
19476    <input required autocomplete="email" type="email" name="email" tabindex="0" placeholder="Sign up to our latest news and offers." aria-label="Sign up to our latest news and offers." aria-required="true" aria-invalid="false" 
19477      style="padding: 0;height: 40px;color: rgb(0, 0, 0);font-family: Pressura, Helvetica, Arial, sans-serif;font-size: 14px;border: 0;border-bottom:1px solid #000;width: 100%;margin-bottom: 10px;background: transparent;box-shadow: none;">
19478    <div style="display: flex; align-items: center; flex-direction: row; gap: 1rem;flex-wrap: wrap;">
19479      <div style="flex: 1 1 auto; display: flex; align-items: center; gap: 0.5rem;max-width: 290px;">
19480        <label style="text-align:left;flex: 1 1 auto;display: flex;flex-direction: row;gap: 10px;font-family: Pressura, Helvetica, Arial, sans-serif;font-size:1rem;line-height:1.2rem">
19481          <input type="radio" name="consent" required style="width:20px;height:20px;">
19482          I consent to Noma Projects contacting me via email with news and exclusive product offers. I understand that I can opt out of future emails at any time by contacting [email protected] or by using the unsubscribe link provided in the email.
19483        </label>
19484      </div>
19485      <button type="submit" style='margin:0 auto;text-transform: uppercase;font-family: "Pressura Mono", Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;letter-spacing: 2px;padding: 0 10px;width: 100px;height: 50px; cursor: pointer;'>
19486        Sign up
19487      </button>
19488   </div>
19489  </form>
19490</div>
19491<script>
19492  window.NomaSubscribeScriptLoaded = window.NomaSubscribeScriptLoaded || (function() {
19493    function initSubscribeForms() {
19494      const forms = document.querySelectorAll('.newsletter-subscribe-form');
19495      forms.forEach(function(form, index) {
19496        form.addEventListener('submit', function(e) {
19497          e.preventDefault();
19498          const email = form.querySelector('[name="email"]').value;
19499          const source = form.dataset.source || 'unknown'; 
19500          const pageUrl = window.location.href;
19501          const referrer = document.referrer;
19502          fetch('https://api.nomaprojects.com/newsletter/subscribe', {
19503            method: 'POST',
19504            headers: { 'Content-Type': 'application/json' },
19505            body: JSON.stringify({ email: email, source: source,page_url: pageUrl,referrer: referrer  })
19506          })
19507          .then(res => res.json())
19508          .then(data => {
19509            form.innerHTML = '<p>Success! We just sent an email to confirm your subscription. Click the confirmation link in the email to finish signing up.</p>';
19510          })
19511          .catch(err => {
19512            console.error(err);
19513          });
19514        });
19515      });
19516    }
19517    window.addEventListener('load', initSubscribeForms);
19518    return true;
19519  })();
19520</script>
19520
19521
19522            </div>
19523          </div>
19524
19525          
19526
19527          
19528
19529          <div class="w-7/12 flex flex-row gap-16">
19530            
19531<div class="w-1/4">
19532              
19533
19534                  <a href="/collections" class="
19535          block mb-4 !no-underline type--footer-nav title 
19536          ">
19537                
19538                  Shop
19539                </a>
19540              
19541
19542                  <a href="https://nomaprojects.com/products/taste-buds-membership-hold" class="
19543          block mb-4 !no-underline type--footer-nav title 
19544          ">
19545                
19546                  Taste Buds
19547                </a>
19548              
19549
19550                  <a href="/blogs/journal" class="
19551          block mb-4 !no-underline type--footer-nav title 
19552          ">
19553                
19554                  Journal
19555                </a>
19556              
19557
19558                  <a href="/blogs/recipes" class="
19559          block mb-4 !no-underline type--footer-nav title 
19560          ">
19561                
19562                  Recipes
19563                </a>
19564              
19565
19566                  <a href="https://noma.dk" class="
19567          block mb-4 !no-underline type--footer-nav title 
19568          ">
19569                
19570                  noma
19571                </a>
19572              
19573            </div><div class="w-1/4">
19574              
19575
19576                  <span class="
19577          block mb-4 !no-underline type--footer-nav title 
19578          ">
19579                
19580                  Info
19581                </span>
19582<a href="/pages/noma-projects" class="block mb-1 !no-underline type--footer-nav">
19583                    About
19584                  </a>
19585                  
19586                
19587<a href="/pages/careers" class="block mb-1 !no-underline type--footer-nav">
19588                    Careers
19589                  </a>
19590                  
19591                
19592<a href="/pages/corporate-gifting" class="block mb-1 !no-underline type--footer-nav">
19593                    Corporate Gifting
19594                  </a>
19595                  
19596                
19597<a href="https://nomaprojects.com/pages/wholesale" class="block mb-1 !no-underline type--footer-nav">
19598                    Wholesale
19599                  </a>
19600                  
19601                
19602<a href="/pages/press" class="block mb-1 !no-underline type--footer-nav">
19603                    Press
19604                  </a>
19605                  
19606                
19607<a href="/pages/contact" class="block mb-1 !no-underline type--footer-nav">
19608                    Find Us
19609                  </a>
19610                  
19611                
19612<a href="/pages/faq" class="block mb-1 !no-underline type--footer-nav">
19613                    FAQ
19614                  </a>
19615                  
19616                
19617<a href="https://nomaprojects.com/pages/faq#orders-shipping" class="block mb-1 !no-underline type--footer-nav">
19618                    Shipping
19619                  </a>
19620                  
19621                
19622<a href="https://www.findsmiley.dk/1277476" class="block mb-1 !no-underline type--footer-nav">
19623                    Smiley Report
19624                  </a>
19625                  
19626                
19627<a href="https://www.findsmiley.dk/1495000" class="block mb-1 !no-underline type--footer-nav">
19628                    Smiley Report Noma Projects Shop
19629                  </a>
19630                  
19631                
19632              
19633            </div><div class="w-1/4">
19634              
19635
19636                  <span class="
19637          block mb-4 !no-underline type--footer-nav title 
19638          ">
19639                
19640                  Connect
19641                </span>
19642<a href="/pages/contact" class="block mb-1 !no-underline type--footer-nav">
19643                    Contact
19644                  </a>
19645                  
19646                
19647<a href="https://www.instagram.com/nomaprojects" class="block mb-1 !no-underline type--footer-nav">
19648                    Instagram
19649                  </a>
19650                  
19651                
19652<a href="https://www.linkedin.com/company/nomaprojects/" class="block mb-1 !no-underline type--footer-nav">
19653                    LinkedIn
19654                  </a>
19655                  
19656                
19657<a href="https://www.pinterest.ca/nomaprojects/" class="block mb-1 !no-underline type--footer-nav">
19658                    Pinterest
19659                  </a>
19660                  
19661                
19662              
19663            </div><div class="w-1/4">
19664              <div class="block mb-4 !no-underline type--footer-nav title">Site</div>
19665              
19666              
19667              <a href="/account" rel="nofollow" class="block mb-1 !no-underline type--footer-nav">
19668                Account Login
19669              </a>
19670              <!-- Begin Recharge code -->
19671              
19672              <!-- End Recharge code -->
19673              
19674              
19675              <div class="mt-2">
19676                <button class="type--footer-nav text-left inline-flex" @click="localization_popup = true;">
19677                  <span class="">USD $
19678                    ·
19679                    EN</span>
19680                  <!-- snippets/component__icon.liquid -->
19681
19682
19683<span class="inline-flex align-middle " aria-hidden="true">
19684  
19685      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>
19686    
19687</span>
19688
19689                </button>
19690              </div>
19691              
19692              
19693            </div></div>
19694        </div>
19695      </div>
19696    </div>
19697  </nav>
19698
19699  
19700  <section
19701    class="pt-8 md:pt-2 pb-8 border--t-width md:border-t-0 flex flex-col lg:flex-row grow gap-2 lg:gap-24 xl:gap-[20rem] xxxl:gap-[30rem] justify-between
19702    color__bg-body color__text
19703    color__border-divider-1
19704    window--full !px-6 md:!px-8 lg:mx-auto lg:!max-w-none">
19705
19706    <div class="w-full lg:w-5/12 hidden lg:block">
19707      
19708      <div class="flex flex-wrap flex-1 w-full gap-2 lg:w-auto">
19709        <div class="w-full m-0--clear type--smallest">
19710          
19711          Copyright 2026 ©. All rights reserved.
19712        </div>
19713        
19714      </div>
19715    </div>
19716    <div class="w-full flex flex-col lg:flex-row lg:w-7/12 gap-2 lg:gap-4 justify-between relative">
19717      <div class="absolute bottom-0 right-0  md:hidden"  @click="window.scrollTo({ top: 0, behavior: 'smooth' })">
19718        <!-- snippets/component__icon.liquid -->
19719
19720
19721<span class="inline-flex align-middle rotate-180" aria-hidden="true">
19722  
19723      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-down"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg>
19724    
19725</span>
19726
19727      </div>
19728      
19729<div class="type--smallest mb-4 lg:mb-0 order-2 lg:order-1">
19730        
19731<a href="/policies/privacy-policy" class="!no-underline ml-2 first:ml-0">Privacy Policy</a>
19732        
19733<a href="/policies/terms-of-service" class="!no-underline ml-2 first:ml-0">Terms & Conditions</a>
19734        
19735<a href="/pages/accessibility" class="!no-underline ml-2 first:ml-0">Accessibility</a>
19736        
19737      </div><div class="type--smallest lg:text-right order-3 lg:order-2">
19738        <span class="cursor-pointer" @click="sitecredit_popup = true">Site Credits</span>
19739        
19740<a href="/pages/cookies-policy" class="!no-underline mr-2 lg:mr-0 lg:ml-2">Cookies</a>
19741        
19742      </div>
19743      <div class="flex flex-wrap flex-1 w-full gap-2 lg:w-auto block lg:hidden order-2">
19744        <div class="w-full m-0--clear type--smallest">
19745          
19746          Copyright 2026 ©. All rights reserved.
19747        </div>
19748        
19749      </div>
19750    </div>
19751  </section>
19752</footer>
19753
19754
19755</div><div id="shopify-section-sections--28713574990164__try_new_things_RdzffK" class="shopify-section shopify-section-group-footer-group try-new-things"><!-- sections/try-new-things.liquid -->
19756
19757
19758
19759
19760
19761
19762
19763
19764
19765<section
19766  class="z-0 group/banner relative transition-all duration-300 ease-in-out flex flex-col items-center justify-center no-underline hover:no-underline hover:opacity-100  color__bg-body color__text"
19767>
19768  <!-- Image background -->
19769  <div class="z-10 py-8 w-[94%]">
19770    
19771    <a href="/collections">
19772    
19773    
19774      <div class="w-full h-full  hidden md:block ">
19775        <!-- snippets/component__image.liquid -->
19776
19777
19778
19779
19780
19781
19782
19783<div
19784  class="
19785    js-picture w-full h-full overflow-hidden flex items-center
19786    
19787    
19788    
19789  ">
19790  <picture
19791    class="
19792      w-full flex items-center justify-center overflow-hidden
19793      
19794      h-full z-10
19795      
19796    ">
19797    <img src="//nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=5760" srcset="//nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=800 800w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=1000 1000w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=1200 1200w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=1400 1400w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=1600 1600w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=1800 1800w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Desktop_b5c2d09a-058c-427a-a980-9466b60b6336.svg?v=1758209600&amp;width=5000 5000w" width="5760" height="445" loading="
19798  
19799    lazy
19800  
19801" class="
19802  js-image
19803  
19804  w-full z-10
19805  
19806  h-full
19807  object-contain max-h-full max-w-full
19808
19809 
19810  
19811    
19812      min-h-full
19813    
19814  
19815  
19816    animation-300
19817  
19818  
19819">
19820  </picture>
19821</div>
19822
19823      </div>
19824    
19825    
19826      <div class="w-full h-full block md:hidden">
19827        <!-- snippets/component__image.liquid -->
19828
19829
19830
19831
19832
19833
19834
19835<div
19836  class="
19837    js-picture w-full h-full overflow-hidden flex items-center
19838    
19839    
19840    
19841  ">
19842  <picture
19843    class="
19844      w-full flex items-center justify-center overflow-hidden
19845      
19846      h-full z-10
19847      
19848    ">
19849    <img src="//nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=1200" srcset="//nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=100 100w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=200 200w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=300 300w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=400 400w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=500 500w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=600 600w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=700 700w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=800 800w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=1000 1000w, //nomaprojects.com/cdn/shop/files/NP_TryNewThings_Mobile_13086da4-08ec-47f3-be49-cae01fdf8c9c.svg?v=1758209617&amp;width=1200 1200w" width="1200" height="778" loading="
19850  
19851    lazy
19852  
19853" class="
19854  js-image
19855  
19856  w-full z-10
19857  
19858  h-full
19859  object-contain max-h-full max-w-full
19860
19861 
19862  
19863    
19864      min-h-full
19865    
19866  
19867  
19868    animation-300
19869  
19870  
19871">
19872  </picture>
19873</div>
19874
19875      </div>
19876    
19877    
19878    </a>
19879    
19880  </div>
19881</section>
19882
19883
19884</div>
19885<!-- END sections: footer-group -->
19886    <!-- BEGIN sections: overlay-group -->
19887<div id="shopify-section-sections--28713575055700__theme_scrollup" class="shopify-section shopify-section-group-overlay-group"><!-- sections/theme__scrollup.liquid -->
19888
19889
19890<section>
19891  
19892</section>
19893
19894
19895</div><div id="shopify-section-sections--28713575055700__theme_sitecredits" class="shopify-section shopify-section-group-overlay-group"><!-- sections/theme__sitecredits.liquid -->
19896
19897
19898<section class=" overflow-hidden"
19899  aria-modal="true"
19900  aria-label="Fullscreen popup"
19901  role="dialog">
19902  <div
19903    x-show="sitecredit_popup"
19904    x-trap="sitecredit_popup"
19905    x-cloak
19906    class="fixed inset-0 flex items-center justify-center z-50"
19907    
19908      x-transition:enter="animation-300"
19909      x-transition:enter-start="opacity-0"
19910      x-transition:enter-end="opacity-100"
19911      x-transition:leave="animation-300"
19912      x-transition:leave-start="opacity-100"
19913      x-transition:leave-end="opacity-0"
19914    >
19915    <div @click="sitecredit_popup = false;" class="cursor-pointer fixed inset-0 overflow-hidden top-0 w-full h-full color__bg-text opacity-70"></div>
19916    <div class="border--radius z-[51] flex md:flex-row color__bg-body color__text max-w-[90%] md:min-w-[600px] md:max-w-[650px] min-h-[400px]">
19917      
19918      <div class="p-4 w-full relative">
19919        <div class="p-4 md:p-8 md:max-w-[90%] mx-auto h-full ">
19920          <div class="text-right absolute top-4 right-4 cursor-pointer" @click="sitecredit_popup = false;">
19921            <!-- snippets/component__icon.liquid -->
19922
19923
19924<span class="inline-flex align-middle " aria-hidden="true">
19925  
19926    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
19927      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,
1992768.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
19928    </svg>
19929    
19930    
19931</span>
19932
19933          </div>
19934          <div class="flex flex-col justify-center h-full">
19935            <div class="">
19936              
19937                <p class="!mb-4 text-center">Site Credits</p>
19938              
19939              
19940                <div class="m-0--clear text-center">
19941                  <p><strong>Design</strong>: <a href="https://www.oystersunday.com/" target="_blank">Oyster Sunday</a></p><p><strong>Development</strong>: <a href="https://www.presentstudio.co/">Present Studio</a> + <a href="https://baggy.studio/" target="_blank">Baggy</a></p>
19942                </div>
19943              
19944            </div>
19945          </div>
19946        </div>
19947      </div>
19948    </div>
19949  </div>
19950</section>
19951
19952
19953</div>
19954<!-- END sections: overlay-group -->
19955
19956    <!-- snippets/theme__localization-popup.liquid -->
19957
19958
19959
19960<!-- snippets/component__popup.liquid -->
19961
19962
19963<section
19964  role="dialog"
19965  aria-modal="true"
19966  aria-label="Fullscreen popup"
19967  class="fixed inset-0 z-50 overflow-hidden left-0"
19968  @keyup.escape.window="localization_popup = false;"
19969  x-show="localization_popup"
19970  x-cloak>
19971  <div class="sm:block sm:p-0 flex items-end justify-center min-h-screen px-4 pt-4 text-center">
19972    <div aria-hidden="true"
19973      class="fixed inset-0 transition-opacity bg-black bg-opacity-50"
19974      @click="localization_popup = false;"
19975      x-show="localization_popup"
19976      
19977        x-transition:enter="animation-300"
19978        x-transition:enter-start="opacity-0"
19979        x-transition:enter-end="opacity-100"
19980        x-transition:leave="animation-300"
19981        x-transition:leave-start="opacity-100"
19982        x-transition:leave-end="opacity-0"
19983      
19984      x-cloak>
19985    </div>
19986    <div class="md:left-5 md:bottom-auto md:right-5 md:top-1/2 md:align-middle md:max-w-md md:-translate-y-1/2 absolute bottom-0 left-0 right-0 inline-block m-auto text-left align-bottom transition-all transform"
19987      x-show="localization_popup"
19988      x-trap="localization_popup"
19989      
19990        x-transition:enter="animation-300"
19991        x-transition:enter-start="opacity-0 translate-y-8"
19992        x-transition:enter-end="opacity-100"
19993        x-transition:leave="animation-300"
19994        x-transition:leave-start="opacity-100"
19995        x-transition:leave-end="opacity-0 translate-y-8"
19996      
19997      x-cloak>
19998      <div class="mobile-border--radius-b-0 color__bg-body border--radius overflow-y-auto shadow-lg max-h-[70vh] hide-scrollbar"
19999        @click.outside="localization_popup = false;">
20000        <div class="p-4 text-right">
20001          <button class="type__nav type--small"
20002            type="button"
20003            title="Close"
20004            @click="localization_popup = false;">
20005            Close
20006          </button>
20007        </div>
20008        
20009
20010  
20011    
20012      <localization-form>
20013        <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" />
20014          
20015          
20016          <!-- snippets/component__accordion.liquid -->
20017
20018<div class="border--b-width color__border-divider-1 px-4 border-t"
20019  
20020  x-data="{
20021    
20022      accordion: false
20023    
20024  }">
20025
20026  <button type="button"
20027    class="flex  w-full py-4 
20028     items-center "
20029    @click="
20030      
20031        accordion = ! accordion
20032      ">
20033
20034    <div class="flex items-center">
20035      
20036
20037      <span class=" text-left">
20038        
20039              <span class="type__nav">Change Country</span>
20040              <span class="type--small block text-left">United States ($ USD)</span>
20041          
20042      </span>
20043    </div>
20044    <div class="hidden">
20045      <div x-show=" !accordion ">
20046        <!-- snippets/component__icon.liquid -->
20047
20048
20049<span class="inline-flex align-middle ml-1" aria-hidden="true">
20050  
20051      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
20052    
20053</span>
20054
20055      </div>
20056      <div x-show=" accordion " x-cloak>
20057        <!-- snippets/component__icon.liquid -->
20058
20059
20060<span class="inline-flex align-middle ml-1" aria-hidden="true">
20061  
20062      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-minus"><line x1="5" y1="12" x2="19" y2="12"></line></svg>
20063    
20064</span>
20065
20066      </div>
20067    </div>
20068  </button>
20069
20070  <div
20071    class="accordion-content "
20072    x-show=" accordion "
20073    
20074      x-transition:enter="animation-100"
20075      x-transition:enter-start="opacity-0"
20076      x-transition:enter-end="opacity-100"
20077      x-transition:leave="animation-100"
20078      x-transition:leave-start="opacity-100"
20079      x-transition:leave-end="opacity-0"
20080    
20081    x-cloak>
20082    
20083            
20084              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20085                <label class="sr-only"
20086                  for="country_selection_EUR">Country selection</label>
20087                <input id="country_selection_EUR"
20088                  class="form-radio"
20089                  type="radio"
20090                  value="EUR"
20091                  data-value="AX"
20092                  >
20093                <span class="type--small ml-2">Åland Islands (€ EUR)</span>
20094              </label>
20095            
20096              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20097                <label class="sr-only"
20098                  for="country_selection_DKK">Country selection</label>
20099                <input id="country_selection_DKK"
20100                  class="form-radio"
20101                  type="radio"
20102                  value="DKK"
20103                  data-value="AR"
20104                  >
20105                <span class="type--small ml-2">Argentina (kr. DKK)</span>
20106              </label>
20107            
20108              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20109                <label class="sr-only"
20110                  for="country_selection_AUD">Country selection</label>
20111                <input id="country_selection_AUD"
20112                  class="form-radio"
20113                  type="radio"
20114                  value="AUD"
20115                  data-value="AU"
20116                  >
20117                <span class="type--small ml-2">Australia ($ AUD)</span>
20118              </label>
20119            
20120              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20121                <label class="sr-only"
20122                  for="country_selection_EUR">Country selection</label>
20123                <input id="country_selection_EUR"
20124                  class="form-radio"
20125                  type="radio"
20126                  value="EUR"
20127                  data-value="AT"
20128                  >
20129                <span class="type--small ml-2">Austria (€ EUR)</span>
20130              </label>
20131            
20132              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20133                <label class="sr-only"
20134                  for="country_selection_EUR">Country selection</label>
20135                <input id="country_selection_EUR"
20136                  class="form-radio"
20137                  type="radio"
20138                  value="EUR"
20139                  data-value="BE"
20140                  >
20141                <span class="type--small ml-2">Belgium (€ EUR)</span>
20142              </label>
20143            
20144              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20145                <label class="sr-only"
20146                  for="country_selection_DKK">Country selection</label>
20147                <input id="country_selection_DKK"
20148                  class="form-radio"
20149                  type="radio"
20150                  value="DKK"
20151                  data-value="BR"
20152                  >
20153                <span class="type--small ml-2">Brazil (kr. DKK)</span>
20154              </label>
20155            
20156              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20157                <label class="sr-only"
20158                  for="country_selection_EUR">Country selection</label>
20159                <input id="country_selection_EUR"
20160                  class="form-radio"
20161                  type="radio"
20162                  value="EUR"
20163                  data-value="BG"
20164                  >
20165                <span class="type--small ml-2">Bulgaria (€ EUR)</span>
20166              </label>
20167            
20168              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20169                <label class="sr-only"
20170                  for="country_selection_CAD">Country selection</label>
20171                <input id="country_selection_CAD"
20172                  class="form-radio"
20173                  type="radio"
20174                  value="CAD"
20175                  data-value="CA"
20176                  >
20177                <span class="type--small ml-2">Canada ($ CAD)</span>
20178              </label>
20179            
20180              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20181                <label class="sr-only"
20182                  for="country_selection_EUR">Country selection</label>
20183                <input id="country_selection_EUR"
20184                  class="form-radio"
20185                  type="radio"
20186                  value="EUR"
20187                  data-value="HR"
20188                  >
20189                <span class="type--small ml-2">Croatia (€ EUR)</span>
20190              </label>
20191            
20192              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20193                <label class="sr-only"
20194                  for="country_selection_EUR">Country selection</label>
20195                <input id="country_selection_EUR"
20196                  class="form-radio"
20197                  type="radio"
20198                  value="EUR"
20199                  data-value="CY"
20200                  >
20201                <span class="type--small ml-2">Cyprus (€ EUR)</span>
20202              </label>
20203            
20204              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20205                <label class="sr-only"
20206                  for="country_selection_EUR">Country selection</label>
20207                <input id="country_selection_EUR"
20208                  class="form-radio"
20209                  type="radio"
20210                  value="EUR"
20211                  data-value="CZ"
20212                  >
20213                <span class="type--small ml-2">Czechia (€ EUR)</span>
20214              </label>
20215            
20216              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20217                <label class="sr-only"
20218                  for="country_selection_DKK">Country selection</label>
20219                <input id="country_selection_DKK"
20220                  class="form-radio"
20221                  type="radio"
20222                  value="DKK"
20223                  data-value="DK"
20224                  >
20225                <span class="type--small ml-2">Denmark (kr. DKK)</span>
20226              </label>
20227            
20228              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20229                <label class="sr-only"
20230                  for="country_selection_EUR">Country selection</label>
20231                <input id="country_selection_EUR"
20232                  class="form-radio"
20233                  type="radio"
20234                  value="EUR"
20235                  data-value="EE"
20236                  >
20237                <span class="type--small ml-2">Estonia (€ EUR)</span>
20238              </label>
20239            
20240              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20241                <label class="sr-only"
20242                  for="country_selection_EUR">Country selection</label>
20243                <input id="country_selection_EUR"
20244                  class="form-radio"
20245                  type="radio"
20246                  value="EUR"
20247                  data-value="FO"
20248                  >
20249                <span class="type--small ml-2">Faroe Islands (€ EUR)</span>
20250              </label>
20251            
20252              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20253                <label class="sr-only"
20254                  for="country_selection_EUR">Country selection</label>
20255                <input id="country_selection_EUR"
20256                  class="form-radio"
20257                  type="radio"
20258                  value="EUR"
20259                  data-value="FI"
20260                  >
20261                <span class="type--small ml-2">Finland (€ EUR)</span>
20262              </label>
20263            
20264              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20265                <label class="sr-only"
20266                  for="country_selection_EUR">Country selection</label>
20267                <input id="country_selection_EUR"
20268                  class="form-radio"
20269                  type="radio"
20270                  value="EUR"
20271                  data-value="FR"
20272                  >
20273                <span class="type--small ml-2">France (€ EUR)</span>
20274              </label>
20275            
20276              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20277                <label class="sr-only"
20278                  for="country_selection_EUR">Country selection</label>
20279                <input id="country_selection_EUR"
20280                  class="form-radio"
20281                  type="radio"
20282                  value="EUR"
20283                  data-value="DE"
20284                  >
20285                <span class="type--small ml-2">Germany (€ EUR)</span>
20286              </label>
20287            
20288              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20289                <label class="sr-only"
20290                  for="country_selection_EUR">Country selection</label>
20291                <input id="country_selection_EUR"
20292                  class="form-radio"
20293                  type="radio"
20294                  value="EUR"
20295                  data-value="GR"
20296                  >
20297                <span class="type--small ml-2">Greece (€ EUR)</span>
20298              </label>
20299            
20300              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20301                <label class="sr-only"
20302                  for="country_selection_HKD">Country selection</label>
20303                <input id="country_selection_HKD"
20304                  class="form-radio"
20305                  type="radio"
20306                  value="HKD"
20307                  data-value="HK"
20308                  >
20309                <span class="type--small ml-2">Hong Kong SAR ($ HKD)</span>
20310              </label>
20311            
20312              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20313                <label class="sr-only"
20314                  for="country_selection_EUR">Country selection</label>
20315                <input id="country_selection_EUR"
20316                  class="form-radio"
20317                  type="radio"
20318                  value="EUR"
20319                  data-value="HU"
20320                  >
20321                <span class="type--small ml-2">Hungary (€ EUR)</span>
20322              </label>
20323            
20324              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20325                <label class="sr-only"
20326                  for="country_selection_INR">Country selection</label>
20327                <input id="country_selection_INR"
20328                  class="form-radio"
20329                  type="radio"
20330                  value="INR"
20331                  data-value="IN"
20332                  >
20333                <span class="type--small ml-2">India (₹ INR)</span>
20334              </label>
20335            
20336              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20337                <label class="sr-only"
20338                  for="country_selection_EUR">Country selection</label>
20339                <input id="country_selection_EUR"
20340                  class="form-radio"
20341                  type="radio"
20342                  value="EUR"
20343                  data-value="IE"
20344                  >
20345                <span class="type--small ml-2">Ireland (€ EUR)</span>
20346              </label>
20347            
20348              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20349                <label class="sr-only"
20350                  for="country_selection_ILS">Country selection</label>
20351                <input id="country_selection_ILS"
20352                  class="form-radio"
20353                  type="radio"
20354                  value="ILS"
20355                  data-value="IL"
20356                  >
20357                <span class="type--small ml-2">Israel (₪ ILS)</span>
20358              </label>
20359            
20360              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20361                <label class="sr-only"
20362                  for="country_selection_EUR">Country selection</label>
20363                <input id="country_selection_EUR"
20364                  class="form-radio"
20365                  type="radio"
20366                  value="EUR"
20367                  data-value="IT"
20368                  >
20369                <span class="type--small ml-2">Italy (€ EUR)</span>
20370              </label>
20371            
20372              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20373                <label class="sr-only"
20374                  for="country_selection_JPY">Country selection</label>
20375                <input id="country_selection_JPY"
20376                  class="form-radio"
20377                  type="radio"
20378                  value="JPY"
20379                  data-value="JP"
20380                  >
20381                <span class="type--small ml-2">Japan (Â¥ JPY)</span>
20382              </label>
20383            
20384              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20385                <label class="sr-only"
20386                  for="country_selection_EUR">Country selection</label>
20387                <input id="country_selection_EUR"
20388                  class="form-radio"
20389                  type="radio"
20390                  value="EUR"
20391                  data-value="LV"
20392                  >
20393                <span class="type--small ml-2">Latvia (€ EUR)</span>
20394              </label>
20395            
20396              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20397                <label class="sr-only"
20398                  for="country_selection_DKK">Country selection</label>
20399                <input id="country_selection_DKK"
20400                  class="form-radio"
20401                  type="radio"
20402                  value="DKK"
20403                  data-value="LI"
20404                  >
20405                <span class="type--small ml-2">Liechtenstein (kr. DKK)</span>
20406              </label>
20407            
20408              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20409                <label class="sr-only"
20410                  for="country_selection_EUR">Country selection</label>
20411                <input id="country_selection_EUR"
20412                  class="form-radio"
20413                  type="radio"
20414                  value="EUR"
20415                  data-value="LT"
20416                  >
20417                <span class="type--small ml-2">Lithuania (€ EUR)</span>
20418              </label>
20419            
20420              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20421                <label class="sr-only"
20422                  for="country_selection_EUR">Country selection</label>
20423                <input id="country_selection_EUR"
20424                  class="form-radio"
20425                  type="radio"
20426                  value="EUR"
20427                  data-value="LU"
20428                  >
20429                <span class="type--small ml-2">Luxembourg (€ EUR)</span>
20430              </label>
20431            
20432              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20433                <label class="sr-only"
20434                  for="country_selection_MYR">Country selection</label>
20435                <input id="country_selection_MYR"
20436                  class="form-radio"
20437                  type="radio"
20438                  value="MYR"
20439                  data-value="MY"
20440                  >
20441                <span class="type--small ml-2">Malaysia (RM MYR)</span>
20442              </label>
20443            
20444              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20445                <label class="sr-only"
20446                  for="country_selection_EUR">Country selection</label>
20447                <input id="country_selection_EUR"
20448                  class="form-radio"
20449                  type="radio"
20450                  value="EUR"
20451                  data-value="MT"
20452                  >
20453                <span class="type--small ml-2">Malta (€ EUR)</span>
20454              </label>
20455            
20456              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20457                <label class="sr-only"
20458                  for="country_selection_EUR">Country selection</label>
20459                <input id="country_selection_EUR"
20460                  class="form-radio"
20461                  type="radio"
20462                  value="EUR"
20463                  data-value="NL"
20464                  >
20465                <span class="type--small ml-2">Netherlands (€ EUR)</span>
20466              </label>
20467            
20468              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20469                <label class="sr-only"
20470                  for="country_selection_AUD">Country selection</label>
20471                <input id="country_selection_AUD"
20472                  class="form-radio"
20473                  type="radio"
20474                  value="AUD"
20475                  data-value="NZ"
20476                  >
20477                <span class="type--small ml-2">New Zealand ($ AUD)</span>
20478              </label>
20479            
20480              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20481                <label class="sr-only"
20482                  for="country_selection_NOK">Country selection</label>
20483                <input id="country_selection_NOK"
20484                  class="form-radio"
20485                  type="radio"
20486                  value="NOK"
20487                  data-value="NO"
20488                  >
20489                <span class="type--small ml-2">Norway (kr NOK)</span>
20490              </label>
20491            
20492              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20493                <label class="sr-only"
20494                  for="country_selection_PHP">Country selection</label>
20495                <input id="country_selection_PHP"
20496                  class="form-radio"
20497                  type="radio"
20498                  value="PHP"
20499                  data-value="PH"
20500                  >
20501                <span class="type--small ml-2">Philippines (₱ PHP)</span>
20502              </label>
20503            
20504              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20505                <label class="sr-only"
20506                  for="country_selection_EUR">Country selection</label>
20507                <input id="country_selection_EUR"
20508                  class="form-radio"
20509                  type="radio"
20510                  value="EUR"
20511                  data-value="PL"
20512                  >
20513                <span class="type--small ml-2">Poland (€ EUR)</span>
20514              </label>
20515            
20516              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20517                <label class="sr-only"
20518                  for="country_selection_EUR">Country selection</label>
20519                <input id="country_selection_EUR"
20520                  class="form-radio"
20521                  type="radio"
20522                  value="EUR"
20523                  data-value="PT"
20524                  >
20525                <span class="type--small ml-2">Portugal (€ EUR)</span>
20526              </label>
20527            
20528              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20529                <label class="sr-only"
20530                  for="country_selection_EUR">Country selection</label>
20531                <input id="country_selection_EUR"
20532                  class="form-radio"
20533                  type="radio"
20534                  value="EUR"
20535                  data-value="RO"
20536                  >
20537                <span class="type--small ml-2">Romania (€ EUR)</span>
20538              </label>
20539            
20540              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20541                <label class="sr-only"
20542                  for="country_selection_SGD">Country selection</label>
20543                <input id="country_selection_SGD"
20544                  class="form-radio"
20545                  type="radio"
20546                  value="SGD"
20547                  data-value="SG"
20548                  >
20549                <span class="type--small ml-2">Singapore ($ SGD)</span>
20550              </label>
20551            
20552              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20553                <label class="sr-only"
20554                  for="country_selection_EUR">Country selection</label>
20555                <input id="country_selection_EUR"
20556                  class="form-radio"
20557                  type="radio"
20558                  value="EUR"
20559                  data-value="SK"
20560                  >
20561                <span class="type--small ml-2">Slovakia (€ EUR)</span>
20562              </label>
20563            
20564              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20565                <label class="sr-only"
20566                  for="country_selection_EUR">Country selection</label>
20567                <input id="country_selection_EUR"
20568                  class="form-radio"
20569                  type="radio"
20570                  value="EUR"
20571                  data-value="SI"
20572                  >
20573                <span class="type--small ml-2">Slovenia (€ EUR)</span>
20574              </label>
20575            
20576              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20577                <label class="sr-only"
20578                  for="country_selection_DKK">Country selection</label>
20579                <input id="country_selection_DKK"
20580                  class="form-radio"
20581                  type="radio"
20582                  value="DKK"
20583                  data-value="ZA"
20584                  >
20585                <span class="type--small ml-2">South Africa (kr. DKK)</span>
20586              </label>
20587            
20588              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20589                <label class="sr-only"
20590                  for="country_selection_KRW">Country selection</label>
20591                <input id="country_selection_KRW"
20592                  class="form-radio"
20593                  type="radio"
20594                  value="KRW"
20595                  data-value="KR"
20596                  >
20597                <span class="type--small ml-2">South Korea (₩ KRW)</span>
20598              </label>
20599            
20600              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20601                <label class="sr-only"
20602                  for="country_selection_EUR">Country selection</label>
20603                <input id="country_selection_EUR"
20604                  class="form-radio"
20605                  type="radio"
20606                  value="EUR"
20607                  data-value="ES"
20608                  >
20609                <span class="type--small ml-2">Spain (€ EUR)</span>
20610              </label>
20611            
20612              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20613                <label class="sr-only"
20614                  for="country_selection_EUR">Country selection</label>
20615                <input id="country_selection_EUR"
20616                  class="form-radio"
20617                  type="radio"
20618                  value="EUR"
20619                  data-value="SE"
20620                  >
20621                <span class="type--small ml-2">Sweden (€ EUR)</span>
20622              </label>
20623            
20624              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20625                <label class="sr-only"
20626                  for="country_selection_EUR">Country selection</label>
20627                <input id="country_selection_EUR"
20628                  class="form-radio"
20629                  type="radio"
20630                  value="EUR"
20631                  data-value="CH"
20632                  >
20633                <span class="type--small ml-2">Switzerland (€ EUR)</span>
20634              </label>
20635            
20636              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20637                <label class="sr-only"
20638                  for="country_selection_TWD">Country selection</label>
20639                <input id="country_selection_TWD"
20640                  class="form-radio"
20641                  type="radio"
20642                  value="TWD"
20643                  data-value="TW"
20644                  >
20645                <span class="type--small ml-2">Taiwan ($ TWD)</span>
20646              </label>
20647            
20648              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20649                <label class="sr-only"
20650                  for="country_selection_THB">Country selection</label>
20651                <input id="country_selection_THB"
20652                  class="form-radio"
20653                  type="radio"
20654                  value="THB"
20655                  data-value="TH"
20656                  >
20657                <span class="type--small ml-2">Thailand (฿ THB)</span>
20658              </label>
20659            
20660              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20661                <label class="sr-only"
20662                  for="country_selection_DKK">Country selection</label>
20663                <input id="country_selection_DKK"
20664                  class="form-radio"
20665                  type="radio"
20666                  value="DKK"
20667                  data-value="TR"
20668                  >
20669                <span class="type--small ml-2">Türkiye (kr. DKK)</span>
20670              </label>
20671            
20672              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20673                <label class="sr-only"
20674                  for="country_selection_USD">Country selection</label>
20675                <input id="country_selection_USD"
20676                  class="form-radio"
20677                  type="radio"
20678                  value="USD"
20679                  data-value="TC"
20680                  >
20681                <span class="type--small ml-2">Turks &amp; Caicos Islands ($ USD)</span>
20682              </label>
20683            
20684              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20685                <label class="sr-only"
20686                  for="country_selection_GBP">Country selection</label>
20687                <input id="country_selection_GBP"
20688                  class="form-radio"
20689                  type="radio"
20690                  value="GBP"
20691                  data-value="GB"
20692                  >
20693                <span class="type--small ml-2">United Kingdom (£ GBP)</span>
20694              </label>
20695            
20696              <label class="type__nav color__text hover:color__bg-overlay-1 flex items-center w-full p-2">
20697                <label class="sr-only"
20698                  for="country_selection_USD">Country selection</label>
20699                <input id="country_selection_USD"
20700                  class="form-radio"
20701                  type="radio"
20702                  value="USD"
20703                  data-value="US"
20704                   checked>
20705                <span class="type--small ml-2">United States ($ USD)</span>
20706              </label>
20707            
20708
20709          
20710  </div>
20711
20712</div>
20713
20714          <input id="country_code"
20715            type="hidden"
20716            name="country_code"
20717            value="US">
20718        </form>
20719      </localization-form>
20720    
20721  
20722
20723  
20724    
20725  
20726  <!-- snippets/script__localization.liquid -->
20727
20728
20729<script>
20730  class LocalizationForm extends HTMLElement {
20731
20732    constructor() {
20733      super();
20734      this.elements = {
20735        input: this.querySelector('input[name="language_code"], input[name="country_code"]'),
20736        button: this.querySelector('button'),
20737      };  
20738      this.querySelectorAll('[id^="language_selection_"]').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
20739      this.querySelectorAll('[id^="country_selection_"]').forEach(item => item.addEventListener('click', this.onItemClick.bind(this)));
20740    }
20741  
20742    onItemClick(event) {
20743      event.preventDefault();
20744      const form = this.querySelector('form');
20745      this.elements.input.value = event.currentTarget.dataset.value;
20746      if (form) form.submit();
20747    }
20748  
20749    openSelector() {
20750      this.elements.button.focus();
20751      this.elements.button.setAttribute('aria-expanded', (this.elements.button.getAttribute('aria-expanded') === 'false').toString());
20752    }
20753
20754  }
20755  
20756  customElements.define('localization-form', LocalizationForm);
20757</script>
20757
20758
20759
20760      </div>
20761    </div>
20762  </div>
20763</section>
20764
20765
20766    <!-- snippets/theme__audio-popup.liquid -->
20767
20768
20769
20770<!-- snippets/component__popup.liquid -->
20771
20772
20773<section
20774  role="dialog"
20775  aria-modal="true"
20776  aria-label="Fullscreen popup"
20777  class="fixed inset-0 z-50 overflow-hidden left-0"
20778  @keyup.escape.window="audio_popup = false;"
20779  x-show="audio_popup"
20780  x-cloak>
20781  <div class="sm:block sm:p-0 flex items-end justify-center min-h-screen px-4 pt-4 text-center">
20782    <div aria-hidden="true"
20783      class="fixed inset-0 transition-opacity bg-black bg-opacity-50"
20784      @click="audio_popup = false;"
20785      x-show="audio_popup"
20786      
20787        x-transition:enter="animation-300"
20788        x-transition:enter-start="opacity-0"
20789        x-transition:enter-end="opacity-100"
20790        x-transition:leave="animation-300"
20791        x-transition:leave-start="opacity-100"
20792        x-transition:leave-end="opacity-0"
20793      
20794      x-cloak>
20795    </div>
20796    <div class="md:left-5 md:bottom-auto md:right-5 md:top-1/2 md:align-middle md:max-w-md md:-translate-y-1/2 absolute bottom-0 left-0 right-0 inline-block m-auto text-left align-bottom transition-all transform"
20797      x-show="audio_popup"
20798      x-trap="audio_popup"
20799      
20800        x-transition:enter="animation-300"
20801        x-transition:enter-start="opacity-0 translate-y-8"
20802        x-transition:enter-end="opacity-100"
20803        x-transition:leave="animation-300"
20804        x-transition:leave-start="opacity-100"
20805        x-transition:leave-end="opacity-0 translate-y-8"
20806      
20807      x-cloak>
20808      <div class="mobile-border--radius-b-0 color__bg-body border--radius overflow-y-auto shadow-lg max-h-[70vh] hide-scrollbar"
20809        @click.outside="audio_popup = false;">
20810        <div class="p-4 text-right">
20811          <button class="type__nav type--small"
20812            type="button"
20813            title="Close"
20814            @click="audio_popup = false;">
20815            Close
20816          </button>
20817        </div>
20818        
20819  <button class="type__nav border--b-width color__border-divider-1 hover:color__bg-overlay-1 block w-full p-4 text-left no-underline"
20820    @click.prevent="enable_audio = true; localStorage.setItem('paper_enable_audio', 'true')">
20821    <span x-show="enable_audio == true">
20822      <!-- snippets/component__icon.liquid -->
20823
20824
20825<span class="inline-flex align-middle mr-1" aria-hidden="true">
20826  
20827      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
20828    
20829</span>
20830
20831    </span>
20832    Enable audio
20833  </button>
20834  <button class="type__nav hover:color__bg-overlay-1 block w-full p-4 text-left no-underline"
20835    @click.prevent="enable_audio = false; localStorage.setItem('paper_enable_audio', 'false')">
20836    <span x-show="enable_audio == false">
20837      <!-- snippets/component__icon.liquid -->
20838
20839
20840<span class="inline-flex align-middle mr-1" aria-hidden="true">
20841  
20842      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
20843    
20844</span>
20845
20846    </span>
20847    Disable audio
20848  </button>
20849
20850      </div>
20851    </div>
20852  </div>
20853</section>
20854
20855    <!-- snippets/theme__error-popup.liquid -->
20856
20857
20858
20859<!-- snippets/component__alert.liquid -->
20860
20861
20862<div class="fixed top-0 left-0 right-0 z-50 w-auto overflow-hidden shadow-md md:left-auto md:right-5 md:top-5 color__bg-body color__text md:w-96 border--width color__border-divider-1" 
20863  @click.outside="show_alert = false"
20864  @keyup.escape.window="show_alert = false"
20865  x-show="show_alert"
20866  
20867    x-transition:enter="animation-300"
20868    x-transition:enter-start="opacity-0"
20869    x-transition:enter-end="opacity-100"
20870    x-transition:leave="animation-300"
20871    x-transition:leave-start="opacity-100"
20872    x-transition:leave-end="opacity-0"
20873  
20874  x-cloak>
20875
20876  <div class="relative p-4 overflow-hidden">
20877    
20878    
20879  <div class="flex flex-wrap items-center justify-between mb-4">
20880    <p class="flex items-center mb-0">Error</p>
20881    <button class="btn btn--smaller btn--plain"
20882      title="Close"
20883      @click="show_alert = false">
20884      <!-- snippets/component__icon.liquid -->
20885
20886
20887<span class="inline-flex align-middle " aria-hidden="true">
20888  
20889    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 68 68" fill="currentColor" class="feather feather-x">
20890      <path d="M42.03125,33.04025 L67.16225,7.90925 C68.26925,6.80225 68.26925,5.00725 67.16325,3.90025 L64.09325,0.83025 C62.98625,-0.27675 61.19125,-0.27675 60.08425,0.83025 L34.95225,25.96225 C34.42425,26.49025 33.56825,26.49025 33.04025,25.96225 L7.90925,0.83025 C6.80225,-0.27675 5.00725,-0.27675 3.90025,0.83025 L0.83025,3.90025 C-0.27675,5.00725 -0.27675,6.80125 0.83025,7.90825 L25.96225,33.04025 C26.49025,33.56825 26.49025,34.42425 25.96225,34.95225 L0.83025,60.08425 C-0.27675,61.19125 -0.27675,62.98625 0.83025,64.09325 L3.90025,67.16225 C5.00725,68.26925 6.80225,68.26925 7.90925,67.16225 L33.04025,42.03125 C33.56825,41.50325 34.42425,41.50325 34.95225,42.03125 L60.08425,67.16225 C61.19125,
2089068.26925 62.98625,68.26925 64.09325,67.16225 L67.16325,64.09325 C68.27025,62.98625 68.27025,61.19125 67.16325,60.08425 L42.03125,34.95225 C41.50325,34.42425 41.50325,33.56825 42.03125,33.04025"></path>
20891    </svg>
20892    
20893    
20894</span>
20895
20896    </button>
20897  </div>
20898  <div>
20899    <p class="mb-0" x-text="error_message"></p>
20900  </div>
20901
20902  </div>
20903</div>
20904
20905    
20906
20907
20908  
20908<script src="//nomaprojects.com/cdn/shop/t/92/assets/main-e7ea9356.js" type="module" crossorigin="anonymous"></script>
20908
20909
20910
20911    <!-- snippets/theme__scripts.liquid -->
20912
20913
20914<script>
20915  window.__initialData = window.__initialData || {};
20916  Object.assign(window.__initialData, {
20917
20918    // Scroll
20919    is_scrolled: false, // {boolean} Used to toggle dynamic header bar
20920    prev_scroll_pos: 0, // {number} Pprevious scroll position of the page
20921    show_scroll_up: false, // {boolean} To show the 'back to top' button
20922
20923    // Audio related properties
20924    click_audio: '//nomaprojects.com/cdn/shop/t/92/assets/click.wav?v=30100', // {string} URL for click sound
20925    success_audio: '//nomaprojects.com/cdn/shop/t/92/assets/success.wav?v=30100', // {string} URL for success sound
20926    enable_audio: false, // {boolean} To enable or disable audio
20927
20928    // Popups
20929    age_popup: localStorage.getItem("agePopupConfirmed") ? true : false, // {boolean} To toggle the age popup
20930    sitecredit_popup: false, // {boolean} To toggle the site credit popup
20931    audio_popup: false, // {boolean} To toggle the audio settings popup
20932    cookie_popup: false, // {boolean} To toggle the cookie compliance popup
20933    discount_popup: false, // {boolean} To toggle the discount popup
20934    filter_popup: false, // {boolean} To toggle the filter popup
20935    localization_popup: false, // {boolean} To toggle the localization popup
20936
20937    // Quick sections
20938    quick_add_popup: false, // {boolean} To toggle the quick add popup
20939    quick_edit_popup: false, // {boolean} To toggle the quick edit popup
20940    quick_edit_handle: '', // {string} Set to the product handle of the product being edited
20941    quick_add_handle: '', // {string} Set to the product handle of the product being added
20942
20943    // Menu
20944    menu_drawer: false, // {boolean} To toggle the menu drawer
20945    menu_nested: false, // {boolean} To check if the menu is nested
20946
20947    // Header
20948    hide_header: false, // {boolean} To hide the header
20949    hide_announcement: false, // {boolean} To hide the theme announcement
20950
20951    // Error
20952    error_alert: false, // {boolean} To show the alert
20953    error_message: '', // {string} Error message
20954
20955    // Prices
20956    price_format_with_currency: '${{amount}}', // {string} Format for price with currency
20957    price_format_without_currency: '${{amount}} USD', // {string} Format for price without currency
20958    price_enable_zeros: false, // {Boolean} Set to false to hide '.00'
20959    price_enable_currency: true, // {Boolean} Set to false to hide 'CAD'
20960
20961    // Products
20962    recent_products: localStorage.getItem("recentlyViewedProducts") ? JSON.parse(localStorage.getItem("recentlyViewedProducts")) : [], // {array} Recently viewed products
20963
20964    // Cart
20965    cart_alert: false, // {boolean} To show the cart alert
20966    cart_drawer: false, // {boolean} To toggle the cart drawer
20967    cart_loading: false, // {boolean} To check if the cart is loading
20968    cart_behavior_desktop: 'drawer', // {string} Behavior of the cart on desktop
20969    cart_behavior_mobile: 'drawer', // {string} Behavior of the cart on mobile
20970    cart: {
20971      items: [
20972        
20973      ],
20974      note: ``, // {string} Note for the cart
20975      item_count: 0, // {number} Count of items in the cart
20976      total_price: 0, // {number} Total price of the cart
20977      original_total_price: 0, // {number} Original total price of the cart
20978      total_discount: 0, // {number} Total discount of the cart
20979      alert_delay: 0, // {number} Width of the delay bar in cart alerts
20980      progress_bar_remaining: 0, // {number} Remaining amount - e.g. 'Spend X more for free shipping'
20981      progress_bar_percent: '0%', // {string} Percent to reaching free shipping
20982      progress_bar_calculation: 'total',
20983    },
20984
20985    // Search
20986    search_active: false, // {boolean} To toggle the search drawer
20987    search_loading: false, // {boolean} To check if the search is loading
20988    search_term: '', // {string} Term for the search
20989    search_items: [], // {array} Array of search items
20990    search_focus_index: '', // {string} Index of the focused search item
20991    search_focus_url: '', // {string} URL of the focused search item
20992    search_items_pages: [], // {array} Array of search items in pages
20993    search_items_collections: [], // {array} Array of search items in collections
20994    search_items_articles: [], // {array} Array of search items in articles
20995    search_items_queries: [], // {array} Array of search items in queries
20996
20997    // Pagination
20998    pagination_loading: false, // {boolean} To show loading state in pagination
20999
21000    // TODO: - Remove, merge and connect. Referce Space
21001    show_alert: false,
21002    enable_body_scrolling: true,
21003
21004  });
21005
21006  document.addEventListener('DOMContentLoaded', function() {
21007    document.body.classList.add('loaded');
21008  });
21009
21010</script>
21010
21011
21012
21013
21014<!-- snippets/script__design-mode.liquid -->
21015
21016
21017
21018
21019
21020<script>
21021document.addEventListener('DOMContentLoaded', function() {
21022    // Get all anchor elements
21023    var links = document.querySelectorAll('a');
21024
21025    // Loop through each link
21026    links.forEach(function(link) {
21027        // Check if the link is external
21028        if (link.hostname !== window.location.hostname) {
21029            link.setAttribute('target', '_blank');
21030            link.setAttribute('rel', 'noopener noreferrer');
21031        }
21032    });
21033});
21034</script>
21034
21035
21036<script type="text/javascript">
21037window.addEventListener('DOMContentLoaded', function() {
21038    var header = document.getElementById('header__nav');
21039    var firstSection = document.querySelector('main .shopify-section section');
21040
21041    if (firstSection) {
21042      // Check the background lightness of the first section
21043      var lightness = calculateBackgroundLightness(firstSection);
21044      // Set the initial state of the header based on the lightness
21045      // console.log(firstSection)
21046      if (lightness < 50) {
21047        header.classList.add('active-nav');
21048      } else {
21049        header.classList.remove('active-nav');
21050      }
21051
21052      // Scroll event listener
21053      window.addEventListener('scroll', function() {
21054        var scrollPosition = window.scrollY;
21055        var sections = document.querySelectorAll('main .shopify-section > section:not(section section)');
21056        // Loop through each section and check the background lightness
21057        sections.forEach(function(section) {
21058          var sectionTop = section.offsetTop;
21059          var sectionBottom = sectionTop + section.offsetHeight;
21060
21061          if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) {
21062            var lightness = calculateBackgroundLightness(section);
21063            if (lightness < 50) {
21064              header.classList.add('active-nav');
21065            } else {
21066              header.classList.remove('active-nav');
21067            }
21068          }
21069        });
21070
21071        const footer = document.querySelector('.shopify-section-group-footer-group');
21072        const headerScroll = document.querySelector('.is-header');
21073
21074        if (!footer || !headerScroll) return; // Exit if footer or header does not exist
21075
21076        // Get the position of the footer relative to the viewport
21077        // Get the distance from the top of the document to the footer
21078        const footerTop = footer.offsetTop;
21079
21080        // Get the current scroll position
21081        const scrollPosition2 = window.scrollY || window.pageYOffset;
21082
21083        // Check if the scroll position + window height is greater than or equal to the footer top
21084        // if (scrollPosition2 + window.innerHeight >= footerTop) {
21085        //   // Remove sticky behavior from the header
21086        //   headerScroll.classList.remove('sticky');
21087        // } else {
21088        //   // Add sticky behavior to the header
21089        //   headerScroll.classList.add('sticky');
21090        // }
21091
21092      });
21093
21094    }
21095
21096    if (document.querySelectorAll('.js-thumbnailSlider').length > 0) {
21097
21098       // Get all the .video-thumb-play elements
21099       var videoPlayElements = document.querySelectorAll('.video-thumb-play');
21100
21101       // Loop through all the .video-thumb-play elements
21102       videoPlayElements.forEach(function(videoPlayElement) {
21103         // Check the background lightness of the .video-thumb-play element
21104         var lightness = calculateBackgroundLightness(videoPlayElement);
21105
21106         // Set the initial state of the header based on the lightness
21107         if (lightness < 50) {
21108           videoPlayElement.classList.add('light-play-button');
21109         } else {
21110           videoPlayElement.classList.remove('light-play-button');
21111         }
21112       });
21113     }
21114  });
21115
21116  // Function to calculate lightness of the background
21117  function calculateBackgroundLightness(section) {
21118    var bgImageElement = section.querySelector('.fb-bg img');
21119    var bgVideoElement = section.querySelector('.fb-bg video');
21120    var bgColor = window.getComputedStyle(section).backgroundColor;
21121
21122    if(bgVideoElement || bgImageElement){
21123      return 0; // Example: Assume the background image is dark
21124    } else if (bgColor && bgColor !== 'transparent') {
21125      var rgb = bgColor.match(/\d+/g);
21126      return (0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]);
21127    } else {
21128      // No background color or image, assume default
21129      return 255; // Example: Assume default light background
21130    }
21131  }
21132
21133
21134    // Function to store URL with expiration time
21135   function storeUrlWithExpiry(url, hours) {
21136       const now = new Date();
21137       const expiryTime = now.getTime() + hours * 60 * 60 * 1000; // hours in milliseconds
21138       const data = {
21139           url: url,
21140           expiry: expiryTime
21141       };
21142       localStorage.setItem('storedUrl', JSON.stringify(data));
21143   }
21144
21145  // Function to get the stored URL if it hasn't expired
21146  function getUrlFromStorage() {
21147      const storedData = localStorage.getItem('storedUrl');
21148      if (!storedData) {
21149          return null;
21150      }
21151
21152      const data = JSON.parse(storedData);
21153      const now = new Date();
21154
21155      // Check if the stored URL has expired
21156      if (now.getTime() > data.expiry) {
21157          localStorage.removeItem('storedUrl');
21158          return null;
21159      }
21160
21161      return data.url;
21162  }
21163  /* CUSTOMER PORTAL */
21164  if(document.getElementById('recharge-customer-portal')) {
21165  	// add new button to customer portal
21166  	window.onload = () => {
21167  	  let d = document.querySelector('a[data-testid="recharge-internal-view-upcoming-deliveries"]')
21168  	  if(d) {
21169  		const cont = d.parentNode.parentNode;
21170  		let n = d.parentNode.cloneNode(true);
21171  		if(n.querySelector('span')) {
21172  		  n.querySelector('span').innerHTML = 'Taste Buds Discord';
21173  		  n.querySelector('a').href="https://discord.gg/9WGeGPCACg";
21174  		  n.querySelector('a').target="_blank"
21175  		  n.style.marginTop = '0';
21176  		}
21177  		cont.prepend(n);
21178  		n = d.parentNode.cloneNode(true);
21179  		if(n.querySelector('span')) {
21180  		  n.querySelector('span').innerHTML = 'Member Content';
21181  		  n.querySelector('a').href="/pages/tb26-welcome";
21182  		  n.style.marginTop = '15px';
21183  		}
21184  		cont.prepend(n);
21185  	  }
21186
21187
21188      const currentUrl = window.location.href;
21189      storeUrlWithExpiry(currentUrl, 1); // Store URL for 1 hour
21190
21191      // Retrieve and display the stored URL
21192      const storedUrl = getUrlFromStorage();
21193
21194    }
21195  }
21196
21197  if(document.getElementById('recharge-portal-url')) {
21198    const rechargePortalElement = document.getElementById('recharge-portal-url');
21199    const storedUrl = getUrlFromStorage();
21200
21201    if (storedUrl && rechargePortalElement) {
21202      rechargePortalElement.href = storedUrl; // Set the href attribute
21203    }
21204  }
21205</script>
21205
21206
21207<!-- Klaviyo Script -->
21208<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
vendor: 1 bytes, line 21208
21208
21209<script>
21210    var klaviyo = klaviyo || [];
21211    klaviyo.init({
21212      account: "U2c7ay",
21213      platform: "shopify",
21214      include_on_tags: "klaviyo-notify-bis"
21215    });
21216    klaviyo.enable("backinstock",{
21217    trigger: {
21218      product_page_text: "Notify Me When Available",
21219      product_page_class: "btn",
21220      product_page_text_align: "center",
21221      product_page_margin: "0px",
21222      replace_anchor: false
21223    },
21224    modal: {
21225     headline: "{product_name}",
21226     body_content: "Register to receive a notification when this item is available.",
21227     email_field_label: "Email",
21228     button_label: "Notify me when available",
21229     subscription_success_label: "You're in! We'll let you know when it's available.",
21230     footer_content: '',
21231     font_family:'"GTPressura","Helvetica Neue",Helvetica,Arial,sans-serif;',
21232     headers_font_family:'"GTPressura","Helvetica Neue",Helvetica,Arial,sans-serif;',
21233     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
21234     drop_background_color: "#1E1E1E",
21235     background_color: "#fff",
21236     text_color: "#222",
21237     button_text_color: "#fff",
21238     button_background_color: "#1E1E1E",
21239     close_button_color: "#1E1E1E",
21240     error_background_color: "#fcd6d7",
21241     error_text_color: "#C72E2F",
21242     success_background_color: "#d3efcd",
21243     success_text_color: "#1B9500"
21244    }
21245  });
21246</script>
21246
21247
21248<!-- Accessibe -->
21249<script> (function(){
21250  var s = document.createElement('script');
21251  var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js';
21252  s.async = true; s.onload = function(){
21253    acsbJS.init({
21254      statementLink : '',
21255      footerHtml : '',
21256      hideMobile : false,
21257      hideTrigger : true,
21258      disableBgProcess : false,
21259      language : 'en',
21260      position : 'left',
21261      leadColor : '#000000',
21262      triggerColor : '#000000',
21263      triggerRadius : '50%',
21264      triggerPositionX : 'right',
21265      triggerPositionY : 'bottom',
21266      triggerIcon : 'settings',
21267      triggerSize : 'medium',
21268      triggerOffsetX : 40,
21269      triggerOffsetY : 40,
21270      mobile : {
21271        triggerSize : 'small',
21272        triggerPositionX : 'left',
21273        triggerPositionY : 'bottom',
21274        triggerOffsetX : 10,
21275        triggerOffsetY : 10,
21276        triggerRadius : '50%' }
21277      });
21278    };
21279    h.appendChild(s);
21280  })(); </script>
21280
21281
21282    <!-- snippets/accessibe-mobile.liquid -->
21283
21284<div class="ml-[1.5rem] bottom-[1rem] fixed flex z-10">
21285  <div class="accessibe-icon p-1 color__bg-primary rounded-full" data-acsb-custom-trigger="true">
21286    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m27.529 13.968-2.883-.566a10.203 10.203 0 0 0-.708-1.654l1.702-2.41a.642.642 0 0 0-.095-.755l-2.079-2.08a.645.645 0 0 0-.756-.094L20.3 8.063a7.11 7.11 0 0 0-1.653-.661l-.52-2.929c-.048-.236-.33-.473-.615-.473h-2.881c-.284 0-.568.237-.615.473l-.52 2.882c-.614.189-1.181.425-1.748.708L9.291 6.41c-.188-.19-.567-.142-.756.047l-2.03 2.078a.64.64 0 0 0-.095.757l1.7 2.456c-.33.52-.52 1.087-.708 1.654l-2.883.566c-.283.049-.519.285-.519.568v2.928c0 .284.236.52.519.568l2.883.567c.189.566.425 1.134.708 1.7l-1.653 2.409c-.142.237-.142.568.047.757l2.078 2.078c.19.19.52.236.757.047l2.457-1.653c.52.283 1.087.52 1.7.71l.52 2.881c.047.236.331.472.568.472h2.928c.283 0 .567-.236.614-.472l.52-2.928c.567-.19 1.134-.379 1.653-.662l2.41 1.607c.236.189.567.141.756-.048l2.03-2.079c.237-.19.237-.52.095-.756l-1.654-2.409c.285-.519.52-1.087.71-1.652l2.882-.568a.56.56 0 0 0 .472-.568v-2.928a.56.56 0 0 0-.471-.57ZM16 21.007c-2.74 0-5.007-2.267-5.007-5.007A5.01 5.01 0 0 1 16 10.992 4.98 4.98 0 0 1 21.01 16 5.01 5.01 0 0 1 16 21.007Z" fill="currentColor"></path></svg>
21287  </div>
21288</div>
21289
21290
21291    
21292    <!-- Inveterate popup CSS overrides -->
21293    <style>
21294      #inveterate-exclusive-access-tiers-card2-subtitle,
21295      #inveterate-exclusive-access-tiers-popup-link-group-nonsbt {
21296        display: none !important;
21297      }
21298    </style>
21299
21300    
21300<script>
21301      // Modify Inveterate popup content - runs continuously to catch dynamic updates
21302      (function() {
21303        function modifyInveteratePopup() {
21304          const cardTitle = document.getElementById('inveterate-exclusive-access-tiers-card2-title');
21305          if (cardTitle && cardTitle.textContent !== 'Tastebuds 2026 Unboxed') {
21306            cardTitle.textContent = 'Tastebuds 2026 Unboxed';
21307          }
21308        }
21309
21310        // Check periodically - Inveterate may re-render content
21311        setInterval(modifyInveteratePopup, 500);
21312      })();
21313    </script>
21313
21314  <style> body.product-taste-buds #productForm .options {display: none !important;} </style>
21315<div id="shopify-block-AYU1uNGdwRjVma1l1U__16017602894386113438" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: junip-store-key --><span
21316  class="junip-store-key"
21317  data-supports-theme-extensions="true"
21318  data-shopify-preview-mode="false"
21319  data-store-key="Nu5eeuv5kvMY9CRjY3Yt2qgv"
21320  data-onsite-enabled="true"
21321  data-review-count-enabled="false"
21322  data-star-color="#1A1A1A"
21323  data-star-template-url="https://api.juniphq.com/images/star_options/2/template">
21324</span>
21325<!-- END app snippet -->
21326<script src="https://widgets.juniphq.com/v1/junip_shopify.js" async></script>
21326
21327</div><div id="shopify-block-AbTRJei9yemd1RmxhU__152906827736512534" class="shopify-block shopify-app-block">
21328<script
21329  src="https://cdn.popupsmart.com/bundle.js"
21330  data-id="41163"
21331  async
21332  defer></script>
21332
21333<!-- Popupsmart Shopify Data Integration --> 
21333<script async defer>function compactObject(data) { if (typeof data !== 'object') { return data; } return Object.keys(data).reduce(function (accumulator, key) { const isObject = data[key] !== null && typeof data[key] === 'object'; let value = isObject ? compactObject(data[key]) : data[key]; const isEmptyObject = isObject && !Object.keys(value).length; if (value === undefined || isEmptyObject) { return accumulator; } if (Array.isArray(data[key])) { value = Object.values(value); } return Object.assign(accumulator, { [key]: value }); }, {}); } function safeSetItem(key, value) { try { localStorage.setItem(key, value); } catch (e) { if (e && (e.name === 'QuotaExceededError' || e.name === 'NS_ERROR_DOM_QUOTA_REACHED' || e.code === 22 || e.code === 1014)) { try { localStorage.removeItem(key); localStorage.setItem(key, value); } catch (_) {} } } } function addToPsMetaData(data) { if (!window?.ps?.addMeta) return; const loggedIn = data?.logState === 'Logged In'; const storedStringData = localStorage.getItem('shopifyMetaData'); const storedData = storedStringData ? JSON.parse(storedStringData) : {}; const shopifyData = { cart: storedData?.cart, userId: data?.userId || (loggedIn ? storedData?.userId : undefined), currency: data?.currency || storedData?.currency || 'USD', loggedIn: loggedIn, search: data?.search || '', customer: { email: data?.customerEmail || (loggedIn ? storedData?.customer?.email : undefined), type: data?.customerType || (loggedIn ? storedData?.customer?.type : undefined), firstName: data?.customerInfo?.firstName || data?.shippingInfo?.firstName || data?.billingInfo?.firstName || (loggedIn ? storedData?.customer?.firstName : undefined), lastName: data?.customerInfo?.lastName || data?.shippingInfo?.lastName || data?.billingInfo?.lastName || (loggedIn ? storedData?.customer?.lastName : undefined), address1: data?.customerInfo?.address1 || data?.shippingInfo?.address1 || data?.billingInfo?.address1 || (loggedIn ? storedData?.customer?.address1 : undefined), address2: data?.customerInfo?.address2 || data?.shippingInfo?.address2 || data?.billingInfo?.address2 || (loggedIn ? storedData?.customer?.address2 : undefined), street: data?.customerInfo?.street || data?.shippingInfo?.street || data?.billingInfo?.street || (loggedIn ? storedData?.customer?.street : undefined), city: data?.customerInfo?.city || data?.shippingInfo?.city || data?.billingInfo?.city || (loggedIn ? storedData?.customer?.city : undefined), province: data?.customerInfo?.province || data?.shippingInfo?.province || data?.billingInfo?.province || (loggedIn ? storedData?.customer?.province : undefined), zip: data?.customerInfo?.zip || data?.shippingInfo?.zip || data?.billingInfo?.zip || (loggedIn ? storedData?.customer?.zip : undefined), country: data?.customerInfo?.country || data?.shippingInfo?.country || data?.billingInfo?.country || (loggedIn ? storedData?.customer?.country : undefined), phone: data?.customerInfo?.phone || data?.shippingInfo?.phone || data?.billingInfo?.phone || (loggedIn ? storedData?.customer?.phone : undefined), 'lastOrderCreatedAt':"", 'tags':null, accepts_marketing:null,orders_count: data?.customerInfo?.orders_count || data?.shippingInfo?.orders_count || data?.billingInfo?.orders_count || (loggedIn ? storedData?.customer?.orders_count : undefined), totalSpent: data?.customerInfo?.totalSpent || data?.shippingInfo?.totalSpent || data?.billingInfo?.totalSpent || (loggedIn ? storedData?.customer?.totalSpent : undefined), addresses: (function(list){return Array.isArray(list)?list:[];})(data?.customerInfo?.addresses || (loggedIn ? storedData?.customer?.addresses : undefined)).map(a=>({address1:a.address1,address2:a.address2,city:a.city,province:a.province,province_code:a.province_code,zip:a.zip,country:a.country,country_code:a.country_code,country_name:a.country_name,company:a.company,phone:a.phone,first_name:a.first_name,last_name:a.last_name,name:a.name})), id: data?.userId || (loggedIn ? storedData?.userId : undefined), name: data?.customerInfo?.name || (loggedIn ? storedData?.customer?.name : undefined), loggedIn: loggedIn,}, 'product':{'total_inventory_quantity':null ,'tags':null,'available':null > 0,'name':null,'variant':{'name':null,'price':"",'sku':null},'vendor':null, 'collections':(null|| []).map(collection=>({'id':collection.id,'title':collection.title}))}
21333 ,'collection':{'id':null,'title':null}}; const shopifyMetaData = compactObject(shopifyData); safeSetItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', shopifyMetaData); } function updateCart() { if (!window?.ps?.addMeta) return; const storedStringData = localStorage.getItem('shopifyMetaData'); const storedData = storedStringData ? JSON.parse(storedStringData) : {}; const cart = { total: storedData?.cart?.total || 0, products: storedData?.cart?.products || [], }; fetch(window.Shopify.routes.root + 'cart.js') .then((response) => response.json()) .then((data) => { if (!data.items.length) { cart.total = 0; cart.products = []; const shopifyData = { ...storedData, cart: cart }; const shopifyMetaData = compactObject(shopifyData); safeSetItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', shopifyMetaData); return; } const cartItems = data.items.map((item) => { return { id: item.id || '', sku: item.sku || '', variant: item.variant_id || '', type: item.product_type || '', name: item.title || item.product_title || '', price: item.price / 100 || 0, quantity: item.quantity || 0, url: `https:${window.Shopify.shop}${item.url}` || '', image: item.image || '', brand: item.vendor || '', categories: [''], }; }); cart.total = data.total_price / 100; cart.products = cartItems; const shopifyData = { ...storedData, cart: cart }; const shopifyMetaData = compactObject(shopifyData); safeSetItem('shopifyMetaData', JSON.stringify(shopifyMetaData)); window.ps.addMeta('shopify', {...shopifyMetaData,filledData:true}); }); } (function (ns, fetch) { if (typeof fetch !== 'function') return; ns.fetch = function () { const response = fetch.apply(this, arguments); response.then((res) => { if (res.url.includes('cart/add') || res.url.includes('cart/change')) { updateCart(); } }); return response; }; })(window, window.fetch); !function(e){if(window.XMLHttpRequest){var n=window.XMLHttpRequest;e.XMLHttpRequest=function e(){var t=new n;return t.onload=function(){t.responseURL&&(t.responseURL.includes("cart/add")||t.responseURL.includes("cart/change"))&&updateCart()},t}}}(window); function getURLParams(name, url) { if (!url) url = window.location.href; name = name.replace(/[\\[\\]]/g, '\\\\$&'); const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); const results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\\+/g, ' ')); } function applyBindings(objectArray, outputObject) { for (const key in objectArray) { const objs = objectArray[key]; let values = []; if (objs.length > 0) { values.push(objs); if (key in outputObject) { values.push(outputObject[key]); outputObject[key] = values.join(', '); } else { outputObject[key] = values.join(', '); } } } } __PS__interval = setInterval(function () { if (window?.ps?.addMeta) { __PS__ = {}; customBindings = { searchPage: [], searchTermQuery: [getURLParams('q')], }; defaultBindings = { searchPage: ['search'], }; objectArray = customBindings; outputObject = __PS__; applyBindings(customBindings, __PS__); applyBindings(defaultBindings, __PS__); if(window?.ps?.meta?.shopify){ clearInterval(__PS__interval); } let isLoggedIn = false;const logState = {  'search':getURLParams('q'),'logState': "Logged Out",'customerEmail': null, 'timestamp': Date.now(),'customerType': 'New', 'customerTypeNumber': '1','shippingInfo': { 'fullName': null, 'firstName': null, 'lastName': null, 'address1': null, 'address2': null, 'street': null, 'city': null, 'province': null, 'zip': null, 'country': null, 'phone': null, 'orders_count': 0, 'totalSpent': 0, }, 'billingInfo': { 'fullName': null, 'firstName': null, 'lastName': null, 'address1': null, 'address2': null, 'street': null, 'city': null, 'province': null, 'zip': null, 'country': null, 'phone': null, 'totalOrder': 0, 'totalSpent': 0,'accepts_marketing':false,'tags':[] }}; addToPsMetaData(logState); updateCart(); } }, 100);</script>
21333<!-- End of Popupsmart Shopify Data Integration -->
21334
21335</div><div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block">
21335<script id="subscription-helper">
21336
21337        if (!window.AppstleIncluded) {
21338          window.AppstleIncluded = true;
21339          window.RS = Window.RS || {};
21340          
21341            RS.Config = {
21342                "selectors": {
21343                    "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button",
21344                    "subscriptionLinkSelector": "",
21345                    "atcButtonPlacement": "BEFORE",
21346                    "subscriptionLinkPlacement": "BEFORE",
21347                    "cartRowSelector": "",
21348                    "cartLineItemSelector": "",
21349                    "cartLineItemPerQuantityPriceSelector": "",
21350                    "cartLineItemTotalPriceSelector": "",
21351                    "cartLineItemSellingPlanNameSelector": "",
21352                    "cartSubTotalSelector" : "",
21353                    "cartLineItemPriceSelector": "",
21354                    "cartLineItemPlacement": "BEFORE",
21355                    "cartHiddenAttributesSelector": "",
21356                    "buildABoxDiscountSelector": "",
21357                },
21358                "baseUrl": "https://subscription-admin.appstle.com",
21359                "usedTranslation": "true",
21360                "enableCartWidgetFeature": "true",
21361                "storefrontAnalyticsForwardingEnabled": false,
21362                "appstleStorefrontAnalyticsPath": "https://subscription-admin.appstle.com/assets/js/appstle-storefront-analytics.min.js?shop=nomaprojects.myshopify.com&v=1788439670829",
21363                "useUrlWithCustomerId": "true",
21364                "atcButtonSelector": "",
21365                "moneyFormat": "DKK {{amount}}",
21366                "oneTimePurchaseText": "One Time Purchase",
21367                "minimumQuantityMessage": "",
21368                "tapToSelectText": "Tap To Select",
21369                "bundleDiscountTextV2": "bundle discount extra: {{bundleDiscount}} off",
21370                "productPageUnitPriceSelectorV2": "",
21371                "monthsFrequencyTextV2": "Months",
21372                "monthlyLabelTextV2": "Monthly",
21373                "monthFrequencyTextV2": "Month",
21374                "weeksFrequencyTextV2": "Weeks",
21375                "weeklyLabelTextV2": "Weekly",
21376                "weekFrequencyTextV2": "Week",
21377                "daysFrequencyTextV2": "Days",
21378                "dayFrequencyTextV2": "day",
21379                "yearsFrequencyTextV2": "Years",
21380                "yearlyLabelTextV2": "Yearly",
21381                "yearFrequencyTextV2": "Year",
21382                "offFrequencyTextV2": "Off",
21383                "prepayLabelTextV2": "Prepay",
21384                "prepaidLabelTextV2": "Prepaid",
21385                "prepaidSaveBadgeTextV2": "SAVE {{selectedDiscountPercentage}}",
21386                "onetimeDescriptionTextV2": "",
21387                "atcButtonTextV2": "",
21388                "oneTimeFrequencyTextV2": "One Time",
21389                "cancelAnytimeLabelTextV2": "Cancel Anytime",
21390                "noSubscriptionLabelTextV2": "No Subscription",
21391                "addToShipmentButtonTextV2": "Add to Shipment",
21392                "addToShipmentProcessingV2": "Processing...",
21393                "addToShipmentSuccessTextV2": "Success",
21394                "addToShipmentErrorTextV2": "Error",
21395                "addToShipmentTooltipTextV2": "Please avoid double delivery charges! Login to add this product to an upcoming delivery.",
21396                "frequencyCombinedWidgetTextV2": "Frequency",
21397                "selectDeliverOptionV2": "Select Delivery Option",
21398                "subscribeAndSaveSuccessV2": "Subscription Selected",
21399                "unsubscribeFrequencyTextV2": "One-time Purchase",
21400                "deliveryEveryFrequencyTextV2": "Delivery Frequency",
21401                "sellingPlanTitleTextNonPrepaid": "{{sellingPlanName}}",
21402                "subscribeAndSaveInitalV2": "Subscribe and save",
21403                "subscriptionDescriptionTextV2": "",
21404                "atcButtonTextSelector": "",
21405                "disableCartWidgetOnVariants": "",
21406                "shop": "nomaprojects.myshopify.com",
21407                "deliveryText": "delivery",
21408                "purchaseOptionsText": "Purchase Options",
21409                "manageSubscriptionButtonText": "",
21410                "subscriptionOptionText": "Subscribe and save",
21411                "sellingPlanSelectTitle": "DELIVERY FREQUENCY",
21412                "subscriptionPriceDisplayText": "",
21413                "tooltipTitle": "Subscription detail",
21414                "showTooltipOnClick": "false",
21415                "tooltipDesctiption": `<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.`,
21416                "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})",
21417                "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><\/br> Initial discount is {{discountOne}} and then {{discountTwo}}",
21418                "manualTranslation": "false",
21419                "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br>  {{{prepaidDetails}}} <\/br> {{{discountDetails}}}",
21420                "orderStatusManageSubscriptionTitle": "Subscription",
21421                "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.",
21422                "orderStatusManageSubscriptionButtonText": "Manage your subscription",
21423                "subscriptionOptionSelectedByDefault" : false,
21424                "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery",
21425                "memberOnlySellingPlansJson": {},
21426                "nonMemberOnlySellingPlansJson": {},
21427                "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/689971790164","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/689971790164","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Monthly subscription ","groupId":77091340628,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":6,"billingFrequencyInterval":"MONTH","frequencyName":"6 x Monthly Subscription","discountOffer":10.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/689971888468","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"maxCycles":1,"cutOff":0,"prepaidFlag":"true","idNew":"gid://shopify/SellingPlan/689971888468","planType":"PREPAID","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","upcomingOrderEmailBuffer":15,"frequencySequence":0,"groupName":"6-month pre-paid subscription ","groupId":77091373396,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":12,"billingFrequencyInterval":"MONTH","frequencyName":"12 x Monthly Subscription","frequencyDescription":"","discountOffer":15.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/689972445524","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"maxCycles":1,"cutOff":0,"prepaidFlag":"true","idNew":"gid://shopify/SellingPlan/689972445524","planType":"PREPAID","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","upcomingOrderEmailBuffer":15,"frequencySequence":0,"groupName":"12-month pre-paid subscription","groupId":77091930452,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":10.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/690614108500","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":6,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690614108500","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"6-month subscription (billed monthly)","groupId":77671989588,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":15.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/690614141268","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":12,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690614141268","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"12-month subscription (billed monthly)","groupId":77672022356,"repeatingCycle":false,"defaultSelectedPlan":false,"frequencyNameTranslations":{},"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":15.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/691084394836","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":12,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691084394836","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"12-month subscription (billed monthly, shipping included)","groupId":78102102356,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","discountOffer":10.0,"afterCycle1":0,"discountType":"PERCENTAGE","discountEnabled":true,"discountEnabledMasked":true,"id":"gid://shopify/SellingPlan/691084427604","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":6,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691084427604","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"6-month subscription (billed monthly, shipping included)","groupId":78102135124,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly Subscription","frequencyDescription":"","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/691084460372","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/691084460372","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Monthly subscription (shipping included)","groupId":78102167892,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}],
21428                "widgetEnabled": true,
21429                "showFreeGiftPrice" : true,
21430                "showFreeGiftComparePrice" : true,
21431                "enableFreeGiftLayout" : false,
21432                "freeGiftLabelText": "+ Free {{productName}}",
21433                "freeGiftBadgeText": "",
21434                "showTooltip" : true,
21435                "showCartWidgetOnBundleItems" : false,
21436                "prepaidOptionSelectedByDefault" : false,
21437                "disablePassingSellingPlanAsLineProperties" : true,
21438                "updateThemePrice" : false,
21439                "sortByDefaultSequence": false,
21440                "showSubOptionBeforeOneTime": false,
21441                "detectVariantFromURLParams": false,
21442                "disableQueryParamsUpdate": false,
21443                "showStaticTooltip": true,
21444                "showAppstleLink": true,
21445                "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)",
21446                "oneTimePriceText" : "{{price}}",
21447                "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}",
21448                "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}",
21449                "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}",
21450                "manageSubscriptionBtnFormat" : "<a href='https:\/\/nomaprojects.myshopify.com\/apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>{{manageSubscriptionButtonText}}<\/button>
21450<\/a><br><br>",
21451                "manageSubscriptionUrl" : "https:\/\/nomaprojects.myshopify.com\/apps\/subscriptions",
21452                "appstlePlanId": 641,
21453                "showCheckoutSubscriptionBtn": true,
21454                "priceSelector": "",
21455                "reloadPriceSelector": "",
21456                "landingPagePriceSelector": "",
21457                "quickViewClickSelector": "",
21458                "badgeTop": "",
21459                "pricePlacement": "BEFORE",
21460                "disableLoadingJquery": false,
21461                "widgetEnabledOnSoldVariant": "true",
21462                "switchRadioButtonWidget": true,
21463                "appstlePlanName": "Business Priemium_200K",
21464                "appstlePlanFeatures": {"analytics": true, "webhookAccess": false, "accessBundling": true, "enableAutoSync": false, "enableBundling": true, "enableSmsAlert": true, "accessBuildABox": true, "enableCampaigns": true, "enablePriceSync": false, "enableAutomation": true, "enableCartWidget": true, "accessAppstleMenu": true, "accessResendEmail": true, "enableAddressSync": false, "enableExternalApi": false, "enablePhasedRetry": true, "enableIntegrations": true, "enableQuickActions": true, "accessQuickCheckout": true, "accessSplitContract": true, "enableSummaryReports": true, "enableCustomEmailHtml": true, "enableWidgetPlacement": true, "enableCancellationFlow": true, "enableShippingProfiles": true, "accessZapierIntegration": true, "enableCustomEmailDomain": true, "enableDunningManagement": true, "enableExportActivityLog": true, "subscriptionOrderAmount": 200000, "accessGorgiasIntegration": true, "accessKlaviyoContactSync": true, "enableOrderConsolidation": false, "accessMechanicIntegration": false, "accessWidgetDesignOptions": true, "enableImmediatePlaceOrder": true, "enableInventoryManagement": true, "accessMechanicsIntegration": true, "enableAdvancedSellingPlans": true, "accessOneTimeProductUpsells": true, "enableBillingIntervalChange": true, "enableProductSwapAutomation": true, "accessShopifyFlowIntegration": true, "enableCancellationManagement": true, "enableCustomerPortalSettings": true, "enableSubscriptionManagement": true, "accessKlaviyoEmailIntegration": true, "enableAdminNotificationAccess": true, "accessSubscriptionActivityLogs": true, "enableBackupPaymentMethodRetry": true, "accessSubscriberLoyaltyFeatures": true, "enableAddToExistingSubscription": false, "enableContractPriceModification": true, "enableTrackInventoryInSingleBAB": true, "accessManualSubscriptionCreation": true, "enableNextBillingDateModification": true, "accessCustomerPortalProductUpsells": true, "enableServerSideConversionTracking": true, "accessDiscountOnCancellationAttempt": true, "enableStorefrontAnalyticsForwarding": true, "accessAdvanceSubscriptionPlanOptions": true, "accessAdvancedCustomerPortalSettings": true},
21465                "formMappingAttributeName": "",
21466                "formMappingAttributeSelector": "",
21467                "quickViewModalPollingSelector": "",
21468                "scriptLoadDelay": "0",
21469                "formatMoneyOverride": "false",
21470                "enableAddToExistingSubscriptionFeature": "false",
21471                "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "",
21472                "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false",
21473                "appstle_app_proxy_path_prefix": "apps\/subscriptions",
21474                "updatePriceOnQuantityChange": "",
21475                "widgetParentSelector": "",
21476                "quantitySelector": "quantity-input *",
21477                "enableAddJSInterceptor": "false",
21478                "isDevEnabled": false,
21479                "forceReloadWidgetSelector": "",
21480                "forceReloadOnFreqChange": false,
21481                "showPrepaidPlanSeparately": true,
21482                "debugLogsEnabled": false,
21483                "isUseStorefrontAPI": true,
21484                "reBuyEnabled": "false",
21485                "loyaltyDetailsLabelText": "",
21486                "loyaltyPerkDescriptionTextV2": "{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>
21486get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}{{#isDiscountTypeFixedPrice}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get this product at <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeFixedPrice}}",
21487                "widgetType": "WIDGET_TYPE_1",
21488                "collectionWidgetType": "LEGACY",
21489                "enableCompactProductPageWidget": false,
21490                "enableCartDrawerWidget": false,
21491                "cartDrawerWidgetStyle": false,
21492                "cartDrawerWidgetInlineStyle": "",
21493                "cartDrawerWidgetPanelStyle": "",
21494                "cartDrawerWidgetSegmentedStyle": "",
21495                "showOneTimeComparePrice": false,
21496                "showCombinedSellingPlanCartWidget": false,
21497                "combinedCartWidgetSelector": "",
21498                "removeUnsubscribeOption": false,
21499                "widgetTemplateHtml": `{% raw %}{% endraw %}`,
21500                
21501                  "allWidgetTemplateHtml": "{\"WIDGET_TYPE_1\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_6\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n      <div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span></div>\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n    \\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">
21501\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n\\n\\n</div>   \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\"></span>\\n{{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n     </div>\\n </label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper appstle-selling-plan-label-name\\\">\\n                {{{name}}}\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n       <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div>  \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n       {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}}    \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n  <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide  appstle-frequency-description\\\">{{{frequencyDescription}}} </div>     \\n\\n{{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div  class=\\\"appstle-selling-plan-name-wrapper\\\">\\n            {{oneTimePuchaseText}}\\n<div class=\\\"appstle-cancel-text\\\">{{{noSubscriptionLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">{{{oneTimePuchaseComparePriceAmount}}}</span>\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}</span>\\n\\n</div>\\n          </label>\\n          \\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n<div class=\\\"appstle-tootltip-parent\\\">\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8
21501635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n    {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE      </a>\\n    </div>\\n    {{/showAppstleLink}}\\n    </div>\\n</div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 1.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px;\\n}\\n\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid rgba(var(--color-foreground));\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground)) !important;\\ncolor: rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n\\n\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    background: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\n\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n</style>\\n<style>\\n.widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\\n   gap: 0.8rem !important;\\n}\\n\\n.appstle_sub_widget {\\n    max-width: 100%!important;\\n} \\n\\n.widgetSellingPlanWrapper label {\\n    height: auto !important;\\n    border: none !important;\\n    padding: 14px 5px !important;\\n    display: flex !important;\\n    justify-content: center !important;
21501\\n    align-items: center !important;\\n    flex-direction: column;\\n    max-width: 100% !important;\\n    width: unset !important;\\nline-height: 20px;\\n}\\n\\n.appstle_how_does_it_work {\\n    line-height: 16px !important;\\n    margin: 6px 0px;\\n    color: rgba(var(--color-background));\\n}\\n@media screen and (max-width: 800px) {\\n    .appstle_how_does_it_work {\\n        text-align: right;\\n    }\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_formattext_block {\\ntext-align: right !important;\\n    display: block;\\n}\\n\\n.appstle_span_wrapper {\\n    align-items: baseline;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_discount_block.appstle_formattedPrepaidPerDeliveryPriceText {\\n    display: block;\\n    text-align: right;\\n}\\n\\n.appstle_input_wrapper {\\n    display: flex;\\n    height: 100% !important;\\nflex-direction: column;\\n}\\n\\n.appstle_sub_widget input[type=radio]+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n    padding: 2px;\\n    background: #121212;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n    transition: all 0.2s;\\n}\\n\\n.appstle_sub_widget input[type=radio]:checked+label:before {\\n    content: \\\"\\\";\\n    position: absolute;\\n    inset: 0;\\n    border-radius: 12px;\\n //   padding: 4px;\\n// background: linear-gradient(to right,#Fef58f,#7A3900);\\n//background: #E53D29;\\n  border: 2px transparent;\\n    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);\\n    -webkit-mask-composite: xor;\\n    mask-composite: exclude;\\n    pointer-events: none;\\n    z-index: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {\\n    background: rgba(var(--color-foreground));\\n    border-radius: 100px !important;\\n    padding: 0px 8px !important;\\n    height: 20px;\\n    display: flex !important;\\n    justify-content: center;\\n    align-items: center;\\n    letter-spacing: 1px;\\nz-index: 2;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n\\n\\nspan.appstle-popular {\\n    position: absolute;\\n    top: -40px;\\n    background: black;\\n    color: rgba(var(--color-background));\\n    z-index: -3;\\n    border-radius: 10px;\\n    padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    overflow: hidden;\\n}\\n\\n\\n.appstle-perday-price {\\ndisplay: none;\\n}\\n\\n    .widgetSellingPlanWrapper {\\n    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    flex-direction: row;\\n    justify-content: space-between !important;\\n    align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n    text-align: left;\\n    padding: 16px !important;\\nflex-basis: unset;\\n}\\n\\n.appstle_span_wrapper {\\n    justify-content: flex-end !important;\\n}\\n\\n.appstle-perday-price {\\n    text-align: right;\\n}\\n\\n.widgetSellingPlanWrapper {\\n    gap: 15px !important;\\n}\\n\\nspan.appstle-popular {\\n    width: calc(100% - 20px);\\n    text-align: center;\\n    letter-spacing: 2px;\\n    top: -30px;\\nleft: 0;\\n}\\n\\nspan.appstle_sellingPlan_discountText {    \\nleft: unset !important;\\n    right: 15px;\\n    transform: translate(0, -50%) !important;\\n}\\n.appstle-cancel-text {\\n    text-align: left;\\n}\\n\\n.appstle_input_wrapper label {\\n    text-align: left !important;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n    width: 100% !important;\\n    margin: 0 !important;\\n}\\n.appstle_input_wrapper {\\n    width: 100% !important;\\nflex-direction: row;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n    background: rgba(var(--color-background)) !important;\\n    color:rgba(var(--color-foreground)) !important;\\n    border: 2px solid rgba(var(--color-foreground));\\n}\\n.appstle_onetime_block .appstle_span_wrapper {\\n    grid-column: 2;\\n}\\n.appstle-frequency-description {\\n  text-align: right !important;\\n}\\n\\n\\n.appstle-sm-hide {\\n  display: none;\\n}\\n\\n@media screen and (min-width: 800px) {\\n.appstle-lg-show {\\n  display: block;\\n}\\n.appstle-lg-hide {\\n  display: none;\\n}\\n\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_formattedCompareAtPrice.appstle_price_block {\\n    text-decoration: line-through;\\n    display: block;\\n    margin-right: 3px;\\n    color: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle_sellingPlan_formattedCompareAtPrice {\\ncolor:rgba(var(--color-background));\\n} \\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n.appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label .appstle-selling-plan-detail-wrapper{\\ncolor: rgba(var(--color-background)) !important;\\n}\\n\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_7\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_8\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_2\":\"{% raw %}{% endraw %}\",\"WIDGET_TYPE_3\":\"{% raw %}
21501<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper appstle_subscription_wrapper\\\">\\n{{#showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n       {{^requires_selling_plan}}\\n        <div class=\\\"appstle_input_wrapper appstle_onetime\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" class=\\\"appstle_widget_three\\\">\\n            {{oneTimePuchaseText}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n          </label>\\n          \\n        </div>\\n        {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n             {{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n                 {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n        {{#prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n               {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">
21501\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n        </div>\\n    \\n             </label>\\n        {{/prepaidFlag}}\\n      \\n           </div>\\n        {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n   {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 0.5rem;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 8px;\\n    border: 1px solid rgba(var(--color-foreground));\\n    padding: 0.5rem;\\n    display: flex;\\n    justify-content: center;
21501\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\ncolor: rgba(var(--color-foreground));\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border: 1px solid rgba(var(--color-background)) !important;\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    background-color: color: rgba(var(--color-foreground));\\n    color: rgba(var(--color-background));\\n    border-radius: 3px;\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n    color: rgba(var(--color-foreground));\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n    color: rgba(var(--color-foreground));\\n    text-decoration: line-through;\\n    padding: 0 3px;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n   margin-top: 8px;\\n    margin-bottom: 16px;\\n}\\n.appstle_subscription_wrapper {\\n    border: none !important;\\n}\\nlabel.appstle_widget_three {\\n    display: flex;\\n    flex-direction: column;\\n}\\n.widgetSellingPlanWrapper input:checked+label span {\\n   color: rgba(var(--color-background)) !important;\\n}\\n.appstle_sub_widget .appstle_subscription_wrapper{\\n    border-radius:unset !important;\\n}\\nspan.appstle_second_price_block:empty {\\n  display: none !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n  <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n      <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n        {{#sellingPlanVariants}}\\n           <div class=\\\"appstle_input_wrapper\\\">\\n      <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n             <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n             <label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div>\\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n                {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n        <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n           </div>\\n        {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n        <div class=\\\"appstle_input_wrapper\\\">
21501\\n          <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n          <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n            {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n  {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n      <span  class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n          </label>\\n        </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n    </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\"> {{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n    <div class=\\\"appstle_tooltip\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n{{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n{{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n<style>\\n.widgetSellingPlanWrapper {\\n    display: grid;\\n    grid-template-columns: repeat(2, minmax(0, 1fr));\\n    gap: 16px;\\n    grid-auto-rows: 1fr;\\n    margin-bottom: 6px;\\nmargin-top: 10px\\n}\\n.widgetSellingPlanWrapper input {\\n    display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n    border-radius: 10px;\\n    border: 1px solid rgba(var(--color-foreground, 0, 0, 0));\\n    padding: 0.5rem;\\n    display: flex !important;\\n    flex-direction: column;\\n    justify-content: center;
21501\\n    align-items: center;\\n    display: block;\\n    height: 100%;\\n    width: 100%;\\n    text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n}\\n.appstle_lowercase {\\n    text-transform: lowercase;\\n}\\n.appstle_input_wrapper {\\n    position: relative;\\n}\\nspan.appstle_sellingPlan_discountText {\\n    position: absolute;\\n    font-size: 1.2rem;\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n    color: rgba(var(--color-background, 255, 255, 255));\\n    border-radius: 3px;\\n    border: 2px solid rgba(var(--color-background, 255, 255, 255));\\n    padding: 1px 18px;\\n    left: 50%;\\n    display: block;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n}\\nspan.appstle_sellingPlan_discountText:empty {\\n    display: none !important;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\ntext-decoration: line-through;\\n}\\n.appstle_tooltip_wrapper {\\n    margin-bottom:10px;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n    background-color: rgba(var(--color-foreground, 0, 0, 0));\\n    color: rgba(var(--color-background, 255, 255, 255));\\n    border: 2px solid rgba(var(--color-background, 255, 255, 255)) !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_5\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n    <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n        <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n          {{#sellingPlanVariants}}\\n             <div class=\\\"appstle_input_wrapper\\\">\\n               <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\"  {{#isChecked}}checked{{/isChecked}} />\\n               <label for=\\\"{{sellingPlanId}}\\\">\\n                  {{{name}}}\\n               </label>\\n        \\n             </div>\\n          {{/sellingPlanVariants}}\\n{{#showSubOptionBeforeOneTime}}\\n{{^requires_selling_plan}}\\n          <div class=\\\"appstle_input_wrapper\\\">\\n            <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}/>\\n            <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n              {{{oneTimePuchaseText}}}\\n            </label>\\n            \\n          </div>\\n{{/requires_selling_plan}}\\n{{/showSubOptionBeforeOneTime}}\\n      </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n    <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n    <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n    <path\\n      d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8
21501635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n    ></path>\\n    </svg>\\n    <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n  </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n    <div class=\\\"appstle_tooltip_content\\\">\\n      {{{toolTipDescription}}}\\n    </div>\\n  {{#showAppstleLink}}\\n    <div class=\\\"appstle_tooltip_appstle\\\">\\n      <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n      POWERED BY APPSTLE\\n      </a>\\n    </div>\\n  {{/showAppstleLink}}\\n    </div>\\n{{/showTooltip}}\\n  <style>\\n  .widgetSellingPlanWrapper {\\n      display: grid;\\n      grid-template-columns: repeat(2, minmax(0, 1fr));\\n      gap: 8px;\\n      grid-auto-rows: 1fr;\\n      margin-bottom: 6px;\\n      margin-top: 10px;\\n  }\\n  \\n  .widgetSellingPlanWrapper input {\\n      display: none;\\n  }\\n  \\n  .widgetSellingPlanWrapper label {\\n      border-radius: 4px;\\n      border: 1px solid rgba(var(--color-foreground));\\n      padding: 0.5rem;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      display: block;\\n      height: 100%;\\n      width: 100%;\\n      text-align: center;\\n \\t color: rgba(var(--color-foreground));\\ncursor: pointer;\\n  }\\n  \\n  .widgetSellingPlanWrapper input:checked+label {\\n      background-color: rgba(var(--color-foreground));\\n \\t color: rgba(var(--color-background));\\n  }\\n  .appstle_lowercase {\\n      text-transform: lowercase;\\n  }\\n  \\n  \\n  .appstle_input_wrapper {\\n      position: relative;\\n  }\\n  \\n  span.appstle_sellingPlan_discountText {\\n      position: absolute;\\n      background-color: rgba(var(--color-foreground));\\n      color: rgba(var(--color-background));\\n      border-radius: 3px;\\n      padding: 1px 18px;\\n      left: 50%;\\n      display: block;\\n      transform: translate(-50%, -50%);\\n      white-space: nowrap;\\n  }\\n  span.appstle_sellingPlan_discountText:empty {\\n      display: none !important;\\n  }\\n  </style>\\n  </div>{% endraw %}\"}",
21502                
21503                
21504                  "bundle": {},
21505                
21506                
21507                  "labels": `{\"appstle.subscription.wg.cartHiddenAttributesSelectorV2\":\"\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscription Selected\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"appstle.subscription.wg.onetimeDescriptionTextV2\":\"\",\"appstle.subscription.wg.oneTimePurchaseTextV2\":\"One Time Purchase\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>
21507get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}{{#isDiscountTypeFixedPrice}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get this product at <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeFixedPrice}}\",\"appstle.subscription.wg.bundleDiscountTextV2\":\"bundle discount extra: {{bundleDiscount}} off\",\"appstle.subscription.wg.atcButtonTextSelectorV2\":\"\",\"appstle.subscription.wg.subscriptionDescriptionTextV2\":\"\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"One Time\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"false\",\"appstle.subscription.wg.valdiateFormSelectorV2\":\"\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.widgetPriceChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.atcButtonTextV2\":\"\",\"appstle.subscription.wg.noSubscriptionLabelTextV2\":\"No Subscription\",\"appstle.subscription.wg.cancelAnytimeLabelTextV2\":\"Cancel Anytime\",\"appstle.subscription.wg.addToShipmentErrorTextV2\":\"Error\",\"appstle.subscription.wg.weeksFrequencyTextV2\":\"Weeks\",\"appstle.subscription.wg.weeklyLabelTextV2\":\"Weekly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonForNotLoggedInV2\":\"false\",\"appstle.subscription.wg.addToShipmentProcessingV2\":\"Processing...\",\"appstle.subscription.wg.showWidgetStaticV2\":\"false\",\"appstle.subscription.wg.deliveryEveryFrequencyTextV2\":\"Delivery Frequency\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscribe and save\",\"appstle.subscription.wg.allowRefreshOnCartPageV2\":\"false\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.displayAddToExistingSubscriptionButtonToSubscribersOnlyV2\":\"false\",\"appstle.subscription.wg.yearsFrequencyTextV2\":\"Years\",\"appstle.subscription.wg.addToShipmentTooltipTextV2\":\"Please avoid double delivery charges! Login to add this product to an upcoming delivery.\",\"appstle.subscription.wg.weekFrequencyTextV2\":\"Week\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"One-time Purchase\",\"appstle.subscription.wg.widgetVariantChangeListenerSelectorV2\":\"\",\"appstle.subscription.wg.atcButtonTextSelectorObserverV2\":\"\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.showPrepidPerDeliveryProductPriceV2\":\"false\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.productPageUnitPriceSelectorV2\":\"\",\"appstle.subscription.wg.frequencyCombinedWidgetTextV2\":\"Frequency\",\"appstle.subscription.wg.showNewLoyaltyUI\":\"false\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"Select Delivery Option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`,
21508                
21509                "css": {
21510                    "appstle_subscription_widget": {
21511                        "margin-top": "" ,
21512                        "margin-bottom": "",
21513                    },
21514
21515                    "appstle_subscription_wrapper": {
21516                        "border-width": "",
21517                        "border-color": "",
21518                    },
21519
21520                    "appstle_circle": {
21521                        "border-color": "",
21522                    },
21523
21524                    "appstle_dot": {
21525                        "background-color": "",
21526                    },
21527
21528                    "appstle_select": {
21529                        "padding-top": "",
21530                        "padding-bottom": "",
21531                        "padding-left": "",
21532                        "padding-right": "",
21533                        "border-width": "",
21534                        "border-style": "",
21535                        "border-color": "",
21536                        "border-radius": "",
21537                    },
21538
21539                    "tooltip_subscription_svg": {
21540                        "fill": "",
21541                    },
21542
21543                    "appstle_tooltip": {
21544                        "color": "",
21545                        "background-color": "",
21546                    },
21547
21548                    "appstle_tooltip_border_top_color": {
21549                        "border-top-color": "",
21550                    },
21551
21552                    "appstle_subscription_final_price": {
21553                        "color": "",
21554                    },
21555                    "appstle_widget_text_color": {
21556                        "color": "",
21557                    },
21558                    "appstle_selected_background": {
21559                        "background": "transparent",
21560                    },
21561                    "elementCSS": "[]",
21562                    "customCSS": "",
21563                    "customerPortalCss": "",
21564                    "externalStyleTag": "",
21565                    "themeCss": "",
21566                }
21567            };
21568          
21569
21570          window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS));
21571
21572          sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config);
21573
21574          
21575            try {
21576            
21577                window.appstle_build_a_box_labels = {"perDeliveryLabelTextV2":"\\/delivery","variantNotAvailable":"Not Available","saveDiscountText":"{{discount}}","bundleSummaryTextV2":"Your bundle is empty. Please add products to your bundles to see bundle summary here.","freeProductLabelTextV2":"Free","bundleDescriptionTextV2":"Our bundle of all bundles, The Ultimate Superfood Bundle delivers exactly what it promises - a complete superfood solution. With 7 superfood blends each created to empower every aspect of your health and wellbeing - from immunity and gut health to energy & better focus.","productDetails":"Product Details","failedToAddMsgText":"Your cart can't have more than {{maxProduct}}
21577 products","cart":"Cart","reviewBundleTextV2":"Review Bundle","addButtonText":"Add","minimumQuantityToCheckoutV2":"Minimum {{quantity}} quantity to checkout","buildBoxErrormsgV2":"Build a Box token is Invalid, Please reach out to support.","continueShopping":"Continue Shopping","failedToAddTitleText":"Failed to add","spendAmountGetDiscount":"Spend {{amount}} get {{percent}}% discount","maxiumQuantityToCheckoutV2":"Maxium {{quantity}} quantity to checkout","contentsOnModalTextV2":"Contents","nextStepButtonTextV2":"Next Step","choosePlanLifeStyleTextV2":"Choose a plan to match your lifestyle","selectMinimumProductButtonText":"Please select {{minProduct}} minimum product","subtotal":"Subtotal","buyQuantityGetDiscount":"Buy {{quantity}} get {{percent}}% discount","loyaltyTablePercentageTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{discount}}% off<\\/span><\\/span>.","loyaltyTablePriceTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get at <span class='appstle-loyalty-discount-amount'>{{price}}<\\/span><\\/span>.","myDeliveryText":"My {{selectedSellingPlanDisplayName}} delivery","removeItem":"Remove","productsToProceedText":"Please select products to proceed","previousStepButtonTextV2":"Previous step","loadMoreTextV2":"Load more","selectedFrequencyLabelText":"Selected Frequency","addToCartButtonTextV2":"Add To Cart","basePriceFormatFieldV2":"{{unitPrice}}\\/{{quantityUnit}}","title":"Build-A-Box","productPriceFormatField":"{{price}}","reviewOrdeDescriptionTextV2":"Check your items and select your required frequency plan","quantityLabelV2":"Quantity","minimumOrderAmountLabelTextV2":"Minimum order amount {{minOrderAmount}}.","subscriptionNotAvailableButtonV2":"Subscription not available","shoppingCart":"Shopping Cart","checkoutMessage":"Shipping and taxes calculated at checkout.","discountPopupCheckoutMessageV2":"Discount","selectedButtonTextV2":"Selected","congratsMessageText":null,"okBtnText":"Ok","tieredDiscount":"Tiered Discount","choosePlanLifeStyleDescriptionTextV2":"Cutoff each week to amend your meals is midnight on Thursday's. (Delivery Schedule is as follows: Gold Coast - Mondays | Brisbane & Sunshine Coast - Wednesdays)","orderNoteLabelTextV2":"Order Note","minimumToCheckoutV2":"Minimum {{quantity}} to checkout","loyaltyTableFixedTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>{{price}} off<\\/span><\\/span>.","editQuantity":"Edit Quantity","chooseProductsTextV2":"Choose Products","loyaltyTableFreeProductTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>FREE PRODUCT ({{productName}})<\\/span><\\/span>.","loyaltyTableShippingTextV2":"After <span class='appstle-loyalty-billing-cycle'><span class=''>{{billingCycle}}<\\/span> order<\\/span>, <span class='appstle-loyalty-discount'>get <span class='appstle-loyalty-discount-amount'>shipping at {{price}}<\\/span><\\/span>.","spentText":null,"quantityLabel":null,"addButtonV2":"Add","loyaltyTableFreeTrailTextV2":"Get <span class='appstle-loyalty-free-trial-discount'>{{discount}} <span class='appstle-loyalty-free-trial-discount-count' style='text-transform: lowercase;'>{{discountType}} <\\/span><\\/span> <span class='appstle-loyalty-free-trial-text'>free trial.<\\/span>","bundleCheckoutTextV2":"Checkout","reviewOrderTextV2":"Review Order","goBackButtonText":"Go Back","selectPlanTextV2":"Select Plan","viewProduct":"View Product","oneTimePurchaseTextV2":"One Time Purchase","bundleOnModalTextV2":"Bundle","proceedToCheckoutButtonText":"Proceed to checkout","pleaseWaitLabelTextV2":"Please wait...","typeToSearchPlaceholderTextV2":"Type to search","selectedProgressLabelTextV2":"Selected","outOfStockTextV2":"Out of stock"};
21578            
21579            } catch (e) {
21580            console.error("Error parsing build a box labels:", e);
21581            }
21582          
21583
21584          var _RSConfig = _RSConfig || {};
21585
21586          _RSConfig.shop = 'nomaprojects.myshopify.com';
21587
21588          
21589
21590          
21591
21592            
21593            _RSConfig.shopMoneyFormat = '${{amount}}';
21594            _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD';
21595            
21596
21597            
21598
21599        }
21600
21601        
21602        
21603            _RSConfig.assetRev = "38b66b4b7003ebd5233641cbababf3d2";
21604        
21605
21606</script>
21606
21607
21608<style id="appstle-payment-button-override">
21609    .shopify-payment-button {display: none;}
21610</style>
21611<script>
21612 let appstleCount = 0
21613 function isAppstleJSInitiated() {
21614    appstleCount++;
21615    if (window?.["RSConfig"] || appstleCount > 20) {
21616        let appstleStyleElement = document.querySelector('#appstle-payment-button-override');
21617        if (appstleStyleElement) {
21618            appstleStyleElement.remove();
21619        }
21620    } else {
21621        setTimeout(isAppstleJSInitiated, 500)
21622    }
21623 }
21624 isAppstleJSInitiated();
21625</script>
21625
21626
21627<style>
21628
21629</style>
21630<script>
21631    function pollAppstleInit() {
21632        if (window?.appstleInit) {
21633        window?.appstleInit()
21634        } else {
21635        setTimeout(pollAppstleInit, 30);
21636        }
21637    }
21638</script>
21638
21639
21640
21641
21642
21643
21644
21645
21646
21647
21648
21649
21650
21651
21652
21653
21654    
21655
21656    
21656<script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=nomaprojects.myshopify.com&v=1788439670829" defer ></script>
21656
21657
21658    
21659
21660    
21661    
21662
21663
21664
21665</div><div id="shopify-block-AbWtqUDNra0ZYUkZPN__7280966411886983154" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: resource-data --><!-- initializing the resources object -->
21666<script>
21667  // we're adding default values to the resources object here only
21668  // liquid code works in synchronous manner, so we're adding the default values at the top of the file
21669  window.mrShopifyResources = {
21670    PRODUCT: [],
21671    ['PRODUCT-IN-COLLECTION']: [],
21672    CUSTOMER: {},
21673  };
21674</script>
21674
21675
21676<!-- adding the product resource -->
21677<!-- BEGIN app snippet: product --><!-- adding the product resource -->
21678
21679<!-- END app snippet -->
21680
21681<!-- adding the customer resource -->
21682<!-- BEGIN app snippet: customer --><!-- END app snippet -->
21683
21684<!-- adding the product-in-collection resource -->
21685<!-- BEGIN app snippet: product-in-collection --><!-- adding the product resource in collection -->
21686
21687<!-- END app snippet --><!-- END app snippet -->
21688
21689
21690</div>
21690<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
21690
21691</body>
21692
21693</html>

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