1<!doctype html> 2<html class="no-js" lang="en"> 3 <meta name="google-site-verification" content="N_gCjeD46RfU47iLdCaNkfP0BjxHb_lD7BwtQKu-Q4g" /> 4 <head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width,initial-scale=1"> 8 <meta name="theme-color" content=""> 9 <link rel="canonical" href="https://nustorycoffee.com/account/login"> 10 11 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/0-custom-styles.css?v=124251797245236781421759384618" rel="stylesheet" type="text/css" media="all" /> 12<link rel="icon" type="image/png" href="//nustorycoffee.com/cdn/shop/files/nustory-coffee-favicon.png?crop=center&height=32&v=1758036007&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 13 Account 14 – NÅ«STORY COFFEE CO.</title> 15 16 17 18 19 20<meta property="og:site_name" content="NÅ«STORY COFFEE CO."> 21<meta property="og:url" content="https://nustorycoffee.com/account/login"> 22<meta property="og:title" content="Account"> 23<meta property="og:type" content="website"> 24<meta property="og:description" content="NÅ«STORY COFFEE CO."><meta property="og:image" content="http://nustorycoffee.com/cdn/shop/files/Logo1_nustory_2e5efebb-369b-4785-a923-c3a42675c197.png?v=1742581705"> 25 <meta property="og:image:secure_url" content="https://nustorycoffee.com/cdn/shop/files/Logo1_nustory_2e5efebb-369b-4785-a923-c3a42675c197.png?v=1742581705"> 26 <meta property="og:image:width" content="820"> 27 <meta property="og:image:height" content="414"><meta name="twitter:card" content="summary_large_image"> 28<meta name="twitter:title" content="Account"> 29<meta name="twitter:description" content="NÅ«STORY COFFEE CO."> 30 31 32
32<script src="//nustorycoffee.com/cdn/shop/t/7/assets/constants.js?v=58251544750838685771757595385" defer="defer"></script>
32 33
33<script src="//nustorycoffee.com/cdn/shop/t/7/assets/pubsub.js?v=158357773527763999511757595385" defer="defer"></script>
33 34
34<script src="//nustorycoffee.com/cdn/shop/t/7/assets/global.js?v=40820548392383841591757595385" defer="defer"></script>
34 35
35<script src="//nustorycoffee.com/cdn/shop/t/7/assets/theme-scripts.js?v=39258829695680046061757595386" defer="defer"></script>
35 36
36<script src="//nustorycoffee.com/cdn/shop/t/7/assets/custom-scripts.js?v=111603181540343972631757595385" defer="defer"></script>
36<script src="//nustorycoffee.com/cdn/shop/t/7/assets/animations.js?v=88693664871331136111757595385" defer="defer"></script>
36<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
36<meta name="google-site-verification" content="zm7U4H9VdSMOQJQJEwF-qLbXLQstzWoJgTva-_066fA"> 37<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71901708542/digital_wallets/dialog"> 38<meta id="in-context-paypal-metadata" data-shop-id="71901708542" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 39<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
39<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
39 40<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
41<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=71901708542" crossorigin="anonymous"></script>
vendor: 1 bytes, line 41
41
42<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":71901708542,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/71901708542","merchantName":"NūSTORY COFFEE CO.","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"NūSTORY COFFEE CO.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 42
42
43<script id="shopify-features" type="application/json">{"accessToken":"e370a174a8b562e2fae979988ffdf768","betas":["rich-media-storefront-analytics"],"domain":"nustorycoffee.com","predictiveSearch":true,"shopId":71901708542,"locale":"en"}</script>
vendor: 1 bytes, line 43
43
44<script>var Shopify = Shopify || {}; 45Shopify.shop = "7uydfm-hz.myshopify.com"; 46Shopify.locale = "en"; 47Shopify.currency = {"active":"USD","rate":"1.0"}; 48Shopify.country = "US"; 49Shopify.theme = {"name":"NUSTORY DEV","id":152205263102,"schema_name":"Esencia","schema_version":"2.0.1","theme_store_id":null,"role":"main"}; 50Shopify.theme.handle = "null"; 51Shopify.theme.style = {"id":null,"handle":null}; 52Shopify.cdnHost = "nustorycoffee.com/cdn"; 53Shopify.routes = Shopify.routes || {}; 54Shopify.routes.root = "/"; 55Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 56Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 57Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 58Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 58
58
59<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 59
59
60<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 60
60
61<script> 62 window.ShopifyPay = window.ShopifyPay || {}; 63 window.ShopifyPay.apiHost = "shop.app\/pay"; 64 window.ShopifyPay.redirectState = null; 65</script>
vendor: 1 bytes, line 65
65
66<script> 67 window.Shopify = window.Shopify || {}; 68 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 69 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 70 window.Shopify.SignInWithShop.eligible = true; 71</script>
vendor: 1 bytes, line 71
71
72<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 72
72
73<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 73
73
74<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 74
74
75<script type="module"> 76 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 77await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 78 79 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 80window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 81 82</script>
vendor: 1 bytes, line 82
82
83<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 83
83
84<script type="module"> 85 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 86 87 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 88 89</script>
vendor: 1 bytes, line 89
89
90<script> 91 window.Shopify = window.Shopify || {}; 92 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 93 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"]}; 94</script>
vendor: 1 bytes, line 94
94
95<script>(function() { 96 var isLoaded = false; 97 function asyncLoad() { 98 if (isLoaded) return; 99 isLoaded = true; 100 var urls = ["https:\/\/script.pop-convert.com\/new-micro\/production.pc.min.js?unique_id=7uydfm-hz.myshopify.com\u0026shop=7uydfm-hz.myshopify.com","https:\/\/cdn.s3.pop-convert.com\/pcjs.production.min.js?unique_id=7uydfm-hz.myshopify.com\u0026shop=7uydfm-hz.myshopify.com","https:\/\/l.getsitecontrol.com\/p4rl3yz4.js?shop=7uydfm-hz.myshopify.com"]; 101 for (var i = 0; i < urls.length; i++) { 102 var s = document.createElement('script'); 103 s.type = 'text/javascript'; 104 s.async = true; 105 s.src = urls[i]; 106 var x = document.getElementsByTagName('script')[0]; 107 x.parentNode.insertBefore(s, x); 108 } 109 }; 110 if(window.attachEvent) { 111 window.attachEvent('onload', asyncLoad); 112 } else { 113 window.addEventListener('load', asyncLoad, false); 114 } 115})();</script>
vendor: 1 bytes, line 115
115
116<script id="__st">var __st={"a":71901708542,"offset":-18000,"reqid":"57a667c4-713b-4e07-b279-8c7cb594e9b6-1790513081","pageurl":"nustorycoffee.com\/account\/login","u":"acdc77872810"};</script>
vendor: 1 bytes, line 116
116
117<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 117
117
118<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 118
118
119<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nustorycoffee.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 119
119
120<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 = "//nustorycoffee.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>
120<script crossorigin="anonymous" defer="defer" src="//nustorycoffee.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 120
120
121<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 121
121
122<script> 123 window.Shopify = window.Shopify || {}; 124 window.Shopify.MCP = window.Shopify.MCP || {}; 125 window.Shopify.MCP.enabled = true; 126 window.Shopify.MCP.shop = "7uydfm-hz.myshopify.com"; 127 window.Shopify.MCP.mcpEndpoint = "https:\/\/nustorycoffee.com\/api\/mcp"; 128 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"]}}]; 129</script>
vendor: 1 bytes, line 129
129
130<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("\/\/nustorycoffee.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 131</script>
vendor: 1 bytes, line 131
131
132<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://nustorycoffee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 133</script>
vendor: 1 bytes, line 133
133
134<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 135 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); 136</script>
vendor: 1 bytes, line 136
136
137<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})}})); 138</script>
138 139<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://nustorycoffee.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 140<style id="shopify-accelerated-checkout-cart"> 141 #shopify-buyer-consent { 142 margin-top: 1em; 143 display: inline-block; 144 width: 100%; 145} 146 147#shopify-buyer-consent.hidden { 148 display: none; 149} 150 151#shopify-subscription-policy-button { 152 background: none; 153 border: none; 154 padding: 0; 155 text-decoration: underline; 156 font-size: inherit; 157 cursor: pointer; 158} 159 160#shopify-subscription-policy-button::before { 161 box-shadow: none; 162} 163 164 </style>
165<script id="sections-script" data-sections="header" defer="defer" src="//nustorycoffee.com/cdn/shop/t/7/compiled_assets/scripts.js?v=184325197989695213571757595406"></script>
vendor: 1 bytes, line 165
165
166<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
166 167 168 169 <style data-shopify> 170 @font-face { 171 font-family: Poppins; 172 font-weight: 400; 173 font-style: normal; 174 font-display: swap; 175 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 176 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 177} 178 179 @font-face { 180 font-family: Poppins; 181 font-weight: 700; 182 font-style: normal; 183 font-display: swap; 184 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), 185 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); 186} 187 188 @font-face { 189 font-family: Poppins; 190 font-weight: 400; 191 font-style: italic; 192 font-display: swap; 193 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), 194 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); 195} 196 197 @font-face { 198 font-family: Poppins; 199 font-weight: 700; 200 font-style: italic; 201 font-display: swap; 202 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), 203 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); 204} 205 206 @font-face { 207 font-family: Poppins; 208 font-weight: 400; 209 font-style: normal; 210 font-display: swap; 211 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 212 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 213} 214 215 216 217 :root, 218 .color-background-1 { 219 --color-background: 242,228,200; 220 221 --gradient-background: #f2e4c8; 222 223 224 225 226 --color-foreground: 78,28,0; 227 --color-background-contrast: 218,177,97; 228 --color-shadow: 117,72,43; 229 --color-button: 252,78,27; 230 --color-button-text: 255,255,255; 231 --color-secondary-button: 242,228,200; 232 --color-secondary-button-text: 117,72,43; 233 --color-link: 117,72,43; 234 --color-badge-foreground: 78,28,0; 235 --color-badge-background: 242,228,200; 236 --color-badge-border: 78,28,0; 237 --payment-terms-background-color: rgb(242 228 200); 238 } 239 240 241 .color-background-2 { 242 --color-background: 78,28,0; 243 244 --gradient-background: #4e1c00; 245 246 247 248 249 --color-foreground: 242,228,200; 250 --color-background-contrast: 104,37,0; 251 --color-shadow: 117,72,43; 252 --color-button: 237,156,0; 253 --color-button-text: 255,255,255; 254 --color-secondary-button: 78,28,0; 255 --color-secondary-button-text: 117,72,43; 256 --color-link: 117,72,43; 257 --color-badge-foreground: 242,228,200; 258 --color-badge-background: 78,28,0; 259 --color-badge-border: 242,228,200; 260 --payment-terms-background-color: rgb(78 28 0); 261 } 262 263 264 .color-inverse { 265 --color-background: 237,156,0; 266 267 --gradient-background: #ed9c00; 268 269 270 271 272 --color-foreground: 78,28,0; 273 --color-background-contrast: 110,72,0; 274 --color-shadow: 117,72,43; 275 --color-button: 252,78,27; 276 --color-button-text: 255,255,255; 277 --color-secondary-button: 237,156,0; 278 --color-secondary-button-text: 247,244,233; 279 --color-link: 247,244,233; 280 --color-badge-foreground: 78,28,0; 281 --color-badge-background: 237,156,0; 282 --color-badge-border: 78,28,0; 283 --payment-terms-background-color: rgb(237 156 0); 284 } 285 286 287 .color-accent-1 { 288 --color-background: 252,78,27; 289 290 --gradient-background: #fc4e1b; 291 292 293 294 295 --color-foreground: 242,228,200; 296 --color-background-contrast: 150,35,2; 297 --color-shadow: 117,72,43; 298 --color-button: 242,228,200; 299 --color-button-text: 78,28,0; 300 --color-secondary-button: 252,78,27; 301 --color-secondary-button-text: 117,72,43; 302 --color-link: 117,72,43; 303 --color-badge-foreground: 242,228,200; 304 --color-badge-background: 252,78,27; 305 --color-badge-border: 242,228,200; 306 --payment-terms-background-color: rgb(252 78 27); 307 } 308 309 310 .color-accent-2 { 311 --color-background: 192,158,145; 312 313 --gradient-background: #c09e91; 314 315 316 317 318 --color-foreground: 255,255,255; 319 --color-background-contrast: 133,92,76; 320 --color-shadow: 117,72,43; 321 --color-button: 255,255,255; 322 --color-button-text: 192,158,145; 323 --color-secondary-button: 192,158,145; 324 --color-secondary-button-text: 255,255,255; 325 --color-link: 255,255,255; 326 --color-badge-foreground: 255,255,255; 327 --color-badge-background: 192,158,145; 328 --color-badge-border: 255,255,255; 329 --payment-terms-background-color: rgb(192 158 145); 330 } 331 332 333 .color-scheme-6f49d525-8b30-4769-ac3d-8ac69d13d05e { 334 --color-background: 255,255,255; 335 336 --gradient-background: linear-gradient(4deg, rgba(255, 201, 104, 0), rgba(78, 28, 0, 1) 100%); 337 338 339 340 341 --color-foreground: 242,228,200; 342 --color-background-contrast: 191,191,191; 343 --color-shadow: 117,72,43; 344 --color-button: 252,78,27; 345 --color-button-text: 255,255,255; 346 --color-secondary-button: 255,255,255; 347 --color-secondary-button-text: 117,72,43; 348 --color-link: 117,72,43; 349 --color-badge-foreground: 242,228,200; 350 --color-badge-background: 255,255,255; 351 --color-badge-border: 242,228,200; 352 --payment-terms-background-color: rgb(255 255 255); 353 } 354 355 356 body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-6f49d525-8b30-4769-ac3d-8ac69d13d05e { 357 color: rgba(var(--color-foreground), 0.75); 358 background-color: rgb(var(--color-background)); 359 } 360 361 :root { 362 --font-body-family: Poppins, sans-serif; 363 --font-body-style: normal; 364 --font-body-weight: 400; 365 --font-body-weight-bold: 700; 366 --font-body-size:1.6rem; 367 --font-nav-size:1.4rem; 368 --font-button-size:1.2rem; 369 --font-heading-family: Poppins, sans-serif; 370 --font-heading-style: normal; 371 --font-heading-weight: 400; 372 373 --font-body-scale: 1.0; 374 --font-heading-scale: 1.0; 375 376 --media-padding: px; 377 --media-border-opacity: 0.05; 378 --media-border-width: 1px; 379 --media-radius: 0px;
380 --media-shadow-opacity: 0.0; 381 --media-shadow-horizontal-offset: 0px; 382 --media-shadow-vertical-offset: 4px; 383 --media-shadow-blur-radius: 5px; 384 --media-shadow-visible: 0; 385 386 --page-width: 300rem; 387 --page-width-margin: 0rem; 388 389 --product-card-image-padding: 0.0rem; 390 --product-card-corner-radius: 0.0rem; 391 --product-card-text-alignment: left; 392 --product-card-border-width: 0.0rem; 393 --product-card-border-opacity: 0.1; 394 --product-card-shadow-opacity: 0.0; 395 --product-card-shadow-visible: 0; 396 --product-card-shadow-horizontal-offset: 0.0rem; 397 --product-card-shadow-vertical-offset: 0.4rem; 398 --product-card-shadow-blur-radius: 0.5rem; 399 400 --collection-card-image-padding: 0.0rem; 401 --collection-card-corner-radius: 0.0rem; 402 --collection-card-text-alignment: left; 403 --collection-card-border-width: 0.0rem; 404 --collection-card-border-opacity: 0.1; 405 --collection-card-shadow-opacity: 0.0; 406 --collection-card-shadow-visible: 0; 407 --collection-card-shadow-horizontal-offset: 0.0rem; 408 --collection-card-shadow-vertical-offset: 0.4rem; 409 --collection-card-shadow-blur-radius: 0.5rem; 410 411 --blog-card-image-padding: 0.0rem; 412 --blog-card-corner-radius: 0.0rem; 413 --blog-card-text-alignment: left; 414 --blog-card-border-width: 0.0rem; 415 --blog-card-border-opacity: 0.1; 416 --blog-card-shadow-opacity: 0.0; 417 --blog-card-shadow-visible: 0; 418 --blog-card-shadow-horizontal-offset: 0.0rem; 419 --blog-card-shadow-vertical-offset: 0.4rem; 420 --blog-card-shadow-blur-radius: 0.5rem; 421 422 --badge-corner-radius: 4.0rem; 423 424 --popup-border-width: 1px; 425 --popup-border-opacity: 0.1; 426 --popup-corner-radius: 0px; 427 --popup-shadow-opacity: 0.05; 428 --popup-shadow-horizontal-offset: 0px; 429 --popup-shadow-vertical-offset: 4px; 430 --popup-shadow-blur-radius: 5px; 431 432 --drawer-border-width: 1px; 433 --drawer-border-opacity: 0.1; 434 --drawer-shadow-opacity: 0.0; 435 --drawer-shadow-horizontal-offset: 0px; 436 --drawer-shadow-vertical-offset: 4px; 437 --drawer-shadow-blur-radius: 5px; 438 439 --spacing-sections-desktop: 0px; 440 --spacing-sections-mobile: 0px; 441 442 --grid-desktop-vertical-spacing: 60px; 443 --grid-desktop-horizontal-spacing: 80px; 444 --grid-mobile-vertical-spacing: 30px; 445 --grid-mobile-horizontal-spacing: 40px; 446 447 --text-boxes-border-opacity: 0.1; 448 --text-boxes-border-width: 0px; 449 --text-boxes-radius: 0px; 450 --text-boxes-shadow-opacity: 0.0; 451 --text-boxes-shadow-visible: 0; 452 --text-boxes-shadow-horizontal-offset: 0px; 453 --text-boxes-shadow-vertical-offset: 4px; 454 --text-boxes-shadow-blur-radius: 5px; 455 456 --buttons-radius: 0px; 457 --buttons-radius-outset: 0px; 458 --buttons-border-width: 1px; 459 --buttons-border-opacity: 1.0; 460 --buttons-shadow-opacity: 0.0; 461 --buttons-shadow-visible: 0; 462 --buttons-shadow-horizontal-offset: 0px; 463 --buttons-shadow-vertical-offset: 4px; 464 --buttons-shadow-blur-radius: 5px; 465 --buttons-border-offset: 0px; 466 467 --inputs-radius: 0px; 468 --inputs-border-width: 1px; 469 --inputs-border-opacity: 0.55; 470 --inputs-shadow-opacity: 0.0; 471 --inputs-shadow-horizontal-offset: 0px; 472 --inputs-margin-offset: 0px; 473 --inputs-shadow-vertical-offset: 4px; 474 --inputs-shadow-blur-radius: 5px; 475 --inputs-radius-outset: 0px; 476 477 --variant-pills-radius: 40px; 478 --variant-pills-border-width: 1px; 479 --variant-pills-border-opacity: 0.55; 480 --variant-pills-shadow-opacity: 0.0; 481 --variant-pills-shadow-horizontal-offset: 0px; 482 --variant-pills-shadow-vertical-offset: 4px; 483 --variant-pills-shadow-blur-radius: 5px; 484 } 485 486 *, 487 *::before, 488 *::after { 489 box-sizing: inherit; 490 } 491 492 html { 493 box-sizing: border-box; 494 font-size: calc(var(--font-body-scale) * 62.5%); 495 height: 100%; 496 } 497 498 body { 499 display: grid; 500 grid-template-rows: auto auto 1fr auto; 501 grid-template-columns: 100%; 502 min-height: 100%; 503 margin: 0; 504 font-size: 1.5rem; 505 letter-spacing: 0.06rem; 506 line-height: calc(1 + 0.8 / var(--font-body-scale)); 507 font-family: var(--font-body-family); 508 font-style: var(--font-body-style); 509 font-weight: var(--font-body-weight); 510 } 511 512 @media screen and (min-width: 750px) { 513 body { 514 font-size: 1.6rem; 515 } 516 } 517 </style> 518 519 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/base.css?v=141957586147487266191758155113" rel="stylesheet" type="text/css" media="all" /> 520 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/theme-styles.css?v=88728442949448762391757595386" rel="stylesheet" type="text/css" media="all" /> 521 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/custom-styles.css?v=111603181540343972631757595385" rel="stylesheet" type="text/css" media="all" /> 522<link rel="preload" as="font" href="//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" type="font/woff2" crossorigin><link rel="preload" as="font" href="//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" type="font/woff2" crossorigin><link 523 rel="stylesheet" 524 href="//nustorycoffee.com/cdn/shop/t/7/assets/component-predictive-search.css?v=118923337488134913561757595385" 525 media="print" 526 onload="this.media='all'" 527 >
527<script> 528 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 529 if (Shopify.designMode) { 530 document.documentElement.classList.add('shopify-design-mode'); 531 } 532 </script>
532 533 534 535 536 537<style> 538 539 .header-wrapper { 540 background: transparent; /* or background: none; */ 541 border: none; 542 } 543 544/* Neutralize wrapper backgrounds so only .header controls color */ 545.shopify-section-header .header-wrapper, 546.shopify-section-header .header-wrapper.gradient, 547.shopify-section-header sticky-header { 548 background: transparent !important; 549} 550 551/* If you want the whole bar solid when the menu is open AT TOP, 552 keep this; otherwise delete it. */ 553.shopify-section-header.menu-open .header-wrapper { 554 background: var(--brown) !important; 555} 556 557/* Header states (as before) */ 558.header { 559 position: sticky; 560 top: 55px; 561 z-index: 999; 562 transition: background .25s ease; 563} 564.header.transparent { background: linear-gradient(to bottom, var(--brown) 0%, transparent 100%); } 565.header.black { background-color: var(--brown); } 566.header.menu-open { background: var(--brown) !important; } 567 568 569 </style> 570 571
572<script> 573document.addEventListener('DOMContentLoaded', () => { 574 const header = document.querySelector('.header'); 575 const section = document.querySelector('.shopify-section-header'); 576 if (!header) return; 577 578 // Dawn drawers inside header (nav, locale, etc.). Edit selector if yours differs. 579 const drawers = Array.from(header.querySelectorAll('details')); 580 const THRESHOLD = 0; // px from the top 581 582 function isAtTop() { return (window.scrollY <= THRESHOLD); } 583 function isMenuOpen() { return drawers.some(d => d.open); } 584 585 function sync() { 586 // hard reset so no stale classes linger 587 header.classList.remove('transparent','black','menu-open'); 588 section && section.classList.remove('menu-open'); 589 590 const atTop = isAtTop(); 591 const menuOpen = isMenuOpen(); 592 593 if (menuOpen && atTop) { 594 header.classList.add('menu-open'); // solid brown at the very top 595 section && section.classList.add('menu-open'); 596 } else if (atTop) { 597 header.classList.add('transparent'); // gradient at top when menu closed 598 } else { 599 header.classList.add('black'); // solid brown when scrolled 600 } 601 } 602 603 // events 604 window.addEventListener('scroll', sync, { passive: true }); 605 window.addEventListener('resize', sync); 606 drawers.forEach(d => d.addEventListener('toggle', sync)); 607 608 // initial paint 609 sync(); 610}); 611</script>
611 612 613 614 615 616 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
617<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: 71901708542,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};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 617
617
618<script> 619 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 620</script>
vendor: 1 bytes, line 620
620
621<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}
621).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: 71901708542,storefrontBaseUrl: "https://nustorycoffee.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nustorycoffee.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"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":"NūSTORY COFFEE CO.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"7uydfm-hz.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/nustorycoffee.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://nustorycoffee.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"152205263102","themePublished":"true","eventMetadataId":"4248cf59-73c0-4f46-afab-376f3b4742ff","shopId":"71901708542","storefrontBaseUrl":"https:\/\/nustorycoffee.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>
621<script> 622 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 623 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 624 window.ShopifyAnalytics.meta.currency = 'USD'; 625 var meta = {"page":{"requestId":"57a667c4-713b-4e07-b279-8c7cb594e9b6-1790513081"}}; 626 for (var attr in meta) { 627 window.ShopifyAnalytics.meta[attr] = meta[attr]; 628 } 629</script>
vendor: 1 bytes, line 629
629
630<script class="analytics"> 631 (function () { 632 var customDocumentWrite = function(content) { 633 var jquery = null; 634 635 if (window.jQuery) { 636 jquery = window.jQuery; 637 } else if (window.Checkout && window.Checkout.$) { 638 jquery = window.Checkout.$; 639 } 640 641 if (jquery) { 642 jquery('body').append(content); 643 } 644 }; 645 646 var hasLoggedConversion = function(token) { 647 if (token) { 648 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 649 } 650 return false; 651 } 652 653 var setCookieIfConversion = function(token) { 654 if (token) { 655 var twoMonthsFromNow = new Date(Date.now()); 656 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 657 658 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 659 } 660 } 661 662 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 663 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 664 if (trekkie.integrations) { 665 return; 666 } 667 trekkie.methods = [ 668 'identify', 669 'page', 670 'ready', 671 'track', 672 'trackForm', 673 'trackLink' 674 ]; 675 trekkie.factory = function(method) { 676 return function() { 677 var args = Array.prototype.slice.call(arguments); 678 args.unshift(method); 679 trekkie.push(args); 680 if (method == 'track' || method == 'page') { 681 var pageUrl; 682 try { 683 pageUrl = window.location.href; 684 } catch (e) {} 685 var pageReferrer; 686 try { 687 pageReferrer = document.referrer; 688 } catch (e) {} 689 try { 690 if (window.__TREKKIE_SHIM_QUEUE == null) { 691 window.__TREKKIE_SHIM_QUEUE = []; 692 } 693 window.__TREKKIE_SHIM_QUEUE.push({ 694 from: 'trekkie-stub', 695 method: method, 696 args: args.slice(1), 697 pageContext: { 698 url: pageUrl, 699 referrer: pageReferrer 700 } 701 }); 702 } catch (e) { 703 // no-op 704 } 705 } 706 return trekkie; 707 }; 708 }; 709 for (var i = 0; i < trekkie.methods.length; i++) { 710 var key = trekkie.methods[i]; 711 trekkie[key] = trekkie.factory(key); 712 } 713 trekkie.load = function(config) { 714 trekkie.config = config || {}; 715 trekkie.config.initialDocumentCookie = document.cookie; 716 var first = document.getElementsByTagName('script')[0]; 717var script = document.createElement('script'); 718script.type = 'text/javascript'; 719script.onerror = function(e) { 720 var scriptFallback = document.createElement('script'); 721 scriptFallback.type = 'text/javascript'; 722 scriptFallback.onerror = function(error) { 723 var Monorail = { 724 produce: function produce(monorailDomain, schemaId, payload) { 725 var currentMs = new Date().getTime(); 726 var event = { 727 schema_id: schemaId, 728 payload: payload, 729 metadata: { 730 event_created_at_ms: currentMs, 731 event_sent_at_ms: currentMs 732 } 733 }; 734 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 735 }, 736 sendRequest: function sendRequest(endpointUrl, payload) { 737 // Try the sendBeacon API 738 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 739 var blobData = new window.Blob([payload], { 740 type: 'text/plain' 741 }); 742 743 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 744 return true; 745 } // sendBeacon was not successful 746 747 } // XHR beacon 748 749 var xhr = new XMLHttpRequest(); 750 751 try { 752 xhr.open('POST', endpointUrl); 753 xhr.setRequestHeader('Content-Type', 'text/plain'); 754 xhr.send(payload); 755 } catch (e) { 756 console.log(e); 757 } 758 759 return false; 760 }, 761 isIos12: function isIos12() { 762 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 763 } 764 }; 765 Monorail.produce('monorail-edge.shopifysvc.com', 766 'trekkie_storefront_load_errors/1.1', 767 {shop_id: 71901708542, 768 theme_id: 152205263102, 769 app_name: "storefront", 770 context_url: window.location.href, 771 source_url: "//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 772 773 }; 774 scriptFallback.async = true; 775 scriptFallback.src = '//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 776 first.parentNode.insertBefore(scriptFallback, first); 777}; 778script.async = true; 779script.src = '//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 780first.parentNode.insertBefore(script, first); 781 782 }; 783 trekkie.load( 784 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71901708542,"isMerchantRequest":null,"themeId":152205263102,"themeCityHash":"7144716765786960517","contentLanguage":"en","currency":"USD","eventMetadataId":"4248cf59-73c0-4f46-afab-376f3b4742ff"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 785 ); 786 787 var loaded = false;
788 trekkie.ready(function() { 789 if (loaded) return; 790 loaded = true; 791 792 window.ShopifyAnalytics.lib = window.trekkie; 793 794 var originalDocumentWrite = document.write; 795 document.write = customDocumentWrite; 796 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 797 document.write = originalDocumentWrite; 798 799 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 800 var token = match? match[1]: undefined; 801 if (!hasLoggedConversion(token)) { 802 setCookieIfConversion(token); 803 804 } 805 }); 806 807 window.ShopifyAnalytics.lib.page(null,{"requestId":"57a667c4-713b-4e07-b279-8c7cb594e9b6-1790513081","shopifyEmitted":true}); 808 809 var eventsListenerScript = document.createElement('script'); 810 eventsListenerScript.async = true; 811 eventsListenerScript.src = "//nustorycoffee.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 812 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 813})();</script>
vendor: 1 bytes, line 813
813
814<script 815 defer 816 src="https://nustorycoffee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 817 data-application="storefront-renderer" 818 data-shop-id="71901708542" 819 data-render-region="gcp-us-east1" 820 data-page-type="customers/login" 821 data-theme-instance-id="152205263102" 822 data-theme-name="Esencia" 823 data-theme-version="2.0.1" 824 data-monorail-region="shop_domain" 825 data-resource-timing-sampling-rate="10" 826 data-shs="true" 827 data-shs-beacon="true" 828 data-shs-export-with-fetch="true" 829 data-shs-logs-sample-rate="1" 830 data-shs-beacon-endpoint="https://nustorycoffee.com/api/collect" 831></script>
831 832<meta name="shopify-y" content="cea9779c-3415-415e-aa09-dd85f1127fe8" data-expiration="1822070681000"><meta name="shopify-s" content="5e7472e0-4335-4ae3-9e7c-53b3affc6488" data-expiration="1790514881000"><meta name="new-cookie-storage-activated" content="t"> 833</head> 834 835 <body class="gradient template-login title-account "> 836 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 837 Skip to content 838 </a> 839 840<link href="//nustorycoffee.com/cdn/shop/t/7/assets/quantity-popover.css?v=153075665213740339621757595385" rel="stylesheet" type="text/css" media="all" /> 841<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 842
843<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart.js?v=56933888273975671431757595385" defer="defer"></script>
vendor: 1 bytes, line 843
843
844<script src="//nustorycoffee.com/cdn/shop/t/7/assets/quantity-popover.js?v=19455713230017000861757595385" defer="defer"></script>
844 845 846<style> 847 .drawer { 848 visibility: hidden; 849 } 850</style> 851 852<cart-drawer class="drawer is-empty"> 853 <div id="CartDrawer" class="cart-drawer"> 854 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 855 <div 856 class="drawer__inner gradient color-background-1" 857 role="dialog" 858 aria-modal="true" 859 aria-label="Your cart" 860 tabindex="-1" 861 ><div class="drawer__inner-empty"> 862 <div class="cart-drawer__warnings center"> 863 <div class="cart-drawer__empty-content"> 864 <h2 class="cart__empty-text">Your cart is empty</h2> 865 <button 866 class="drawer__close" 867 type="button" 868 onclick="this.closest('cart-drawer').close()" 869 aria-label="Close" 870 > 871 <svg 872 xmlns="http://www.w3.org/2000/svg" 873 aria-hidden="true" 874 focusable="false" 875 class="icon icon-close" 876 fill="none" 877 viewBox="0 0 18 17" 878> 879 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 880</svg> 881 882 </button> 883 <a href="/collections/all" class="button"> 884 Continue shopping 885 </a><p class="cart__login-title h3">Have an account?</p> 886 <p class="cart__login-paragraph"> 887 <a href="/account/login" class="link underlined-link">Log in</a> to check out faster. 888 </p></div> 889 </div></div><div class="drawer__header"> 890 <h2 class="drawer__heading">Your cart</h2> 891 <button 892 class="drawer__close" 893 type="button" 894 onclick="this.closest('cart-drawer').close()" 895 aria-label="Close" 896 > 897 <svg 898 xmlns="http://www.w3.org/2000/svg" 899 aria-hidden="true" 900 focusable="false" 901 class="icon icon-close" 902 fill="none" 903 viewBox="0 0 18 17" 904> 905 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 906</svg> 907 908 </button> 909 </div> 910 <cart-drawer-items 911 912 class=" is-empty" 913 914 > 915 <form 916 action="/cart" 917 id="CartDrawer-Form" 918 class="cart__contents cart-drawer__form" 919 method="post" 920 > 921 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 922 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 923 Loading... 924 </p> 925 </div> 926 <div id="CartDrawer-CartErrors" role="alert"></div> 927 </form> 928 </cart-drawer-items> 929 <div class="drawer__footer"><!-- Start blocks --> 930 <!-- Subtotals --> 931 932 <div class="cart-drawer__footer" > 933 <div></div> 934 935 <div class="totals" role="status"> 936 <h2 class="totals__total">Estimated total</h2> 937 <p class="totals__total-value">$0.00 USD</p> 938 </div> 939 940 <small class="tax-note caption-large rte">Taxes, Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 941</small> 942 </div> 943 944 <!-- CTAs --> 945 946 <div class="cart__ctas" > 947 <noscript> 948 <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form"> 949 Update 950 </button> 951 </noscript> 952 953 <button 954 type="submit" 955 id="CartDrawer-Checkout" 956 class="cart__checkout-button button" 957 name="checkout" 958 form="CartDrawer-Form" 959 960 disabled 961 962 > 963 Check out 964 </button> 965 </div> 966 </div> 967 </div> 968 </div> 969</cart-drawer> 970
971<script> 972 document.addEventListener('DOMContentLoaded', function () { 973 function isIE() { 974 const ua = window.navigator.userAgent; 975 const msie = ua.indexOf('MSIE '); 976 const trident = ua.indexOf('Trident/'); 977 978 return msie > 0 || trident > 0; 979 } 980 981 if (!isIE()) return; 982 const cartSubmitInput = document.createElement('input'); 983 cartSubmitInput.setAttribute('name', 'checkout'); 984 cartSubmitInput.setAttribute('type', 'hidden'); 985 document.querySelector('#cart').appendChild(cartSubmitInput); 986 document.querySelector('#checkout').addEventListener('click', function (event) { 987 document.querySelector('#cart').submit(); 988 }); 989 }); 990</script>
990 991<div id="nav-sentinel" aria-hidden="true"></div> 992 993 <!-- BEGIN sections: header-group --> 994<div id="shopify-section-sections--19788893454590__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-slideshow.css?v=107725913939919748051757595385" rel="stylesheet" type="text/css" media="all" /> 995<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-slider.css?v=142503135496229589681757595385" rel="stylesheet" type="text/css" media="all" /> 996 997 998<div 999 class="utility-bar color-inverse gradient utility-bar--bottom-border" 1000 1001> 1002 <div class="page-width utility-bar__grid"><slideshow-component 1003 class="announcement-bar" 1004 role="region" 1005 aria-roledescription="Carousel" 1006 aria-label="Announcement bar" 1007 > 1008 <div class="announcement-bar-slider slider-buttons"> 1009 <button 1010 type="button" 1011 class="slider-button slider-button--prev" 1012 name="previous" 1013 aria-label="Previous announcement" 1014 aria-controls="Slider-sections--19788893454590__announcement-bar" 1015 > 1016 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 1017 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 1018</svg> 1019 1020 </button> 1021 <div 1022 class="grid grid--1-col slider slider--everywhere" 1023 id="Slider-sections--19788893454590__announcement-bar" 1024 aria-live="polite" 1025 aria-atomic="true" 1026 data-autoplay="true" 1027 data-speed="3" 1028 ><div 1029 class="slideshow__slide slider__slide grid__item grid--1-col" 1030 id="Slide-sections--19788893454590__announcement-bar-1" 1031 1032 role="group" 1033 aria-roledescription="Announcement" 1034 aria-label="1 of 2" 1035 tabindex="-1" 1036 > 1037 <div 1038 class="announcement-bar__announcement" 1039 role="region" 1040 aria-label="Announcement" 1041 1042 ><a 1043 href="/collections/shop-all" 1044 class="announcement-bar__link link link--text focus-inset animate-arrow" 1045 ><p class="announcement-bar__message h5"> 1046 <span>FREE LOCAL DELIVERIES - Nixa, Ozark, South Springfield</span><svg 1047 viewBox="0 0 14 10" 1048 fill="none" 1049 aria-hidden="true" 1050 focusable="false" 1051 class="icon icon-arrow" 1052 xmlns="http://www.w3.org/2000/svg" 1053> 1054 <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> 1055</svg> 1056 1057</p></a></div> 1058 </div><div 1059 class="slideshow__slide slider__slide grid__item grid--1-col" 1060 id="Slide-sections--19788893454590__announcement-bar-2" 1061 1062 role="group" 1063 aria-roledescription="Announcement" 1064 aria-label="2 of 2" 1065 tabindex="-1" 1066 > 1067 <div 1068 class="announcement-bar__announcement" 1069 role="region" 1070 aria-label="Announcement" 1071 1072 ><p class="announcement-bar__message h5"> 1073 <span>MAY YOU WRITE A NŪSTORY IN 2026</span></p></div> 1074 </div></div> 1075 <button 1076 type="button" 1077 class="slider-button slider-button--next" 1078 name="next" 1079 aria-label="Next announcement" 1080 aria-controls="Slider-sections--19788893454590__announcement-bar" 1081 > 1082 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 1083 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 1084</svg> 1085 1086 </button> 1087 </div> 1088 </slideshow-component><div class="localization-wrapper"> 1089</div> 1090 </div> 1091</div> 1092 1093 1094</div><div id="shopify-section-sections--19788893454590__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-list-menu.css?v=151968516119678728991757595385" media="print" onload="this.media='all'"> 1095<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-search.css?v=165164710990765432851757595385" media="print" onload="this.media='all'"> 1096<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-menu-drawer.css?v=31331429079022630271757595385" media="print" onload="this.media='all'"> 1097<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-notification.css?v=54116361853792938221757595385" media="print" onload="this.media='all'"> 1098<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-items.css?v=145340746371385151771757595385" media="print" onload="this.media='all'"> 1099 1100<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" media="print" onload="this.media='all'"><link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-mega-menu.css?v=10110889665867715061757595385" media="print" onload="this.media='all'"> 1101 <noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-mega-menu.css?v=10110889665867715061757595385" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-drawer.css?v=11376100058507027511757595385" rel="stylesheet" type="text/css" media="all" /> 1102 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart.css?v=181291337967238571831757595385" rel="stylesheet" type="text/css" media="all" /> 1103 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-totals.css?v=15906652033866631521757595385" rel="stylesheet" type="text/css" media="all" /> 1104 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 1105 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-discounts.css?v=152760482443307489271757595385" rel="stylesheet" type="text/css" media="all" /> 1106<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-list-menu.css?v=151968516119678728991757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1107<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-search.css?v=165164710990765432851757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1108<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-menu-drawer.css?v=31331429079022630271757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1109<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-notification.css?v=54116361853792938221757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1110<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-items.css?v=145340746371385151771757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1111 1112 1113 1114 1115 1116<style> 1117 1118 1119 1120 header-drawer { 1121 justify-self: start; 1122 margin-left: -1.2rem; 1123 }@media screen and (min-width: 990px) { 1124 header-drawer { 1125 display: none; 1126 } 1127 }.menu-drawer-container { 1128 display: flex; 1129 } 1130 1131 .list-menu { 1132 list-style: none; 1133 padding: 0; 1134 margin: 0; 1135 } 1136 1137 .list-menu--inline { 1138 display: inline-flex; 1139 flex-wrap: wrap; 1140 } 1141 1142 summary.list-menu__item { 1143 padding-right: 2.7rem; 1144 } 1145 1146 .list-menu__item { 1147 display: flex; 1148 align-items: center; 1149 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1150 } 1151 1152 .list-menu__item--link { 1153 text-decoration: none; 1154 padding-bottom: 1rem; 1155 padding-top: 1rem; 1156 line-height: calc(1 + 0.8 / var(--font-body-scale)); 1157 } 1158 1159 @media screen and (min-width: 750px) { 1160 .list-menu__item--link { 1161 padding-bottom: 0.5rem; 1162 padding-top: 0.5rem; 1163 } 1164 } 1165</style><style data-shopify>.header { 1166 padding: 2px 3rem 2px 3rem; 1167 } 1168 1169 .section-header { 1170 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 1171 margin-bottom: 0px; 1172 } 1173 1174 @media screen and (min-width: 750px) { 1175 .section-header { 1176 margin-bottom: 0px; 1177 } 1178 } 1179 1180 @media screen and (min-width: 990px) { 1181 .header { 1182 padding-top: 4px; 1183 padding-bottom: 4px; 1184 } 1185 }</style>
1185<script src="//nustorycoffee.com/cdn/shop/t/7/assets/details-disclosure.js?v=13653116266235556501757595385" defer="defer"></script>
vendor: 1 bytes, line 1185
1185
1186<script src="//nustorycoffee.com/cdn/shop/t/7/assets/details-modal.js?v=25581673532751508451757595385" defer="defer"></script>
vendor: 1 bytes, line 1186
1186
1187<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart-notification.js?v=133508293167896966491757595385" defer="defer"></script>
vendor: 1 bytes, line 1187
1187
1188<script src="//nustorycoffee.com/cdn/shop/t/7/assets/search-form.js?v=133129549252120666541757595385" defer="defer"></script>
1188<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart-drawer.js?v=105077087914686398511757595385" defer="defer"></script>
1188<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 1189 <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> 1190 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> 1191 </symbol> 1192 1193 <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> 1194 <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> 1195 <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 1196 <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 1197 </symbol> 1198 1199 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 1200 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 1201 </symbol> 1202</svg><sticky-header data-sticky-type="on-scroll-up" class="header-wrapper color-background-2 gradient"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-account"> 1203 1204<header-drawer data-breakpoint="tablet"> 1205 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 1206 <summary 1207 class="header__icon header__icon--menu header__icon--summary link focus-inset" 1208 aria-label="Menu" 1209 > 1210 <span> 1211 <svg 1212 xmlns="http://www.w3.org/2000/svg" 1213 aria-hidden="true" 1214 focusable="false" 1215 class="icon icon-hamburger" 1216 fill="none" 1217 viewBox="0 0 18 16" 1218> 1219 <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> 1220</svg> 1221 1222 <svg 1223 xmlns="http://www.w3.org/2000/svg" 1224 aria-hidden="true" 1225 focusable="false" 1226 class="icon icon-close" 1227 fill="none" 1228 viewBox="0 0 18 17" 1229> 1230 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 1231</svg> 1232 1233 </span> 1234 </summary> 1235 <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-2"> 1236 <div class="menu-drawer__inner-container"> 1237 <div class="menu-drawer__navigation-container"> 1238 <nav class="menu-drawer__navigation"> 1239 <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a 1240 id="HeaderDrawer-shop" 1241 href="/collections/shop-all" 1242 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1243 1244 > 1245 Shop 1246 </a></li><li><a 1247 id="HeaderDrawer-about" 1248 href="/pages/about" 1249 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1250 1251 > 1252 About 1253 </a></li><li><a 1254 id="HeaderDrawer-wholesale" 1255 href="/pages/wholesale" 1256 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1257 1258 > 1259 Wholesale 1260 </a></li><li><a 1261 id="HeaderDrawer-contact" 1262 href="/pages/contact" 1263 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1264 1265 > 1266 Contact 1267 </a></li></ul> 1268 </nav> 1269 <div class="menu-drawer__utility-links"><a 1270 href="/account/login" 1271 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 1272 > 1273 <svg 1274 xmlns="http://www.w3.org/2000/svg" 1275 aria-hidden="true" 1276 focusable="false" 1277 class="icon icon-account" 1278 fill="none" 1279 viewBox="0 0 18 19" 1280> 1281 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.
12811-3.67-1.35-6.17-1.35z" fill="currentColor"> 1282</svg> 1283 1284Log in</a><div class="menu-drawer__localization header-localization"> 1285</div><ul class="list list-social list-unstyled" role="list"></ul> 1286 </div> 1287 </div> 1288 </div> 1289 </div> 1290 </details> 1291</header-drawer> 1292<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 1293 1294 <img src="//nustorycoffee.com/cdn/shop/files/nustory-logo-cream.png?v=1757595815&width=600" alt="NūSTORY COFFEE CO." srcset="//nustorycoffee.com/cdn/shop/files/nustory-logo-cream.png?v=1757595815&width=120 120w, //nustorycoffee.com/cdn/shop/files/nustory-logo-cream.png?v=1757595815&width=180 180w, //nustorycoffee.com/cdn/shop/files/nustory-logo-cream.png?v=1757595815&width=240 240w" width="120" height="60.515337423312886" loading="eager" class="header__heading-logo motion-reduce" sizes="(max-width: 240px) 50vw, 120px"> 1295 </div></a> 1296 1297<nav class="header__inline-menu"> 1298 <ul class="list-menu list-menu--inline" role="list"><li><a 1299 id="HeaderMenu-shop" 1300 href="/collections/shop-all" 1301 class="header__menu-item list-menu__item link link--text focus-inset" 1302 1303 > 1304 <span 1305 >Shop</span> 1306 </a></li><li><a 1307 id="HeaderMenu-about" 1308 href="/pages/about" 1309 class="header__menu-item list-menu__item link link--text focus-inset" 1310 1311 > 1312 <span 1313 >About</span> 1314 </a></li><li><a 1315 id="HeaderMenu-wholesale" 1316 href="/pages/wholesale" 1317 class="header__menu-item list-menu__item link link--text focus-inset" 1318 1319 > 1320 <span 1321 >Wholesale</span> 1322 </a></li><li><a 1323 id="HeaderMenu-contact" 1324 href="/pages/contact" 1325 class="header__menu-item list-menu__item link link--text focus-inset" 1326 1327 > 1328 <span 1329 >Contact</span> 1330 </a></li></ul> 1331</nav> 1332 1333<div class="header__icons header__icons--localization header-localization"> 1334 <div class="desktop-localization-wrapper"> 1335</div> 1336 1337 1338<details-modal class="header__search"> 1339 <details> 1340 <summary 1341 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 1342 aria-haspopup="dialog" 1343 aria-label="Search" 1344 > 1345 <span> 1346 <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> 1347 <use href="#icon-search"> 1348 </svg> 1349 <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> 1350 <use href="#icon-close"> 1351 </svg> 1352 </span> 1353 </summary> 1354 <div 1355 class="search-modal modal__content gradient" 1356 role="dialog" 1357 aria-modal="true" 1358 aria-label="Search" 1359 > 1360 <div class="modal-overlay"></div> 1361 <div 1362 class="search-modal__content search-modal__content-bottom" 1363 tabindex="-1" 1364 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 1365 <div class="field"> 1366 <input 1367 class="search__input field__input" 1368 id="Search-In-Modal" 1369 type="search" 1370 name="q" 1371 value="" 1372 placeholder="Search"role="combobox" 1373 aria-expanded="false" 1374 aria-owns="predictive-search-results" 1375 aria-controls="predictive-search-results" 1376 aria-haspopup="listbox" 1377 aria-autocomplete="list" 1378 autocorrect="off" 1379 autocomplete="off" 1380 autocapitalize="off" 1381 spellcheck="false"> 1382 <label class="field__label" for="Search-In-Modal">Search</label> 1383 <input type="hidden" name="options[prefix]" value="last"> 1384 <button 1385 type="reset" 1386 class="reset__button field__button hidden" 1387 aria-label="Clear search term" 1388 > 1389 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 1390 <use xlink:href="#icon-reset"> 1391 </svg> 1392 </button> 1393 <button class="search__button field__button" aria-label="Search"> 1394 <svg class="icon icon-search" aria-hidden="true" focusable="false"> 1395 <use href="#icon-search"> 1396 </svg> 1397 </button> 1398 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 1399 1400<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 1401 1402<div class="predictive-search__loading-state"> 1403 <svg 1404 aria-hidden="true" 1405 focusable="false" 1406 class="spinner"
1407 viewBox="0 0 66 66" 1408 xmlns="http://www.w3.org/2000/svg" 1409 > 1410 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 1411 </svg> 1412</div> 1413</div> 1414 1415 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 1416 type="button" 1417 class="search-modal__close-button modal__close-button link link--text focus-inset" 1418 aria-label="Close" 1419 > 1420 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 1421 <use href="#icon-close"> 1422 </svg> 1423 </button> 1424 </div> 1425 </div> 1426 </details> 1427</details-modal> 1428 1429<a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide"> 1430 <svg 1431 xmlns="http://www.w3.org/2000/svg" 1432 aria-hidden="true" 1433 focusable="false" 1434 class="icon icon-account" 1435 fill="none" 1436 viewBox="0 0 18 19" 1437> 1438 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35z" fill="currentColor"> 1439</svg> 1440 1441 <span class="visually-hidden">Log in</span> 1442 </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg 1443 class="icon icon-cart-empty" 1444 aria-hidden="true" 1445 focusable="false" 1446 xmlns="http://www.w3.org/2000/svg" 1447 viewBox="0 0 40 40" 1448 fill="none" 1449> 1450 <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> 1451</svg> 1452<span class="visually-hidden">Cart</span></a> 1453 </div> 1454 </header> 1455</sticky-header> 1456
1457<script type="application/ld+json"> 1458 { 1459 "@context": "http://schema.org", 1460 "@type": "Organization", 1461 "name": "NūSTORY COFFEE CO.", 1462 1463 "logo": "https:\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-logo-cream.png?v=1757595815\u0026width=500", 1464 1465 "sameAs": [ 1466 "", 1467 "", 1468 "", 1469 "", 1470 "", 1471 "", 1472 "", 1473 "", 1474 "" 1475 ], 1476 "url": "https:\/\/nustorycoffee.com" 1477 } 1478</script>
1478 1479 <style> 1480 summary.header__menu-item:after { 1481 content: ""; 1482 background-color: transparent; 1483 width: 100%; 1484 height: 150%; 1485 position: absolute; 1486 transform: translateY(80%); 1487 pointer-events:none; 1488 } 1489 1490 .mega-menu[open] summary.header__menu-item:after { 1491 pointer-events:auto; 1492 } 1493 1494 .mega-menu[open] summary ~ * { 1495 animation: sweep .5s ease-in-out !important; 1496 } 1497 1498 1499 1500 @keyframes sweep { 1501 0% {opacity: 0; transform: translateX(-10px)} 1502 100% {opacity: 1; transform: translateX(0)} 1503 } 1504 </style> 1505
1505<script> 1506 var a = document.querySelectorAll('.mega-menu'); 1507 1508 1509 a.forEach(item => { 1510 const b = item.querySelector('.mega-menu__content') 1511 item.addEventListener('mouseover', () => { 1512 item.setAttribute('open',''); 1513 1514 }); 1515 item.addEventListener('mouseleave', () => { 1516 item.removeAttribute('open'); 1517 }); 1518 1519 b.addEventListener('mouseover', () => { 1520 item.setAttribute('open',''); 1521 1522 }); 1523 b.addEventListener('mouseleave', () => { 1524 item.removeAttribute('open'); 1525 }); 1526 1527 }) 1528 1529 </script>
1529 1530 1531 1532</div> 1533<!-- END sections: header-group --> 1534 1535 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 1536 <div id="shopify-section-template--19788891652350__main" class="shopify-section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/customer.css?v=34961046807264576181757595385" rel="stylesheet" type="text/css" media="all" /> 1537<style data-shopify>.section-template--19788891652350__main-padding { 1538 padding-top: 27px; 1539 padding-bottom: 27px; 1540 } 1541 1542 @media screen and (min-width: 750px) { 1543 .section-template--19788891652350__main-padding { 1544 padding-top: 36px; 1545 padding-bottom: 36px; 1546 } 1547 }</style><div class="customer login section-template--19788891652350__main-padding"> 1548 <h1 id="recover" tabindex="-1"> 1549 Reset your password 1550 </h1> 1551 <div> 1552 <p> 1553 We will send you an email to reset your password 1554 </p><form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 1555 <div class="field"> 1556 <input 1557 type="email" 1558 value="" 1559 name="email" 1560 id="RecoverEmail" 1561 autocorrect="off" 1562 autocapitalize="off" 1563 autocomplete="email" 1564 1565 placeholder="Email" 1566 > 1567 <label for="RecoverEmail"> 1568 Email 1569 </label> 1570 </div><button> 1571 Submit 1572 </button> 1573 1574 <a href="#login"> 1575 Cancel 1576 </a></form></div> 1577 1578 <h1 id="login" tabindex="-1"> 1579 Login 1580 </h1> 1581 <div><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /><div class="field"> 1582 <input 1583 type="email" 1584 name="customer[email]" 1585 id="CustomerEmail" 1586 autocomplete="email" 1587 autocorrect="off" 1588 autocapitalize="off" 1589 1590 placeholder="Email" 1591 > 1592 <label for="CustomerEmail"> 1593 Email 1594 </label> 1595 </div><div class="field"> 1596 <input 1597 type="password" 1598 value="" 1599 name="customer[password]" 1600 id="CustomerPassword" 1601 autocomplete="current-password" 1602 1603 placeholder="Password" 1604 > 1605 <label for="CustomerPassword"> 1606 Password 1607 </label> 1608 </div> 1609 1610 <a href="#recover"> 1611 Forgot your password? 1612 </a><button> 1613 Sign in 1614 </button> 1615 1616 <a href="/account/register"> 1617 Create account 1618 </a></form></div></div> 1619 1620 1621</div> 1622 </main> 1623 1624 <!-- BEGIN sections: footer-group --> 1625<div id="shopify-section-sections--19788893356286__0_custom_footer_TWxAqz" class="shopify-section shopify-section-group-footer-group section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 1626<style data-shopify> 1627 1628 1629/* COLOR */ 1630.ss-section a:not(.button) { 1631 color: rgba(var(--color-foreground), 1) 1632} 1633 1634/* SECTION */ 1635#section-sections--19788893356286__0_custom_footer_TWxAqz { 1636 padding-bottom:40px; 1637 padding-top:40px; 1638 1639} 1640 1641@media screen and (max-width: 749px) { 1642 #section-sections--19788893356286__0_custom_footer_TWxAqz { 1643 padding-top: 30px; 1644 padding-bottom: 30px; 1645 } 1646} 1647 1648.ss-section { 1649 display:flex; 1650 position: relative; 1651} 1652 1653 1654@media screen and (min-width:750px) { 1655 #section-sections--19788893356286__0_custom_footer_TWxAqz { 1656 min-height: 10vh; 1657 } 1658} 1659 1660/* INLINE WRAPPER */ 1661#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-inline-wrapper { 1662 width:auto; 1663 inset:0; 1664 position:relative; 1665 z-index:2; 1666} 1667 1668.ss-section .ss-inline-wrapper { 1669 position:absolute; 1670 width:auto; 1671 inset:0; 1672} 1673 1674/* CONTENT WRAPPER */ 1675#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content-wrapper { 1676 width:100%; 1677 position:relative; 1678 display:flex; 1679 justify-content:center; 1680 z-index:2; 1681} 1682 1683@media screen and (min-width:750px) { 1684 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content-wrapper { 1685 padding-left:10rem; 1686 padding-right:10rem; 1687 } 1688} 1689 1690@media screen and (max-width:749px) { 1691 .ss-content-wrapper { 1692 flex-direction:column; 1693 } 1694} 1695 1696/* CONTENT */ 1697#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content { 1698 align-items:stretch; 1699} 1700 1701@media screen and (min-width:750px) { 1702 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content { 1703 width: 100%; 1704 display:flex; 1705 } 1706} 1707 1708/* GRID */ 1709.ss-col-12 [class*=ss-col] { 1710 float: left; 1711 position:relative; 1712} 1713 1714.ss-col-12 { 1715 width: 100% 1716} 1717 1718.ss-col-12 .ss-col-12 { 1719 width: 100% 1720} 1721 1722.ss-col-12 .ss-col-11 { 1723 width: 91.6667% 1724} 1725 1726.ss-col-12 .ss-col-10 { 1727 width: 83.3333% 1728} 1729 1730.ss-col-12 .ss-col-9 { 1731 width: 75% 1732} 1733 1734.ss-col-12 .ss-col-8 { 1735 width: 66.6667% 1736} 1737 1738.ss-col-12 .ss-col-7 { 1739 width: 58.3333% 1740} 1741 1742.ss-col-12 .ss-col-6 { 1743 width: 50% 1744} 1745 1746.ss-col-12 .ss-col-5 { 1747 width: 41.6667% 1748} 1749 1750.ss-col-12 .ss-col-4 { 1751 width: 33.3333% 1752} 1753 1754.ss-col-12 .ss-col-3 { 1755 width: 25% 1756} 1757 1758.ss-col-12 .ss-col-2 { 1759 width: 16.6667% 1760} 1761 1762.ss-col-12 .ss-col-1 { 1763 width: 8.3333% 1764} 1765 1766.ss-block { 1767 padding:8px; 1768} 1769 1770/* SECTION BACKGROUND */ 1771.section-background { 1772 position:absolute; 1773 inset:0; 1774 z-index: 0; 1775 width:auto; 1776} 1777
1778/* Background image */ 1779.section-background__image { 1780 position:absolute; 1781 inset:0; 1782 z-index:0; 1783 width:auto; 1784 display:block !important; 1785 background-size:cover; 1786 background-position:center; 1787} 1788 1789/* Background overlay */ 1790.section-background__overlay { 1791 position:absolute; 1792 inset:0; 1793 z-index:1; 1794 pointer-events:none; /* keep content clickable */ 1795} 1796 1797 1798 1799/* STYLE SECTION FOR MOBILE */ 1800@media screen and (max-width: 749px) { 1801 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-col-12 { 1802 display: flex !important; 1803 flex-direction: column; 1804 gap: 50px !important; 1805 } 1806 1807 .ss-section { 1808 display:flex; 1809 flex-direction:column; 1810 } 1811 1812 1813 #section-sections--19788893356286__0_custom_footer_TWxAqz .section-background { 1814 display:none; 1815 } 1816 1817 1818 1819} 1820 1821.ss-html-block { 1822 position:relative; 1823} 1824 1825.ss-text__content.ss-grid-block { 1826 flex-direction:column; 1827} 1828 1829.ss-text__content { 1830 text-align:center; 1831} 1832 1833 1834 1835/* Style image */ 1836.ss-image { 1837 display: block; 1838 max-width: 100%; 1839 position: absolute; 1840 top: 0; 1841 left: 0; 1842 height: 100%; 1843 width: 100%; 1844 object-fit: cover; 1845 object-position: center; 1846} 1847 1848 1849.ss-overlap-gallery { 1850 position:relative; 1851} 1852 1853.ss-image-wrapper { 1854 height:0; 1855 position:relative; 1856 max-width:100%; 1857} 1858 1859.ss-overlap-gallery .ss-overlap-image { 1860 position:absolute; 1861 width:60%; 1862 top:50%; 1863 transform:translateY(-50%); 1864} 1865 1866.ss-grid-block { 1867 display:flex; 1868 position:relative; 1869} 1870 1871.ss-overlap-image .ss-image-wrapper { 1872 height:0; 1873 padding-bottom:100%; 1874} 1875 1876.ss-overlap-gallery .ss-overlap-image img{ 1877 object-fit:cover; 1878} 1879 1880@media screen and (min-width:750px) { 1881 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-col-12 { 1882 width: 100%; 1883 display: grid; 1884 grid-template-columns: repeat(12,minmax(0,1fr)); 1885 grid-gap:1vw; 1886 } 1887} 1888 1889 1890.ss-inline--inline_image { 1891 display:inline-block; 1892} 1893 1894.ss-inline-image { 1895 position:relative; 1896} 1897.ss-inline-image img, .ss-decor { 1898 position:absolute; 1899} 1900 1901/* DECOR POSITIONING */ 1902.decor-position--top-right { 1903 right:0; 1904 left:initial; 1905 top:0; 1906} 1907 1908 1909.decor-position--top-left { 1910 left:0; 1911 top:0; 1912} 1913 1914.decor-position--bottom-left { 1915 left:0; 1916 bottom:0; 1917 top:initial; 1918} 1919 1920.decor-position--bottom-right { 1921 right:0; 1922 left:initial; 1923 bottom:0; 1924 top:initial; 1925} 1926 1927.textdecor-position--top { 1928 top:0; 1929 border-bottom:1px solid; 1930} 1931 1932.textdecor-position--bottom { 1933 bottom:0; 1934 border-top:1px solid; 1935} 1936 1937.textdecor-position--right { 1938 position:absolute; 1939 bottom:50%; 1940 right: 0vw; 1941 transform-origin: 100% 50%; 1942 transform: rotate(90deg) translate(50%, 50%); 1943} 1944 1945.textdecor-position--left { 1946 bottom:50%; 1947 left: 0vw; 1948 transform-origin: 0 50%; 1949 transform: rotate(-90deg) translate(-50%, 50%); 1950 1951} 1952 1953.ss-inline--inline_text.ss-decor { 1954 position:absolute; 1955 display:block; 1956 width:100%; 1957 text-align:center; 1958} 1959 1960/* GRID COLUMN */ 1961@media screen and (min-width:750px) { 1962 .ss-grid-span--1 { grid-column:auto/span 1; } 1963 .ss-grid-span--2 { grid-column:auto/span 2; } 1964 .ss-grid-span--3 { grid-column:auto/span 3; } 1965 .ss-grid-span--4 { grid-column:auto/span 4; } 1966 .ss-grid-span--5 { grid-column:auto/span 5; } 1967 .ss-grid-span--6 { grid-column:auto/span 6; } 1968 .ss-grid-span--7 { grid-column:auto/span 7; } 1969 .ss-grid-span--8 { grid-column:auto/span 8; } 1970 .ss-grid-span--9 { grid-column:auto/span 9; } 1971 .ss-grid-span--10 { grid-column:auto/span 10; } 1972 .ss-grid-span--11 { grid-column:auto/span 11; } 1973 .ss-grid-span--12 { grid-column:auto/span 12; } 1974} 1975 1976@media screen and (min-width:750px) { 1977 .ss-grid-rowspan--1 { grid-row:auto/span 1; } 1978 .ss-grid-rowspan--2 { grid-row:auto/span 2; } 1979 .ss-grid-rowspan--3 { grid-row:auto/span 3; } 1980 .ss-grid-rowspan--4 { grid-row:auto/span 4; } 1981 .ss-grid-rowspan--5 { grid-row:auto/span 5; } 1982 .ss-grid-rowspan--6 { grid-row:auto/span 6; } 1983 .ss-grid-rowspan--7 { grid-row:auto/span 7; } 1984 .ss-grid-rowspan--8 { grid-row:auto/span 8; } 1985 .ss-grid-rowspan--9 { grid-row:auto/span 9; } 1986 .ss-grid-rowspan--10 { grid-row:auto/span 10; } 1987 .ss-grid-rowspan--11 { grid-row:auto/span 11; } 1988 .ss-grid-rowspan--12 { grid-row:auto/span 12; } 1989} 1990 1991/* GRID ITEM */ 1992@media screen and (max-width:749px) { 1993 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-grid__item { 1994 padding-left: 7vw; 1995 padding-right: 7vw; 1996 } 1997} 1998 1999/* Style grid item positioning */ 2000.ss-grid-item__position--center { 2001 display:flex; 2002 flex-direction:column; 2003 justify-content:center; 2004} 2005 2006.ss-grid-item__position--top { 2007 display:flex; 2008 flex-direction:column; 2009 justify-content:flex-start; 2010} 2011 2012.ss-grid-item__position--bottom { 2013 display:flex; 2014 flex-direction:column; 2015 justify-content:flex-end; 2016} 2017 2018.ss-grid-item__position--stretch { 2019 display:flex; 2020 flex-direction:column; 2021 justify-content:space-between; 2022} 2023 2024/* IMAGE CAPTION WRAP */ 2025.ss-image-caption-wrapper { 2026padding-left:1rem; 2027padding-right:1rem; 2028} 2029 2030/* GRID BORDER (WHEN TURNED ON) */ 2031 2032 2033 2034/* STYLE BACKGROUND IMAGE */ 2035.ss-section img.ss-bg-image , .ss-section .ss-inline-image img{ 2036 display: block; 2037 max-width: 100%; 2038 position: absolute; 2039 top: 0; 2040 left: 0; 2041 height: 100%; 2042 width: 100%; 2043 object-fit:cover; 2044} 2045 2046.center-video .section-background { 2047 width:20%; 2048 padding-bottom:20%; 2049 left:50%; 2050 top:50%; 2051 transform:translate(-50%, -50%); 2052 border:3px solid; 2053} 2054 2055.background-split--left .section-background { 2056 width:50%; 2057 2058} 2059 2060.background-third--left .section-background { 2061 width:33.3%; 2062 2063} 2064 2065.background-split--right .section-background { 2066 width:50%; 2067 left:50%; 2068 2069} 2070 2071.background-third--right .section-background { 2072 width:33.36%;
2073 left:66.66%; 2074 2075} 2076 2077.background-split--center .section-background { 2078 width:50%; 2079 left:50%; 2080 top:50%; 2081 transform:translate(-50%, -50%); 2082 padding-bottom:50%; 2083 2084} 2085.ss-decor.decor-center { 2086 left:50%; 2087 top:50%; 2088 transform:translate(-50%, -50%); 2089} 2090 2091.large-headline h2 { 2092 font-size:clamp(2rem,5vw,5vw) !important; 2093} 2094 2095.ss-grid__item.image-fill .ss-image-wrapper { 2096padding-bottom:0; 2097height:100%; 2098 2099} 2100 2101@media screen and (max-width: 749px) { 2102 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-grid__item { 2103 order: var(--m-order, 0); 2104 } 2105} 2106 2107.ss-grid__item.image-fill .ss-image { 2108 object-fit:cover !important; 2109} 2110 2111.adapt-screen .ss-image-wrapper { 2112 padding-bottom:0 !important; 2113} 2114 2115.ss-grid__item.sticky > div:first-child { 2116 position:sticky; 2117 top:0; 2118} 2119 2120.ss-section h1, .ss-section h2, .ss-section h3, .ss-section p { 2121 margin-block-start: 0.5rem; 2122 margin-block-end: 0.5rem; 2123} 2124 2125.ss-grid__item.image-linked .ss-image-caption-wrapper a::before { 2126 content: ''; 2127 position: absolute; 2128 width: 100%; 2129 height: 100%; 2130 background: transparent; 2131 top: 0; 2132 left: 0; 2133} 2134 2135.ss-grid__item.image-linked { 2136 position: relative; 2137} 2138 2139.ss-grid__item.hide-image-caption .ss-image-caption-wrapper a { 2140 font-size: 0; 2141} 2142 2143.ss-grid__item.hide-image-caption .ss-image-caption-wrapper { 2144 height:0; 2145} 2146 2147 2148/* Hide element on mobile */ 2149@media screen and (max-width:749px) { 2150 .hide--mobile { 2151 display:none !important; 2152 } 2153} 2154 2155.sticky { 2156 position:sticky !important; 2157 top:0; 2158} 2159 2160@media screen and (min-width:750px) { 2161 .vertical-rl > * { 2162 writing-mode:vertical-rl; 2163 justify-content:center; 2164 } 2165} 2166 2167/* MENU BLOCK */ 2168.ss-links-block { width: 100%; } 2169.ss-links { 2170 list-style: none; 2171 margin: 0; 2172 padding: 0; 2173 display: flex; 2174 flex-wrap: wrap; 2175 gap: var(--ss-link-gap, .75rem); 2176} 2177 2178.ss-links--column { flex-direction: column; } 2179.ss-links--row { flex-direction: row; } 2180.ss-links a.ss-link { text-decoration: none; } 2181.ss-links a.ss-link:hover { text-decoration: underline; } 2182.ss-links .is-upcase { text-transform: uppercase; letter-spacing: .04em; } 2183.ss-links li { position: relative; } 2184 2185/* Simple second-level styling */ 2186.ss-sublinks { 2187 list-style: none; 2188 margin: .5rem 0 0; 2189 padding-left: 1rem; 2190} 2191 2192/* SOCIAL MEDIA BLOCK */ 2193.ss-social-block { width: 100%; } 2194 2195.ss-social { 2196 list-style: none; 2197 margin: 0; 2198 padding: 0; 2199 display: flex; 2200 gap: var(--icon-gap, .75rem); 2201} 2202 2203.ss-social--row { flex-direction: row; align-items: center; } 2204.ss-social--column { 2205 display: flex; 2206 flex-direction: row; 2207 gap: 1rem; 2208} 2209.ss-social a { 2210 display: inline-flex; 2211 line-height: 1; 2212 text-decoration: none; 2213} 2214 2215.ss-social .icon { 2216 width: var(--icon-size, 20px); 2217 height: var(--icon-size, 20px); 2218} 2219 2220.footer_socials-block { 2221 display: flex; 2222 flex-direction: row; 2223} 2224 2225/* ANIMATIONS */ 2226/* Full rotate */ 2227@keyframes ss-rotate-360 { 2228 from { transform: rotate(0deg); } 2229 to { transform: rotate(360deg); } 2230} 2231 2232/* Side by side rotate */ 2233@keyframes ss-rotate-sway { 2234 0% { transform: rotate(-6deg); } 2235 50% { transform: rotate(6deg); } 2236 100% { transform: rotate(-6deg); } 2237} 2238 2239/* Up and down */ 2240@keyframes ss-up-and-down { 2241 0% { transform: translateY(-1.5rem); } 2242 50% { transform: translateY(1.5rem); } 2243 100% { transform: translateY(-1.5rem); } 2244} 2245 2246</style> 2247 2248 2249<section class="section ss-section color-accent-1 custom-footer_section" id="section-sections--19788893356286__0_custom_footer_TWxAqz"> 2250 2251 <div class="section-background"> 2252 2253 2254 2255 2256 2257 </div> 2258 2259 <div class="ss-inline-wrapper"> 2260 2261 2262 2263</div> 2264 2265 <div class="ss-content-wrapper "> 2266 <div class="ss-content"> 2267 2268 2269 <div class="ss-col-12"> 2270 <div 2271 class="ss-grid__item ss-grid__item--Image ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center footer_logo image-linked hide-image-caption" 2272 style="--m-order: 0;" 2273 block.shopify_attributes }}> 2274<!-- Grid Item Image --> 2275 <div class="ss-image-wrapper ss-grid-block" 2276 style="padding-bottom: 115.0093808630394%; "> 2277 <a href="/" class="footer_logo-link"> 2278 <img src="//nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=3840" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&
2278width=375 375w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=550 550w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=750 750w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=1500 1500w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=1780 1780w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=2000 2000w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=3000 3000w, //nustorycoffee.com/cdn/shop/files/nustory_sello4-cream.png?v=1757956588&width=3840 3840w" width="3840" height="4416" sizes="(min-width: 750px) 50vw, 100vw" class="ss-image"> 2279 </a> 2280 </div> 2281 2282 2283 2284 <div class="ss-image-caption-wrapper"> 2285 2286 </div> 2287 2288 2289 2290</div> 2291 <div 2292 class="ss-grid__item ss-grid__item--menu ss-grid-span--8 ss-grid-rowspan--1 ss-grid-item__position--center footer_links " 2293 style="--m-order: 0;" 2294 block.shopify_attributes }}> 2295 2296<nav class="ss-links-block ss-grid-block" style="text-align:left;" > 2297 <ul class="ss-links ss-links--column" 2298 style="justify-content:center; --ss-link-gap: 0rem;" > 2299 2300 <li> 2301 2302 <a class="ss-link is-upcase" href="/collections/shop-all">Shop</a> 2303 2304 2305 2306 </li> 2307 2308 <li> 2309 2310 <a class="ss-link is-upcase" href="/pages/wholesale">Wholesale</a> 2311 2312 2313 2314 </li> 2315 2316 <li> 2317 2318 <a class="ss-link is-upcase" href="/#location">Find Us Locally</a> 2319 2320 2321 2322 </li> 2323 2324 <li> 2325 2326 <a class="ss-link is-upcase" href="/pages/about">About</a> 2327 2328 2329 2330 </li> 2331 2332 <li> 2333 2334 <a class="ss-link is-upcase" href="/blogs/news">
2334The Brū Guide </a> 2335 2336 2337 2338 </li> 2339 2340 <li> 2341 2342 <a class="ss-link is-upcase" href="/pages/contact">Contact Us</a> 2343 2344 2345 2346 </li> 2347 2348 </ul> 2349 </nav> 2350 2351</div> 2352 <div 2353 class="ss-grid__item ss-grid__item--social_links ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center footer_social-media " 2354 style="--m-order: 0;" 2355 block.shopify_attributes }}><div class="ss-social-block ss-grid-block" style="text-align:left;"><h3 class="ss-social__heading">Follow along</h3><div class="footer_socials-block"> 2356 <ul class="ss-social ss-social--column" style="--icon-gap: 0rem; --icon-size: 30px;"><li> 2357 <a href="https://www.instagram.com/nustorycoffee/" aria-label="Instagram" target="_blank" rel="noopener"> 2358 <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> 2359 <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> 2360</svg> 2361 2362 </a> 2363 </li><li> 2364 <a href="https://www.facebook.com/people/N%C5%ABstory-Coffee-Co/61569522399945/" aria-label="TikTok" target="_blank" rel="noopener"> 2365 <svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> 2366 <path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z"/> 2367</svg> 2368 2369 </a> 2370 </li></ul> 2371 </div> 2372 </div></div> 2373 <div 2374 class="ss-grid__item ss-grid__item--content ss-grid-span--12 ss-grid-rowspan--1 ss-grid-item__position--top footer_legal " 2375 style="--m-order: 0;" 2376 block.shopify_attributes }}><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem"> 2377 2378 2379 <h2 class="h2"></h2> 2380 2381 2382 <p>380 E State Hwy CC, STE. F101 , Nixa, MO 65714</p><p>© 2026, NūStory Coffee Co. ⢠<a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a> ⢠<a href="/policies/terms-of-service" title="Terms of Service">Terms of Service</a> ⢠<a href="/policies/refund-policy" title="Refund Policy">Refund Policy</a> ⢠<a href="/policies/shipping-policy" title="Shipping Policy">Shipping</a><br/>Web Design by <a href="https://www.lettersandlines.co/" target="_blank" title="https://www.lettersandlines.co/">
2382Letters + Lines Creative Co</a></p> 2383 2384 2385 2386 2387 </div></div></div> <!--ss-col-12 --> 2388 </div> <!--ss-content --> 2389 2390 </div> <!--Content Wrapper --> 2391 2392 </section> 2393 2394 2395 2396
2397<script> 2398 function decorAccess() { 2399 var decors =document.querySelectorAll(".ss-text__content a[title*='decor']"); 2400 2401 if (decors) { 2402 decors.forEach(function (decor, index) { 2403 2404 decor.setAttribute("tabindex","-1") 2405 }); 2406 2407 } 2408 2409} 2410 2411document.addEventListener("DOMContentLoaded", decorAccess); 2412 2413</script>
2413 2414 2415 2416 2417</div> 2418<!-- END sections: footer-group --> 2419 <div id="shopify-section-color-swatches" class="shopify-section"> 2420 2421<style> 2422.product-swatches-label { 2423 font-size: 30px !important; 2424 width: 1em; 2425 height: 1em; 2426 position: relative; 2427 padding: 0 !important; 2428 border: 0 !important; 2429 color: #000 !important; 2430 background-size: cover; 2431 margin-right: calc(0.2rem + 4px) !important; 2432} 2433 2434.product-swatches-label span { 2435 font-size: 0 !important; 2436} 2437 2438.product-swatches-label::before { 2439 content: ""; 2440 border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity)); 2441 width: 1.2em; 2442 height: 1.2em; 2443 display: block; 2444 position: absolute; 2445 top: -0.1em !important; 2446 left: -0.1em !important; 2447 transition: border var(--duration-short) ease; 2448} 2449 2450input:checked + .product-swatches-label::before, 2451.product-swatches-label:hover::before, 2452.product-swatches-label:focus::before { 2453 border-color: var(--color-foreground); 2454} 2455 2456/* Tooltip */ 2457.product-swatches-label__tooltip { 2458 display: block; 2459 2460 left: 50%; 2461 bottom: 100%; 2462 margin-top: 0; 2463 margin-bottom: 0.428em; 2464 transform: translate(-50%, 8px); 2465 box-sizing: border-box; 2466 position: absolute; 2467 z-index: 100; 2468 padding: 0.7em 1em; 2469 white-space: nowrap; 2470 background-color: rgba(var(--color-foreground)); 2471 color: rgb(var(--color-background)); 2472 border-radius: var(--variant-pills-radius); 2473 font-size: 14px; 2474 line-height: 1; 2475 -webkit-backface-visibility: hidden; 2476 backface-visibility: hidden; 2477 opacity: 0; 2478 visibility: visible; 2479 pointer-events: none; 2480 transition: opacity 0.25s ease-out, visibility 0.25s ease-out, transform 0.25s ease-out; 2481} 2482 2483/* Tooltip Arrow */ 2484.product-swatches-label__tooltip::before { 2485 content: ''; 2486 top: 100%; 2487 bottom: auto; 2488 position: absolute; 2489 width: 0; 2490 height: 0; 2491 left: 50%; 2492 transform: translateX(-50%); 2493 border-top: 0.428em solid rgba(var(--color-foreground)); 2494 border-right: 0.428em solid transparent; 2495 border-left: 0.428em solid transparent; 2496 border-bottom: none; 2497} 2498 2499/* Show Tooltip */ 2500.product-swatches-label:hover .product-swatches-label__tooltip { 2501 transform: translate(-50%, -6px); 2502 opacity: 1; 2503 visibility: visible; 2504} 2505</style> 2506
2507<script> 2508function productOptionsSwatches() { 2509 let optionNames = 'Color'; 2510 optionNames = optionNames.replace(/ /g, '').split(','); 2511 2512 2513 const filesURL = "//nustorycoffee.com/cdn/shop/files"; 2514 2515 function isColor(strColor) { 2516 const style = new Option().style; 2517 style.color = strColor; 2518 return style.color !== ''; 2519 } 2520 2521 optionNames.forEach(optionNamesHandler); 2522 2523 function optionNamesHandler(option) { 2524 const radioInputs = document.querySelectorAll(`input[type="radio"][name="${option}"]:not(.product-swatches-input)`); 2525 2526 if (radioInputs.length > 0) { 2527 const label = radioInputs[0].previousElementSibling; 2528 const value = document.querySelector(`[name="${option}"]:checked`).value; 2529 if (label) label.innerHTML = `${option}: <b>${value}</b>`; 2530 } 2531 2532 radioInputs.forEach(function(input){ 2533 input.classList.add('product-swatches-input'); 2534 const label = input.nextElementSibling; 2535 label.classList.add('product-swatches-label'); 2536 label.style.backgroundColor = input.value; 2537 label.innerHTML = `<span>${input.value}</span>` 2538 2539 if (!isColor(input.value)) { 2540 label.style.backgroundImage = `url(${filesURL}/swatch-${input.value.replaceAll(' ', '-').toLowerCase()}.png)`; 2541 } 2542 2543 // Tooltip 2544 const tooltip = document.createElement('span'); 2545 tooltip.textContent = input.value; 2546 tooltip.className = 'product-swatches-label__tooltip'; 2547 label.appendChild(tooltip); 2548 }); 2549 2550 document.querySelectorAll(`[name="${option}"]`).forEach(function(input) { 2551 input.addEventListener('change', function() { 2552 const label = radioInputs[0].previousElementSibling; 2553 const value = document.querySelector(`[name="${option}"]:checked`).value; 2554 if (label) label.innerHTML = `${option}: <b>${value}</b>`; 2555 }); 2556 }); 2557 } 2558} 2559window.addEventListener('DOMContentLoaded', productOptionsSwatches); 2560</script>
vendor: 1 bytes, line 2560
2560
2561<script src="https://cdn.jsdelivr.net/npm/@ryanmorr/[email protected]/dist/ready.umd.min.js"></script>
vendor: 1 bytes, line 2561
2561
2562<script>ready('.quick-add-modal .product', function(product) { 2563 productOptionsSwatches() 2564}); 2565</script>
2565 2566 2567 2568 2569</div> 2570 2571 <ul hidden> 2572 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 2573 <li id="a11y-new-window-message">Opens in a new window.</li> 2574 </ul> 2575 2576
2576<script> 2577 window.shopUrl = 'https://nustorycoffee.com'; 2578 window.routes = { 2579 cart_add_url: '/cart/add', 2580 cart_change_url: '/cart/change', 2581 cart_update_url: '/cart/update', 2582 cart_url: '/cart', 2583 predictive_search_url: '/search/suggest', 2584 }; 2585 2586 window.cartStrings = { 2587 error: `There was an error while updating your cart. Please try again.`, 2588 quantityError: `You can only add [quantity] of this item to your cart.`, 2589 }; 2590 2591 window.variantStrings = { 2592 addToCart: `Add to cart`, 2593 soldOut: `Sold out`, 2594 unavailable: `Unavailable`, 2595 unavailable_with_option: `[value] - Unavailable`, 2596 }; 2597 2598 window.quickOrderListStrings = { 2599 itemsAdded: `[quantity] items added`, 2600 itemAdded: `[quantity] item added`, 2601 itemsRemoved: `[quantity] items removed`, 2602 itemRemoved: `[quantity] item removed`, 2603 viewCart: `View cart`, 2604 each: `[money]/ea`, 2605 }; 2606 2607 window.accessibilityStrings = { 2608 imageAvailable: `Image [index] is now available in gallery view`, 2609 shareSuccess: `Link copied to clipboard`, 2610 pauseSlideshow: `Pause slideshow`, 2611 playSlideshow: `Play slideshow`, 2612 recipientFormExpanded: `Gift card recipient form expanded`, 2613 recipientFormCollapsed: `Gift card recipient form collapsed`, 2614 }; 2615 </script>
2615<script src="//nustorycoffee.com/cdn/shop/t/7/assets/predictive-search.js?v=162273246065392412141757595385" defer="defer"></script>
2615<div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block">
2615<script id="subscription-helper"> 2616 2617 if (!window.AppstleIncluded) { 2618 window.AppstleIncluded = true; 2619 window.RS = Window.RS || {}; 2620 2621 RS.Config = { 2622 "selectors": { 2623 "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button", 2624 "subscriptionLinkSelector": "", 2625 "atcButtonPlacement": "BEFORE", 2626 "subscriptionLinkPlacement": "BEFORE", 2627 "cartRowSelector": "", 2628 "cartLineItemSelector": "", 2629 "cartLineItemPerQuantityPriceSelector": "", 2630 "cartLineItemTotalPriceSelector": "", 2631 "cartLineItemSellingPlanNameSelector": "", 2632 "cartSubTotalSelector" : "", 2633 "cartLineItemPriceSelector": "", 2634 "cartLineItemPlacement": "BEFORE", 2635 "cartHiddenAttributesSelector": "", 2636 "buildABoxDiscountSelector": "", 2637 }, 2638 "baseUrl": "https://subscription-admin.appstle.com", 2639 "usedTranslation": "true", 2640 "enableCartWidgetFeature": "false", 2641 "storefrontAnalyticsForwardingEnabled": false, 2642 "appstleStorefrontAnalyticsPath": "", 2643 "useUrlWithCustomerId": "true", 2644 "atcButtonSelector": "", 2645 "moneyFormat": "${{amount}}", 2646 "oneTimePurchaseText": "One-Time Purchase", 2647 "minimumQuantityMessage": "", 2648 "tapToSelectText": "Tap To Select", 2649 "bundleDiscountTextV2": "bundle discount extra: {{bundleDiscount}} off", 2650 "productPageUnitPriceSelectorV2": "", 2651 "monthsFrequencyTextV2": "Months", 2652 "monthlyLabelTextV2": "Monthly", 2653 "monthFrequencyTextV2": "Month", 2654 "weeksFrequencyTextV2": "Weeks", 2655 "weeklyLabelTextV2": "Weekly", 2656 "weekFrequencyTextV2": "Week", 2657 "daysFrequencyTextV2": "Days", 2658 "dayFrequencyTextV2": "day", 2659 "yearsFrequencyTextV2": "Years", 2660 "yearlyLabelTextV2": "Yearly", 2661 "yearFrequencyTextV2": "Year", 2662 "offFrequencyTextV2": "Off", 2663 "prepayLabelTextV2": "Prepay", 2664 "prepaidLabelTextV2": "Prepaid", 2665 "prepaidSaveBadgeTextV2": "SAVE {{selectedDiscountPercentage}}", 2666 "onetimeDescriptionTextV2": "", 2667 "atcButtonTextV2": "", 2668 "oneTimeFrequencyTextV2": "One Time", 2669 "cancelAnytimeLabelTextV2": "Cancel Anytime", 2670 "noSubscriptionLabelTextV2": "No Subscription", 2671 "addToShipmentButtonTextV2": "Add to Shipment", 2672 "addToShipmentProcessingV2": "Processing...", 2673 "addToShipmentSuccessTextV2": "Success", 2674 "addToShipmentErrorTextV2": "Error", 2675 "addToShipmentTooltipTextV2": "Please avoid double delivery charges! Login to add this product to an upcoming delivery.", 2676 "frequencyCombinedWidgetTextV2": "Frequency", 2677 "selectDeliverOptionV2": "Select Delivery Option", 2678 "subscribeAndSaveSuccessV2": "Subscription Selected", 2679 "unsubscribeFrequencyTextV2": "One-time Purchase", 2680 "deliveryEveryFrequencyTextV2": "Delivery Frequency", 2681 "sellingPlanTitleTextNonPrepaid": "{{sellingPlanName}}", 2682 "subscribeAndSaveInitalV2": "Subscribe and save", 2683 "subscriptionDescriptionTextV2": "", 2684 "atcButtonTextSelector": "", 2685 "disableCartWidgetOnVariants": "", 2686 "shop": "7uydfm-hz.myshopify.com", 2687 "deliveryText": "delivery", 2688 "purchaseOptionsText": "Purchase Options", 2689 "manageSubscriptionButtonText": "", 2690 "subscriptionOptionText": "Subscribe & Save", 2691 "sellingPlanSelectTitle": "DELIVERY FREQUENCY", 2692 "subscriptionPriceDisplayText": "", 2693 "tooltipTitle": "Subscription detail", 2694 "showTooltipOnClick": "false", 2695 "tooltipDesctiption": `<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.`, 2696 "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})", 2697 "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><br\/>An initial discount of {{discountOne}} will be applied to your first subscription!", 2698 "manualTranslation": "", 2699 "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br> {{{prepaidDetails}}} <\/br> {{{discountDetails}}}", 2700 "orderStatusManageSubscriptionTitle": "Subscription", 2701 "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.", 2702 "orderStatusManageSubscriptionButtonText": "Manage your subscription", 2703 "subscriptionOptionSelectedByDefault" : false, 2704 "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery", 2705 "memberOnlySellingPlansJson": {}, 2706 "nonMemberOnlySellingPlansJson": {}, 2707 "sellingPlansJson": [{"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/5200740606","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/5200740606","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Monthly subscription buyers","groupId":2264727806,"repeatingCycle":false,"defaultSelectedPlan":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]}], 2708 "widgetEnabled": true, 2709 "showFreeGiftPrice" : true, 2710 "showFreeGiftComparePrice" : true, 2711 "enableFreeGiftLayout" : false, 2712 "freeGiftLabelText": "+ Free {{productName}}", 2713 "freeGiftBadgeText": "", 2714 "showTooltip" : true, 2715 "showCartWidgetOnBundleItems" : false, 2716 "prepaidOptionSelectedByDefault" : false, 2717 "disablePassingSellingPlanAsLineProperties" : true, 2718 "updateThemePrice" : false, 2719 "sortByDefaultSequence": false, 2720 "showSubOptionBeforeOneTime": false, 2721 "detectVariantFromURLParams": false, 2722 "disableQueryParamsUpdate": false, 2723 "showStaticTooltip": false, 2724 "showAppstleLink": true, 2725 "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)", 2726 "oneTimePriceText" : "{{price}}", 2727 "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}", 2728 "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}", 2729 "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}", 2730 "manageSubscriptionBtnFormat" : "<a href='https:\/\/shopify.com\/96879509794\/account\/profile' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>{{manageSubscriptionButtonText}}<\/button>
2730<\/a><br><br>", 2731 "manageSubscriptionUrl" : "https:\/\/nustorycoffee.com\/apps\/subscriptions", 2732 "appstlePlanId": 161, 2733 "showCheckoutSubscriptionBtn": true, 2734 "priceSelector": "", 2735 "reloadPriceSelector": "", 2736 "landingPagePriceSelector": "", 2737 "quickViewClickSelector": "", 2738 "badgeTop": "", 2739 "pricePlacement": "BEFORE", 2740 "disableLoadingJquery": false, 2741 "widgetEnabledOnSoldVariant": "true", 2742 "switchRadioButtonWidget": false, 2743 "appstlePlanName": "FREE", 2744 "appstlePlanFeatures": {"analytics": true, "webhookAccess": false, "accessBundling": false, "enableAutoSync": false, "accessBuildABox": false, "enablePriceSync": false, "enableAutomation": false, "enableCartWidget": false, "accessResendEmail": false, "enableAddressSync": false, "enableExternalApi": false, "enableResendEmail": false, "enableQuickActions": false, "accessQuickCheckout": false, "accessSplitContract": false, "enableSummaryReports": false, "enableCustomEmailHtml": false, "enableWidgetPlacement": false, "enableShippingProfiles": true, "enableCustomEmailDomain": false, "enableDunningManagement": true, "enableExportActivityLog": true, "enablePrepaidPayAsYouGo": false, "subscriptionOrderAmount": 500, "accessWidgetDesignOptions": false, "enableImmediatePlaceOrder": false, "accessOneTimeProductUpsells": false, "enableBillingIntervalChange": true, "enableProductSwapAutomation": false, "enableCancellationManagement": false, "enableAdminNotificationAccess": false, "accessSubscriptionActivityLogs": true, "accessSubscriberLoyaltyFeatures": false, "enableAddToExistingSubscription": false, "enableContractPriceModification": true, "enableTrackInventoryInSingleBAB": false, "accessManualSubscriptionCreation": false, "enableNextBillingDateModification": true, "accessCustomerPortalProductUpsells": false, "accessAdvanceSubscriptionPlanOptions": false, "accessAdvancedCustomerPortalSettings": false}, 2745 "formMappingAttributeName": "", 2746 "formMappingAttributeSelector": "", 2747 "quickViewModalPollingSelector": "", 2748 "scriptLoadDelay": "0", 2749 "formatMoneyOverride": "false", 2750 "enableAddToExistingSubscriptionFeature": "false", 2751 "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "", 2752 "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false", 2753 "appstle_app_proxy_path_prefix": "apps\/subscriptions", 2754 "updatePriceOnQuantityChange": "", 2755 "widgetParentSelector": "", 2756 "quantitySelector": "", 2757 "enableAddJSInterceptor": "true", 2758 "isDevEnabled": false, 2759 "forceReloadWidgetSelector": "", 2760 "forceReloadOnFreqChange": false, 2761 "showPrepaidPlanSeparately": true, 2762 "debugLogsEnabled": false, 2763 "isUseStorefrontAPI": true, 2764 "reBuyEnabled": "false", 2765 "loyaltyDetailsLabelText": "", 2766 "loyaltyPerkDescriptionTextV2": "{{#isDiscountTypeFreeProduct}} <div style='display: flex;'> <div style='height: 30px; width: 30px; flex-shrink: 0; margin-right: 5px;' class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24'><path fill='currentColor' d='M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12' opacity='0.5'><\/path><path fill='currentColor' fill-rule='evenodd' d='M6.914 11.25H2v1.5h8.163A3.25 3.25 0 0 1 7 15.25a.75.75 0 0 0 0 1.5a4.75 4.75 0 0 0 4.25-2.626V22h1.5v-7.876A4.75 4.75 0 0 0 17 16.75a.75.75 0 0 0 0-1.5a3.25 3.25 0 0 1-3.163-2.5H22v-1.5h-4.913c.35-.438.613-.955.756-1.527c.538-2.153-1.413-4.103-3.565-3.565a4 4 0 0 0-1.528.756V2h-1.5v4.914a4 4 0 0 0-1.527-.756C7.57 5.62 5.62 7.57 6.158 9.723c.143.572.405 1.089.756 1.527m4.336 0H9.997a2.5 2.5 0 0 1-2.384-1.891A1.44 1.44 0 0 1 9.36 7.613a2.5 2.5 0 0 1 1.891 2.384zm2.753 0H12.75v-1.245a2.5 2.5 0 0 1 1.891-2.392a1.44 1.44 0 0 1 1.746 1.746a2.5 2.5 0 0 1-2.384 1.891' clip-rule='evenodd'>
2766<\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Free Gift Reward<\/div><span class='appstle-loyalty-badge'><strong>{{{productPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> {{^isZeroBillingCycle}} <span class='appstle-loyalty-billing-cycle'> Get a free {{freeProductName}} worth of {{productPrice}} on your <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order. <\/span> {{\/isZeroBillingCycle}} {{#isZeroBillingCycle}} <span class='appstle-free-product-loyalty'> Get a free {{freeProductName}} worth of {{productPrice}} with your <span class='appstle-loyalty-billing-cycle-count'>1st<\/span> order. <\/span> {{\/isZeroBillingCycle}} <\/div> <div class='appstle-loyalty-save-badge'>One-time<\/div> <\/div> <\/div> {{\/isDiscountTypeFreeProduct}} {{#isDiscountTypePercentage}}{{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M15.252 10.689c-.987-1.18-1.48-1.77-2.048-1.68c-.567.091-.832.803-1.362 2.227l-.138.368c-.15.405-.226.607-.373.756c-.146.149-.348.228-.75.386l-.367.143c-1.417.555-2.126.833-2.207 1.4s.52 1.049 1.721 2.011l.31.25c.342.273.513.41.611.597c.1.187.115.404.146.837l.029.394c.11 1.523.166 2.285.683 2.545s1.154-.155 2.427-.983l.329-.215c.362-.235.543-.353.75-.387c.208-.033.42.022.841.132l.385.1c1.485.386 2.228.58 2.629.173s.193-1.144-.221-2.62l-.108-.38c-.117-.42-.176-.63-.147-.837c.03-.208.145-.39.374-.756l.21-.332c.807-1.285 1.21-1.927.94-2.438c-.269-.511-1.033-.553-2.562-.635l-.396-.022c-.434-.023-.652-.035-.841-.13c-.19-.095-.33-.263-.61-.599z'><\/path><path fill='currentColor' d='M10.331 4.252c1.316-1.574 1.974-2.361 2.73-2.24s1.11 1.07 1.817 2.969l.183.491c.201.54.302.81.497 1.008c.196.199.464.304 1.001.514l.489.192c1.89.74 2.835 1.11 2.942 1.866c.108.757-.693 1.398-2.294 2.682l-.414.332c-.455.365-.683.547-.815.797s-.152.538-.194 1.115l-.038.526c-.148 2.031-.222 3.047-.911 3.393c-.69.347-1.538-.206-3.236-1.311l-.439-.286c-.482-.314-.723-.47-1-.515s-.558.028-1.121.175l-.513.133c-1.98.516-2.971.773-3.505.231s-.258-1.526.295-3.492l.142-.509c.157-.559.236-.838.197-1.115c-.04-.277-.193-.52-.499-1.008l-.278-.443C4.29 8.044 3.752 7.187 4.11 6.507c.36-.682 1.379-.737 3.418-.848l.527-.028c.58-.031.869-.047 1.122-.174c.252-.127.439-.35.813-.798z' opacity='0.5'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Percentage Discount<\/div><span class='appstle-loyalty-badge'><strong>-{{{discount}}}% <\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'><span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span><\/span> on <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order and onwards<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}+<\/div> <\/div> <\/div> {{\/isPerkOnward}}{{\/isDiscountTypePercentage}} {{#isDiscountTypePercentage}}{{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M15.252 10.689c-.987-1.18-1.48-1.77-2.048-1.68c-.567.091-.832.803-1.362 2.227l-.138.368c-.15.405-.226.607-.373.756c-.146.149-.348.228-.75.386l-.367.143c-1.417.555-2.126.833-2.207 1.4s.52 1.049 1.721 2.011l.31.25c.342.273.513.41.611.597c.1.187.115.404.146.837l.029.394c.11 1.523.166 2.285.683 2.545s1.154-.155 2.427-.983l.329-.215c.362-.235.543-.353.75-.387c.208-.033.42.022.841.132l.385.1c1.485.386 2.228.58 2.629.173s.193-1.144-.221-2.62l-.108-.38c-.117-.42-.176-.63-.147-.837c.03-.208.145-.39.374-.756l.21-.332c.807-1.285 1.21-1.927.94-2.438c-.269-.511-1.033-.553-2.562-.635l-.396-.022c-.434-.023-.652-.035-.841-.13c-.19-.095-.33-.263-.61-.599z'><\/path><path fill='currentColor' d='M10.331 4.252c1.316-1.574 1.974-2.361 2.73-2.24s1.11 1.07 1.817 2.969l.183.491c.201.54.302.81.497 1.008c.196.199.464.304 1.001.514l.489.192c1.89.74 2.835 1.11 2.942 1.866c.108.757-.693 1.398-2.294 2.682l-.414.332c-.455.365-.683.547-.815.797s-.152.538-.194 1.115l-.038.526c-.148 2.031-.222 3.047-.911 3.393c-.69.347-1.538-.206-3.236-1.311l-.439-.286c-.482-.314-.723-.47-1-.515s-.558.028-1.121.175l-.513.133c-1.98.516-2.971.773-3.505.231s-.258-1.526.295-3.492l.142-.509c.157-.559.236-.838.197-1.115c-.04-.277-.193-.52-.499-1.008l-.278-.443C4.29 8.044 3.752 7.187 4.11 6.507c.36-.682 1.379-.737 3.418-.848l.527-.028c.58-.031.869-.047 1.122-.174c.252-.127.439-.35.813-.798z' opacity='0.5'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Percentage Discount<\/div><span class='appstle-loyalty-badge'><strong>-{{{discount}}}% <\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'><span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span><\/span> from <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> to <span class='appstle-loyalty-billing-cycle-count'>{{{isRangeEnd}}}<\/span> order<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}-{{{isRangeEnd}}}<\/div> <\/div> <\/div> {{\/isPerkRange}}{{\/isDiscountTypePercentage}} {{#isDiscountTypePercentage}}{{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M15.252 10.689c-.987-1.18-1.48-1.77-2.048-1.68c-.567.091-.832.803-1.362 2.227l-.138.368c-.15.405-.226.607-.373.756c-.146.149-.348.228-.75.386l-.367.143c-1.417.555-2.126.833-2.207 1.4s.52 1.049 1.721 2.011l.31.25c.342.273.513.41.611.597c.1.187.115.404.146.837l.029.394c.11 1.523.166 2.285.683 2.545s1.154-.155 2.427-.983l.329-.215c.362-.235.543-.353.75-.387c.208-.033.42.022.841.132l.385.1c1.485.386 2.228.58 2.629.173s.193-1.144-.221-2.62l-.108-.38c-.117-.42-.176-.63-.147-.837c.03-.208.145-.39.374-.756l.21-.332c.807-1.285 1.21-1.927.94-2.438c-.269-.511-1.033-.553-2.562-.635l-.396-.022c-.434-.023-.652-.035-.841-.13c-.19-.095-.33-.263-.61-.599z'><\/path><path fill='currentColor' d='M10.331 4.252c1.316-1.574 1.974-2.361 2.73-2.24s1.11 1.07 1.817 2.969l.183.491c.201.54.302.81.497 1.008c.196.199.464.304 1.001.514l.489.192c1.89.74 2.835 1.11 2.942 1.866c.108.757-.693 1.398-2.294 2.682l-.414.332c-.455.365-.683.547-.815.797s-.152.538-.194 1.115l-.038.526c-.148 2.031-.222 3.047-.911 3.393c-.69.347-1.538-.206-3.236-1.311l-.439-.286c-.482-.314-.723-.47-1-.515s-.558.028-1.121.175l-.513.133c-1.98.516-2.971.773-3.505.231s-.258-1.526.295-3.492l.142-.509c.157-.559.236-.838.197-1.115c-.04-.277-.193-.52-.499-1.008l-.278-.443C4.29 8.044 3.752 7.187 4.11 6.507c.36-.682 1.379-.737 3.418-.848l.527-.028c.58-.031.869-.047 1.122-.174c.252-.127.439-.35.813-.798z' opacity='0.5'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Percentage Discount<\/div><span class='appstle-loyalty-badge'><strong>-{{{discount}}}%<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'><span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span><\/span> for the <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>One-time<\/div> <\/div> <\/div> {{\/onlyApplyOnThis}}{{\/isDiscountTypePercentage}} {{#isDiscountTypeShipping}}{{#isPerkOnward}} <div class='appstle-reward-items'><div class='appstle-icon'><svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M5.796 18.204L21.512 2.488c-.988-.989-2.86-.364-6.606.884l-9.331 3.11c-2.082.694-3.123 1.041-3.439 1.804q-.112.271-.133.564c-.059.824.717 1.6 2.269 3.151l.283.283c.254.254.382.382.478.523c.19.28.297.607.31.945c.008.171-.019.35-.072.705c-.196 1.304-.294 1.956-.179 2.458c.114.495.362.938.704 1.289' clip-rule='evenodd'>
2766<\/path><path fill='currentColor' d='m17.498 18.486l3.13-9.392c1.25-3.745 1.873-5.617.885-6.606L5.797 18.204c.348.356.794.617 1.296.74c.5.122 1.153.033 2.46-.144l.071-.01c.369-.05.553-.075.73-.064c.32.02.63.124.898.303c.147.099.278.23.541.493l.251.251c1.51 1.51 2.266 2.265 3.067 2.226c.22-.01.438-.062.64-.151c.734-.323 1.072-1.336 1.747-3.362' opacity='0.5'><\/path><\/svg><\/div><div class='appstle-reward-content'><div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Shipping Reward<\/div><span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div><div class='appstle-reward-description'>Get <span class='appstle-loyalty-discount'>shipping at <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span><\/span> on <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order and onwards<\/span>.<\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}+<\/div> <\/div><\/div> {{\/isPerkOnward}}{{\/isDiscountTypeShipping}} {{#isDiscountTypeShipping}}{{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M5.796 18.204L21.512 2.488c-.988-.989-2.86-.364-6.606.884l-9.331 3.11c-2.082.694-3.123 1.041-3.439 1.804q-.112.271-.133.564c-.059.824.717 1.6 2.269 3.151l.283.283c.254.254.382.382.478.523c.19.28.297.607.31.945c.008.171-.019.35-.072.705c-.196 1.304-.294 1.956-.179 2.458c.114.495.362.938.704 1.289' clip-rule='evenodd'><\/path><path fill='currentColor' d='m17.498 18.486l3.13-9.392c1.25-3.745 1.873-5.617.885-6.606L5.797 18.204c.348.356.794.617 1.296.74c.5.122 1.153.033 2.46-.144l.071-.01c.369-.05.553-.075.73-.064c.32.02.63.124.898.303c.147.099.278.23.541.493l.251.251c1.51 1.51 2.266 2.265 3.067 2.226c.22-.01.438-.062.64-.151c.734-.323 1.072-1.336 1.747-3.362' opacity='0.5'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Shipping Reward<\/div><span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>shipping <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span> off <\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} to {{{isRangeEnd}}} order<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}-{{{isRangeEnd}}}<\/div> <\/div> <\/div> {{\/isPerkRange}}{{\/isDiscountTypeShipping}} {{#isDiscountTypeShipping}}{{#onlyApplyOnThis}} <div class='appstle-reward-items'><div class='appstle-icon'><svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='currentColor' fill-rule='evenodd' d='M5.796 18.204L21.512 2.488c-.988-.989-2.86-.364-6.606.884l-9.331 3.11c-2.082.694-3.123 1.041-3.439 1.804q-.112.271-.133.564c-.059.824.717 1.6 2.269 3.151l.283.283c.254.254.382.382.478.523c.19.28.297.607.31.945c.008.171-.019.35-.072.705c-.196 1.304-.294 1.956-.179 2.458c.114.495.362.938.704 1.289' clip-rule='evenodd'><\/path><path fill='currentColor' d='m17.498 18.486l3.13-9.392c1.25-3.745 1.873-5.617.885-6.606L5.797 18.204c.348.356.794.617 1.296.74c.5.122 1.153.033 2.46-.144l.071-.01c.369-.05.553-.075.73-.064c.32.02.63.124.898.303c.147.099.278.23.541.493l.251.251c1.51 1.51 2.266 2.265 3.067 2.226c.22-.01.438-.062.64-.151c.734-.323 1.072-1.336 1.747-3.362' opacity='0.5'><\/path><\/svg>\/div><div class='appstle-reward-content'><div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Shipping Reward<\/div><span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div><div class='appstle-reward-description'>Get <span class='appstle-loyalty-discount'>shipping at <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span><\/span> for the <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>.<\/div> <div class='appstle-loyalty-save-badge'>One-time<\/div> <\/div><\/div> {{\/onlyApplyOnThis}}{{\/isDiscountTypeShipping}} {{#isDiscountTypeFixed}}{{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729'><\/path><path fill='currentColor' fill-rule='evenodd' d='M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'>
2766<\/path><path fill='currentColor' d='M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='0.5'><\/path><path fill='currentColor' d='M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Amount Off<\/div><span class='appstle-loyalty-badge'><strong>-{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> off on <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order and onwards<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}+<\/div> <\/div> <\/div> {{\/isPerkOnward}}{{\/isDiscountTypeFixed}} {{#isDiscountTypeFixed}}{{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729'><\/path><path fill='currentColor' fill-rule='evenodd' d='M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'><\/path><path fill='currentColor' d='M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='0.5'><\/path><path fill='currentColor' d='M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Amount Off<\/div><span class='appstle-loyalty-badge'><strong>-{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> off from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order to {{{isRangeEnd}}} order<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}-{{{isRangeEnd}}}<\/div> <\/div> <\/div> {{\/isPerkRange}}{{\/isDiscountTypeFixed}} {{#isDiscountTypeFixed}}{{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24' style=' '><path fill='currentColor' d='M4.892 9.614c0-.402.323-.728.722-.728H9.47c.4 0 .723.326.723.728a.726.726 0 0 1-.723.729H5.614a.726.726 0 0 1-.722-.729'><\/path><path fill='currentColor' fill-rule='evenodd' d='M21.188 10.004q-.094-.005-.2-.004h-2.773C15.944 10 14 11.736 14 14s1.944 4 4.215 4h2.773q.106.001.2-.004c.923-.056 1.739-.757 1.808-1.737c.004-.064.004-.133.004-.197v-4.124c0-.064 0-.133-.004-.197c-.069-.98-.885-1.68-1.808-1.737m-3.217 5.063c.584 0 1.058-.478 1.058-1.067c0-.59-.474-1.067-1.058-1.067s-1.06.478-1.06 1.067c0 .59.475 1.067 1.06 1.067' clip-rule='evenodd'>
2766<\/path><path fill='currentColor' d='M21.14 10.002c0-1.181-.044-2.448-.798-3.355a4 4 0 0 0-.233-.256c-.749-.748-1.698-1.08-2.87-1.238C16.099 5 14.644 5 12.806 5h-2.112C8.856 5 7.4 5 6.26 5.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87C2 10.401 2 11.856 2 13.694v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.749.748 1.698 1.08 2.87 1.238c1.14.153 2.595.153 4.433.153h2.112c1.838 0 3.294 0 4.433-.153c1.172-.158 2.121-.49 2.87-1.238q.305-.308.526-.66c.45-.72.504-1.602.504-2.45l-.15.001h-2.774C15.944 18 14 16.264 14 14s1.944-4 4.215-4h2.773q.079 0 .151.002' opacity='0.5'><\/path><path fill='currentColor' d='M10.101 2.572L8 3.992l-1.733 1.16C7.405 5 8.859 5 10.694 5h2.112c1.838 0 3.294 0 4.433.153q.344.045.662.114L16 4l-2.113-1.428a3.42 3.42 0 0 0-3.786 0'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Amount Off<\/div><span class='appstle-loyalty-badge'><strong>-{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Save <span class='appstle-loyalty-discount'><span class='appstle-precentage-loyalty'>{{{formatDiscountedPrice}}}<\/span><\/span> on your <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order only. <\/div> <div class='appstle-loyalty-save-badge'>One-time<\/div> <\/div> <\/div> {{\/onlyApplyOnThis}}{{\/isDiscountTypeFixed}} {{#isDiscountTypeFixedPrice}}{{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24'><path fill='currentColor' d='M4.035 11.573c.462-2.309.693-3.463 1.522-4.143s2.007-.68 4.362-.68h4.162c2.355 0 3.532 0 4.361.68c.83.68 1.06 1.834 1.523 4.143l.6 3c.664 3.32.996 4.98.096 6.079s-2.594 1.098-5.98 1.098H9.32c-3.386 0-5.08 0-5.98-1.098s-.568-2.758.096-6.079z' opacity='0.5'><\/path><circle cx='15' cy='9.75' r='1' fill='currentColor'><\/circle><circle cx='9' cy='9.75' r='1' fill='currentColor'><\/circle><path fill='currentColor' d='M9.75 5.75a2.25 2.25 0 0 1 4.5 0v1h.431q.565 0 1.069.002V5.75a3.75 3.75 0 1 0-7.5 0v1.002q.504-.003 1.069-.002h.431z'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Fixed Product Price<\/div><span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get this product at <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order and onwards<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}+<\/div> <\/div> <\/div> {{\/isPerkOnward}}{{\/isDiscountTypeFixedPrice}} {{#isDiscountTypeFixedPrice}}{{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-icon'> <svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24'><path fill='currentColor' d='M4.035 11.573c.462-2.309.693-3.463 1.522-4.143s2.007-.68 4.362-.68h4.162c2.355 0 3.532 0 4.361.68c.83.68 1.06 1.834 1.523 4.143l.6 3c.664 3.32.996 4.98.096 6.079s-2.594 1.098-5.98 1.098H9.32c-3.386 0-5.08 0-5.98-1.098s-.568-2.758.096-6.079z' opacity='0.5'><\/path><circle cx='15' cy='9.75' r='1' fill='currentColor'><\/circle><circle cx='9' cy='9.75' r='1' fill='currentColor'><\/circle><path fill='currentColor' d='M9.75 5.75a2.25 2.25 0 0 1 4.5 0v1h.431q.565 0 1.069.002V5.75a3.75 3.75 0 1 0-7.5 0v1.002q.504-.003 1.069-.002h.431z'><\/path><\/svg> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Fixed Product Price<\/div><span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'> Get this product at <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} to {{{isRangeEnd}}} order<\/span>. <\/div> <div class='appstle-loyalty-save-badge'>Orders {{{billingCycleBlock}}}-{{{isRangeEnd}}}<\/div> <\/div> <\/div> {{\/isPerkRange}}{{\/isDiscountTypeFixedPrice}} {{#isDiscountTypeFixedPrice}}{{#onlyApplyOnThis}} <div class='appstle-reward-items'><div class='appstle-icon'><svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='30' height='30' viewBox='0 0 24 24'><path fill='currentColor' d='M4.035 11.573c.462-2.309.693-3.463 1.522-4.143s2.007-.68 4.362-.68h4.162c2.355 0 3.532 0 4.361.68c.83.68 1.06 1.834 1.523 4.143l.6 3c.664 3.32.996 4.98.096 6.079s-2.594 1.098-5.98 1.098H9.32c-3.386 0-5.08 0-5.98-1.098s-.568-2.758.096-6.079z' opacity='0.5'><\/path><circle cx='15' cy='9.75' r='1' fill='currentColor'><\/circle><circle cx='9' cy='9.75' r='1' fill='currentColor'><\/circle><path fill='currentColor' d='M9.75 5.75a2.25 2.25 0 0 1 4.5 0v1h.431q.565 0 1.069.002V5.75a3.75 3.75 0 1 0-7.5 0v1.002q.504-.003 1.069-.002h.431z'><\/path><\/svg><\/div> <div class='appstle-reward-content'><div class='appstle-reward-title-badge'><div class='appstle-reward-title'>Fixed Product Price<\/div> <span class='appstle-loyalty-badge'><strong>{{{formatDiscountedPrice}}}<\/strong><\/span><\/div> <div class='appstle-reward-description'>
2766Get this product at <span class='appstle-loyalty-discount'><span class='appstle-fixed-price-loyalty'>{{{formatDiscountedPrice}}}<\/span><\/span> for the <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>.<\/div> <div class='appstle-loyalty-save-badge'>One-time<\/div> <\/div><\/div> {{\/onlyApplyOnThis}}{{\/isDiscountTypeFixedPrice}}", 2767 "widgetType": "WIDGET_TYPE_7", 2768 "collectionWidgetType": "LEGACY", 2769 "enableCompactProductPageWidget": false, 2770 "enableCartDrawerWidget": false, 2771 "cartDrawerWidgetStyle": false, 2772 "cartDrawerWidgetInlineStyle": "", 2773 "cartDrawerWidgetPanelStyle": "", 2774 "cartDrawerWidgetSegmentedStyle": "", 2775 "showOneTimeComparePrice": false, 2776 "showCombinedSellingPlanCartWidget": false, 2777 "combinedCartWidgetSelector": "", 2778 "removeUnsubscribeOption": false, 2779 "widgetTemplateHtml": `{% raw %}{% endraw %}`, 2780 2781 "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\\\">\\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\\\">
2781\\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.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 </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;
2781\\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;\\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;
2781\\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 %}<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\\\"> ({{{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\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{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\\\">
2781\\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\\\"> ({{{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\\\"> ({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\"> ({{{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;
2781\\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\\\"> {{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">
2781\\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;
2781\\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
2781635 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 %}\"}", 2782 2783 2784 "bundle": {}, 2785 2786 2787 "labels": `{\"appstle.subscription.wg.billingCycleBlockV2\":\"true\",\"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\":\"<div> {{#isDiscountTypeFreeProduct}} <div style='display: flex; align-items: center;'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> {{^isZeroBillingCycle}} <span class='appstle-loyalty-billing-cycle'> Get a free {{freeProductName}} worth of {{productPrice}} on your <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order <\/span> {{\/isZeroBillingCycle}} {{#isZeroBillingCycle}} <span class='appstle-free-product-loyalty'> Get a free {{freeProductName}} worth of {{productPrice}} with your <span class='appstle-loyalty-billing-cycle-count'>1st<\/span> order <\/span> {{\/isZeroBillingCycle}} <\/div> <\/div> <\/div> {{\/isDiscountTypeFreeProduct}} {{#isDiscountTypePercentage}} {{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Save <span class='appstle-loyalty-discount'> <span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span> <\/span> on <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order and onwards<\/span> <\/div> <\/div> <\/div> {{\/isPerkOnward}} {{\/isDiscountTypePercentage}} {{#isDiscountTypePercentage}} {{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Save <span class='appstle-loyalty-discount'> <span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span> <\/span> from <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> to <span class='appstle-loyalty-billing-cycle-count'>{{{isRangeEnd}}}<\/span> order<\/span> <\/div> {{\/isPerkRange}} {{\/isDiscountTypePercentage}} {{#isDiscountTypePercentage}} {{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Save <span class='appstle-loyalty-discount'> <span class='appstle-precentage-loyalty'>{{{discount}}}% off<\/span> <\/span> for the <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span> <\/div> <\/div> <\/div> {{\/onlyApplyOnThis}} {{\/isDiscountTypePercentage}} {{#isDiscountTypeShipping}} {{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'>
2787Shipping at <span class='appstle-loyalty-discount'> <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span> <\/span> on <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order and onwards<\/span> <\/div> <\/div> <\/div> {{\/isPerkOnward}} {{\/isDiscountTypeShipping}} {{#isDiscountTypeShipping}} {{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>shipping <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span> off <\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} to {{{isRangeEnd}}} order<\/span> <\/div> <\/div> <\/div> {{\/isPerkRange}} {{\/isDiscountTypeShipping}} {{#isDiscountTypeShipping}} {{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'>Get shipping at<span class='appstle-loyalty-discount'> <span class='appstle-shipping-loyalty'>{{{formatDiscountedPrice}}}<\/span> <\/span> for the <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span> <\/div> <\/div> <\/div> {{\/onlyApplyOnThis}} {{\/isDiscountTypeShipping}} {{#isDiscountTypeFixed}} {{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> off on <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order and onwards<\/span> <\/div> <\/div> <\/div> {{\/isPerkOnward}} {{\/isDiscountTypeFixed}} {{#isDiscountTypeFixed}} {{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Get <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> off from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order to {{{isRangeEnd}}} order<\/span>. <\/div> <\/div> <\/div> {{\/isPerkRange}} {{\/isDiscountTypeFixed}} {{#isDiscountTypeFixed}} {{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Save <span class='appstle-loyalty-discount'> <span class='appstle-precentage-loyalty'>{{{formatDiscountedPrice}}}<\/span> <\/span> on your <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order only. <\/div> <\/div> <\/div> {{\/onlyApplyOnThis}} {{\/isDiscountTypeFixed}} {{#isDiscountTypeFixedPrice}} {{#isPerkOnward}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Get this product at <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} order and onwards<\/span>. <\/div> <\/div> <\/div> {{\/isPerkOnward}} {{\/isDiscountTypeFixedPrice}} {{#isDiscountTypeFixedPrice}} {{#isPerkRange}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'> Get this product at <span class='appstle-loyalty-discount'>{{{formatDiscountedPrice}}}<\/span> from <span class='appstle-loyalty-billing-cycle'>{{{billingCycleBlock}}} to {{{isRangeEnd}}} order<\/span>. <\/div> <\/div> <\/div> {{\/isPerkRange}} {{\/isDiscountTypeFixedPrice}} {{#isDiscountTypeFixedPrice}} {{#onlyApplyOnThis}} <div class='appstle-reward-items'> <div class='appstle-dot'> <\/div> <div class='appstle-reward-content'> <div class='appstle-reward-description'>Get this product at <span class='appstle-loyalty-discount'> <span class='appstle-fixed-price-loyalty'>{{{formatDiscountedPrice}}}<\/span> <\/span> for the <span class='appstle-loyalty-billing-cycle'> <span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>.<\/div> <\/div> <\/div> {{\/onlyApplyOnThis}} {{\/isDiscountTypeFixedPrice}} <style> .appstle-loyalty-table-v2{ box-shadow: none !important; border-spacing: 0 5px !important; border-collapse: unset !important; } .appstleLoyaltyTable .appstle-loyalty-table-data{ border-bottom: none !important; background: none !important; padding: 0px !important; } .appstleLoyaltyTable .appstle-loyalty-table-data:hover{ background: none !important;} .appstle-dot { width: 4px; height: 4px; border-radius: 4px; background-color: #282c3f; margin-right: 10px; margin-bottom: 2px; display: inline-block; vertical-align: middle; } .appstle-reward-items{ align-items: center !important; } .appstle-precentage-loyalty, .appstle-loyalty-discount{ font-weight: bold !important; } .appstle-loyalty-table.ugc-iconContainer { padding-left: 5px; } .appstle-loyalty-table.ugc-iconContainer svg { height: 16px; } .appstleLoyaltyTableHeader{ display: flex; } .appstleLoyaltyTableHeader{ display: flex; } .appstle-loyalty-table.ugc-iconContainer { padding-left: 5px; } .appstle-loyalty-table.ugc-iconContainer svg { height: 16px; } .appstle-toggle-more-btn-v2{ cursor:pointer !important; font-size: 12px !important; font-weight: bold !important; color:#ff3f6c !important; } .appstle-toggle-more-row-v2{ background-color: transparent !important; } .appstleLoyaltyTable .appstle-toggle-more-btn-container-v2{ padding: 0px !important; border-bottom: none !important; } .appstleLoyaltyTable .appstle-toggle-more-btn-container-v2:hover{ background: none !important; } .appstleLoyaltyTable .appstle_loyalty_text_v2{ background: none !important; } .appstleLoyaltyTable .appstle-hidden-perks-v2{ background: none !important; } .appstle-loyalty-table.ugc-iconContainer{display: block !important} <\/style> <\/div>\",\"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.removeClassFromPriceElementV2\":\"\",\"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.showNewLoyaltyUI\":\"false\",\"appstle.subscription.wg.frequencyCombinedWidgetTextV2\":\"Frequency\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"Select Delivery Option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`, 2788 2789 "css": { 2790 "appstle_subscription_widget": { 2791 "margin-top": "" , 2792 "margin-bottom": "", 2793 }, 2794 2795 "appstle_subscription_wrapper": { 2796 "border-width": "", 2797 "border-color": "", 2798 }, 2799 2800 "appstle_circle": { 2801 "border-color": "", 2802 }, 2803 2804 "appstle_dot": { 2805 "background-color": "", 2806 }, 2807 2808 "appstle_select": { 2809 "padding-top": "", 2810 "padding-bottom": "", 2811 "padding-left": "", 2812 "padding-right": "", 2813 "border-width": "", 2814 "border-style": "", 2815 "border-color": "", 2816 "border-radius": "", 2817 }, 2818 2819 "tooltip_subscription_svg": { 2820 "fill": "", 2821 }, 2822 2823 "appstle_tooltip": { 2824 "color": "", 2825 "background-color": "", 2826 }, 2827 2828 "appstle_tooltip_border_top_color": { 2829 "border-top-color": "", 2830 }, 2831 2832 "appstle_subscription_final_price": { 2833 "color": "", 2834 }, 2835 "appstle_widget_text_color": { 2836 "color": "", 2837 }, 2838 "appstle_selected_background": { 2839 "background": "transparent", 2840 }, 2841 "elementCSS": "[]", 2842 "customCSS": "", 2843 "customerPortalCss": "", 2844 "externalStyleTag": "", 2845 "themeCss": "", 2846 } 2847 }; 2848 2849 2850 window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS)); 2851 2852 sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config); 2853 2854 2855 try { 2856 2857 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}}
2857 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","testProperties":"","selectedButtonTextV2":"Selected","congratsMessageText":"You've achieved the highest discount of {{discount}}%","okBtnText":"Ok","tieredDiscount":"Tiered Discount","addProductsToSubscriptionLabel":"Adding product to your subscription... ","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","itemsText":"Items","onetimeDescriptionTextV2":"","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":"spent","quantityLabel":"Quantity","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"}; 2858 2859 } catch (e) { 2860 console.error("Error parsing build a box labels:", e); 2861 } 2862 2863 2864 var _RSConfig = _RSConfig || {}; 2865 2866 _RSConfig.shop = '7uydfm-hz.myshopify.com'; 2867 2868 2869 2870 2871 2872 2873 _RSConfig.shopMoneyFormat = '${{amount}}'; 2874 _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD'; 2875 2876 2877 2878 2879 } 2880 2881 2882 2883 2884</script>
2884 2885 2886<style id="appstle-payment-button-override"> 2887 .shopify-payment-button {display: none;} 2888</style>
2889<script> 2890 let appstleCount = 0 2891 function isAppstleJSInitiated() { 2892 appstleCount++; 2893 if (window?.["RSConfig"] || appstleCount > 20) { 2894 let appstleStyleElement = document.querySelector('#appstle-payment-button-override'); 2895 if (appstleStyleElement) { 2896 appstleStyleElement.remove(); 2897 } 2898 } else { 2899 setTimeout(isAppstleJSInitiated, 500) 2900 } 2901 } 2902 isAppstleJSInitiated(); 2903</script>
2903 2904 2905<style> 2906 2907</style>
2908<script> 2909 function pollAppstleInit() { 2910 if (window?.appstleInit) { 2911 window?.appstleInit() 2912 } else { 2913 setTimeout(pollAppstleInit, 30); 2914 } 2915 } 2916</script>
2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934
2934<script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=7uydfm-hz.myshopify.com&v=1777621962566" defer ></script>
2934 2935 2936 2937 2938 2939 2940 2941 2942 2943</div>
2943<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
2943 2944</body> 2945</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.