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/products/guatemala-shb"> 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 La Familia Blend 14 – NÅ«STORY COFFEE CO.</title> 15 16 17 <meta name="description" content="MEDIUM ROAST Grown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers bright citrus, smooth chocolate, and a touch of spice â a cup that carries the story of land, tradition, and care."> 18 19 20 21 22<meta property="og:site_name" content="NÅ«STORY COFFEE CO."> 23<meta property="og:url" content="https://nustorycoffee.com/products/guatemala-shb"> 24<meta property="og:title" content="La Familia Blend"> 25<meta property="og:type" content="product"> 26<meta property="og:description" content="MEDIUM ROAST Grown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers bright citrus, smooth chocolate, and a touch of spice â a cup that carries the story of land, tradition, and care."><meta property="og:image" content="http://nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823"> 27 <meta property="og:image:secure_url" content="https://nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823"> 28 <meta property="og:image:width" content="1248"> 29 <meta property="og:image:height" content="832"><meta property="og:price:amount" content="15.99"> 30 <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image"> 31<meta name="twitter:title" content="La Familia Blend"> 32<meta name="twitter:description" content="MEDIUM ROAST Grown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers bright citrus, smooth chocolate, and a touch of spice â a cup that carries the story of land, tradition, and care."> 33 34 35
35<script src="//nustorycoffee.com/cdn/shop/t/7/assets/constants.js?v=58251544750838685771757595385" defer="defer"></script>
35 36
36<script src="//nustorycoffee.com/cdn/shop/t/7/assets/pubsub.js?v=158357773527763999511757595385" defer="defer"></script>
36 37
37<script src="//nustorycoffee.com/cdn/shop/t/7/assets/global.js?v=40820548392383841591757595385" defer="defer"></script>
37 38
38<script src="//nustorycoffee.com/cdn/shop/t/7/assets/theme-scripts.js?v=39258829695680046061757595386" defer="defer"></script>
38 39
39<script src="//nustorycoffee.com/cdn/shop/t/7/assets/custom-scripts.js?v=111603181540343972631757595385" defer="defer"></script>
39<script src="//nustorycoffee.com/cdn/shop/t/7/assets/animations.js?v=88693664871331136111757595385" defer="defer"></script>
39<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
39<meta name="google-site-verification" content="zm7U4H9VdSMOQJQJEwF-qLbXLQstzWoJgTva-_066fA"> 40<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71901708542/digital_wallets/dialog"> 41<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"> 42<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/47013630542078:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://nustorycoffee.com/products/guatemala-shb.oembed">
43<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
43 44<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
45<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=71901708542" crossorigin="anonymous"></script>
vendor: 1 bytes, line 45
45
46<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 46
46
47<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 47
47
48<script>var Shopify = Shopify || {}; 49Shopify.shop = "7uydfm-hz.myshopify.com"; 50Shopify.locale = "en"; 51Shopify.currency = {"active":"USD","rate":"1.0"}; 52Shopify.country = "US"; 53Shopify.theme = {"name":"NUSTORY DEV","id":152205263102,"schema_name":"Esencia","schema_version":"2.0.1","theme_store_id":null,"role":"main"}; 54Shopify.theme.handle = "null"; 55Shopify.theme.style = {"id":null,"handle":null}; 56Shopify.cdnHost = "nustorycoffee.com/cdn"; 57Shopify.routes = Shopify.routes || {}; 58Shopify.routes.root = "/"; 59Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 60Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 61Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 62Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 62
62
63<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 63
63
64<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 64
64
65<script> 66 window.ShopifyPay = window.ShopifyPay || {}; 67 window.ShopifyPay.apiHost = "shop.app\/pay"; 68 window.ShopifyPay.redirectState = null; 69</script>
vendor: 1 bytes, line 69
69
70<script> 71 window.Shopify = window.Shopify || {}; 72 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 73 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 74 window.Shopify.SignInWithShop.eligible = true; 75</script>
vendor: 1 bytes, line 75
75
76<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 76
76
77<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 77
77
78<script type="module"> 79 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 80 81 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 82 83</script>
vendor: 1 bytes, line 83
83
84<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"></script>
vendor: 1 bytes, line 84
84
85<script type="module"> 86 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.payment-terms.en.esm.js"); 87 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":"66cdae84-85bb-466b-ad83-698a0d73fc51-1790513082","pageurl":"nustorycoffee.com\/products\/guatemala-shb","u":"f7c63805e950","p":"product","rtyp":"product","rid":8899387719934};</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> 138 function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule); 139</script>
139 140
141<script type="module" src="https://nustorycoffee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 141
141
142<script nomodule> 143 document.addEventListener("DOMContentLoaded", portableWalletsCleanup); 144</script>
144 145 146<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"> 147<style id="shopify-accelerated-checkout-cart"> 148 #shopify-buyer-consent { 149 margin-top: 1em; 150 display: inline-block; 151 width: 100%; 152} 153 154#shopify-buyer-consent.hidden { 155 display: none; 156} 157 158#shopify-subscription-policy-button { 159 background: none; 160 border: none; 161 padding: 0; 162 text-decoration: underline; 163 font-size: inherit; 164 cursor: pointer; 165} 166 167#shopify-subscription-policy-button::before { 168 box-shadow: none; 169} 170 171 </style>
172<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 172
172
173<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
173 174 175 176 <style data-shopify> 177 @font-face { 178 font-family: Poppins; 179 font-weight: 400; 180 font-style: normal; 181 font-display: swap; 182 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 183 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 184} 185 186 @font-face { 187 font-family: Poppins; 188 font-weight: 700; 189 font-style: normal; 190 font-display: swap; 191 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), 192 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); 193} 194 195 @font-face { 196 font-family: Poppins; 197 font-weight: 400; 198 font-style: italic; 199 font-display: swap; 200 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), 201 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); 202} 203 204 @font-face { 205 font-family: Poppins; 206 font-weight: 700; 207 font-style: italic; 208 font-display: swap; 209 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), 210 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); 211} 212 213 @font-face { 214 font-family: Poppins; 215 font-weight: 400; 216 font-style: normal; 217 font-display: swap; 218 src: url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 219 url("//nustorycoffee.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 220} 221 222 223 224 :root, 225 .color-background-1 { 226 --color-background: 242,228,200; 227 228 --gradient-background: #f2e4c8; 229 230 231 232 233 --color-foreground: 78,28,0; 234 --color-background-contrast: 218,177,97; 235 --color-shadow: 117,72,43; 236 --color-button: 252,78,27; 237 --color-button-text: 255,255,255; 238 --color-secondary-button: 242,228,200; 239 --color-secondary-button-text: 117,72,43; 240 --color-link: 117,72,43; 241 --color-badge-foreground: 78,28,0; 242 --color-badge-background: 242,228,200; 243 --color-badge-border: 78,28,0; 244 --payment-terms-background-color: rgb(242 228 200); 245 } 246 247 248 .color-background-2 { 249 --color-background: 78,28,0; 250 251 --gradient-background: #4e1c00; 252 253 254 255 256 --color-foreground: 242,228,200; 257 --color-background-contrast: 104,37,0; 258 --color-shadow: 117,72,43; 259 --color-button: 237,156,0; 260 --color-button-text: 255,255,255; 261 --color-secondary-button: 78,28,0; 262 --color-secondary-button-text: 117,72,43; 263 --color-link: 117,72,43; 264 --color-badge-foreground: 242,228,200; 265 --color-badge-background: 78,28,0; 266 --color-badge-border: 242,228,200; 267 --payment-terms-background-color: rgb(78 28 0); 268 } 269 270 271 .color-inverse { 272 --color-background: 237,156,0; 273 274 --gradient-background: #ed9c00; 275 276 277 278 279 --color-foreground: 78,28,0; 280 --color-background-contrast: 110,72,0; 281 --color-shadow: 117,72,43; 282 --color-button: 252,78,27; 283 --color-button-text: 255,255,255; 284 --color-secondary-button: 237,156,0; 285 --color-secondary-button-text: 247,244,233; 286 --color-link: 247,244,233; 287 --color-badge-foreground: 78,28,0; 288 --color-badge-background: 237,156,0; 289 --color-badge-border: 78,28,0; 290 --payment-terms-background-color: rgb(237 156 0); 291 } 292 293 294 .color-accent-1 { 295 --color-background: 252,78,27; 296 297 --gradient-background: #fc4e1b; 298 299 300 301 302 --color-foreground: 242,228,200; 303 --color-background-contrast: 150,35,2; 304 --color-shadow: 117,72,43; 305 --color-button: 242,228,200; 306 --color-button-text: 78,28,0; 307 --color-secondary-button: 252,78,27; 308 --color-secondary-button-text: 117,72,43; 309 --color-link: 117,72,43; 310 --color-badge-foreground: 242,228,200; 311 --color-badge-background: 252,78,27; 312 --color-badge-border: 242,228,200; 313 --payment-terms-background-color: rgb(252 78 27); 314 } 315 316 317 .color-accent-2 { 318 --color-background: 192,158,145; 319 320 --gradient-background: #c09e91; 321 322 323 324 325 --color-foreground: 255,255,255; 326 --color-background-contrast: 133,92,76; 327 --color-shadow: 117,72,43; 328 --color-button: 255,255,255; 329 --color-button-text: 192,158,145; 330 --color-secondary-button: 192,158,145; 331 --color-secondary-button-text: 255,255,255; 332 --color-link: 255,255,255; 333 --color-badge-foreground: 255,255,255; 334 --color-badge-background: 192,158,145; 335 --color-badge-border: 255,255,255; 336 --payment-terms-background-color: rgb(192 158 145); 337 } 338 339 340 .color-scheme-6f49d525-8b30-4769-ac3d-8ac69d13d05e { 341 --color-background: 255,255,255; 342 343 --gradient-background: linear-gradient(4deg, rgba(255, 201, 104, 0), rgba(78, 28, 0, 1) 100%); 344 345 346 347 348 --color-foreground: 242,228,200; 349 --color-background-contrast: 191,191,191; 350 --color-shadow: 117,72,43; 351 --color-button: 252,78,27; 352 --color-button-text: 255,255,255; 353 --color-secondary-button: 255,255,255; 354 --color-secondary-button-text: 117,72,43; 355 --color-link: 117,72,43; 356 --color-badge-foreground: 242,228,200; 357 --color-badge-background: 255,255,255; 358 --color-badge-border: 242,228,200; 359 --payment-terms-background-color: rgb(255 255 255); 360 } 361 362 363 body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-6f49d525-8b30-4769-ac3d-8ac69d13d05e { 364 color: rgba(var(--color-foreground), 0.75); 365 background-color: rgb(var(--color-background)); 366 } 367 368 :root { 369 --font-body-family: Poppins, sans-serif; 370 --font-body-style: normal; 371 --font-body-weight: 400; 372 --font-body-weight-bold: 700; 373 --font-body-size:1.6rem; 374 --font-nav-size:1.4rem; 375 --font-button-size:1.2rem; 376 --font-heading-family: Poppins, sans-serif; 377 --font-heading-style: normal; 378 --font-heading-weight: 400; 379 380 --font-body-scale: 1.0; 381 --font-heading-scale: 1.0; 382 383 --media-padding: px; 384 --media-border-opacity: 0.05; 385 --media-border-width: 1px; 386 --media-radius: 0px;
387 --media-shadow-opacity: 0.0; 388 --media-shadow-horizontal-offset: 0px; 389 --media-shadow-vertical-offset: 4px; 390 --media-shadow-blur-radius: 5px; 391 --media-shadow-visible: 0; 392 393 --page-width: 300rem; 394 --page-width-margin: 0rem; 395 396 --product-card-image-padding: 0.0rem; 397 --product-card-corner-radius: 0.0rem; 398 --product-card-text-alignment: left; 399 --product-card-border-width: 0.0rem; 400 --product-card-border-opacity: 0.1; 401 --product-card-shadow-opacity: 0.0; 402 --product-card-shadow-visible: 0; 403 --product-card-shadow-horizontal-offset: 0.0rem; 404 --product-card-shadow-vertical-offset: 0.4rem; 405 --product-card-shadow-blur-radius: 0.5rem; 406 407 --collection-card-image-padding: 0.0rem; 408 --collection-card-corner-radius: 0.0rem; 409 --collection-card-text-alignment: left; 410 --collection-card-border-width: 0.0rem; 411 --collection-card-border-opacity: 0.1; 412 --collection-card-shadow-opacity: 0.0; 413 --collection-card-shadow-visible: 0; 414 --collection-card-shadow-horizontal-offset: 0.0rem; 415 --collection-card-shadow-vertical-offset: 0.4rem; 416 --collection-card-shadow-blur-radius: 0.5rem; 417 418 --blog-card-image-padding: 0.0rem; 419 --blog-card-corner-radius: 0.0rem; 420 --blog-card-text-alignment: left; 421 --blog-card-border-width: 0.0rem; 422 --blog-card-border-opacity: 0.1; 423 --blog-card-shadow-opacity: 0.0; 424 --blog-card-shadow-visible: 0; 425 --blog-card-shadow-horizontal-offset: 0.0rem; 426 --blog-card-shadow-vertical-offset: 0.4rem; 427 --blog-card-shadow-blur-radius: 0.5rem; 428 429 --badge-corner-radius: 4.0rem; 430 431 --popup-border-width: 1px; 432 --popup-border-opacity: 0.1; 433 --popup-corner-radius: 0px; 434 --popup-shadow-opacity: 0.05; 435 --popup-shadow-horizontal-offset: 0px; 436 --popup-shadow-vertical-offset: 4px; 437 --popup-shadow-blur-radius: 5px; 438 439 --drawer-border-width: 1px; 440 --drawer-border-opacity: 0.1; 441 --drawer-shadow-opacity: 0.0; 442 --drawer-shadow-horizontal-offset: 0px; 443 --drawer-shadow-vertical-offset: 4px; 444 --drawer-shadow-blur-radius: 5px; 445 446 --spacing-sections-desktop: 0px; 447 --spacing-sections-mobile: 0px; 448 449 --grid-desktop-vertical-spacing: 60px; 450 --grid-desktop-horizontal-spacing: 80px; 451 --grid-mobile-vertical-spacing: 30px; 452 --grid-mobile-horizontal-spacing: 40px; 453 454 --text-boxes-border-opacity: 0.1; 455 --text-boxes-border-width: 0px; 456 --text-boxes-radius: 0px; 457 --text-boxes-shadow-opacity: 0.0; 458 --text-boxes-shadow-visible: 0; 459 --text-boxes-shadow-horizontal-offset: 0px; 460 --text-boxes-shadow-vertical-offset: 4px; 461 --text-boxes-shadow-blur-radius: 5px; 462 463 --buttons-radius: 0px; 464 --buttons-radius-outset: 0px; 465 --buttons-border-width: 1px; 466 --buttons-border-opacity: 1.0; 467 --buttons-shadow-opacity: 0.0; 468 --buttons-shadow-visible: 0; 469 --buttons-shadow-horizontal-offset: 0px; 470 --buttons-shadow-vertical-offset: 4px; 471 --buttons-shadow-blur-radius: 5px; 472 --buttons-border-offset: 0px; 473 474 --inputs-radius: 0px; 475 --inputs-border-width: 1px; 476 --inputs-border-opacity: 0.55; 477 --inputs-shadow-opacity: 0.0; 478 --inputs-shadow-horizontal-offset: 0px; 479 --inputs-margin-offset: 0px; 480 --inputs-shadow-vertical-offset: 4px; 481 --inputs-shadow-blur-radius: 5px; 482 --inputs-radius-outset: 0px; 483 484 --variant-pills-radius: 40px; 485 --variant-pills-border-width: 1px; 486 --variant-pills-border-opacity: 0.55; 487 --variant-pills-shadow-opacity: 0.0; 488 --variant-pills-shadow-horizontal-offset: 0px; 489 --variant-pills-shadow-vertical-offset: 4px; 490 --variant-pills-shadow-blur-radius: 5px; 491 } 492 493 *, 494 *::before, 495 *::after { 496 box-sizing: inherit; 497 } 498 499 html { 500 box-sizing: border-box; 501 font-size: calc(var(--font-body-scale) * 62.5%); 502 height: 100%; 503 } 504 505 body { 506 display: grid; 507 grid-template-rows: auto auto 1fr auto; 508 grid-template-columns: 100%; 509 min-height: 100%; 510 margin: 0; 511 font-size: 1.5rem; 512 letter-spacing: 0.06rem; 513 line-height: calc(1 + 0.8 / var(--font-body-scale)); 514 font-family: var(--font-body-family); 515 font-style: var(--font-body-style); 516 font-weight: var(--font-body-weight); 517 } 518 519 @media screen and (min-width: 750px) { 520 body { 521 font-size: 1.6rem; 522 } 523 } 524 </style> 525 526 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/base.css?v=141957586147487266191758155113" rel="stylesheet" type="text/css" media="all" /> 527 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/theme-styles.css?v=88728442949448762391757595386" rel="stylesheet" type="text/css" media="all" /> 528 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/custom-styles.css?v=111603181540343972631757595385" rel="stylesheet" type="text/css" media="all" /> 529<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 530 rel="stylesheet" 531 href="//nustorycoffee.com/cdn/shop/t/7/assets/component-predictive-search.css?v=118923337488134913561757595385" 532 media="print" 533 onload="this.media='all'" 534 >
534<script> 535 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 536 if (Shopify.designMode) { 537 document.documentElement.classList.add('shopify-design-mode'); 538 } 539 </script>
539 540 541 542 543 544<style> 545 546 .header-wrapper { 547 background: transparent; /* or background: none; */ 548 border: none; 549 } 550 551/* Neutralize wrapper backgrounds so only .header controls color */ 552.shopify-section-header .header-wrapper, 553.shopify-section-header .header-wrapper.gradient, 554.shopify-section-header sticky-header { 555 background: transparent !important; 556} 557 558/* If you want the whole bar solid when the menu is open AT TOP, 559 keep this; otherwise delete it. */ 560.shopify-section-header.menu-open .header-wrapper { 561 background: var(--brown) !important; 562} 563 564/* Header states (as before) */ 565.header { 566 position: sticky; 567 top: 55px; 568 z-index: 999; 569 transition: background .25s ease; 570} 571.header.transparent { background: linear-gradient(to bottom, var(--brown) 0%, transparent 100%); } 572.header.black { background-color: var(--brown); } 573.header.menu-open { background: var(--brown) !important; } 574 575 576 </style> 577 578
579<script> 580document.addEventListener('DOMContentLoaded', () => { 581 const header = document.querySelector('.header'); 582 const section = document.querySelector('.shopify-section-header'); 583 if (!header) return; 584 585 // Dawn drawers inside header (nav, locale, etc.). Edit selector if yours differs. 586 const drawers = Array.from(header.querySelectorAll('details')); 587 const THRESHOLD = 0; // px from the top 588 589 function isAtTop() { return (window.scrollY <= THRESHOLD); } 590 function isMenuOpen() { return drawers.some(d => d.open); } 591 592 function sync() { 593 // hard reset so no stale classes linger 594 header.classList.remove('transparent','black','menu-open'); 595 section && section.classList.remove('menu-open'); 596 597 const atTop = isAtTop(); 598 const menuOpen = isMenuOpen(); 599 600 if (menuOpen && atTop) { 601 header.classList.add('menu-open'); // solid brown at the very top 602 section && section.classList.add('menu-open'); 603 } else if (atTop) { 604 header.classList.add('transparent'); // gradient at top when menu closed 605 } else { 606 header.classList.add('black'); // solid brown when scrolled 607 } 608 } 609 610 // events 611 window.addEventListener('scroll', sync, { passive: true }); 612 window.addEventListener('resize', sync); 613 drawers.forEach(d => d.addEventListener('toggle', sync)); 614 615 // initial paint 616 sync(); 617}); 618</script>
618 619 620 621 622 623 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
624<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: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 624
624
625<script> 626 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 627</script>
vendor: 1 bytes, line 627
627
628<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}
628).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":[{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013626478846","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":"","title":"12oz \/ Whole bean","untranslatedTitle":"12oz \/ Whole bean"},{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013630542078","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"12oz \/ Drip","untranslatedTitle":"12oz \/ Drip"},{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013630574846","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"12oz \/ Espresso","untranslatedTitle":"12oz \/ Espresso"},{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013630607614","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"12oz \/ Pour Over","untranslatedTitle":"12oz \/ Pour Over"},{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013630640382","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"12oz \/ French Press","untranslatedTitle":"12oz \/ French Press"},{"price":{"amount":15.99,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47013630673150","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"12oz \/ Cold Brew","untranslatedTitle":"12oz \/ Cold Brew"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481391358","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ Whole bean","untranslatedTitle":"5lbs \/ Whole bean"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481424126","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ Drip","untranslatedTitle":"5lbs \/ Drip"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481456894","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ Espresso","untranslatedTitle":"5lbs \/ Espresso"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481489662","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ Pour Over","untranslatedTitle":"5lbs \/ Pour Over"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481522430","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ French Press","untranslatedTitle":"5lbs \/ French Press"},{"price":{"amount":67.5,"currencyCode":"USD"},"product":{"title":"La Familia Blend","vendor":"NūSTORY COFFEE CO.","id":"8899387719934","untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","type":""},"id":"47355481555198","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"sku":null,"title":"5lbs \/ Cold Brew","untranslatedTitle":"5lbs \/ Cold Brew"}],"products":[{"id":"8899387719934","handle":"guatemala-shb","isCollective":null,"title":"La Familia Blend","type":null,"untranslatedTitle":"La Familia Blend","url":"\/products\/guatemala-shb","vendor":"NūSTORY COFFEE CO.","remoteShopId":null,"variants":[{"id":"47013626478846","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":"","title":"12oz \/ Whole bean","untranslatedTitle":"12oz \/ Whole bean"},{"id":"47013630542078","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Drip","untranslatedTitle":"12oz \/ Drip"},{"id":"47013630574846","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Espresso","untranslatedTitle":"12oz \/ Espresso"},{"id":"47013630607614","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Pour Over","untranslatedTitle":"12oz \/ Pour Over"},{"id":"47013630640382","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ French Press","untranslatedTitle":"12oz \/ French Press"},{"id":"47013630673150","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Cold Brew","untranslatedTitle":"12oz \/ Cold Brew"},{"id":"47355481391358","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ Whole bean","untranslatedTitle":"5lbs \/ Whole bean"},{"id":"47355481424126","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ Drip","untranslatedTitle":"5lbs \/ Drip"},{"id":"47355481456894","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ Espresso","untranslatedTitle":"5lbs \/ Espresso"},{"id":"47355481489662","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ Pour Over","untranslatedTitle":"5lbs \/ Pour Over"},{"id":"47355481522430","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ French Press","untranslatedTitle":"5lbs \/ French Press"},{"id":"47355481555198","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"price":{"amount":67.5,"currencyCode":"USD"},"sku":null,"title":"5lbs \/ Cold Brew","untranslatedTitle":"5lbs \/ Cold Brew"}]},{"id":"8824168710398","handle":"nustory-blend-medium","isCollective":null,"title":"NuStory Blend","type":null,"untranslatedTitle":"NuStory Blend","url":"\/products\/nustory-blend-medium","vendor":"NūSTORY COFFEE CO.","remoteShopId":null,"variants":[{"id":"47205948555518","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/tempImagejWW1j3.jpg?v=1767809258"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Whole bean","untranslatedTitle":"12oz \/ Whole bean"}]},{"id":"8824168972542","handle":"espresso-blend-medium-dark","isCollective":null,"title":"Espresso Blend","type":null,"untranslatedTitle":"Espresso Blend","url":"\/products\/espresso-blend-medium-dark","vendor":"NūSTORY COFFEE CO.","remoteShopId":null,"variants":[{"id":"47013911724286","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4281.jpg?v=1767809099"},"price":{"amount":15.99,"currencyCode":"USD"},"sku":"","title":"12oz \/ Whole bean","untranslatedTitle":"12oz \/ Whole bean"}]},{"id":"8998140150014","handle":"finca-la-canoa-natural-red-bourbon","isCollective":null,"title":"Finca La Canoa Red Bourbon Natural by Mario Rene Freily","type":null,"untranslatedTitle":"Finca La Canoa Red Bourbon Natural by Mario Rene Freily","url":"\/products\/finca-la-canoa-natural-red-bourbon","vendor":"NūSTORY COFFEE CO.","remoteShopId":null,"variants":[{"id":"47292598911230","image":{"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/tempImagevYipEE.jpg?v=1767807404"},"price":{"amount":18.99,"currencyCode":"USD"},"sku":null,"title":"12oz \/ Drip","untranslatedTitle":"12oz \/ Drip"}]}],"purchasingCompany":null},},"https://nustorycoffee.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"152205263102","themePublished":"true","eventMetadataId":"86205c0d-0824-4ee3-a1f3-739bc9613059","pageType":"product","resourceId":"8899387719934","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\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":15.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"La Familia Blend\",\"vendor\":\"NūSTORY COFFEE CO.\",\"id\":\"8899387719934\",\"untranslatedTitle\":\"La Familia Blend\",\"url\":\"\/products\/guatemala-shb\",\"type\":\"\"},\"id\":\"47013630542078\",\"image\":{\"src\":\"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823\"},\"sku\":null,\"title\":\"12oz \/ Drip\",\"untranslatedTitle\":\"12oz \/ Drip\"}}]]"});})();</script>
628<script> 629 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 630 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 631 window.ShopifyAnalytics.meta.currency = 'USD'; 632 var meta = {"product":{"id":8899387719934,"gid":"gid:\/\/shopify\/Product\/8899387719934","vendor":"NūSTORY COFFEE CO.","type":"","handle":"guatemala-shb","variants":[{"id":47013626478846,"price":1599,"name":"La Familia Blend - 12oz \/ Whole bean","public_title":"12oz \/ Whole bean","sku":""},{"id":47013630542078,"price":1599,"name":"La Familia Blend - 12oz \/ Drip","public_title":"12oz \/ Drip","sku":null},{"id":47013630574846,"price":1599,"name":"La Familia Blend - 12oz \/ Espresso","public_title":"12oz \/ Espresso","sku":null},{"id":47013630607614,"price":1599,"name":"La Familia Blend - 12oz \/ Pour Over","public_title":"12oz \/ Pour Over","sku":null},{"id":47013630640382,"price":1599,"name":"La Familia Blend - 12oz \/ French Press","public_title":"12oz \/ French Press","sku":null},{"id":47013630673150,"price":1599,"name":"La Familia Blend - 12oz \/ Cold Brew","public_title":"12oz \/ Cold Brew","sku":null},{"id":47355481391358,"price":6750,"name":"La Familia Blend - 5lbs \/ Whole bean","public_title":"5lbs \/ Whole bean","sku":null},{"id":47355481424126,"price":6750,"name":"La Familia Blend - 5lbs \/ Drip","public_title":"5lbs \/ Drip","sku":null},{"id":47355481456894,"price":6750,"name":"La Familia Blend - 5lbs \/ Espresso","public_title":"5lbs \/ Espresso","sku":null},{"id":47355481489662,"price":6750,"name":"La Familia Blend - 5lbs \/ Pour Over","public_title":"5lbs \/ Pour Over","sku":null},{"id":47355481522430,"price":6750,"name":"La Familia Blend - 5lbs \/ French Press","public_title":"5lbs \/ French Press","sku":null},{"id":47355481555198,"price":6750,"name":"La Familia Blend - 5lbs \/ Cold Brew","public_title":"5lbs \/ Cold Brew","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8899387719934,"requestId":"66cdae84-85bb-466b-ad83-698a0d73fc51-1790513082"}}; 633 for (var attr in meta) { 634 window.ShopifyAnalytics.meta[attr] = meta[attr]; 635 } 636</script>
vendor: 1 bytes, line 636
636
637<script class="analytics"> 638 (function () { 639 var customDocumentWrite = function(content) { 640 var jquery = null; 641 642 if (window.jQuery) { 643 jquery = window.jQuery; 644 } else if (window.Checkout && window.Checkout.$) { 645 jquery = window.Checkout.$; 646 } 647 648 if (jquery) { 649 jquery('body').append(content); 650 } 651 }; 652 653 var hasLoggedConversion = function(token) { 654 if (token) { 655 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 656 } 657 return false; 658 } 659 660 var setCookieIfConversion = function(token) { 661 if (token) { 662 var twoMonthsFromNow = new Date(Date.now()); 663 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 664 665 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 666 } 667 } 668 669 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 670 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 671 if (trekkie.integrations) { 672 return; 673 } 674 trekkie.methods = [ 675 'identify', 676 'page', 677 'ready', 678 'track', 679 'trackForm', 680 'trackLink' 681 ]; 682 trekkie.factory = function(method) { 683 return function() { 684 var args = Array.prototype.slice.call(arguments); 685 args.unshift(method); 686 trekkie.push(args); 687 if (method == 'track' || method == 'page') { 688 var pageUrl; 689 try { 690 pageUrl = window.location.href; 691 } catch (e) {} 692 var pageReferrer; 693 try { 694 pageReferrer = document.referrer; 695 } catch (e) {} 696 try { 697 if (window.__TREKKIE_SHIM_QUEUE == null) { 698 window.__TREKKIE_SHIM_QUEUE = []; 699 } 700 window.__TREKKIE_SHIM_QUEUE.push({ 701 from: 'trekkie-stub', 702 method: method, 703 args: args.slice(1), 704 pageContext: { 705 url: pageUrl, 706 referrer: pageReferrer 707 } 708 }); 709 } catch (e) { 710 // no-op 711 } 712 } 713 return trekkie; 714 }; 715 }; 716 for (var i = 0; i < trekkie.methods.length; i++) { 717 var key = trekkie.methods[i]; 718 trekkie[key] = trekkie.factory(key); 719 } 720 trekkie.load = function(config) { 721 trekkie.config = config || {}; 722 trekkie.config.initialDocumentCookie = document.cookie; 723 var first = document.getElementsByTagName('script')[0]; 724var script = document.createElement('script'); 725script.type = 'text/javascript'; 726script.onerror = function(e) { 727 var scriptFallback = document.createElement('script'); 728 scriptFallback.type = 'text/javascript'; 729 scriptFallback.onerror = function(error) { 730 var Monorail = { 731 produce: function produce(monorailDomain, schemaId, payload) { 732 var currentMs = new Date().getTime(); 733 var event = { 734 schema_id: schemaId, 735 payload: payload, 736 metadata: { 737 event_created_at_ms: currentMs, 738 event_sent_at_ms: currentMs 739 } 740 }; 741 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 742 }, 743 sendRequest: function sendRequest(endpointUrl, payload) { 744 // Try the sendBeacon API 745 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 746 var blobData = new window.Blob([payload], { 747 type: 'text/plain' 748 }); 749 750 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 751 return true; 752 } // sendBeacon was not successful 753 754 } // XHR beacon 755 756 var xhr = new XMLHttpRequest(); 757 758 try { 759 xhr.open('POST', endpointUrl); 760 xhr.setRequestHeader('Content-Type', 'text/plain'); 761 xhr.send(payload); 762 } catch (e) { 763 console.log(e); 764 } 765 766 return false; 767 }, 768 isIos12: function isIos12() { 769 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 770 } 771 }; 772 Monorail.produce('monorail-edge.shopifysvc.com', 773 'trekkie_storefront_load_errors/1.1', 774 {shop_id: 71901708542, 775 theme_id: 152205263102, 776 app_name: "storefront", 777 context_url: window.location.href, 778 source_url: "//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 779 780 }; 781 scriptFallback.async = true; 782 scriptFallback.src = '//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 783 first.parentNode.insertBefore(scriptFallback, first); 784}; 785script.async = true; 786script.src = '//nustorycoffee.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 787first.parentNode.insertBefore(script, first); 788 789 }; 790 trekkie.load( 791 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71901708542,"isMerchantRequest":null,"themeId":152205263102,"themeCityHash":"7144716765786960517","contentLanguage":"en","currency":"USD","eventMetadataId":"86205c0d-0824-4ee3-a1f3-739bc9613059"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 792 ); 793 794 var loaded = false;
795 trekkie.ready(function() { 796 if (loaded) return; 797 loaded = true; 798 799 window.ShopifyAnalytics.lib = window.trekkie; 800 801 var originalDocumentWrite = document.write; 802 document.write = customDocumentWrite; 803 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 804 document.write = originalDocumentWrite; 805 806 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 807 var token = match? match[1]: undefined; 808 if (!hasLoggedConversion(token)) { 809 setCookieIfConversion(token); 810 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":47013630542078,"productId":8899387719934,"productGid":"gid:\/\/shopify\/Product\/8899387719934","name":"La Familia Blend - 12oz \/ Drip","price":"15.99","sku":null,"brand":"NūSTORY COFFEE CO.","variant":"12oz \/ Drip","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 811 } 812 }); 813 814 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8899387719934,"requestId":"66cdae84-85bb-466b-ad83-698a0d73fc51-1790513082","shopifyEmitted":true}); 815 816 var eventsListenerScript = document.createElement('script'); 817 eventsListenerScript.async = true; 818 eventsListenerScript.src = "//nustorycoffee.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 819 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 820})();</script>
vendor: 1 bytes, line 820
820
821<script 822 defer 823 src="https://nustorycoffee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 824 data-application="storefront-renderer" 825 data-shop-id="71901708542" 826 data-render-region="gcp-us-central1" 827 data-page-type="product" 828 data-theme-instance-id="152205263102" 829 data-theme-name="Esencia" 830 data-theme-version="2.0.1" 831 data-monorail-region="shop_domain" 832 data-resource-timing-sampling-rate="10" 833 data-shs="true" 834 data-shs-beacon="true" 835 data-shs-export-with-fetch="true" 836 data-shs-logs-sample-rate="1" 837 data-shs-beacon-endpoint="https://nustorycoffee.com/api/collect" 838></script>
838 839<meta name="shopify-y" content="90e5f8c3-b71e-4e74-ac1b-33c6aa61fd33" data-expiration="1822070682000"><meta name="shopify-s" content="958d5b6b-ca88-4d56-b767-30092b74a1be" data-expiration="1790514882000"><meta name="new-cookie-storage-activated" content="t"> 840</head> 841 842 <body class="gradient template-product template-name--stylish-product title-la-familia-blend "> 843 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 844 Skip to content 845 </a> 846 847<link href="//nustorycoffee.com/cdn/shop/t/7/assets/quantity-popover.css?v=153075665213740339621757595385" rel="stylesheet" type="text/css" media="all" /> 848<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 849
850<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart.js?v=56933888273975671431757595385" defer="defer"></script>
vendor: 1 bytes, line 850
850
851<script src="//nustorycoffee.com/cdn/shop/t/7/assets/quantity-popover.js?v=19455713230017000861757595385" defer="defer"></script>
851 852 853<style> 854 .drawer { 855 visibility: hidden; 856 } 857</style> 858 859<cart-drawer class="drawer is-empty"> 860 <div id="CartDrawer" class="cart-drawer"> 861 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 862 <div 863 class="drawer__inner gradient color-background-1" 864 role="dialog" 865 aria-modal="true" 866 aria-label="Your cart" 867 tabindex="-1" 868 ><div class="drawer__inner-empty"> 869 <div class="cart-drawer__warnings center"> 870 <div class="cart-drawer__empty-content"> 871 <h2 class="cart__empty-text">Your cart is empty</h2> 872 <button 873 class="drawer__close" 874 type="button" 875 onclick="this.closest('cart-drawer').close()" 876 aria-label="Close" 877 > 878 <svg 879 xmlns="http://www.w3.org/2000/svg" 880 aria-hidden="true" 881 focusable="false" 882 class="icon icon-close" 883 fill="none" 884 viewBox="0 0 18 17" 885> 886 <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"> 887</svg> 888 889 </button> 890 <a href="/collections/all" class="button"> 891 Continue shopping 892 </a><p class="cart__login-title h3">Have an account?</p> 893 <p class="cart__login-paragraph"> 894 <a href="/account/login" class="link underlined-link">Log in</a> to check out faster. 895 </p></div> 896 </div></div><div class="drawer__header"> 897 <h2 class="drawer__heading">Your cart</h2> 898 <button 899 class="drawer__close" 900 type="button" 901 onclick="this.closest('cart-drawer').close()" 902 aria-label="Close" 903 > 904 <svg 905 xmlns="http://www.w3.org/2000/svg" 906 aria-hidden="true" 907 focusable="false" 908 class="icon icon-close" 909 fill="none" 910 viewBox="0 0 18 17" 911> 912 <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"> 913</svg> 914 915 </button> 916 </div> 917 <cart-drawer-items 918 919 class=" is-empty" 920 921 > 922 <form 923 action="/cart" 924 id="CartDrawer-Form" 925 class="cart__contents cart-drawer__form" 926 method="post" 927 > 928 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 929 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 930 Loading... 931 </p> 932 </div> 933 <div id="CartDrawer-CartErrors" role="alert"></div> 934 </form> 935 </cart-drawer-items> 936 <div class="drawer__footer"><!-- Start blocks --> 937 <!-- Subtotals --> 938 939 <div class="cart-drawer__footer" > 940 <div></div> 941 942 <div class="totals" role="status"> 943 <h2 class="totals__total">Estimated total</h2> 944 <p class="totals__total-value">$0.00 USD</p> 945 </div> 946 947 <small class="tax-note caption-large rte">Taxes, Discounts and <a href="/policies/shipping-policy">shipping</a> calculated at checkout 948</small> 949 </div> 950 951 <!-- CTAs --> 952 953 <div class="cart__ctas" > 954 <noscript> 955 <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form"> 956 Update 957 </button> 958 </noscript> 959 960 <button 961 type="submit" 962 id="CartDrawer-Checkout" 963 class="cart__checkout-button button" 964 name="checkout" 965 form="CartDrawer-Form" 966 967 disabled 968 969 > 970 Check out 971 </button> 972 </div> 973 </div> 974 </div> 975 </div> 976</cart-drawer> 977
978<script> 979 document.addEventListener('DOMContentLoaded', function () { 980 function isIE() { 981 const ua = window.navigator.userAgent; 982 const msie = ua.indexOf('MSIE '); 983 const trident = ua.indexOf('Trident/'); 984 985 return msie > 0 || trident > 0; 986 } 987 988 if (!isIE()) return; 989 const cartSubmitInput = document.createElement('input'); 990 cartSubmitInput.setAttribute('name', 'checkout'); 991 cartSubmitInput.setAttribute('type', 'hidden'); 992 document.querySelector('#cart').appendChild(cartSubmitInput); 993 document.querySelector('#checkout').addEventListener('click', function (event) { 994 document.querySelector('#cart').submit(); 995 }); 996 }); 997</script>
997 998<div id="nav-sentinel" aria-hidden="true"></div> 999 1000 <!-- BEGIN sections: header-group --> 1001<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" /> 1002<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-slider.css?v=142503135496229589681757595385" rel="stylesheet" type="text/css" media="all" /> 1003 1004 1005<div 1006 class="utility-bar color-inverse gradient utility-bar--bottom-border" 1007 1008> 1009 <div class="page-width utility-bar__grid"><slideshow-component 1010 class="announcement-bar" 1011 role="region" 1012 aria-roledescription="Carousel" 1013 aria-label="Announcement bar" 1014 > 1015 <div class="announcement-bar-slider slider-buttons"> 1016 <button 1017 type="button" 1018 class="slider-button slider-button--prev" 1019 name="previous" 1020 aria-label="Previous announcement" 1021 aria-controls="Slider-sections--19788893454590__announcement-bar" 1022 > 1023 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 1024 <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"> 1025</svg> 1026 1027 </button> 1028 <div 1029 class="grid grid--1-col slider slider--everywhere" 1030 id="Slider-sections--19788893454590__announcement-bar" 1031 aria-live="polite" 1032 aria-atomic="true" 1033 data-autoplay="true" 1034 data-speed="3" 1035 ><div 1036 class="slideshow__slide slider__slide grid__item grid--1-col" 1037 id="Slide-sections--19788893454590__announcement-bar-1" 1038 1039 role="group" 1040 aria-roledescription="Announcement" 1041 aria-label="1 of 2" 1042 tabindex="-1" 1043 > 1044 <div 1045 class="announcement-bar__announcement" 1046 role="region" 1047 aria-label="Announcement" 1048 1049 ><a 1050 href="/collections/shop-all" 1051 class="announcement-bar__link link link--text focus-inset animate-arrow" 1052 ><p class="announcement-bar__message h5"> 1053 <span>FREE LOCAL DELIVERIES - Nixa, Ozark, South Springfield</span><svg 1054 viewBox="0 0 14 10" 1055 fill="none" 1056 aria-hidden="true" 1057 focusable="false" 1058 class="icon icon-arrow" 1059 xmlns="http://www.w3.org/2000/svg" 1060> 1061 <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"> 1062</svg> 1063 1064</p></a></div> 1065 </div><div 1066 class="slideshow__slide slider__slide grid__item grid--1-col" 1067 id="Slide-sections--19788893454590__announcement-bar-2" 1068 1069 role="group" 1070 aria-roledescription="Announcement" 1071 aria-label="2 of 2" 1072 tabindex="-1" 1073 > 1074 <div 1075 class="announcement-bar__announcement" 1076 role="region" 1077 aria-label="Announcement" 1078 1079 ><p class="announcement-bar__message h5"> 1080 <span>MAY YOU WRITE A NŪSTORY IN 2026</span></p></div> 1081 </div></div> 1082 <button 1083 type="button" 1084 class="slider-button slider-button--next" 1085 name="next" 1086 aria-label="Next announcement" 1087 aria-controls="Slider-sections--19788893454590__announcement-bar" 1088 > 1089 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 1090 <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"> 1091</svg> 1092 1093 </button> 1094 </div> 1095 </slideshow-component><div class="localization-wrapper"> 1096</div> 1097 </div> 1098</div> 1099 1100 1101</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'"> 1102<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-search.css?v=165164710990765432851757595385" media="print" onload="this.media='all'"> 1103<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-menu-drawer.css?v=31331429079022630271757595385" media="print" onload="this.media='all'"> 1104<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-notification.css?v=54116361853792938221757595385" media="print" onload="this.media='all'"> 1105<link rel="stylesheet" href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-items.css?v=145340746371385151771757595385" media="print" onload="this.media='all'"> 1106 1107<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'"> 1108 <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" /> 1109 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart.css?v=181291337967238571831757595385" rel="stylesheet" type="text/css" media="all" /> 1110 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-totals.css?v=15906652033866631521757595385" rel="stylesheet" type="text/css" media="all" /> 1111 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 1112 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-discounts.css?v=152760482443307489271757595385" rel="stylesheet" type="text/css" media="all" /> 1113<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-list-menu.css?v=151968516119678728991757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1114<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-search.css?v=165164710990765432851757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1115<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-menu-drawer.css?v=31331429079022630271757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1116<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-notification.css?v=54116361853792938221757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1117<noscript><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-cart-items.css?v=145340746371385151771757595385" rel="stylesheet" type="text/css" media="all" /></noscript> 1118 1119 1120 1121 1122 1123<style> 1124 1125 1126 1127 header-drawer { 1128 justify-self: start; 1129 margin-left: -1.2rem; 1130 }@media screen and (min-width: 990px) { 1131 header-drawer { 1132 display: none; 1133 } 1134 }.menu-drawer-container { 1135 display: flex; 1136 } 1137 1138 .list-menu { 1139 list-style: none; 1140 padding: 0; 1141 margin: 0; 1142 } 1143 1144 .list-menu--inline { 1145 display: inline-flex; 1146 flex-wrap: wrap; 1147 } 1148 1149 summary.list-menu__item { 1150 padding-right: 2.7rem; 1151 } 1152 1153 .list-menu__item { 1154 display: flex; 1155 align-items: center; 1156 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1157 } 1158 1159 .list-menu__item--link { 1160 text-decoration: none; 1161 padding-bottom: 1rem; 1162 padding-top: 1rem; 1163 line-height: calc(1 + 0.8 / var(--font-body-scale)); 1164 } 1165 1166 @media screen and (min-width: 750px) { 1167 .list-menu__item--link { 1168 padding-bottom: 0.5rem; 1169 padding-top: 0.5rem; 1170 } 1171 } 1172</style><style data-shopify>.header { 1173 padding: 2px 3rem 2px 3rem; 1174 } 1175 1176 .section-header { 1177 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 1178 margin-bottom: 0px; 1179 } 1180 1181 @media screen and (min-width: 750px) { 1182 .section-header { 1183 margin-bottom: 0px; 1184 } 1185 } 1186 1187 @media screen and (min-width: 990px) { 1188 .header { 1189 padding-top: 4px; 1190 padding-bottom: 4px; 1191 } 1192 }</style>
1192<script src="//nustorycoffee.com/cdn/shop/t/7/assets/details-disclosure.js?v=13653116266235556501757595385" defer="defer"></script>
vendor: 1 bytes, line 1192
1192
1193<script src="//nustorycoffee.com/cdn/shop/t/7/assets/details-modal.js?v=25581673532751508451757595385" defer="defer"></script>
vendor: 1 bytes, line 1193
1193
1194<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart-notification.js?v=133508293167896966491757595385" defer="defer"></script>
vendor: 1 bytes, line 1194
1194
1195<script src="//nustorycoffee.com/cdn/shop/t/7/assets/search-form.js?v=133129549252120666541757595385" defer="defer"></script>
1195<script src="//nustorycoffee.com/cdn/shop/t/7/assets/cart-drawer.js?v=105077087914686398511757595385" defer="defer"></script>
1195<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 1196 <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> 1197 <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"/> 1198 </symbol> 1199 1200 <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> 1201 <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> 1202 <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 1203 <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 1204 </symbol> 1205 1206 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 1207 <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"> 1208 </symbol> 1209</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"> 1210 1211<header-drawer data-breakpoint="tablet"> 1212 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 1213 <summary 1214 class="header__icon header__icon--menu header__icon--summary link focus-inset" 1215 aria-label="Menu" 1216 > 1217 <span> 1218 <svg 1219 xmlns="http://www.w3.org/2000/svg" 1220 aria-hidden="true" 1221 focusable="false" 1222 class="icon icon-hamburger" 1223 fill="none" 1224 viewBox="0 0 18 16" 1225> 1226 <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"> 1227</svg> 1228 1229 <svg 1230 xmlns="http://www.w3.org/2000/svg" 1231 aria-hidden="true" 1232 focusable="false" 1233 class="icon icon-close" 1234 fill="none" 1235 viewBox="0 0 18 17" 1236> 1237 <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"> 1238</svg> 1239 1240 </span> 1241 </summary> 1242 <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-2"> 1243 <div class="menu-drawer__inner-container"> 1244 <div class="menu-drawer__navigation-container"> 1245 <nav class="menu-drawer__navigation"> 1246 <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a 1247 id="HeaderDrawer-shop" 1248 href="/collections/shop-all" 1249 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1250 1251 > 1252 Shop 1253 </a></li><li><a 1254 id="HeaderDrawer-about" 1255 href="/pages/about" 1256 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1257 1258 > 1259 About 1260 </a></li><li><a 1261 id="HeaderDrawer-wholesale" 1262 href="/pages/wholesale" 1263 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1264 1265 > 1266 Wholesale 1267 </a></li><li><a 1268 id="HeaderDrawer-contact" 1269 href="/pages/contact" 1270 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1271 1272 > 1273 Contact 1274 </a></li></ul> 1275 </nav> 1276 <div class="menu-drawer__utility-links"><a 1277 href="/account/login" 1278 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 1279 > 1280 <svg 1281 xmlns="http://www.w3.org/2000/svg" 1282 aria-hidden="true" 1283 focusable="false" 1284 class="icon icon-account" 1285 fill="none" 1286 viewBox="0 0 18 19" 1287> 1288 <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.
12881-3.67-1.35-6.17-1.35z" fill="currentColor"> 1289</svg> 1290 1291Log in</a><div class="menu-drawer__localization header-localization"> 1292</div><ul class="list list-social list-unstyled" role="list"></ul> 1293 </div> 1294 </div> 1295 </div> 1296 </div> 1297 </details> 1298</header-drawer> 1299<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 1300 1301 <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"> 1302 </div></a> 1303 1304<nav class="header__inline-menu"> 1305 <ul class="list-menu list-menu--inline" role="list"><li><a 1306 id="HeaderMenu-shop" 1307 href="/collections/shop-all" 1308 class="header__menu-item list-menu__item link link--text focus-inset" 1309 1310 > 1311 <span 1312 >Shop</span> 1313 </a></li><li><a 1314 id="HeaderMenu-about" 1315 href="/pages/about" 1316 class="header__menu-item list-menu__item link link--text focus-inset" 1317 1318 > 1319 <span 1320 >About</span> 1321 </a></li><li><a 1322 id="HeaderMenu-wholesale" 1323 href="/pages/wholesale" 1324 class="header__menu-item list-menu__item link link--text focus-inset" 1325 1326 > 1327 <span 1328 >Wholesale</span> 1329 </a></li><li><a 1330 id="HeaderMenu-contact" 1331 href="/pages/contact" 1332 class="header__menu-item list-menu__item link link--text focus-inset" 1333 1334 > 1335 <span 1336 >Contact</span> 1337 </a></li></ul> 1338</nav> 1339 1340<div class="header__icons header__icons--localization header-localization"> 1341 <div class="desktop-localization-wrapper"> 1342</div> 1343 1344 1345<details-modal class="header__search"> 1346 <details> 1347 <summary 1348 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 1349 aria-haspopup="dialog" 1350 aria-label="Search" 1351 > 1352 <span> 1353 <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> 1354 <use href="#icon-search"> 1355 </svg> 1356 <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> 1357 <use href="#icon-close"> 1358 </svg> 1359 </span> 1360 </summary> 1361 <div 1362 class="search-modal modal__content gradient" 1363 role="dialog" 1364 aria-modal="true" 1365 aria-label="Search" 1366 > 1367 <div class="modal-overlay"></div> 1368 <div 1369 class="search-modal__content search-modal__content-bottom" 1370 tabindex="-1" 1371 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 1372 <div class="field"> 1373 <input 1374 class="search__input field__input" 1375 id="Search-In-Modal" 1376 type="search" 1377 name="q" 1378 value="" 1379 placeholder="Search"role="combobox" 1380 aria-expanded="false" 1381 aria-owns="predictive-search-results" 1382 aria-controls="predictive-search-results" 1383 aria-haspopup="listbox" 1384 aria-autocomplete="list" 1385 autocorrect="off" 1386 autocomplete="off" 1387 autocapitalize="off" 1388 spellcheck="false"> 1389 <label class="field__label" for="Search-In-Modal">Search</label> 1390 <input type="hidden" name="options[prefix]" value="last"> 1391 <button 1392 type="reset" 1393 class="reset__button field__button hidden" 1394 aria-label="Clear search term" 1395 > 1396 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 1397 <use xlink:href="#icon-reset"> 1398 </svg> 1399 </button> 1400 <button class="search__button field__button" aria-label="Search"> 1401 <svg class="icon icon-search" aria-hidden="true" focusable="false"> 1402 <use href="#icon-search"> 1403 </svg> 1404 </button> 1405 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 1406 1407<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 1408 1409<div class="predictive-search__loading-state"> 1410 <svg 1411 aria-hidden="true" 1412 focusable="false" 1413 class="spinner"
1414 viewBox="0 0 66 66" 1415 xmlns="http://www.w3.org/2000/svg" 1416 > 1417 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 1418 </svg> 1419</div> 1420</div> 1421 1422 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 1423 type="button" 1424 class="search-modal__close-button modal__close-button link link--text focus-inset" 1425 aria-label="Close" 1426 > 1427 <svg class="icon icon-close" aria-hidden="true" focusable="false"> 1428 <use href="#icon-close"> 1429 </svg> 1430 </button> 1431 </div> 1432 </div> 1433 </details> 1434</details-modal> 1435 1436<a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide"> 1437 <svg 1438 xmlns="http://www.w3.org/2000/svg" 1439 aria-hidden="true" 1440 focusable="false" 1441 class="icon icon-account" 1442 fill="none" 1443 viewBox="0 0 18 19" 1444> 1445 <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"> 1446</svg> 1447 1448 <span class="visually-hidden">Log in</span> 1449 </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg 1450 class="icon icon-cart-empty" 1451 aria-hidden="true" 1452 focusable="false" 1453 xmlns="http://www.w3.org/2000/svg" 1454 viewBox="0 0 40 40" 1455 fill="none" 1456> 1457 <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"/> 1458</svg> 1459<span class="visually-hidden">Cart</span></a> 1460 </div> 1461 </header> 1462</sticky-header> 1463
1464<script type="application/ld+json"> 1465 { 1466 "@context": "http://schema.org", 1467 "@type": "Organization", 1468 "name": "NūSTORY COFFEE CO.", 1469 1470 "logo": "https:\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-logo-cream.png?v=1757595815\u0026width=500", 1471 1472 "sameAs": [ 1473 "", 1474 "", 1475 "", 1476 "", 1477 "", 1478 "", 1479 "", 1480 "", 1481 "" 1482 ], 1483 "url": "https:\/\/nustorycoffee.com" 1484 } 1485</script>
1485 1486 <style> 1487 summary.header__menu-item:after { 1488 content: ""; 1489 background-color: transparent; 1490 width: 100%; 1491 height: 150%; 1492 position: absolute; 1493 transform: translateY(80%); 1494 pointer-events:none; 1495 } 1496 1497 .mega-menu[open] summary.header__menu-item:after { 1498 pointer-events:auto; 1499 } 1500 1501 .mega-menu[open] summary ~ * { 1502 animation: sweep .5s ease-in-out !important; 1503 } 1504 1505 1506 1507 @keyframes sweep { 1508 0% {opacity: 0; transform: translateX(-10px)} 1509 100% {opacity: 1; transform: translateX(0)} 1510 } 1511 </style> 1512
1512<script> 1513 var a = document.querySelectorAll('.mega-menu'); 1514 1515 1516 a.forEach(item => { 1517 const b = item.querySelector('.mega-menu__content') 1518 item.addEventListener('mouseover', () => { 1519 item.setAttribute('open',''); 1520 1521 }); 1522 item.addEventListener('mouseleave', () => { 1523 item.removeAttribute('open'); 1524 }); 1525 1526 b.addEventListener('mouseover', () => { 1527 item.setAttribute('open',''); 1528 1529 }); 1530 b.addEventListener('mouseleave', () => { 1531 item.removeAttribute('open'); 1532 }); 1533 1534 }) 1535 1536 </script>
1536 1537 1538 1539</div> 1540<!-- END sections: header-group --> 1541 1542 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 1543 <section id="shopify-section-template--19788893094142__main" class="shopify-section section"><section 1544 id="MainProduct-template--19788893094142__main" 1545 class="section-template--19788893094142__main-padding section-stylish--product color-background-1" 1546 data-section="template--19788893094142__main" 1547> 1548 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/section-main-product.css?v=141059467971401676601757595386" rel="stylesheet" type="text/css" media="all" /> 1549 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-accordion.css?v=180964204318874863811757595385" rel="stylesheet" type="text/css" media="all" /> 1550 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 1551 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-slider.css?v=142503135496229589681757595385" rel="stylesheet" type="text/css" media="all" /> 1552 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-rating.css?v=157771854592137137841757595385" rel="stylesheet" type="text/css" media="all" /> 1553 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-overlay.css?v=3915" rel="stylesheet" type="text/css" media="all" /> 1554 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-deferred-media.css?v=14096082462203297471757595385" rel="stylesheet" type="text/css" media="all" /> 1555<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 1556 <link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 1557<style data-shopify>.section-template--19788893094142__main-padding { 1558 padding-top: 75px; 1559 padding-bottom: 60px; 1560 } 1561 1562 @media screen and (min-width: 750px) { 1563 .section-template--19788893094142__main-padding { 1564 padding-top: 100px; 1565 padding-bottom: 80px; 1566 } 1567 } 1568 1569 @media screen and (min-width:990px) { 1570 1571 .section-stylish--product .product.grid { 1572 1573 display:grid; 1574 grid-template-columns: repeat(12,minmax(0,1fr)); 1575 1576 } 1577 1578 .section-stylish--product .product.grid .grid__item.product__media-wrapper { 1579 grid-column:auto/span 6; 1580 max-width:none; 1581 width:100%; 1582 } 1583 1584 .section-stylish--product .product.grid .product__info-wrapper.grid__item { 1585 grid-column:auto/span 4; 1586 max-width:none; 1587 width:100%; 1588 padding:4rem;} 1589 1590 1591 .section-stylish--product .product.grid .product-stylish--sidebar { 1592 grid-column:auto/span 2; 1593 max-width:none; 1594 width:100%; 1595 display:flex; 1596 flex-direction:column; 1597 align-self:flex-start; 1598 1599 position:sticky; 1600 top:0; 1601 1602 1603 1604 }} 1605 1606 .product-sidebar-image--wrapper { 1607 position:relative; 1608 width:100%; 1609 height:50vh; 1610 1611 1612 } 1613 1614 .product-sidebar-image--wrapper img { 1615 position:absolute; 1616 object-fit:cover; 1617 object-position:50% 50%; 1618 width:100%; 1619 height:100%; 1620 1621 1622 } 1623 1624 1625 1626@media screen and (max-width:899px) { 1627 1628 .section-stylish--product { 1629 overflow:hidden; 1630 } 1631 1632 .section-stylish--product .product.grid .product-stylish--sidebar { 1633 display:flex; 1634 flex-direction:row; 1635 gap:30px; 1636 overflow:hidden; 1637 box-sizing:border-box; 1638 } 1639 1640 .section-stylish--product .product.grid .product-stylish--sidebar > * { 1641 width:50%; 1642 } 1643 1644 .product-sidebar-image--wrapper { 1645 padding-bottom:0; 1646 height:300px; 1647 } 1648} 1649 1650 1651 1652 1653 1654 1655 .productlist-grid { 1656 display:grid; 1657 gap:1vw; 1658 } 1659 1660 .productlist-grid .swatch-product-wrapper { 1661 position:relative; 1662 1663 1664 } 1665 1666 .productlist-grid .swatch-inner-wrapper { 1667 position:relative; 1668 aspect-ratio:1; 1669 width:100%; 1670 display:block; 1671 1672 } 1673 .productlist-grid img { 1674 width:100%; 1675 height:100%; 1676 object-fit:cover; 1677 position:absolute; 1678 } 1679 1680
1681 @media screen and (min-width: 750px) { 1682 .slider.slider--tablet-up + .slider-buttons { 1683 display:flex !important; 1684 top:50%; 1685 transform:translateY(-50%); 1686 position:absolute; 1687 width:100% !important; 1688 z-index:9; 1689 justify-content:space-between; 1690 1691 } 1692 1693 .product--thumbnail_slider .slider.slider--tablet-up .product__media-item:not(.is-active) { 1694 display:block; 1695 } 1696 1697 .product--thumbnail_slider .slider.slider--tablet-up .product__media-item { 1698 width:100%; 1699 max-height:100vh; 1700 overflow:hidden; 1701 } 1702 1703 .product--thumbnail_slider .slider.slider--tablet-up + .slider-buttons .slider-counter { 1704 display:none; 1705 } 1706 1707 .thumbnail-slider .thumbnail-list.slider--tablet-up { 1708 display:none; 1709 } 1710 1711 1712 .product--thumbnail_slider .slider.slider--tablet-up + .slider-buttons .slider-button { 1713 background-color:rgb(var(--color-background)); 1714 border:1px solid #ccc; 1715 border-radius:50%; 1716 1717 } 1718 1719 .product--thumbnail_slider .slider.slider--tablet-up + .slider-buttons .slider-button.slider-button--next { 1720 margin-right:2vw; 1721 } 1722 .product--thumbnail_slider .slider.slider--tablet-up + .slider-buttons .slider-button.slider-button--prev { 1723 margin-left:2vw; 1724 } 1725 1726 .product--thumbnail_slider .thumbnail-slider { 1727 display:none; 1728 } 1729} 1730 1731 1732 1733 1734 .productlist-grid.one-column .swatch-product-wrapper { 1735 display:grid; 1736 grid-template-columns:1fr 2fr 1fr; 1737 align-items:center; 1738 column-gap:1vw; 1739 } 1740 1741 1742 1743 .linklist-grid { 1744 display:grid; 1745 column-gap:1vw; 1746 } 1747 1748 .linklist-grid .link-wrapper { 1749 position:relative; 1750 1751 } 1752 1753 .linklist-grid .link-wrapper img { 1754 width:100%; 1755 1756 1757 } 1758 1759 @media screen and (min-width:750px){ 1760 .product--thumbnail .product__media-gallery{ 1761 display:flex; 1762 flex-direction:row-reverse; 1763 1764 } 1765 1766 .product--thumbnail .product__media-gallery slider-component.slider-mobile-gutter:not(.thumbnail-slider){ 1767 min-width:80%; 1768 1769 } 1770 1771 .product--thumbnail .product__media-gallery slider-component.thumbnail-slider{ 1772 min-width:20%; 1773 1774 } 1775 1776 .product--thumbnail .product__media-gallery slider-component.thumbnail-slider .slider { 1777 grid-template-columns:1fr; 1778 } 1779 1780 } 1781 1782 1783 @media screen and (max-width:749px) { 1784 .product__info-wrapper { 1785 padding-left:6vw; 1786 padding-right:6vw; 1787 box-sizing:border-box; 1788 } 1789 } 1790 1791 1792 /* ===== Tabs (scoped to this section) ===== */ 1793.section-stylish--product .zz-tabs { margin-top: 2rem; } 1794.section-stylish--product .zz-tabs__list { 1795 display:flex; gap:2rem; border-bottom:1px solid rgba(var(--color-foreground),0.15); 1796} 1797.section-stylish--product .zz-tab { 1798 appearance:none; background:none; border:0; padding:0 0 0.75rem; 1799 font: inherit; cursor:pointer; text-transform:uppercase; letter-spacing:.04em; 1800 font-size: var(--font-body-scale,1rem); opacity:.7; position:relative; 1801} 1802.section-stylish--product .zz-tab.is-active, 1803.section-stylish--product .zz-tab:focus-visible { opacity:1; outline:none; } 1804.section-stylish--product .zz-tab.is-active::after { 1805 content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; 1806 background: var(--color-accent, #EE7A45); /* tweak to your brand orange */ 1807} 1808.section-stylish--product .zz-tabs__panels { padding-top:1rem; } 1809.section-stylish--product .zz-tabpanel { margin-top: .5rem; } 1810.section-stylish--product .zz-tabpanel[hidden] { display:none !important; }</style>
1810<script> 1811 document.addEventListener('click', function(e){ 1812 const btn = e.target.closest('.zz-tab'); 1813 if(!btn) return; 1814 1815 const tabs = btn.parentElement.querySelectorAll('.zz-tab'); 1816 const panelsWrap = btn.closest('.zz-tabs').querySelector('.zz-tabs__panels'); 1817 const panels = panelsWrap.querySelectorAll('.zz-tabpanel'); 1818 1819 // update tabs 1820 tabs.forEach(t => { 1821 t.classList.toggle('is-active', t === btn); 1822 t.setAttribute('aria-selected', t === btn ? 'true' : 'false'); 1823 t.setAttribute('tabindex', t === btn ? '0' : '-1'); 1824 }); 1825 1826 // update panels 1827 panels.forEach(p => { 1828 const match = p.id === btn.dataset.target; 1829 p.classList.toggle('is-active', match); 1830 p.toggleAttribute('hidden', !match); 1831 }); 1832 }); 1833 1834 // keyboard support (Left/Right arrows) 1835 document.addEventListener('keydown', function(e){ 1836 if(!['ArrowLeft','ArrowRight'].includes(e.key)) return; 1837 const active = document.activeElement.closest('.zz-tab'); 1838 if(!active) return; 1839 const all = [...active.parentElement.querySelectorAll('.zz-tab')]; 1840 const i = all.indexOf(active); 1841 const next = e.key === 'ArrowRight' ? (i+1) % all.length : (i-1+all.length) % all.length; 1842 all[next].focus(); all[next].click(); 1843 }); 1844</script>
1844 1845 1846
1846<script src="//nustorycoffee.com/cdn/shop/t/7/assets/product-info.js?v=81873523020508815201757595385" defer="defer"></script>
1846 1847
1847<script src="//nustorycoffee.com/cdn/shop/t/7/assets/product-form.js?v=133081758708377679181757595385" defer="defer"></script>
1847 1848 1849 1850 <div class="product product--large product--left product--thumbnail product--mobile-hide grid grid--1-col grid--2-col-tablet"> 1851 <div class="grid__item product__media-wrapper"> 1852 1853<media-gallery 1854 id="MediaGallery-template--19788893094142__main" 1855 role="region" 1856 1857 class="product__column-sticky" 1858 1859 aria-label="Gallery Viewer" 1860 data-desktop-layout="thumbnail" 1861> 1862 <div id="GalleryStatus-template--19788893094142__main" class="visually-hidden" role="status"></div> 1863 <slider-component id="GalleryViewer-template--19788893094142__main" class="slider-mobile-gutter"><a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--19788893094142__main"> 1864 Skip to product information 1865 </a><ul 1866 id="Slider-Gallery-template--19788893094142__main" 1867 class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile " 1868 role="list" 1869 ><li 1870 id="Slide-template--19788893094142__main-37466113016062" 1871 class="product__media-item grid__item slider__slide is-active scroll-tr
1871igger animate--fade-in" 1872 data-media-id="template--19788893094142__main-37466113016062" 1873 > 1874 1875<div 1876 class="product-media-container media-type-image media-fit-cover global-media-settings gradient constrain-height" 1877 style="--ratio: 1.5; --preview-ratio: 1.5;" 1878> 1879 <noscript><div class="product__media media"> 1880 <img src="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1946" alt="Nustory Coffee Co. coffee package with product details on a white background" srcset="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=246 246w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=493 493w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=600 600w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=713 713w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=823 823w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=990 990w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1946 1946w" width="1946" height="1297" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 1881 </div></noscript> 1882 1883 <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--19788893094142__main"> 1884 <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg 1885 aria-hidden="true" 1886 focusable="false" 1887 class="icon icon-plus" 1888 width="19" 1889 height="19" 1890 viewBox="0 0 19 19" 1891 fill="none" 1892 xmlns="http://www.w3.org/2000/svg" 1893> 1894 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> 1895 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> 1896 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> 1897</svg> 1898</span> 1899 1900<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 1901 1902<div class="loading__spinner hidden"> 1903 <svg 1904 aria-hidden="true" 1905 focusable="false" 1906 class="spinner" 1907 viewBox="0 0 66 66" 1908 xmlns="http://www.w3.org/2000/svg" 1909 > 1910 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 1911 </svg> 1912</div> 1913<div class="product__media media media--transparent"> 1914 <img src="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1946" alt="Nustory Coffee Co. coffee package with product details on a white background" srcset="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&
1914width=246 246w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=493 493w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=600 600w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=713 713w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=823 823w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=990 990w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1946 1946w" width="1946" height="1297" class="image-magnify-lightbox" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 1915 </div> 1916 <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37466113016062"> 1917 <span class="visually-hidden"> 1918 Open media 1 in modal 1919 </span> 1920 </button> 1921 </modal-opener></div> 1922 1923 </li><li 1924 id="Slide-template--19788893094142__main-37543185449214" 1925 class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" 1926 data-media-id="template--19788893094142__main-37543185449214" 1927 > 1928 1929<div 1930 class="product-media-container media-type-image media-fit-cover global-media-settings gradient constrain-height" 1931 style="--ratio: 1.5; --preview-ratio: 1.5;" 1932> 1933 <noscript><div class="product__media media"> 1934 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1946 1946w" width="1946" height="1297" loading="lazy" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 1935 </div></noscript> 1936 1937 <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--19788893094142__main"> 1938 <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg 1939 aria-hidden="true" 1940 focusable="false" 1941 class="icon icon-plus" 1942 width="19" 1943 height="19" 1944 viewBox="0 0 19 19" 1945 fill="none" 1946 xmlns="http://www.w3.org/2000/svg" 1947> 1948 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> 1949 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.
19491983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> 1950 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> 1951</svg> 1952</span> 1953 1954<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 1955 1956<div class="loading__spinner hidden"> 1957 <svg 1958 aria-hidden="true" 1959 focusable="false" 1960 class="spinner" 1961 viewBox="0 0 66 66" 1962 xmlns="http://www.w3.org/2000/svg" 1963 > 1964 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 1965 </svg> 1966</div> 1967<div class="product__media media media--transparent"> 1968 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1946 1946w" width="1946" height="1297" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 1969 </div> 1970 <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37543185449214"> 1971 <span class="visually-hidden"> 1972 Open media 2 in modal 1973 </span> 1974 </button> 1975 </modal-opener></div> 1976 1977 </li><li 1978 id="Slide-template--19788893094142__main-37543185481982" 1979 class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" 1980 data-media-id="template--19788893094142__main-37543185481982" 1981 > 1982 1983<div 1984 class="product-media-container media-type-image media-fit-cover global-media-settings gradient constrain-height" 1985 style="--ratio: 1.5; --preview-ratio: 1.5;" 1986> 1987 <noscript><div class="product__media media"> 1988 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&
1988width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1946 1946w" width="1946" height="1297" loading="lazy" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 1989 </div></noscript> 1990 1991 <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--19788893094142__main"> 1992 <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg 1993 aria-hidden="true" 1994 focusable="false" 1995 class="icon icon-plus" 1996 width="19" 1997 height="19" 1998 viewBox="0 0 19 19" 1999 fill="none" 2000 xmlns="http://www.w3.org/2000/svg" 2001> 2002 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> 2003 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> 2004 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> 2005</svg> 2006</span> 2007 2008<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 2009 2010<div class="loading__spinner hidden"> 2011 <svg 2012 aria-hidden="true" 2013 focusable="false" 2014 class="spinner" 2015 viewBox="0 0 66 66" 2016 xmlns="http://www.w3.org/2000/svg" 2017 > 2018 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 2019 </svg> 2020</div> 2021<div class="product__media media media--transparent"> 2022 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&
2022width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1946 1946w" width="1946" height="1297" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 2023 </div> 2024 <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37543185481982"> 2025 <span class="visually-hidden"> 2026 Open media 3 in modal 2027 </span> 2028 </button> 2029 </modal-opener></div> 2030 2031 </li><li 2032 id="Slide-template--19788893094142__main-37543185416446" 2033 class="product__media-item grid__item slider__slide scroll-trigger animate--fade-in" 2034 data-media-id="template--19788893094142__main-37543185416446" 2035 > 2036 2037<div 2038 class="product-media-container media-type-image media-fit-cover global-media-settings gradient constrain-height" 2039 style="--ratio: 1.5; --preview-ratio: 1.5;" 2040> 2041 <noscript><div class="product__media media"> 2042 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1946 1946w" width="1946" height="1297" loading="lazy" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 2043 </div></noscript> 2044 2045 <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--19788893094142__main"> 2046 <span class="product__media-icon motion-reduce quick-add-hidden product__media-icon--lightbox" aria-hidden="true"><svg 2047 aria-hidden="true" 2048 focusable="false" 2049 class="icon icon-plus" 2050 width="19" 2051 height="19" 2052 viewBox="0 0 19 19" 2053 fill="none" 2054 xmlns="http://www.w3.org/2000/svg" 2055> 2056 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> 2057 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> 2058 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> 2059</svg> 2060</span> 2061 2062<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 2063 2064<div class="loading__spinner hidden"> 2065 <svg 2066 aria-hidden="true" 2067 focusable="false" 2068 class="spinner"
2069 viewBox="0 0 66 66" 2070 xmlns="http://www.w3.org/2000/svg" 2071 > 2072 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 2073 </svg> 2074</div> 2075<div class="product__media media media--transparent"> 2076 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1946" alt="" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=246 246w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=493 493w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=600 600w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=713 713w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=823 823w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=990 990w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1100 1100w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1206 1206w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1346 1346w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1426 1426w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1646 1646w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1946 1946w" width="1946" height="1297" loading="lazy" class="image-magnify-lightbox" sizes="(min-width: 3000px) 1885px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> 2077 </div> 2078 <button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="37543185416446"> 2079 <span class="visually-hidden"> 2080 Open media 4 in modal 2081 </span> 2082 </button> 2083 </modal-opener></div> 2084 2085 </li></ul><div class="slider-buttons no-js-hidden quick-add-hidden"> 2086 <button 2087 type="button" 2088 class="slider-button slider-button--prev" 2089 name="previous" 2090 aria-label="Slide left" 2091 > 2092 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2093 <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"> 2094</svg> 2095 2096 </button> 2097 <div class="slider-counter caption"> 2098 <span class="slider-counter--current">1</span> 2099 <span aria-hidden="true"> / </span> 2100 <span class="visually-hidden">of</span> 2101 <span class="slider-counter--total">4</span> 2102 </div> 2103 <button 2104 type="button" 2105 class="slider-button slider-button--next" 2106 name="next" 2107 aria-label="Slide right" 2108 > 2109 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2110 <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"> 2111</svg> 2112 2113 </button> 2114 </div></slider-component><slider-component 2115 id="GalleryThumbnails-template--19788893094142__main" 2116 class="thumbnail-slider slider-mobile-gutter quick-add-hidden small-hide" 2117 > 2118 <button 2119 type="button" 2120 class="slider-button slider-button--prev medium-hide large-up-hide" 2121 name="previous" 2122 aria-label="Slide left" 2123 aria-controls="GalleryThumbnails-template--19788893094142__main" 2124 data-step="3" 2125 > 2126 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2127 <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"> 2128</svg> 2129 2130 </button> 2131 <ul 2132 id="Slider-Thumbnails-template--19788893094142__main" 2133 class="thumbnail-list list-unstyled slider slider--mobile" 2134 ><li 2135 id="Slide-Thumbnails-template--19788893094142__main-1" 2136 class="thumbnail-list__item slider__slide" 2137 data-target="template--19788893094142__main-37466113016062" 2138 data-media-position="1" 2139 ><button 2140 class="thumbnail global-media-settings global-media-settings--no-shadow" 2141 aria-label="Load image 1 in gallery view" 2142 2143 aria-current="true" 2144 2145 aria-controls="GalleryViewer-template--19788893094142__main" 2146 aria-describedby="Thumbnail-template--19788893094142__main-1 2147" 2148 > 2149 <img src="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=416" alt="Nustory Coffee Co. coffee package with product details on a white background" srcset="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=54 54w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=74 74w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=104 104w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=162 162w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=208 208w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=324 324w, //nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=416 416w" width="416" height="277" loading="lazy" sizes="(min-width: 3000px) calc((1885 - 4rem) / 4), 2150 (min-width: 990px) calc((65.0vw - 4rem) / 4), 2151 (min-width: 750px) calc((100vw - 15rem) / 8), 2152 calc((100vw - 8rem) / 3)" id="Thumbnail-template--19788893094142__main-1 2153"> 2154 </button> 2155 </li><li 2156 id="Slide-Thumbnails-template--19788893094142__main-2" 2157 class="thumbnail-list__item slider__slide" 2158 data-target="template--19788893094142__main-37543185449214" 2159 data-media-position="2" 2160 ><button 2161 class="thumbnail global-media-settings global-media-settings--no-shadow" 2162 aria-label="Load image 2 in gallery view" 2163 2164 aria-controls="GalleryViewer-template--19788893094142__main" 2165 aria-describedby="Thumbnail-template--19788893094142__main-2 2166" 2167 > 2168 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=416" alt="La Familia Blend" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=54 54w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=74 74w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=104 104w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=162 162w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=208 208w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=324 324w, //nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=416 416w" width="416" height="277" loading="lazy" sizes="(min-width: 3000px) calc((1885 - 4rem) / 4), 2169 (min-width: 990px) calc((65.0vw - 4rem) / 4), 2170 (min-width: 750px) calc((100vw - 15rem) / 8), 2171 calc((100vw - 8rem) / 3)" id="Thumbnail-template--19788893094142__main-2 2172"> 2173 </button> 2174 </li><li 2175 id="Slide-Thumbnails-template--19788893094142__main-3" 2176 class="thumbnail-list__item slider__slide" 2177 data-target="template--19788893094142__main-37543185481982" 2178 data-media-position="3" 2179 ><button 2180 class="thumbnail global-media-settings global-media-settings--no-shadow" 2181 aria-label="Load image 3 in gallery view" 2182 2183 aria-controls="GalleryViewer-template--19788893094142__main" 2184 aria-describedby="Thumbnail-template--19788893094142__main-3 2185" 2186 > 2187 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=416" alt="La Familia Blend" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=54 54w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=74 74w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=104 104w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=162 162w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=208 208w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=324 324w, //nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=416 416w" width="416" height="277" loading="lazy" sizes="(min-width: 3000px) calc((1885 - 4rem) / 4), 2188 (min-width: 990px) calc((65.0vw - 4rem) / 4), 2189 (min-width: 750px) calc((100vw - 15rem) / 8), 2190 calc((100vw - 8rem) / 3)" id="Thumbnail-template--19788893094142__main-3 2191"> 2192 </button> 2193 </li><li 2194 id="Slide-Thumbnails-template--19788893094142__main-4" 2195 class="thumbnail-list__item slider__slide" 2196 data-target="template--19788893094142__main-37543185416446" 2197 data-media-position="4" 2198 ><button 2199 class="thumbnail global-media-settings global-media-settings--no-shadow" 2200 aria-label="Load image 4 in gallery view" 2201 2202 aria-controls="GalleryViewer-template--19788893094142__main" 2203 aria-describedby="Thumbnail-template--19788893094142__main-4 2204" 2205 > 2206 <img src="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=416" alt="La Familia Blend" srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=54 54w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=74 74w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=104 104w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=162 162w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=208 208w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=324 324w, //nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=416 416w" width="416" height="277" loading="lazy" sizes="(min-width: 3000px) calc((1885 - 4rem) / 4), 2207 (min-width: 990px) calc((65.0vw - 4rem) / 4), 2208 (min-width: 750px) calc((100vw - 15rem) / 8), 2209 calc((100vw - 8rem) / 3)" id="Thumbnail-template--19788893094142__main-4 2210"> 2211 </button> 2212 </li></ul> 2213 <button 2214 type="button" 2215 class="slider-button slider-button--next medium-hide large-up-hide" 2216 name="next" 2217 aria-label="Slide right" 2218 aria-controls="GalleryThumbnails-template--19788893094142__main" 2219 data-step="3" 2220 > 2221 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2222 <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"> 2223</svg> 2224 2225 </button> 2226 </slider-component></media-gallery> 2227 2228 </div>
2229 <div class="product__info-wrapper grid__item scroll-trigger animate--slide-in"> 2230 <product-info 2231 id="ProductInfo-template--19788893094142__main" 2232 data-section="template--19788893094142__main" 2233 data-url="/products/guatemala-shb" 2234 class="product__info-container product__column-sticky" 2235 ><p 2236 class="product__text inline-richtext caption-with-letter-spacing" 2237 2238 >NÅ«STORY COFFEE CO.</p><div class="product-breadcrumb"> 2239 <a href="/">Home</a> ⢠2240 <a href="/collections/shop-all">All Beans</a> ⢠2241 La Familia Blend 2242</div> 2243<div class="product__title" > 2244 <h1>La Familia Blend</h1> 2245 <a href="/products/guatemala-shb" class="product__title"> 2246 <h2 class="h1"> 2247 La Familia Blend 2248 </h2> 2249 </a> 2250 </div><div class="no-js-hidden" id="price-template--19788893094142__main" role="status" > 2251<div 2252 class=" 2253 price price--large price--show-badge" 2254> 2255 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 2256 <span class="price-item price-item--regular"> 2257 $15.99 USD 2258 </span></div> 2259 <div class="price__sale"> 2260 <span class="visually-hidden visually-hidden--inline">Regular price</span> 2261 <span> 2262 <s class="price-item price-item--regular"> 2263 2264 2265 2266 </s> 2267 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 2268 <span class="price-item price-item--sale price-item--last"> 2269 $15.99 USD 2270 </span> 2271 </div> 2272 <small class="unit-price caption hidden"> 2273 <span class="visually-hidden">Unit price</span> 2274 <span class="price-item price-item--last"> 2275 <span></span> 2276 <span aria-hidden="true">/</span> 2277 <span class="visually-hidden"> per </span> 2278 <span> 2279 </span> 2280 </span> 2281 </small> 2282 </div><span class="badge price__badge-sale color-accent-2"> 2283 Sale 2284 </span> 2285 2286 <span class="badge price__badge-sold-out color-inverse"> 2287 Sold out 2288 </span></div> 2289</div><div class="product__tax caption rte"><a href="/policies/shipping-policy">Shipping</a> calculated at checkout. 2290</div> 2291 <div ><form method="post" action="/cart/add" id="product-form-installment-template--19788893094142__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="id" value="47013630542078"> 2292 <shopify-payment-terms variant-id="47013630542078" shopify-meta="{"type":"product","currency_code":"USD","country_code":"US","variants":[{"id":47013626478846,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":false,"number_of_payment_terms":2},{"id":47013630542078,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":true,"number_of_payment_terms":2},{"id":47013630574846,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":true,"number_of_payment_terms":2},{"id":47013630607614,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":true,"number_of_payment_terms":2},{"id":47013630640382,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":true,"number_of_payment_terms":2},{"id":47013630673150,"price_per_term":"$7.99","full_price":"$15.99","eligible":false,"available":true,"number_of_payment_terms":2},{"id":47355481391358,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4},{"id":47355481424126,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4},{"id":47355481456894,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4},{"id":47355481489662,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4},{"id":47355481522430,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4},{"id":47355481555198,"price_per_term":"$16.87","full_price":"$67.50","eligible":true,"available":true,"number_of_payment_terms":4}],"min_price":"
2292$35.00","max_price":"$30,000.00","financing_plans":[{"min_price":"$35.00","max_price":"$49.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":2}]},{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4}]},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":3},{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]}],"installments_buyer_prequalification_enabled":false,"seller_id":5030327}"></shopify-payment-terms> 2293<input type="hidden" name="product-id" value="8899387719934" /><input type="hidden" name="section-id" value="template--19788893094142__main" /></form></div> 2294<variant-radios 2295 id="variant-radios-template--19788893094142__main" 2296 class="no-js-hidden" 2297 data-section="template--19788893094142__main" 2298 data-url="/products/guatemala-shb" 2299 2300 2301 ><div class="variant-group"> 2302 <fieldset class="js product-form__input"> 2303 <div class="variant-label"> 2304 <legend class="form__label"> 2305 <span class="variant-label">Weight</span> 2306 </legend> 2307 </div> 2308 <div class="variant-options"> 2309 2310<input 2311 type="radio" 2312 id="template--19788893094142__main-1-0" 2313 name="Weight" 2314 value="12oz" 2315 form="product-form-template--19788893094142__main" 2316 2317 checked 2318 2319 2320 > 2321 <label for="template--19788893094142__main-1-0"> 2322 12oz<span class="visually-hidden">Variant sold out or unavailable</span> 2323 </label><input 2324 type="radio" 2325 id="template--19788893094142__main-1-1" 2326 name="Weight" 2327 value="5lbs" 2328 form="product-form-template--19788893094142__main" 2329 2330 2331 > 2332 <label for="template--19788893094142__main-1-1"> 2333 5lbs<span class="visually-hidden">Variant sold out or unavailable</span> 2334 </label> 2335 </div> 2336 </fieldset> 2337 </div><div class="variant-group"> 2338 <fieldset class="js product-form__input"> 2339 <div class="variant-label"> 2340 <legend class="form__label"> 2341 <span class="variant-label">Grind size</span> 2342 </legend> 2343 </div> 2344 <div class="variant-options"> 2345 2346<input 2347 type="radio" 2348 id="template--19788893094142__main-2-0" 2349 name="Grind size" 2350 value="Whole bean" 2351 form="product-form-template--19788893094142__main" 2352 2353 2354 class="disabled" 2355 2356 > 2357 <label for="template--19788893094142__main-2-0"> 2358 Whole bean<span class="visually-hidden">Variant sold out or unavailable</span> 2359 </label><input 2360 type="radio" 2361 id="template--19788893094142__main-2-1" 2362 name="Grind size" 2363 value="Drip" 2364 form="product-form-template--19788893094142__main" 2365 2366 checked 2367 2368 2369 > 2370 <label for="template--19788893094142__main-2-1"> 2371 Drip<span class="visually-hidden">Variant sold out or unavailable</span> 2372 </label><input 2373 type="radio" 2374 id="template--19788893094142__main-2-2" 2375 name="Grind size" 2376 value="Espresso" 2377 form="product-form-template--19788893094142__main" 2378 2379 2380 > 2381 <label for="template--19788893094142__main-2-2"> 2382 Espresso<span class="visually-hidden">Variant sold out or unavailable</span> 2383 </label><input 2384 type="radio" 2385 id="template--19788893094142__main-2-3" 2386 name="Grind size" 2387 value="Pour Over" 2388 form="product-form-template--19788893094142__main" 2389 2390 2391 > 2392 <label for="template--19788893094142__main-2-3"> 2393 Pour Over<span class="visually-hidden">Variant sold out or unavailable</span> 2394 </label><input 2395 type="radio" 2396 id="template--19788893094142__main-2-4" 2397 name="Grind size" 2398 value="French Press" 2399 form="product-form-template--19788893094142__main" 2400 2401 2402 > 2403 <label for="template--19788893094142__main-2-4"> 2404 French Press<span class="visually-hidden">Variant sold out or unavailable</span> 2405 </label><input 2406 type="radio" 2407 id="template--19788893094142__main-2-5" 2408 name="Grind size" 2409 value="Cold Brew" 2410 form="product-form-template--19788893094142__main" 2411 2412 2413 > 2414 <label for="template--19788893094142__main-2-5"> 2415 Cold Brew<span class="visually-hidden">Variant sold out or unavailable</span> 2416 </label> 2417 </div> 2418 </fieldset> 2419 </div>
2419<script type="application/json"> 2420 [{"id":47013626478846,"title":"12oz \/ Whole bean","option1":"12oz","option2":"Whole bean","option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"La Familia Blend - 12oz \/ Whole bean","public_title":"12oz \/ Whole bean","options":["12oz","Whole bean"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"26478846","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630542078,"title":"12oz \/ Drip","option1":"12oz","option2":"Drip","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Drip","public_title":"12oz \/ Drip","options":["12oz","Drip"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30542078","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630574846,"title":"12oz \/ Espresso","option1":"12oz","option2":"Espresso","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Espresso","public_title":"12oz \/ Espresso","options":["12oz","Espresso"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30574846","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630607614,"title":"12oz \/ Pour Over","option1":"12oz","option2":"Pour Over","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Pour Over","public_title":"12oz \/ Pour Over","options":["12oz","Pour Over"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30607614","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630640382,"title":"12oz \/ French Press","option1":"12oz","option2":"French Press","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ French Press","public_title":"12oz \/ French Press","options":["12oz","French Press"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30640382","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630673150,"title":"12oz \/ Cold Brew","option1":"12oz","option2":"Cold Brew","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Cold Brew","public_title":"12oz \/ Cold Brew","options":["12oz","Cold Brew"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30673150","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481391358,"title":"5lbs \/ Whole bean","option1":"5lbs","option2":"Whole bean","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Whole bean","public_title":"5lbs \/ Whole bean","options":["5lbs","Whole bean"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481424126,"title":"5lbs \/ Drip","option1":"5lbs","option2":"Drip","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Drip","public_title":"5lbs \/ Drip","options":["5lbs","Drip"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481456894,"title":"5lbs \/ Espresso","option1":"5lbs","option2":"Espresso","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Espresso","public_title":"5lbs \/ Espresso","options":["5lbs","Espresso"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481489662,"title":"5lbs \/ Pour Over","option1":"5lbs","option2":"Pour Over","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Pour Over","public_title":"5lbs \/ Pour Over","options":["5lbs","Pour Over"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481522430,"title":"5lbs \/ French Press","option1":"5lbs","option2":"French Press","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ French Press","public_title":"5lbs \/ French Press","options":["5lbs","French Press"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481555198,"title":"5lbs \/ Cold Brew","option1":"5lbs","option2":"Cold Brew","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Cold Brew","public_title":"5lbs \/ Cold Brew","options":["5lbs","Cold Brew"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}}] 2421 </script>
2421 2422 </variant-radios><noscript class="product-form__noscript-wrapper-template--19788893094142__main"> 2423 <div class="product-form__input"> 2424 <label class="form__label" for="Variants-template--19788893094142__main">Product variants</label> 2425 <div class="select"> 2426 <select 2427 name="id" 2428 id="Variants-template--19788893094142__main" 2429 class="select__select" 2430 form="product-form-template--19788893094142__main" 2431 ><option 2432 2433 2434 disabled 2435 2436 value="47013626478846" 2437 >12oz / Whole bean - $15.99 - Sold out</option><option 2438 2439 selected="selected" 2440 2441 2442 value="47013630542078" 2443 >12oz / Drip - $15.99</option><option 2444 2445 2446 value="47013630574846" 2447 >12oz / Espresso - $15.99</option><option 2448 2449 2450 value="47013630607614" 2451 >12oz / Pour Over - $15.99</option><option 2452 2453 2454 value="47013630640382" 2455 >12oz / French Press - $15.99</option><option 2456 2457 2458 value="47013630673150" 2459 >12oz / Cold Brew - $15.99</option><option 2460 2461 2462 value="47355481391358" 2463 >5lbs / Whole bean - $67.50</option><option 2464 2465 2466 value="47355481424126" 2467 >5lbs / Drip - $67.50</option><option 2468 2469 2470 value="47355481456894" 2471 >5lbs / Espresso - $67.50</option><option 2472 2473 2474 value="47355481489662" 2475 >5lbs / Pour Over - $67.50</option><option 2476 2477 2478 value="47355481522430" 2479 >5lbs / French Press - $67.50</option><option 2480 2481 2482 value="47355481555198" 2483 >5lbs / Cold Brew - $67.50</option></select> 2484 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 2485 <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"> 2486</svg> 2487 2488 </div> 2489 </div> 2490</noscript> 2491 2492<div 2493 id="Quantity-Form-template--19788893094142__main" 2494 class="product-form__input product-form__quantity" 2495 2496 > 2497 2498 2499 2500 <label class="quantity__label form__label" for="Quantity-template--19788893094142__main"> 2501 Quantity 2502 <span class="quantity__rules-cart no-js-hidden hidden"> 2503 2504<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 2505 2506<div class="loading__spinner hidden"> 2507 <svg 2508 aria-hidden="true" 2509 focusable="false" 2510 class="spinner" 2511 viewBox="0 0 66 66" 2512 xmlns="http://www.w3.org/2000/svg" 2513 > 2514 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 2515 </svg> 2516</div> 2517<span>(<span class="quantity-cart">0</span> in cart)</span> 2518 </span> 2519 </label> 2520 <div class="price-per-item__container"> 2521 <quantity-input class="quantity" data-url="/products/guatemala-shb" data-section="template--19788893094142__main"> 2522 <button class="quantity__button no-js-hidden" name="minus" type="button"> 2523 <span class="visually-hidden">Decrease quantity for La Familia Blend</span> 2524 <svg 2525 xmlns="http://www.w3.org/2000/svg" 2526 aria-hidden="true" 2527 focusable="false" 2528 class="icon icon-minus" 2529 fill="none" 2530 viewBox="0 0 10 2" 2531> 2532 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> 2533</svg> 2534 2535 </button> 2536 <input 2537 class="quantity__input" 2538 type="number" 2539 name="quantity" 2540 id="Quantity-template--19788893094142__main" 2541 data-cart-quantity="0" 2542 data-min="1" 2543 min="1" 2544 2545 step="1" 2546 value="1" 2547 form="product-form-template--19788893094142__main" 2548 /> 2549 <button class="quantity__button no-js-hidden" name="plus" type="button">
2550 <span class="visually-hidden">Increase quantity for La Familia Blend</span> 2551 <svg 2552 xmlns="http://www.w3.org/2000/svg" 2553 aria-hidden="true" 2554 focusable="false" 2555 class="icon icon-plus" 2556 fill="none" 2557 viewBox="0 0 10 10" 2558> 2559 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> 2560</svg> 2561 2562 </button> 2563 </quantity-input></div> 2564 <div class="quantity__rules caption no-js-hidden" id="Quantity-Rules-template--19788893094142__main"></div></div> 2565<div ><product-form 2566 class="product-form" 2567 data-hide-errors="false" 2568 data-section-id="template--19788893094142__main" 2569 > 2570 <div class="product-form__error-message-wrapper" role="alert" hidden> 2571 <svg 2572 aria-hidden="true" 2573 focusable="false" 2574 class="icon icon-error" 2575 viewBox="0 0 13 13" 2576 > 2577 <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> 2578 <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> 2579 <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> 2580 <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> 2581 </svg> 2582 <span class="product-form__error-message"></span> 2583 </div><form method="post" action="/cart/add" id="product-form-template--19788893094142__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 2584 type="hidden" 2585 name="id" 2586 value="47013630542078" 2587 2588 class="product-variant-id" 2589 ><div class="product-form__buttons"><button 2590 id="ProductSubmitButton-template--19788893094142__main" 2591 type="submit" 2592 name="add" 2593 class="product-form__submit button button--full-width button--secondary" 2594 2595 > 2596 <span>Add to cart 2597</span> 2598 2599<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-loading-spinner.css?v=116724955567955766481757595385" rel="stylesheet" type="text/css" media="all" /> 2600 2601<div class="loading__spinner hidden"> 2602 <svg 2603 aria-hidden="true" 2604 focusable="false" 2605 class="spinner" 2606 viewBox="0 0 66 66" 2607 xmlns="http://www.w3.org/2000/svg" 2608 > 2609 <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 2610 </svg> 2611</div> 2612</button><div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":71901708542,"merchantName":"NÅ«STORY COFFEE CO.","personalized":true}}" fallback="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="e370a174a8b562e2fae979988ffdf768" buyer-country="US" buyer-locale="en" buyer-currency="USD" variant-params="[{"id":47013626478846,"requiresShipping":true},{"id":47013630542078,"requiresShipping":true},{"id":47013630574846,"requiresShipping":true},{"id":47013630607614,"requiresShipping":true},{"id":47013630640382,"requiresShipping":true},{"id":47013630673150,"requiresShipping":true},{"id":47355481391358,"requiresShipping":true},{"id":47355481424126,"requiresShipping":true},{"id":47355481456894,"requiresShipping":true},{"id":47355481489662,"requiresShipping":true},{"id":47355481522430,"requiresShipping":true},{"id":47355481555198,"requiresShipping":true}]" shop-id="71901708542" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true"> </div> </shopify-accelerated-checkout> <small id="shopify-buyer-consent" class="hidden" aria-hidden="true" data-consent-type="subscription"> This item is a deferred, subscription, or recurring purchase. By continuing, I agree to the <span id="shopify-subscription-policy-button">cancellation policy</span> and authorize you to charge my payment method at the prices, frequency and dates listed on this page until my order is fulfilled or I cancel, if permitted. </small> </div> 2613</div><input type="hidden" name="product-id" value="8899387719934" /><input type="hidden" name="section-id" value="template--19788893094142__main" /></form></product-form><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-pickup-availability.css?v=34645222959864780961757595385" rel="stylesheet" type="text/css" media="all" /> 2614<pickup-availability 2615 class="product__pickup-availabilities no-js-hidden quick-add-hidden" 2616 2617 data-root-url="/" 2618 data-variant-id="47013630542078" 2619 data-has-only-default-variant="false" 2620 data-product-page-color-scheme="gradient color-background-1" 2621 > 2622 <template> 2623 <pickup-availability-preview class="pickup-availability-preview"> 2624 <svg 2625 xmlns="http://www.w3.org/2000/svg" 2626 fill="none" 2627 aria-hidden="true" 2628 focusable="false" 2629 class="icon icon-unavailable" 2630 fill="none" 2631 viewBox="0 0 20 20" 2632> 2633 <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/> 2634</svg> 2635 2636 <div class="pickup-availability-info"> 2637 <p class="caption-large">Couldn't load pickup availability</p> 2638 <button class="pickup-availability-button link link--text underlined-link"> 2639 Refresh 2640 </button> 2641 </div> 2642 </pickup-availability-preview> 2643 </template> 2644 </pickup-availability> 2645 2646
2646<script src="//nustorycoffee.com/cdn/shop/t/7/assets/pickup-availability.js?v=66138958121968076331757595385" defer="defer"></script>
2646</div> 2647 2648 <div class="zz-tabs" > 2649 <div class="zz-tabs__list" role="tablist" aria-label="Product info tabs"> 2650 <button 2651 class="zz-tab is-active" 2652 role="tab" 2653 id="tab-tabs_DWzVG7-desc" 2654 aria-selected="true" 2655 aria-controls="panel-tabs_DWzVG7-desc" 2656 tabindex="0" 2657 data-target="panel-tabs_DWzVG7-desc" 2658 > 2659 Description 2660 </button> 2661 <button 2662 class="zz-tab" 2663 role="tab" 2664 id="tab-tabs_DWzVG7-meta" 2665 aria-selected="false" 2666 aria-controls="panel-tabs_DWzVG7-meta" 2667 tabindex="-1" 2668 data-target="panel-tabs_DWzVG7-meta" 2669 > 2670 Tasting Notes 2671 </button> 2672 </div> 2673 2674 <div class="zz-tabs__panels"> 2675 <div 2676 class="zz-tabpanel is-active rte" 2677 role="tabpanel" 2678 id="panel-tabs_DWzVG7-desc" 2679 aria-labelledby="tab-tabs_DWzVG7-desc" 2680 ><p dir="ltr"><span>MEDIUM ROAST</span></p> 2681<p dir="ltr"><span>Grown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers </span><span>bright citrus, smooth chocolate, and a touch of spice</span><span> â a cup that carries the story of land, tradition, and care.</span></p> 2682</div> 2683 2684 <div 2685 class="zz-tabpanel rte" 2686 role="tabpanel" 2687 id="panel-tabs_DWzVG7-meta" 2688 aria-labelledby="tab-tabs_DWzVG7-meta" 2689 hidden 2690 >Full body, Chocolate, Caramel, Honey 2691</div> 2692 </div> 2693 </div> 2694
2695<script src="//nustorycoffee.com/cdn/shop/t/7/assets/share.js?v=13024540447964430191757595386" defer="defer"></script>
2695 2696 2697<share-button id="Share-template--19788893094142__main" class="share-button quick-add-hidden" > 2698 <button class="share-button__button hidden"> 2699 <svg 2700 width="13" 2701 height="12" 2702 viewBox="0 0 13 12" 2703 class="icon icon-share" 2704 fill="none" 2705 xmlns="http://www.w3.org/2000/svg" 2706 aria-hidden="true" 2707 focusable="false" 2708> 2709 <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2710 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> 2711 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> 2712</svg> 2713 2714 Share 2715 </button> 2716 <details id="Details-share-template--19788893094142__main"> 2717 <summary class="share-button__button"> 2718 <svg 2719 width="13" 2720 height="12" 2721 viewBox="0 0 13 12" 2722 class="icon icon-share" 2723 fill="none" 2724 xmlns="http://www.w3.org/2000/svg" 2725 aria-hidden="true" 2726 focusable="false" 2727> 2728 <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2729 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> 2730 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> 2731</svg> 2732 2733 Share 2734 </summary> 2735 <div class="share-button__fallback motion-reduce"> 2736 <div class="field"> 2737 <span id="ShareMessage-template--19788893094142__main" class="share-button__message hidden" role="status"> </span> 2738 <input 2739 type="text" 2740 class="field__input" 2741 id="ShareUrl-template--19788893094142__main" 2742 value="https://nustorycoffee.com/products/guatemala-shb" 2743 placeholder="Link" 2744 onclick="this.select();" 2745 readonly 2746 > 2747 <label class="field__label" for="ShareUrl-template--19788893094142__main">Link</label> 2748 </div> 2749 <button class="share-button__close hidden no-js-hidden"> 2750 <svg 2751 xmlns="http://www.w3.org/2000/svg" 2752 aria-hidden="true" 2753 focusable="false" 2754 class="icon icon-close" 2755 fill="none" 2756 viewBox="0 0 18 17" 2757> 2758 <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"> 2759</svg> 2760 2761 <span class="visually-hidden">Close share</span> 2762 </button> 2763 <button class="share-button__copy no-js-hidden"> 2764 <svg 2765 class="icon icon-clipboard" 2766 width="11" 2767 height="13" 2768 fill="none" 2769 xmlns="http://www.w3.org/2000/svg" 2770 aria-hidden="true" 2771 focusable="false" 2772 viewBox="0 0 11 13" 2773> 2774 <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> 2775</svg> 2776
2777 <span class="visually-hidden">Copy link</span> 2778 </button> 2779 </div> 2780 </details> 2781</share-button> 2782 2783<a href="/products/guatemala-shb" class="link product__view-details animate-arrow"> 2784 View full details 2785 <svg 2786 viewBox="0 0 14 10" 2787 fill="none" 2788 aria-hidden="true" 2789 focusable="false" 2790 class="icon icon-arrow" 2791 xmlns="http://www.w3.org/2000/svg" 2792> 2793 <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"> 2794</svg> 2795 2796 </a> 2797 </product-info> 2798 </div> <div class="product-stylish--sidebar"> 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 <div class="sidebar-content-wrapper"> 2810 <div class="sidebar_text"> 2811 2812 <div> 2813 2814 2815 2816 2817 2818 2819 2820 2821</div> 2822 2823 </div> 2824 2825 </div> 2826 </div> 2827 </div> 2828 2829 2830 2831 2832<product-modal id="ProductModal-template--19788893094142__main" class="product-media-modal media-modal"> 2833 <div 2834 class="product-media-modal__dialog color-background-1 gradient" 2835 role="dialog" 2836 aria-label="Media gallery" 2837 aria-modal="true" 2838 tabindex="-1" 2839 > 2840 <button 2841 id="ModalClose-template--19788893094142__main" 2842 type="button" 2843 class="product-media-modal__toggle" 2844 aria-label="Close" 2845 > 2846 <svg 2847 xmlns="http://www.w3.org/2000/svg" 2848 aria-hidden="true" 2849 focusable="false" 2850 class="icon icon-close" 2851 fill="none" 2852 viewBox="0 0 18 17" 2853> 2854 <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"> 2855</svg> 2856 2857 </button> 2858 2859 <div 2860 class="product-media-modal__content color-background-1 gradient" 2861 role="document" 2862 aria-label="Media gallery" 2863 tabindex="0" 2864 > 2865<img 2866 class="global-media-settings global-media-settings--no-shadow" 2867 srcset="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=550 550w,//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1100 1100w,//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823 1248w" 2868 sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" 2869 src="//nustorycoffee.com/cdn/shop/files/IMG_4310.jpg?v=1767808823&width=1445" 2870 alt="Nustory Coffee Co. coffee package with product details on a white background" 2871 loading="lazy" 2872 width="1100" 2873 height="734" 2874 data-media-id="37466113016062" 2875 > 2876<img 2877 class="global-media-settings global-media-settings--no-shadow" 2878 srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=550 550w,//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1100 1100w,//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492 1248w" 2879 sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" 2880 src="//nustorycoffee.com/cdn/shop/files/nustory-bag-side-funsepa.jpg?v=1767807492&width=1445" 2881 alt="La Familia Blend" 2882 loading="lazy" 2883 width="1100" 2884 height="734" 2885 data-media-id="37543185449214" 2886 > 2887<img 2888 class="global-media-settings global-media-settings--no-shadow" 2889 srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=550 550w,//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1100 1100w,//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594 1248w" 2890 sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" 2891 src="//nustorycoffee.com/cdn/shop/files/nustory-bag-back.jpg?v=1767807594&width=1445" 2892 alt="La Familia Blend" 2893 loading="lazy" 2894 width="1100" 2895 height="734" 2896 data-media-id="37543185481982" 2897 > 2898<img 2899 class="global-media-settings global-media-settings--no-shadow" 2900 srcset="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=550 550w,//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1100 1100w,//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652 1248w" 2901 sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" 2902 src="//nustorycoffee.com/cdn/shop/files/nustory-bag-changing-lives.jpg?v=1767807652&width=1445" 2903 alt="La Familia Blend" 2904 loading="lazy" 2905 width="1100" 2906 height="734" 2907 data-media-id="37543185416446" 2908 ></div> 2909 </div> 2910</product-modal> 2911 2912 2913
2914<script src="//nustorycoffee.com/cdn/shop/t/7/assets/product-modal.js?v=116616134454508949461757595385" defer="defer"></script>
2914 2915
2915<script src="//nustorycoffee.com/cdn/shop/t/7/assets/media-gallery.js?v=96661908581229995091757595385" defer="defer"></script>
2915<script> 2916 document.addEventListener('DOMContentLoaded', function () { 2917 function isIE() { 2918 const ua = window.navigator.userAgent; 2919 const msie = ua.indexOf('MSIE '); 2920 const trident = ua.indexOf('Trident/'); 2921 2922 return msie > 0 || trident > 0; 2923 } 2924 2925 if (!isIE()) return; 2926 const hiddenInput = document.querySelector('#product-form-template--19788893094142__main input[name="id"]'); 2927 const noScriptInputWrapper = document.createElement('div'); 2928 const variantSwitcher = 2929 document.querySelector('variant-radios[data-section="template--19788893094142__main"]') || 2930 document.querySelector('variant-selects[data-section="template--19788893094142__main"]'); 2931 noScriptInputWrapper.innerHTML = document.querySelector( 2932 '.product-form__noscript-wrapper-template--19788893094142__main' 2933 ).textContent; 2934 variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; 2935 2936 document.querySelector('#Variants-template--19788893094142__main').addEventListener('change', function (event) { 2937 hiddenInput.value = event.currentTarget.value; 2938 }); 2939 }); 2940 </script>
2940<script type="application/ld+json"> 2941 { 2942 "@context": "http://schema.org/", 2943 "@type": "Product", 2944 "name": "La Familia Blend", 2945 "url": "https:\/\/nustorycoffee.com\/products\/guatemala-shb", 2946 "image": [ 2947 "https:\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823\u0026width=1920" 2948 ], 2949 "description": "MEDIUM ROAST\nGrown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers bright citrus, smooth chocolate, and a touch of spice â a cup that carries the story of land, tradition, and care.", 2950 2951 "brand": { 2952 "@type": "Brand", 2953 "name": "NÅ«STORY COFFEE CO." 2954 }, 2955 "offers": [{ 2956 "@type" : "Offer","availability" : "http://schema.org/OutOfStock", 2957 "price" : 15.99, 2958 "priceCurrency" : "USD", 2959 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013626478846" 2960 }, 2961{ 2962 "@type" : "Offer","availability" : "http://schema.org/InStock", 2963 "price" : 15.99, 2964 "priceCurrency" : "USD", 2965 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013630542078" 2966 }, 2967{ 2968 "@type" : "Offer","availability" : "http://schema.org/InStock", 2969 "price" : 15.99, 2970 "priceCurrency" : "USD", 2971 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013630574846" 2972 }, 2973{ 2974 "@type" : "Offer","availability" : "http://schema.org/InStock", 2975 "price" : 15.99, 2976 "priceCurrency" : "USD", 2977 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013630607614" 2978 }, 2979{ 2980 "@type" : "Offer","availability" : "http://schema.org/InStock", 2981 "price" : 15.99, 2982 "priceCurrency" : "USD", 2983 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013630640382" 2984 }, 2985{ 2986 "@type" : "Offer","availability" : "http://schema.org/InStock", 2987 "price" : 15.99, 2988 "priceCurrency" : "USD", 2989 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47013630673150" 2990 }, 2991{ 2992 "@type" : "Offer","availability" : "http://schema.org/InStock", 2993 "price" : 67.5, 2994 "priceCurrency" : "USD", 2995 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481391358" 2996 }, 2997{ 2998 "@type" : "Offer","availability" : "http://schema.org/InStock", 2999 "price" : 67.5, 3000 "priceCurrency" : "USD", 3001 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481424126" 3002 }, 3003{ 3004 "@type" : "Offer","availability" : "http://schema.org/InStock", 3005 "price" : 67.5, 3006 "priceCurrency" : "USD", 3007 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481456894" 3008 }, 3009{ 3010 "@type" : "Offer","availability" : "http://schema.org/InStock", 3011 "price" : 67.5, 3012 "priceCurrency" : "USD", 3013 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481489662" 3014 }, 3015{ 3016 "@type" : "Offer","availability" : "http://schema.org/InStock", 3017 "price" : 67.5, 3018 "priceCurrency" : "USD", 3019 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481522430" 3020 }, 3021{ 3022 "@type" : "Offer","availability" : "http://schema.org/InStock", 3023 "price" : 67.5, 3024 "priceCurrency" : "USD", 3025 "url" : "https:\/\/nustorycoffee.com\/products\/guatemala-shb?variant=47355481555198" 3026 } 3027] 3028 } 3029 </script>
3029 3030</section> 3031 3032 3033</section><section id="shopify-section-template--19788893094142__collapsible_content_zgfadb" class="shopify-section section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-accordion.css?v=180964204318874863811757595385" rel="stylesheet" type="text/css" media="all" /> 3034<link href="//nustorycoffee.com/cdn/shop/t/7/assets/collapsible-content.css?v=42068948719489434321757595385" rel="stylesheet" type="text/css" media="all" /> 3035<style data-shopify>.section-template--19788893094142__collapsible_content_zgfadb-padding { 3036 padding-top: 45px; 3037 padding-bottom: 60px; 3038 } 3039 3040 @media screen and (min-width: 750px) { 3041 .section-template--19788893094142__collapsible_content_zgfadb-padding { 3042 padding-top: 60px; 3043 padding-bottom: 80px; 3044 } 3045 }</style><div class="color-background-1 gradient"> 3046 <div class="collapsible-content collapsible-none-layout isolate content-container content-container--full-width"> 3047 <div class="collapsible-content__wrapper section-template--19788893094142__collapsible_content_zgfadb-padding"> 3048 <div class="collapsible-content-wrapper-narrow"> 3049 <div 3050 class="collapsible-content__header scroll-trigger animate--slide-in" 3051 style="text-align: center;" 3052 > 3053<h2 class="visually-hidden">Collapsible content</h2> 3054 3055 </div> 3056 <div class="grid grid--1-col grid--2-col-tablet collapsible-content__grid collapsible-content__grid--reverse scroll-trigger animate--slide-in"> 3057 <div class="grid__item"><div 3058 class="accordion" 3059 3060 > 3061 <details 3062 id="Details-collapsible_row_4MN467-template--19788893094142__collapsible_content_zgfadb" 3063 3064 > 3065 <summary id="Summary-collapsible_row_4MN467-template--19788893094142__collapsible_content_zgfadb"> 3066 3067 <h3 class="accordion__title inline-richtext h4"> 3068 FAQs 3069 </h3> 3070 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3071 <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"> 3072</svg> 3073 3074 </summary> 3075 <div 3076 class="accordion__content rte" 3077 id="CollapsibleAccordion-collapsible_row_4MN467-template--19788893094142__collapsible_content_zgfadb" 3078 role="region" 3079 aria-labelledby="Summary-collapsible_row_4MN467-template--19788893094142__collapsible_content_zgfadb" 3080 > 3081 <p><strong>How to brew<br/></strong>We recommend using your preferred methodâdrip, pour-over, French press, or espresso. For the freshest flavor, use filtered water just off the boil and brew according to your deviceâs guidelines. Experiment to find your perfect cup!</p><p><strong>How should I store my coffee to keep it fresh?<br/></strong>Store your beans in an airtight container at room temperature, away from heat, light, and moisture. Avoid refrigerating or freezing for everyday useâjust keep them cool and dry to maintain peak freshness. We recommend using and Airscape Coffee Cannister.</p><p><strong>Whatâs the best grind size?<br/></strong>The grind size depends on your brewing method:</p><ul><li><strong>Coarse:</strong> French press</li><li><strong>Medium:</strong> Drip coffee makers</li><li><strong>Fine:</strong> Espresso machines</li></ul><p>Grinding just before brewing ensures the best flavor and aroma.</p><p><strong>What flavor notes should I expect?<br/></strong>Each bean has its own flavor profile, influenced by its origin and roast. Expect notes ranging from fruity and floral to chocolatey and nuttyâeach sip tells its own story.</p> 3082 3083 </div> 3084 </details> 3085 </div><div 3086 class="accordion" 3087 3088 > 3089 <details 3090 id="Details-collapsible_row_UwByrw-template--19788893094142__collapsible_content_zgfadb" 3091 3092 > 3093 <summary id="Summary-collapsible_row_UwByrw-template--19788893094142__collapsible_content_zgfadb"> 3094 3095 <h3 class="accordion__title inline-richtext h4"> 3096 Shipping Info 3097 </h3> 3098 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 3099 <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"> 3100</svg> 3101 3102 </summary> 3103 <div 3104 class="accordion__content rte" 3105 id="CollapsibleAccordion-collapsible_row_UwByrw-template--19788893094142__collapsible_content_zgfadb" 3106 role="region" 3107 aria-labelledby="Summary-collapsible_row_UwByrw-template--19788893094142__collapsible_content_zgfadb" 3108 > 3109 <p>Thank you for shopping with NÅ«STORY COFFEE CO.! We work hard to roast, pack, and ship your order as quickly as possible so you can enjoy your coffee fresh.</p><p><strong>Shipping Locations</strong></p><p>We currently ship orders within the United States.</p><p><strong>Processing Times</strong></p><ul><li>Orders are roasted and shipped <strong>within 2â3 business days</strong>.</li><li>Orders placed on weekends or holidays will be processed the next business day.</li></ul><p><strong>Shipping Methods & Times</strong></p><ul><li>Standard shipping usually takes <strong>3â7 business days</strong> after your order has been shipped.</li><li>Shipping times may vary depending on your location and carrier delays (especially during holidays or inclement weather).<
3109/li></ul><p><strong>Shipping Rates</strong></p><ul><li>Shipping rates are calculated at checkout based on your order weight and destination.</li><li>Free shipping may be offered during special promotions (announced on our site).</li></ul><p><strong>Order Tracking</strong></p><ul><li>Once your order ships, youâll receive a confirmation email with tracking information.</li></ul><p><strong>Delays & Issues</strong></p><ul><li>NÅ«STORY COFFEE CO. is not responsible for delays caused by carriers, incorrect addresses, or weather conditions.</li><li>If your order is lost or damaged during shipping, please contact us at <strong>[email protected]</strong> within 7 days of delivery.</li></ul> 3110 3111 </div> 3112 </details> 3113 </div></div> 3114 </div> 3115 </div> 3116 </div> 3117 </div> 3118</div> 3119 3120 3121</section><div id="shopify-section-template--19788893094142__power_section_FaERCH" class="shopify-section section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 3122<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 3123<link href="//nustorycoffee.com/cdn/shop/t/7/assets/section-main-product.css?v=141059467971401676601757595386" rel="stylesheet" type="text/css" media="all" /> 3124<style data-shopify> 3125 3126 3127/* COLOR */ 3128.ss-section a:not(.button) { 3129 color: rgba(var(--color-foreground), 1) 3130} 3131 3132 3133 3134/* SECTION */ 3135#section-template--19788893094142__power_section_FaERCH { 3136 padding-bottom:80px; 3137 padding-top:80px; 3138 3139} 3140 3141@media screen and (max-width: 749px) { 3142 #section-template--19788893094142__power_section_FaERCH { 3143 padding-top: 60px; 3144 padding-bottom: 60px; 3145 } 3146} 3147 3148.ss-section { 3149 display:flex; 3150 position: relative; 3151} 3152 3153 3154@media screen and (min-width:750px) { 3155 #section-template--19788893094142__power_section_FaERCH { 3156 min-height: 40vh; 3157 } 3158} 3159 3160/* INLINE WRAPPER */ 3161#section-template--19788893094142__power_section_FaERCH .ss-inline-wrapper { 3162 width:auto; 3163 inset:0; 3164 position:relative; 3165 z-index:2; 3166} 3167 3168.ss-section .ss-inline-wrapper { 3169 position:absolute; 3170 width:auto; 3171 inset:0; 3172} 3173 3174/* CONTENT WRAPPER */ 3175#section-template--19788893094142__power_section_FaERCH .ss-content-wrapper { 3176 width:100%; 3177 position:relative; 3178 display:flex; 3179 justify-content:center; 3180 z-index:2; 3181} 3182 3183@media screen and (min-width:750px) { 3184 #section-template--19788893094142__power_section_FaERCH .ss-content-wrapper { 3185 padding-left:7rem; 3186 padding-right:7rem; 3187 } 3188} 3189 3190@media screen and (max-width:749px) { 3191 .ss-content-wrapper { 3192 flex-direction:column; 3193 } 3194} 3195 3196/* CONTENT */ 3197#section-template--19788893094142__power_section_FaERCH .ss-content { 3198 align-items:stretch; 3199} 3200 3201@media screen and (min-width:750px) { 3202 #section-template--19788893094142__power_section_FaERCH .ss-content { 3203 width: 100%; 3204 display:flex; 3205 } 3206} 3207 3208/* GRID */ 3209.ss-col-12 [class*=ss-col] { 3210 float: left; 3211 position:relative; 3212} 3213 3214.ss-col-12 { 3215 width: 100% 3216} 3217 3218.ss-col-12 .ss-col-12 { 3219 width: 100% 3220} 3221 3222.ss-col-12 .ss-col-11 { 3223 width: 91.6667% 3224} 3225 3226.ss-col-12 .ss-col-10 { 3227 width: 83.3333% 3228} 3229 3230.ss-col-12 .ss-col-9 { 3231 width: 75% 3232} 3233 3234.ss-col-12 .ss-col-8 { 3235 width: 66.6667% 3236} 3237 3238.ss-col-12 .ss-col-7 { 3239 width: 58.3333% 3240} 3241 3242.ss-col-12 .ss-col-6 { 3243 width: 50% 3244} 3245 3246.ss-col-12 .ss-col-5 { 3247 width: 41.6667% 3248} 3249 3250.ss-col-12 .ss-col-4 { 3251 width: 33.3333% 3252} 3253 3254.ss-col-12 .ss-col-3 { 3255 width: 25% 3256} 3257 3258.ss-col-12 .ss-col-2 { 3259 width: 16.6667% 3260} 3261 3262.ss-col-12 .ss-col-1 { 3263 width: 8.3333% 3264} 3265 3266.ss-block { 3267 padding:8px; 3268} 3269 3270/* SECTION BACKGROUND */ 3271.section-background { 3272 position:absolute; 3273 inset:0; 3274 z-index: 0; 3275 width:auto; 3276} 3277 3278/* Background image */ 3279.section-background__image { 3280 position:absolute; 3281 inset:0; 3282 z-index:0; 3283 width:auto; 3284 display:block !important; 3285 background-size:cover; 3286 background-position:center; 3287} 3288 3289/* Background video */ 3290.section-background_video { 3291 position:absolute; 3292 inset:0; 3293 z-index:0; 3294 width:auto; 3295 display:block !important; 3296} 3297
3298/* Background overlay */ 3299.section-background__overlay { 3300 position:absolute; 3301 inset:0; 3302 z-index:1; 3303 pointer-events:none; /* keep content clickable */ 3304} 3305 3306 3307 3308/* STYLE SECTION FOR MOBILE */ 3309@media screen and (max-width: 749px) { 3310 #section-template--19788893094142__power_section_FaERCH .ss-col-12 { 3311 display: flex !important; 3312 flex-direction: column; 3313 gap: 40px !important; 3314 } 3315 3316 .ss-section { 3317 display:flex; 3318 flex-direction:column; 3319 } 3320 3321 3322 #section-template--19788893094142__power_section_FaERCH .section-background { 3323 display:none; 3324 } 3325 3326 3327 3328} 3329 3330.ss-html-block { 3331 position:relative; 3332} 3333 3334.ss-text__content.ss-grid-block { 3335 flex-direction:column; 3336} 3337 3338.ss-text__content { 3339 text-align:center; 3340} 3341 3342 3343 3344/* Style image */ 3345.ss-image { 3346 display: block; 3347 max-width: 100%; 3348 position: absolute; 3349 top: 0; 3350 left: 0; 3351 height: 100%; 3352 width: 100%; 3353 object-fit: cover; 3354 object-position: center; 3355} 3356 3357 3358.ss-video-block, .ss-overlap-gallery { 3359 position:relative; 3360} 3361 3362.ss-image-wrapper { 3363 height:0; 3364 position:relative; 3365 max-width:100%; 3366} 3367 3368.ss-gallery-video { 3369 width:80%; 3370} 3371 3372.ss-gallery-video video { 3373 object-fit:cover; 3374 height:100%; 3375 width:100%; 3376} 3377 3378.ss-overlap-gallery .ss-overlap-image { 3379 position:absolute; 3380 width:60%; 3381 top:50%; 3382 transform:translateY(-50%); 3383} 3384 3385.ss-grid-block { 3386 display:flex; 3387 position:relative; 3388} 3389 3390.ss-overlap-image .ss-image-wrapper { 3391 height:0; 3392 padding-bottom:100%; 3393} 3394 3395.ss-overlap-gallery .ss-overlap-image img{ 3396 object-fit:cover; 3397} 3398 3399@media screen and (min-width:750px) { 3400 #section-template--19788893094142__power_section_FaERCH .ss-col-12 { 3401 width: 100%; 3402 display: grid; 3403 grid-template-columns: repeat(12,minmax(0,1fr)); 3404 grid-gap:6vw; 3405 } 3406} 3407 3408 3409.ss-inline--inline_image { 3410 display:inline-block; 3411} 3412 3413.ss-inline-image { 3414 position:relative; 3415} 3416.ss-inline-image img, .ss-decor { 3417 position:absolute; 3418} 3419 3420/* DECOR POSITIONING */ 3421.decor-position--top-right { 3422 right:0; 3423 left:initial; 3424 top:0; 3425} 3426 3427 3428.decor-position--top-left { 3429 left:0; 3430 top:0; 3431} 3432 3433.decor-position--bottom-left { 3434 left:0; 3435 bottom:0; 3436 top:initial; 3437} 3438 3439.decor-position--bottom-right { 3440 right:0; 3441 left:initial; 3442 bottom:0; 3443 top:initial; 3444} 3445 3446.textdecor-position--top { 3447 top:0; 3448 border-bottom:1px solid; 3449} 3450 3451.textdecor-position--bottom { 3452 bottom:0; 3453 border-top:1px solid; 3454} 3455 3456.textdecor-position--right { 3457 position:absolute; 3458 bottom:50%; 3459 right: 0vw; 3460 transform-origin: 100% 50%; 3461 transform: rotate(90deg) translate(50%, 50%); 3462} 3463 3464.textdecor-position--left { 3465 bottom:50%; 3466 left: 0vw; 3467 transform-origin: 0 50%; 3468 transform: rotate(-90deg) translate(-50%, 50%); 3469 3470} 3471 3472.ss-inline--inline_text.ss-decor { 3473 position:absolute; 3474 display:block; 3475 width:100%; 3476 text-align:center; 3477} 3478 3479/* GRID COLUMN */ 3480@media screen and (min-width:750px) { 3481 .ss-grid-span--1 { grid-column:auto/span 1; } 3482 .ss-grid-span--2 { grid-column:auto/span 2; } 3483 .ss-grid-span--3 { grid-column:auto/span 3; } 3484 .ss-grid-span--4 { grid-column:auto/span 4; } 3485 .ss-grid-span--5 { grid-column:auto/span 5; } 3486 .ss-grid-span--6 { grid-column:auto/span 6; } 3487 .ss-grid-span--7 { grid-column:auto/span 7; } 3488 .ss-grid-span--8 { grid-column:auto/span 8; } 3489 .ss-grid-span--9 { grid-column:auto/span 9; } 3490 .ss-grid-span--10 { grid-column:auto/span 10; } 3491 .ss-grid-span--11 { grid-column:auto/span 11; } 3492 .ss-grid-span--12 { grid-column:auto/span 12; } 3493} 3494 3495@media screen and (min-width:750px) { 3496 .ss-grid-rowspan--1 { grid-row:auto/span 1; } 3497 .ss-grid-rowspan--2 { grid-row:auto/span 2; } 3498 .ss-grid-rowspan--3 { grid-row:auto/span 3; } 3499 .ss-grid-rowspan--4 { grid-row:auto/span 4; } 3500 .ss-grid-rowspan--5 { grid-row:auto/span 5; } 3501 .ss-grid-rowspan--6 { grid-row:auto/span 6; } 3502 .ss-grid-rowspan--7 { grid-row:auto/span 7; } 3503 .ss-grid-rowspan--8 { grid-row:auto/span 8; } 3504 .ss-grid-rowspan--9 { grid-row:auto/span 9; } 3505 .ss-grid-rowspan--10 { grid-row:auto/span 10; } 3506 .ss-grid-rowspan--11 { grid-row:auto/span 11; } 3507 .ss-grid-rowspan--12 { grid-row:auto/span 12; } 3508} 3509 3510/* GRID ITEM */ 3511@media screen and (max-width:749px) { 3512 #section-template--19788893094142__power_section_FaERCH .ss-grid__item { 3513 padding-left: 7vw; 3514 padding-right: 7vw; 3515 } 3516} 3517 3518/* Style grid item positioning */ 3519.ss-grid-item__position--center { 3520 display:flex; 3521 flex-direction:column; 3522 justify-content:center; 3523} 3524 3525.ss-grid-item__position--top { 3526 display:flex; 3527 flex-direction:column; 3528 justify-content:flex-start; 3529} 3530 3531.ss-grid-item__position--bottom { 3532 display:flex; 3533 flex-direction:column; 3534 justify-content:flex-end; 3535} 3536 3537.ss-grid-item__position--stretch { 3538 display:flex; 3539 flex-direction:column; 3540 justify-content:space-between; 3541} 3542 3543/* IMAGE CAPTION WRAP */ 3544.ss-image-caption-wrapper { 3545padding-left:1rem; 3546padding-right:1rem; 3547} 3548 3549/* GRID BORDER (WHEN TURNED ON) */ 3550 3551 3552 3553/* STYLE BACKGROUND IMAGE & VIDEO */ 3554.ss-section img.ss-bg-image , .ss-section .ss-inline-image img{ 3555 display: block; 3556 max-width: 100%; 3557 position: absolute; 3558 top: 0; 3559 left: 0; 3560 height: 100%; 3561 width: 100%; 3562 object-fit:cover; 3563} 3564
3565.ss-section .ss-bg-video,.ss-section .ss-video { 3566 object-fit:cover; 3567 width:100%; 3568 height:100%; 3569} 3570 3571 3572 3573.center-video .section-background { 3574 width:20%; 3575 padding-bottom:20%; 3576 left:50%; 3577 top:50%; 3578 transform:translate(-50%, -50%); 3579 border:3px solid; 3580} 3581 3582.background-split--left .section-background { 3583 width:50%; 3584 3585} 3586 3587.background-third--left .section-background { 3588 width:33.3%; 3589 3590} 3591 3592.background-split--right .section-background { 3593 width:50%; 3594 left:50%; 3595 3596} 3597 3598.background-third--right .section-background { 3599 width:33.36%; 3600 left:66.66%; 3601 3602} 3603 3604.background-split--center .section-background { 3605 width:50%; 3606 left:50%; 3607 top:50%; 3608 transform:translate(-50%, -50%); 3609 padding-bottom:50%; 3610 3611} 3612.ss-decor.decor-center { 3613 left:50%; 3614 top:50%; 3615 transform:translate(-50%, -50%); 3616} 3617 3618.large-headline h2 { 3619 font-size:clamp(2rem,5vw,5vw) !important; 3620} 3621 3622.ss-grid__item.image-fill .ss-image-wrapper { 3623padding-bottom:0; 3624height:100%; 3625 3626} 3627 3628@media screen and (max-width: 749px) { 3629 #section-template--19788893094142__power_section_FaERCH .ss-grid__item { 3630 order: var(--m-order, 0); 3631 } 3632} 3633 3634.ss-grid__item.image-fill .ss-image { 3635object-fit:cover !important; 3636 3637} 3638 3639.ss-grid__item.video-fill .ss-video-block { 3640height:100% !important; 3641} 3642 3643.adapt-screen .ss-image-wrapper, .adapt-screen .ss-video-wrapper { 3644 padding-bottom:0 !important; 3645} 3646 3647.ss-grid__item.sticky > div:first-child { 3648 position:sticky; 3649 top:0; 3650} 3651 3652.ss-section h1, .ss-section h2, .ss-section h3, .ss-section p { 3653 margin-block-start: 0.5rem; 3654 margin-block-end: 0.5rem; 3655} 3656 3657.ss-grid__item.image-linked .ss-image-caption-wrapper a::before { 3658 content: ''; 3659 position: absolute; 3660 width: 100%; 3661 height: 100%; 3662 background: transparent; 3663 top: 0; 3664 left: 0; 3665} 3666 3667.ss-grid__item.image-linked { 3668 position: relative; 3669} 3670 3671 3672 3673 3674 3675 3676.ss-grid__item.hide-image-caption .ss-image-caption-wrapper a { 3677 font-size: 0; 3678} 3679 3680.ss-grid__item.hide-image-caption .ss-image-caption-wrapper { 3681 height:0; 3682} 3683 3684 3685/* Hide element on mobile */ 3686@media screen and (max-width:749px) { 3687 .hide--mobile { 3688 display:none !important; 3689 } 3690} 3691 3692.sticky { 3693 position:sticky !important; 3694 top:0; 3695} 3696 3697.desc-large .ss-text__content p { 3698 font-family:var(--font-heading-family); 3699 font-size:clamp(3rem,4vw,7rem); 3700 line-height:1.3em; 3701} 3702 3703@media screen and (min-width:750px) { 3704 .vertical-rl > * { 3705 writing-mode:vertical-rl; 3706 justify-content:center; 3707 } 3708} 3709 3710/* DROPDOWN BUTTON */ 3711/* Default hidden */ 3712.ss-dropdown-up .ss-dropdown-panel { 3713 position: absolute; 3714 bottom: 100%; 3715 left: 0; 3716 opacity: 0; 3717 visibility: hidden; 3718 pointer-events: none; 3719 transform: translateY(8px); 3720 transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; 3721 z-index: 30; 3722} 3723 3724/* DESKTOP (devices that support hover): 3725 Show panel when the wrapper OR any of its children (button or panel) 3726 are hovered/focused. Because the panel is a child, hovering it keeps 3727 :hover on the wrapper even if it overflows visually. */ 3728@media (hover: hover) { 3729 .ss-dropdown-up:hover .ss-dropdown-panel, 3730 .ss-dropdown-up:focus-within .ss-dropdown-panel { 3731 opacity: 1; 3732 visibility: visible; 3733 pointer-events: auto; 3734 transform: translateY(0); 3735 transition-delay: 0s; 3736 } 3737} 3738 3739/* MOBILE (no hover): toggle via [data-open="true"] */ 3740@media (hover: none) { 3741 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel { 3742 opacity: 1; 3743 visibility: visible; 3744 pointer-events: auto; 3745 transform: translateY(0); 3746 transition-delay: 0s; 3747 } 3748} 3749 3750 3751.ss-dropdown-up .ss-dropdown-panel { 3752 position: absolute; 3753 bottom: 100%; 3754 left: 0; 3755 background: var(--blue); /* example mint background */ 3756 border-radius: 12px; 3757 padding: 2rem; 3758 width: 100% !important; 3759 text-align: center; 3760} 3761 3762.ss-dropdown-up .ss-dropdown-panel p { 3763 margin-block-end: 0.5rem !important; 3764} 3765 3766.ss-dropdown-up .ss-dropdown-panel a { 3767 margin-block-end: 0 !important; 3768 text-transform: uppercase; 3769 transition: all 0.3s ease; 3770} 3771 3772.ss-dropdown-up .ss-dropdown-panel a:hover { 3773 color: var(--red); 3774} 3775 3776/* Arrow */ 3777.ss-dropdown-up .ss-dropdown-panel::after { 3778 content: ""; 3779 position: absolute; 3780 top:calc(100% - 1px); /* position below the panel */ 3781 left: 20%; 3782 width: 0; 3783 height: 0; 3784 border-left: 10px solid transparent; 3785 border-right: 10px solid transparent; 3786 border-top: 10px solid var(--blue); /* same color as panel bg */ 3787} 3788 3789 3790 3791/* tune once */ 3792.ss-dropdown-up{ 3793 --dropdown-gap: 5px; /* visual space between button & panel */ 3794 --dropdown-bg: var(--blue, #b2dfdb); 3795} 3796 3797/* the panel sits above the button */ 3798.ss-dropdown-up .ss-dropdown-panel{ 3799 position:absolute; 3800 bottom:100%; 3801 left:0; 3802 margin-bottom: var(--dropdown-gap); /* creates the visual gap */ 3803 background: var(--dropdown-bg); 3804 border-radius:12px; 3805 padding:2rem; 3806 opacity:0; visibility:hidden; pointer-events:none; 3807 transition: opacity .18s ease, visibility 0s linear .18s; 3808 z-index:30; 3809} 3810 3811/* show rules (same as you had) */ 3812@media (hover:hover){ 3813 .ss-dropdown-up:hover .ss-dropdown-panel, 3814 .ss-dropdown-up:focus-within .ss-dropdown-panel{ 3815 opacity:1; visibility:visible; pointer-events:auto; 3816 transition-delay:0s; 3817 } 3818} 3819@media (hover:none){ 3820 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel{ 3821 opacity:1; visibility:visible; pointer-events:auto; 3822 transition-delay:0s; 3823 } 3824} 3825 3826/* smooth pop without fighting any inline transform used for centering */ 3827.ss-dropdown-up .ss-dropdown-panel__inner{ 3828 transform: translateY(8px); 3829 transition: transform .18s ease; 3830} 3831@media (hover:hover){ 3832 .ss-dropdown-up:hover .ss-dropdown-panel__inner, 3833 .ss-dropdown-up:focus-within .ss-dropdown-panel__inner{ transform: translateY(0); } 3834} 3835@media (hover:none){ 3836 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel__inner{ transform: translateY(0); } 3837} 3838 3839/* invisible bridge covering the "gap" so hover doesn't drop */ 3840.ss-dropdown-up .ss-dropdown-panel::before{ 3841 content:""; 3842 position:absolute; 3843 top:100%; left:0; right:0; 3844 height: var(--dropdown-gap); /* the bridge */ 3845} 3846 3847 3848 3849 3850
3851/* BLOG POST BLOCK */ 3852.ss-article-card { display:flex; flex-direction:column; gap:.5rem; } 3853.ss-article-meta { font-size:.9rem; opacity:.75; } 3854.ss-article-excerpt { margin-top:.25rem; } 3855 3856 3857/* ANIMATIONS */ 3858/* Full rotate */ 3859@keyframes ss-rotate-360 { 3860 from { transform: rotate(0deg); } 3861 to { transform: rotate(360deg); } 3862} 3863 3864/* Side by side rotate */ 3865@keyframes ss-rotate-sway { 3866 0% { transform: rotate(-6deg); } 3867 50% { transform: rotate(6deg); } 3868 100% { transform: rotate(-6deg); } 3869} 3870 3871/* Up and down */ 3872@keyframes ss-up-and-down { 3873 0% { transform: translateY(-1.5rem); } 3874 50% { transform: translateY(1.5rem); } 3875 100% { transform: translateY(-1.5rem); } 3876} 3877 3878</style> 3879 3880
3881<script> 3882(() => { 3883 function isHoverCapable() { 3884 return window.matchMedia && window.matchMedia('(hover: hover)').matches; 3885 } 3886 3887 function closeAll(except) { 3888 document.querySelectorAll('.ss-dropdown-up[data-open="true"]').forEach(el => { 3889 if (el !== except) { 3890 el.dataset.open = "false"; 3891 const btn = el.querySelector('.ss-dropdown-trigger'); 3892 const panel = el.querySelector('.ss-dropdown-panel'); 3893 btn && btn.setAttribute('aria-expanded', 'false'); 3894 panel && panel.setAttribute('aria-hidden', 'true'); 3895 } 3896 }); 3897 } 3898 3899 // Click/tap to toggle (primarily for mobile) 3900 document.addEventListener('click', (e) => { 3901 const wrap = e.target.closest('.ss-dropdown-up'); 3902 const isTrigger = e.target.closest('.ss-dropdown-trigger'); 3903 3904 // Clicked outside any dropdown: close all 3905 if (!wrap) { 3906 closeAll(); 3907 return; 3908 } 3909 3910 // If trigger clicked: toggle open state 3911 if (isTrigger) { 3912 const open = wrap.dataset.open === 'true'; 3913 // On hover-capable devices we still toggle state, 3914 // but CSS on desktop ignores [data-open] (it only uses :hover / :focus-within), 3915 // so leaving the area will close as desired. 3916 closeAll(wrap); 3917 wrap.dataset.open = open ? 'false' : 'true'; 3918 3919 const btn = isTrigger; 3920 const panel = wrap.querySelector('.ss-dropdown-panel'); 3921 btn.setAttribute('aria-expanded', (!open).toString()); 3922 panel && panel.setAttribute('aria-hidden', open.toString()); 3923 } else if (!isHoverCapable()) { 3924 // On mobile: clicking inside the panel shouldn't close it. 3925 // Do nothing so panel stays open until outside click or trigger click. 3926 } 3927 }); 3928 3929 // Esc closes any open dropdown (both desktop & mobile) 3930 document.addEventListener('keydown', (e) => { 3931 if (e.key === 'Escape') { 3932 closeAll(); 3933 } 3934 }); 3935})(); 3936</script>
3936 3937 3938 3939 3940 3941 3942<section class="section ss-section color-background-1 recommended-products_section" id="section-template--19788893094142__power_section_FaERCH"> 3943 3944 <div class="section-background"> 3945 3946 3947 3948 3949 3950 3951 3952 3953 </div> 3954 3955 <div class="ss-inline-wrapper"> 3956 3957 3958 3959</div> 3960 3961 <div class="ss-content-wrapper "> 3962 <div class="ss-content"> 3963 3964 3965 <div class="ss-col-12"> 3966 <div 3967 class="ss-grid__item ss-grid__item--content ss-grid-span--12 ss-grid-rowspan--1 ss-grid-item__position--top recommended-products_heading " 3968 style="--m-order: 0;" 3969 ><div class="ss-text__content ss-grid-block" style="text-align:left; padding:1rem"> 3970 3971 3972 <h2 class="h1">Other favorites</h2> 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 <div class="ss-text__content__button-container"> 3985 <a class="button button--primary" href="/collections/shop-all"> 3986 3987 Shop all 3988 3989 3990 </a> 3991 </div> 3992 3993 </div></div> 3994 <div 3995 class="ss-grid__item ss-grid__item--product ss-grid-span--4 ss-grid-rowspan--1 ss-grid-item__position--flex-start " 3996 style="--m-order: 0;" 3997 ><div class="product"> 3998 3999 4000<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-rating.css?v=157771854592137137841757595385" rel="stylesheet" type="text/css" media="all" /> 4001<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-volume-pricing.css?v=56284703641257077881757595385" rel="stylesheet" type="text/css" media="all" /> 4002<div class="card-wrapper product-card-wrapper underline-links-hover"> 4003 <div 4004 class=" 4005 card card--standard 4006 card--media 4007 4008 4009 card--extend-height 4010 4011 4012 " 4013 style="--ratio-percent: 66.66666666666666%;" 4014 > 4015 <div 4016 class="card__inner color-background-2 gradient ratio" 4017 style="--ratio-percent: 66.66666666666666%;" 4018 ><div class="card__media"> 4019 <div class="media media--transparent media--hover-effect"> 4020 4021 <img 4022 srcset="//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=165 165w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=360 360w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=533 533w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=720 720w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=940 940w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=1066 1066w,//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258 1248w 4023 " 4024 src="//nustorycoffee.com/cdn/shop/files/tempImagejWW1j3.jpg?v=1767809258&width=533" 4025 sizes="(min-width: 3000px) 717px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 4026 alt="Nustory Coffee Co. coffee package on a white background" 4027 class="motion-reduce" 4028 4029 loading="lazy" 4030 4031 width="1248" 4032 height="832" 4033 > 4034 4035</div> 4036 </div><div class="card__content"> 4037 <div class="card__information"> 4038 <h3 4039 class="card__heading" 4040 4041 > 4042 <a 4043 href="/products/nustory-blend-medium" 4044 id="StandardCardNoMediaLink--8824168710398" 4045 class="full-unstyled-link" 4046 aria-labelledby="StandardCardNoMediaLink--8824168710398 NoMediaStandardBadge--8824168710398" 4047 > 4048 NuStory Blend 4049 </a> 4050 </h3> 4051 </div> 4052 <div class="card__badge bottom left"></div> 4053 </div> 4054 </div> 4055 <div class="card__content"> 4056 <div class="card__information"> 4057 <h3 4058 class="card__heading h5" 4059 4060 id="title--8824168710398" 4061 4062 > 4063 <a 4064 href="/products/nustory-blend-medium" 4065 id="CardLink--8824168710398" 4066 class="full-unstyled-link" 4067 aria-labelledby="CardLink--8824168710398 Badge--8824168710398" 4068 > 4069 NuStory Blend 4070 </a> 4071 </h3> 4072 <div class="card-information"><span class="caption-large light"></span><div class="price_wrap"> 4073 4074<div 4075 class=" 4076 price " 4077> 4078 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
4079 <span class="price-item price-item--regular"> 4080 From $15.99 USD 4081 </span></div> 4082 <div class="price__sale"> 4083 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4084 <span> 4085 <s class="price-item price-item--regular"> 4086 4087 4088 4089 </s> 4090 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 4091 <span class="price-item price-item--sale price-item--last"> 4092 From $15.99 USD 4093 </span> 4094 </div> 4095 <small class="unit-price caption hidden"> 4096 <span class="visually-hidden">Unit price</span> 4097 <span class="price-item price-item--last"> 4098 <span></span> 4099 <span aria-hidden="true">/</span> 4100 <span class="visually-hidden"> per </span> 4101 <span> 4102 </span> 4103 </span> 4104 </small> 4105 </div></div> 4106 4107<div class="featured-collection_dash"> - </div><span class="card-size-inline">12oz</span></div></div> 4108 </div><div class="card__badge bottom left"></div> 4109 </div> 4110 </div> 4111 </div> 4112 </div></div> 4113 <div 4114 class="ss-grid__item ss-grid__item--product ss-grid-span--4 ss-grid-rowspan--1 ss-grid-item__position--flex-start " 4115 style="--m-order: 0;" 4116 ><div class="product"> 4117 4118 4119<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-rating.css?v=157771854592137137841757595385" rel="stylesheet" type="text/css" media="all" /> 4120<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-volume-pricing.css?v=56284703641257077881757595385" rel="stylesheet" type="text/css" media="all" /> 4121<div class="card-wrapper product-card-wrapper underline-links-hover"> 4122 <div 4123 class=" 4124 card card--standard 4125 card--media 4126 4127 4128 card--extend-height 4129 4130 4131 " 4132 style="--ratio-percent: 66.66666666666666%;" 4133 > 4134 <div 4135 class="card__inner color-background-2 gradient ratio" 4136 style="--ratio-percent: 66.66666666666666%;" 4137 ><div class="card__media"> 4138 <div class="media media--transparent media--hover-effect"> 4139 4140 <img 4141 srcset="//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=165 165w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=360 360w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=533 533w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=720 720w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=940 940w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=1066 1066w,//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099 1248w 4142 " 4143 src="//nustorycoffee.com/cdn/shop/files/IMG_4281.jpg?v=1767809099&width=533" 4144 sizes="(min-width: 3000px) 717px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 4145 alt="Nustory Coffee Co. coffee package with details on a white background" 4146 class="motion-reduce" 4147 4148 loading="lazy" 4149 4150 width="1248" 4151 height="832" 4152 > 4153 4154</div> 4155 </div><div class="card__content"> 4156 <div class="card__information"> 4157 <h3 4158 class="card__heading" 4159 4160 > 4161 <a 4162 href="/products/espresso-blend-medium-dark" 4163 id="StandardCardNoMediaLink--8824168972542" 4164 class="full-unstyled-link" 4165 aria-labelledby="StandardCardNoMediaLink--8824168972542 NoMediaStandardBadge--8824168972542" 4166 > 4167 Espresso Blend 4168 </a> 4169 </h3> 4170 </div> 4171 <div class="card__badge bottom left"></div> 4172 </div> 4173 </div> 4174 <div class="card__content"> 4175 <div class="card__information"> 4176 <h3 4177 class="card__heading h5" 4178 4179 id="title--8824168972542" 4180 4181 > 4182 <a 4183 href="/products/espresso-blend-medium-dark" 4184 id="CardLink--8824168972542" 4185 class="full-unstyled-link" 4186 aria-labelledby="CardLink--8824168972542 Badge--8824168972542" 4187 > 4188 Espresso Blend 4189 </a> 4190 </h3> 4191 <div class="card-information"><span class="caption-large light"></span><div class="price_wrap"> 4192 4193<div 4194 class=" 4195 price " 4196> 4197 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
4198 <span class="price-item price-item--regular"> 4199 From $15.99 USD 4200 </span></div> 4201 <div class="price__sale"> 4202 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4203 <span> 4204 <s class="price-item price-item--regular"> 4205 4206 4207 4208 </s> 4209 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 4210 <span class="price-item price-item--sale price-item--last"> 4211 From $15.99 USD 4212 </span> 4213 </div> 4214 <small class="unit-price caption hidden"> 4215 <span class="visually-hidden">Unit price</span> 4216 <span class="price-item price-item--last"> 4217 <span></span> 4218 <span aria-hidden="true">/</span> 4219 <span class="visually-hidden"> per </span> 4220 <span> 4221 </span> 4222 </span> 4223 </small> 4224 </div></div> 4225 4226<div class="featured-collection_dash"> - </div><span class="card-size-inline">12oz</span></div></div> 4227 </div><div class="card__badge bottom left"></div> 4228 </div> 4229 </div> 4230 </div> 4231 </div></div> 4232 <div 4233 class="ss-grid__item ss-grid__item--product ss-grid-span--4 ss-grid-rowspan--1 ss-grid-item__position--flex-start " 4234 style="--m-order: 0;" 4235 ><div class="product"> 4236 4237 4238<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-rating.css?v=157771854592137137841757595385" rel="stylesheet" type="text/css" media="all" /> 4239<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-volume-pricing.css?v=56284703641257077881757595385" rel="stylesheet" type="text/css" media="all" /> 4240<div class="card-wrapper product-card-wrapper underline-links-hover"> 4241 <div 4242 class=" 4243 card card--standard 4244 card--media 4245 4246 4247 card--extend-height 4248 4249 4250 " 4251 style="--ratio-percent: 66.66666666666666%;" 4252 > 4253 <div 4254 class="card__inner color-background-2 gradient ratio" 4255 style="--ratio-percent: 66.66666666666666%;" 4256 ><div class="card__media"> 4257 <div class="media media--transparent media--hover-effect"> 4258 4259 <img 4260 srcset="//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=165 165w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=360 360w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=533 533w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=720 720w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=940 940w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=1066 1066w,//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404 1248w 4261 " 4262 src="//nustorycoffee.com/cdn/shop/files/tempImagevYipEE.jpg?v=1767807404&width=533" 4263 sizes="(min-width: 3000px) 717px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" 4264 alt="Finca La Canoa Red Bourbon Natural by Mario Rene Freily" 4265 class="motion-reduce" 4266 4267 loading="lazy" 4268 4269 width="1248" 4270 height="832" 4271 > 4272 4273</div> 4274 </div><div class="card__content"> 4275 <div class="card__information"> 4276 <h3 4277 class="card__heading" 4278 4279 > 4280 <a 4281 href="/products/finca-la-canoa-natural-red-bourbon" 4282 id="StandardCardNoMediaLink--8998140150014" 4283 class="full-unstyled-link" 4284 aria-labelledby="StandardCardNoMediaLink--8998140150014 NoMediaStandardBadge--8998140150014" 4285 > 4286 Finca La Canoa Red Bourbon Natural by Mario Rene Freily 4287 </a> 4288 </h3> 4289 </div> 4290 <div class="card__badge bottom left"></div> 4291 </div> 4292 </div> 4293 <div class="card__content"> 4294 <div class="card__information"> 4295 <h3 4296 class="card__heading h5" 4297 4298 id="title--8998140150014" 4299 4300 > 4301 <a 4302 href="/products/finca-la-canoa-natural-red-bourbon" 4303 id="CardLink--8998140150014" 4304 class="full-unstyled-link" 4305 aria-labelledby="CardLink--8998140150014 Badge--8998140150014" 4306 > 4307 Finca La Canoa Red Bourbon Natural by Mario Rene Freily 4308 </a> 4309 </h3> 4310 <div class="card-information"><span class="caption-large light"></span><div class="price_wrap"> 4311 4312<div 4313 class=" 4314 price " 4315> 4316 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
4317 <span class="price-item price-item--regular"> 4318 From $18.99 USD 4319 </span></div> 4320 <div class="price__sale"> 4321 <span class="visually-hidden visually-hidden--inline">Regular price</span> 4322 <span> 4323 <s class="price-item price-item--regular"> 4324 4325 4326 4327 </s> 4328 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 4329 <span class="price-item price-item--sale price-item--last"> 4330 From $18.99 USD 4331 </span> 4332 </div> 4333 <small class="unit-price caption hidden"> 4334 <span class="visually-hidden">Unit price</span> 4335 <span class="price-item price-item--last"> 4336 <span></span> 4337 <span aria-hidden="true">/</span> 4338 <span class="visually-hidden"> per </span> 4339 <span> 4340 </span> 4341 </span> 4342 </small> 4343 </div></div> 4344 4345<div class="featured-collection_dash"> - </div><span class="card-size-inline">12oz</span></div></div> 4346 </div><div class="card__badge bottom left"></div> 4347 </div> 4348 </div> 4349 </div> 4350 </div></div></div> <!--ss-col-12 --> 4351 </div> <!--ss-content --> 4352 4353 </div> <!--Content Wrapper --> 4354 4355 </section> 4356 4357 4358 4359 4360 4361 4362 4363
4364<script> 4365 function decorAccess() { 4366 var decors =document.querySelectorAll(".ss-text__content a[title*='decor']"); 4367 4368 if (decors) { 4369 decors.forEach(function (decor, index) { 4370 4371 decor.setAttribute("tabindex","-1") 4372 }); 4373 4374 } 4375 4376} 4377 4378document.addEventListener("DOMContentLoaded", decorAccess); 4379 4380</script>
4380 4381 4382 4383 4384</div><section id="shopify-section-template--19788893094142__marquee_slider_WzNFGR" class="shopify-section section"> 4385 4386<style data-shopify> 4387 4388 4389.c-slider__media { 4390 position:relative; 4391} 4392 4393 4394.c-slider__media img { 4395 display: block; 4396 max-width: 100%; 4397 position: absolute; 4398 top: 0; 4399 left: 0; 4400 height: 100%; 4401 width: 100%; 4402 object-fit:cover; 4403} 4404 4405 .c-slider { 4406 position: relative; 4407 overflow: hidden; 4408} 4409.c-slider__controls { 4410 display: flex; 4411 flex-direction: column; 4412 color: #000; 4413 4414} 4415.c-slider__controls--slide { 4416 padding-top: 20px; 4417} 4418.c-slider__controls--position-center { 4419 align-items: center; 4420} 4421.c-slider__controls--position-right { 4422 align-items: end; 4423} 4424.c-slider__dots-nav { 4425 margin: 0 -3px 20px; 4426} 4427.c-slider__dots-nav button { 4428 color: inherit; 4429 cursor: pointer; 4430 padding: 0 3px; 4431 background: 0 0; 4432 border: 0; 4433 font-size: 0; 4434} 4435.c-slider__dots-nav button span { 4436 display: block; 4437 width: 8px; 4438 height: 8px; 4439 border-radius: 50%; 4440 background: 0 0; 4441 border: 1px solid currentColor; 4442 transition: background 0.1s; 4443} 4444.c-slider__dots-nav button:hover span { 4445 background: currentColor; 4446}
4447.c-slider__dots-nav:not(:hover) button.is-active span, 4448.c-slider__dots-nav:not(:hover) button[aria-current="true"] span { 4449 transition: none; 4450 background: currentColor; 4451} 4452.c-slider__arrows-nav { 4453 display: flex; 4454 align-items: center; 4455 margin: -3px 0; 4456} 4457.c-slider__arrows-nav--hide-text button { 4458 font-size: 0; 4459} 4460.c-slider__arrows-nav button { 4461 color: inherit; 4462 cursor: pointer; 4463 display: flex; 4464 align-items: center; 4465 margin: 0 3px; 4466 padding: 0; 4467 background: 0 0; 4468 border: 0; 4469 text-transform: uppercase; 4470 transition: opacity 0.15s; 4471} 4472.c-slider__arrows-nav button:focus, 4473.c-slider__arrows-nav button:hover { 4474 opacity: 0.65; 4475} 4476.c-slider__arrows-nav button[data-direction="next"] svg, 4477.c-slider__arrows-nav button[data-direction="prev"] svg { 4478 width: 30px; 4479 height: 30px; 4480 backface-visibility: hidden; 4481 fill: currentColor; 4482} 4483 4484 4485 4486.c-slider__arrows-nav button[data-direction="prev"] svg { 4487 margin-right: 5px; 4488} 4489.c-slider__arrows-nav button[data-direction="next"] svg { 4490 transform: rotate(180deg); 4491 margin-left: 5px; 4492} 4493.c-slider__arrows-nav--hide-text button[data-direction="next"] svg { 4494 margin-left: 0; 4495} 4496.c-slider__content { 4497 display: flex; 4498 flex-direction: column; 4499 width: 100%; 4500 padding: 2rem; 4501} 4502@media (min-width: 750px) { 4503 .c-slider__content { 4504 padding: 2.3rem 3rem; 4505 } 4506} 4507.c-slider__content :first-child { 4508 margin-top: 0; 4509} 4510.c-slider__content :last-child { 4511 margin-bottom: 0; 4512} 4513.c-slider__content-wrapper { 4514 box-sizing: border-box; 4515} 4516@media (max-width: 749px) { 4517 .c-slider__content-wrapper { 4518 width: 100% !important; 4519 } 4520} 4521@media (min-width: 750px) { 4522 .c-slider__content-wrapper { 4523 display: flex; 4524 flex-direction: row; 4525 width: 100%; 4526 } 4527 .c-slider__content-wrapper--stacked { 4528 flex-direction: column; 4529 } 4530} 4531.c-slider__media { 4532 overflow: hidden; 4533} 4534 4535.swiper-slide-visible 4536 .c-slider__media:not(.c-slider__media--disable-image-animation) 4537 img { 4538 animation: sliderMediaScale backwards 0.75s 50ms; 4539} 4540@media (min-width: 750px) { 4541 .c-slider__media { 4542 min-width: 100%; 4543 } 4544 .c-slider__media-position--right { 4545 order: 1; 4546 } 4547 .c-slider__media--half-width { 4548 min-width: 50%; 4549 } 4550 .c-slider__media--third-width { 4551 min-width: 33%; 4552 width:33%; 4553 } 4554} 4555@keyframes sliderMediaScale { 4556 from { 4557 transform: scale(1.025); 4558 } 4559 to { 4560 transform: scale(1); 4561 } 4562} 4563 4564 4565 4566 4567 @media (prefers-reduced-motion) { 4568 .c-slider-marquee .swiper-wrapper{ 4569 4570 transform:none !important; 4571 4572 4573} 4574} 4575 4576 .c-slider-marquee .swiper-wrapper{ 4577 transition-timing-function:linear !important; 4578 4579 position: relative; 4580 display:flex; 4581 4582 4583 4584 4585} 4586 4587 4588 #section-template--19788893094142__marquee_slider_WzNFGR .c-slider-marquee .swiper-wrapper{ 4589 align-items:center; 4590 4591 } 4592 4593 4594 4595</style> 4596 4597 4598 4599 4600<style data-shopify> 4601#section-template--19788893094142__marquee_slider_WzNFGR .c-slider__content h2 { 4602line-height:1.1em; 4603margin-block-end:0 !important; 4604 4605} 4606 4607#section-template--19788893094142__marquee_slider_WzNFGR a:not([href])[aria-disabled="true"] { 4608 cursor:default; 4609 } 4610 4611 4612#section-template--19788893094142__marquee_slider_WzNFGR .c-slider__content { 4613 4614 position:relative; 4615} 4616 4617 4618 4619 4620@media screen and (min-width:750px) { 4621 4622.description-position--bottomLeft { 4623 position:absolute; 4624 width:100%; 4625 left:2vw; 4626 bottom:2vw; 4627 max-width:30em; 4628 4629} 4630 4631.description-position--bottomRight { 4632 position:absolute; 4633 width:100%; 4634 right:2vw; 4635 bottom:2vw; 4636 max-width:30em; 4637 4638} 4639 4640.description-position--topRight { 4641 position:absolute; 4642 width:100%; 4643 top:2vw; 4644 right:2vw; 4645 max-width:30em; 4646 4647} 4648 4649.description-position--topLeft { 4650 position:absolute; 4651 width:100%; 4652 top:2vw; 4653 left:2vw; 4654 max-width:30em; 4655 4656} 4657 4658} 4659 4660 4661 4662 4663 4664</style> 4665 4666<div class=" marquee" id="section-template--19788893094142__marquee_slider_WzNFGR"> 4667 <div class="js-slider c-slider c-slider-marquee" data-autoplay = "0" data-start-index = "1" data-animation = "fade" data-pause-hover = "false" data-animation-speed = "6000" data-display-dots-nav = data-display-arrows-nav = data-display-arrows-nav-text = data-arrow-nav-icon='' style="background-color:#4e1c00;"> 4668 <div class="c-slider__inner swiper-wrapper"> 4669 4670 4671 4672 <div class="c-slider__item swiper-slide" > 4673 <div class="c-slider__content-wrapper">
4673<div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4674 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">From Their Lips</h2> 4675 <div class="description description-position--"> 4676 4677 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4678 </div> 4679 4680 4681 4682 </div> 4683 </div> 4684 4685 4686 <div class="c-slider__item swiper-slide" > 4687 <div class="c-slider__content-wrapper"><div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4688 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">â</h2> 4689 <div class="description description-position--"> 4690 4691 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4692 </div> 4693 4694 4695 4696 </div> 4697 </div> 4698 4699 4700 <div class="c-slider__item swiper-slide" > 4701 <div class="c-slider__content-wrapper"><div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4702 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">From Their Lips</h2> 4703 <div class="description description-position--"> 4704 4705 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4706 </div> 4707 4708 4709 4710 </div> 4711 </div> 4712 4713 4714 <div class="c-slider__item swiper-slide" > 4715 <div class="c-slider__content-wrapper"><div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4716 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">â</h2> 4717 <div class="description description-position--"> 4718 4719 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4720 </div> 4721 4722 4723 4724 </div> 4725 </div> 4726 4727 4728 <div class="c-slider__item swiper-slide" > 4729 <div class="c-slider__content-wrapper"><div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4730 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">From Their Lips</h2> 4731 <div class="description description-position--"> 4732 4733 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4734 </div> 4735 4736 4737 4738 </div> 4739 </div> 4740 4741 4742 <div class="c-slider__item swiper-slide" > 4743 <div class="c-slider__content-wrapper"><div class="c-slider__content" style=" color:#b3e0dd;padding: 0vw;"> 4744 <h2 class="block.settings.heading_size" style=" color:#b3e0dd;">â</h2> 4745 <div class="description description-position--"> 4746 4747 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-" style="display: none;"></div> 4748 </div> 4749 4750 4751 4752 </div> 4753 </div> 4754 4755 4756 </div> 4757 <div class="c-slider__controls c-slider__controls--position-" style="display: none; padding: 0 0rem 0rem;"> 4758 <div class="c-slider__dots-nav"></div> 4759</div> 4760 </div> 4761</div> 4762 4763 4764 4765<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
4766<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 4766
4766
4767<script> 4768/*! 4769 * Slider 4770 * Version: 1.0.0 4771 * License: Commercial License 4772 */ 4773function sectionSlider() { 4774 var sliderID = Math.random().toString(36).slice(2), 4775 sliderElement = document.querySelector(".js-slider"); 4776 if (!sliderElement) return null; 4777 sliderElement.classList.remove("js-slider"), sliderElement.setAttribute("id", "slider-" + sliderID); 4778 var options = { 4779 animation: sliderElement.getAttribute("data-animation"), 4780 animationSpeed: +sliderElement.getAttribute("data-animation-speed"), 4781 autoplay: sliderElement.getAttribute("data-autoplay"), 4782 startIndex: sliderElement.getAttribute("data-start-index"), 4783 displayDotsNav: "true" === sliderElement.getAttribute("data-display-dots-nav"), 4784 4785 displayArrowsNav: "true" === sliderElement.getAttribute("data-display-arrows-nav"), 4786 displayArrowsNavText: "true" === sliderElement.getAttribute("data-display-arrows-nav-text"), 4787 arrowNavIcon: sliderElement.getAttribute("data-arrow-nav-icon") || '<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>' 4788 }, 4789 controls = sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"), 4790 controlDots = controls.querySelector(".c-slider__dots-nav"), 4791 slides = [].slice.call(sliderElement.querySelectorAll(".c-slider__item")); 4792 4793 4794 4795 var swiper = new Swiper(sliderElement, { 4796 slidesPerView:'auto', 4797 spaceBetween: 10, 4798 speed:+options.animationSpeed, 4799 centeredSlides: true, 4800 allowTouchMove:false, 4801 4802 initialSlide: +options.startIndex, 4803 pagination: { 4804 4805 }, 4806 4807 4808 on: { 4809 init: function () { 4810 4811 4812 } 4813 }, 4814 navigation: { 4815 4816 }, 4817 autoplay: { 4818 4819 delay: 0, 4820 4821 disableOnInteraction: false, 4822 pauseOnMouseEnter:false, 4823 reverseDirection:false, 4824 4825 4826 4827 }, 4828 4829 loop: true 4830 4831 4832 4833 } 4834 4835 4836 ); 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849} 4850document.addEventListener("DOMContentLoaded", sectionSlider); 4851 4852 4853 4854 4855 4856 4857</script>
4857 4858 4859 4860 4861 4862 <style data-shopify> 4863 #section-template--19788893094142__marquee_slider_WzNFGR .c-slider-marquee .c-slider__content-wrapper { 4864 flex-direction:column; 4865 width:unset; 4866 } 4867 4868 4869 4870 4871 4872 #section-template--19788893094142__marquee_slider_WzNFGR .c-slider-marquee .c-slider__media { 4873 4874 padding-bottom: var(--image-ratio-percent); 4875 4876 4877 4878 display:block; 4879 height: 0; 4880 4881 } 4882 4883 4884 4885 4886 #section-template--19788893094142__marquee_slider_WzNFGR .c-slider-marquee .c-slider__content { 4887 width:unset; 4888 } 4889 4890 4891 #section-template--19788893094142__marquee_slider_WzNFGR .swiper-slide { 4892 width:unset; 4893 } 4894 4895 4896 4897 #section-template--19788893094142__marquee_slider_WzNFGR .swiper-slide { 4898 margin-right: 1vw !important; 4899 } 4900 4901 4902 4903 #section-template--19788893094142__marquee_slider_WzNFGR .c-slider-marquee { 4904 padding-top:12px; 4905 padding-bottom:12px; 4906 } 4907 4908 4909 4910 4911 4912 4913 </style></section><section id="shopify-section-template--19788893094142__slider_YqDCGG" class="shopify-section section"> 4914 4915 4916 4917<style data-shopify> 4918 4919 4920 #section-template--19788893094142__slider_YqDCGG .c-slider__media { 4921 padding-bottom: 0; 4922 height: 100vh; 4923 } 4924 4925 4926 4927 4928 4929 4930 4931 4932 .c-slider { 4933 position: relative; 4934 overflow: hidden; 4935} 4936.c-slider__controls { 4937 display: flex; 4938 flex-direction: column; 4939 color: #000; 4940 4941} 4942.c-slider__controls--slide { 4943 padding-top: 20px; 4944} 4945.c-slider__controls--position-center { 4946 align-items: center; 4947} 4948.c-slider__controls--position-right { 4949 align-items: end; 4950} 4951.c-slider__dots-nav { 4952 margin: 0 -3px 20px; 4953} 4954.c-slider__dots-nav button { 4955 color: inherit; 4956 cursor: pointer; 4957 padding: 0 3px; 4958 background: 0 0; 4959 border: 0; 4960 font-size: 0; 4961} 4962.c-slider__dots-nav button span { 4963 display: block; 4964 width: 8px; 4965 height: 8px; 4966 border-radius: 50%; 4967 background: 0 0; 4968 border: 1px solid currentColor; 4969 transition: background 0.1s; 4970} 4971.c-slider__dots-nav button:hover span { 4972 background: currentColor; 4973}
4974.c-slider__dots-nav:not(:hover) button.is-active span, 4975.c-slider__dots-nav:not(:hover) button[aria-current="true"] span { 4976 transition: none; 4977 background: currentColor; 4978} 4979.c-slider__arrows-nav { 4980 display: flex; 4981 align-items: center; 4982 margin: -3px 0; 4983} 4984.c-slider__arrows-nav--hide-text button { 4985 font-size: 0; 4986} 4987.c-slider__arrows-nav button { 4988 color: inherit; 4989 cursor: pointer; 4990 display: flex; 4991 align-items: center; 4992 margin: 0 3px; 4993 padding: 0; 4994 background: 0 0; 4995 border: 0; 4996 text-transform: uppercase; 4997 transition: opacity 0.15s; 4998} 4999.c-slider__arrows-nav button:focus, 5000.c-slider__arrows-nav button:hover { 5001 opacity: 0.65; 5002} 5003.c-slider__arrows-nav button[data-direction="next"] svg, 5004.c-slider__arrows-nav button[data-direction="prev"] svg { 5005 width: 30px; 5006 height: 30px; 5007 backface-visibility: hidden; 5008 fill: currentColor; 5009} 5010 5011 5012 5013.c-slider__arrows-nav button[data-direction="prev"] svg { 5014 margin-right: 5px; 5015} 5016.c-slider__arrows-nav button[data-direction="next"] svg { 5017 transform: rotate(180deg); 5018 margin-left: 5px; 5019} 5020.c-slider__arrows-nav--hide-text button[data-direction="next"] svg { 5021 margin-left: 0; 5022} 5023.c-slider__content { 5024 display: flex; 5025 flex-direction: column; 5026 width: 100%; 5027 padding: 2rem; 5028} 5029@media (min-width: 750px) { 5030 .c-slider__content { 5031 padding: 2.3rem 3rem; 5032 } 5033} 5034.c-slider__content :first-child { 5035 margin-top: 0; 5036} 5037.c-slider__content :last-child { 5038 margin-bottom: 0; 5039} 5040.c-slider__content-wrapper { 5041 box-sizing: border-box; 5042} 5043@media (max-width: 749px) { 5044 .c-slider__content-wrapper { 5045 width: 100% !important; 5046 } 5047} 5048@media (min-width: 750px) { 5049 .c-slider__content-wrapper { 5050 display: flex; 5051 flex-direction: row; 5052 width: 100%; 5053 } 5054 .c-slider__content-wrapper--stacked { 5055 flex-direction: column-reverse; 5056 } 5057} 5058.c-slider__media { 5059 overflow: hidden; 5060} 5061.c-slider__media { 5062 position:relative; 5063} 5064.c-slider__media img { 5065 display: block; 5066 max-width: 100%; 5067 position: absolute; 5068 top: 0; 5069 left: 0; 5070 height: 100%; 5071 width: 100%; 5072 object-fit:cover; 5073} 5074.swiper-slide-visible 5075 .c-slider__media:not(.c-slider__media--disable-image-animation) 5076 img { 5077 animation: sliderMediaScale backwards 0.75s 50ms; 5078} 5079@media (min-width: 750px) { 5080 .c-slider__media { 5081 min-width: 100%; 5082 } 5083 .c-slider__media-position--right { 5084 order: 1; 5085 } 5086 .c-slider__media--half-width { 5087 min-width: 50%; 5088 } 5089 .c-slider__media--third-width { 5090 min-width: 33%; 5091 width:33%; 5092 } 5093} 5094@keyframes sliderMediaScale { 5095 from { 5096 transform: scale(1.025); 5097 } 5098 to { 5099 transform: scale(1); 5100 } 5101} 5102 5103 5104 5105 #section-template--19788893094142__slider_YqDCGG .c-slider__controls { 5106 position:absolute; 5107 width:100%; 5108 bottom:0; 5109 left:0; 5110 z-index:2; 5111 } 5112 5113 5114 5115 5116</style> 5117 5118 5119 5120 5121<style data-shopify> 5122#section-template--19788893094142__slider_YqDCGG .c-slider__content h2 { 5123 5124line-height:1.1em; 5125margin-block-end:0.5em !important; 5126 margin-block-start:0.5em !important; 5127 5128} 5129 5130 5131#section-template--19788893094142__slider_YqDCGG .c-slider__content { 5132 padding:4vw 4vw; 5133 justify-content: center; 5134 position:relative; 5135} 5136 5137@media screen and (min-width:750px) { 5138 5139 5140 #section-template--19788893094142__slider_YqDCGG .c-slider__controls { 5141 position:absolute; 5142 width:100%; 5143 bottom:0; 5144 left:0; 5145 z-index:2; 5146 } 5147 5148 5149 5150 5151} 5152 5153@media screen and (min-width:750px) { 5154 5155.description-position--bottomLeft { 5156 position:absolute; 5157 width:100%; 5158 left:2vw; 5159 bottom:2vw; 5160 max-width:30em; 5161 5162} 5163 5164.description-position--bottomRight { 5165 position:absolute; 5166 width:100%; 5167 right:2vw; 5168 bottom:2vw; 5169 max-width:30em; 5170 5171} 5172 5173.description-position--topRight { 5174 position:absolute; 5175 width:100%; 5176 top:2vw; 5177 right:2vw; 5178 max-width:30em; 5179 5180} 5181 5182.description-position--topLeft { 5183 position:absolute; 5184 width:100%; 5185 top:2vw; 5186 left:2vw; 5187 max-width:30em; 5188 5189} 5190 5191} 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201</style> 5202 5203 5204 5205 5206 5207<div class=" testimonial custom_slider" id="section-template--19788893094142__slider_YqDCGG"> 5208 <div class="js-slider c-slider" data-autoplay = "0" data-start-index = "0" data-animation = "fade" data-animation-speed = "500" data-display-dots-nav = false data-display-arrows-nav = true data-display-arrows-nav-text = false data-arrow-nav-icon='<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 330 330" style="enable-background:new 0 0 330 330;" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"> 5209<path id="XMLID_92_" d="M111.213,165.004L250.607,25.607c5.858-5.858,5.858-15.355,0-21.213c-5.858-5.858-15.355-5.858-21.213,0.001 5210 l-150,150.004C76.58,157.211,75,161.026,75,165.004c0,3.979,1.581,7.794,4.394,10.607l150,149.996 5211 C232.322,328.536,236.161,330,240,330s7.678-1.464,10.607-4.394c5.858-5.858,5.858-15.355,0-21.213L111.213,165.004z"></path> 5212</svg>' style="background-color:#4e1c00;"> 5213 <div class="c-slider__inner swiper-wrapper"> 5214 5215 5216 5217 <div class="c-slider__item swiper-slide" > 5218 <div class="c-slider__content-wrapper"><!-- Content Block --> 5219 <div class="c-slider__content" style=" color:#f2e4c8;padding: 0rem;"> 5220 5221 <h2 class="h1" style=" color:#fc4e1b;">"The N<strong>u</strong>Story blend is my go-to"</h2> 5222 <div class="description description-position--default"> 5223 <p>"Not too light, not too dark, it is enjoyably smooth with low acidity and no strong aftertaste. It is the perfect cup to start the morning.â</p><p><strong>Melanie K.</strong></p> 5224 </div><div class="c-slider__button-container"> 5225 <a class="button button--primary" role="link" aria-disabled="true"> 5226 5227 5228 5229 </a> 5230 </div>
5230<div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-center" style="display: none;"></div> 5231 </div> 5232 <!-- end Content Block --> 5233 5234 </div> 5235 </div> 5236 5237 5238 <div class="c-slider__item swiper-slide" > 5239 <div class="c-slider__content-wrapper"><!-- Content Block --> 5240 <div class="c-slider__content" style=" color:#f2e4c8;padding: 0rem;"> 5241 5242 <h2 class="h1" style=" color:#fc4e1b;">âI love Abuelas dark roast coffee"</h2> 5243 <div class="description description-position--default"> 5244 <p>"Itâs a smooth rich flavor that I look forward to every morning.â</p><p><strong>Karen R A.</strong></p> 5245 </div><div class="c-slider__button-container"> 5246 <a class="button button--primary" role="link" aria-disabled="true"> 5247 5248 5249 5250 </a> 5251 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-center" style="display: none;"></div> 5252 </div> 5253 <!-- end Content Block --> 5254 5255 </div> 5256 </div> 5257 5258 5259 <div class="c-slider__item swiper-slide" > 5260 <div class="c-slider__content-wrapper"><!-- Content Block --> 5261 <div class="c-slider__content" style=" color:#f2e4c8;padding: 0rem;"> 5262 5263 <h2 class="h1" style=" color:#fc4e1b;">âThe best coffee around!â</h2> 5264 <div class="description description-position--default"> 5265 <p><strong>Sariya L.</strong></p> 5266 </div><div class="c-slider__button-container"> 5267 <a class="button button--primary" role="link" aria-disabled="true"> 5268 5269 5270 5271 </a> 5272 </div><div class="c-slider__controls c-slider__controls--slide c-slider__controls--position-center" style="display: none;"></div> 5273 </div> 5274 <!-- end Content Block --> 5275 5276 </div> 5277 </div> 5278 5279 5280 </div> 5281 <div class="c-slider__controls c-slider__controls--position-center" style=" padding: 0 0rem 0rem;"> 5282 <div class="c-slider__dots-nav"></div> 5283</div> 5284 </div> 5285</div> 5286 5287 5288 5289<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.css"/>
5290<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.0.6/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 5290
5290
5291<script> 5292/*! 5293 * Slider 5294 * Version: 1.0.0 5295 * License: Commercial License 5296 */ 5297function sectionSlider(){var sliderID=Math.random().toString(36).slice(2),sliderElement=document.querySelector(".js-slider");if(!sliderElement)return null;sliderElement.classList.remove("js-slider"),sliderElement.setAttribute("id","slider-"+sliderID);var options={animation:sliderElement.getAttribute("data-animation"),animationSpeed:+sliderElement.getAttribute("data-animation-speed"),autoplay:sliderElement.getAttribute("data-autoplay"),startIndex:sliderElement.getAttribute("data-start-index"),displayDotsNav:"true"===sliderElement.getAttribute("data-display-dots-nav"),displayArrowsNav:"true"===sliderElement.getAttribute("data-display-arrows-nav"),displayArrowsNavText:"true"===sliderElement.getAttribute("data-display-arrows-nav-text"),arrowNavIcon:sliderElement.getAttribute("data-arrow-nav-icon")||'<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-4.828 11.5l4.608 3.763-.679.737-6.101-5 6.112-5 .666.753-4.604 3.747h11.826v1h-11.828z"/></svg>'},controls=sliderElement.querySelector(".c-slider__controls:not(.c-slider__controls--slide)"),controlDots=controls.querySelector(".c-slider__dots-nav"),slides=[].slice.call(sliderElement.querySelectorAll(".c-slider__item"));function createDotsNav(controls){var nav=document.createElement("div");nav.className="c-slider__dots-nav",controls.appendChild(nav),slides.forEach((function(s,index){var button=document.createElement("button"),buttonInner=document.createElement("span");buttonInner.textContent="Slide "+(index+1),button.appendChild(buttonInner),nav.appendChild(button)}))}function createArrowsNav(controls){var nav=document.createElement("div");nav.className="c-slider__arrows-nav"+(options.displayArrowsNavText?"":" c-slider__arrows-nav--hide-text"),controls.appendChild(nav);var prev=document.createElement("button"),next=document.createElement("button");prev.innerHTML=options.arrowNavIcon+"Prev",next.innerHTML="Next"+options.arrowNavIcon,prev.setAttribute("data-direction","prev"),next.setAttribute("data-direction","next"),nav.appendChild(prev),nav.appendChild(next)}slides.forEach((function(slide){var controls=slide.querySelector(".c-slider__controls");options.displayDotsNav&&createDotsNav(controls),options.displayArrowsNav&&createArrowsNav(controls)})),options.displayArrowsNav&&createArrowsNav(controls);var swiper=new Swiper(sliderElement,{effect:options.animation,speed:options.animationSpeed,fadeEffect:{crossFade:!0},initialSlide:+options.startIndex,pagination:{el:options.displayDotsNav?"#slider-"+sliderID+" > .c-slider__controls .c-slider__dots-nav":null,type:"bullets",bulletElement:"button",bulletClass:"c-slider__dots-nav-item",bulletActiveClass:"is-active",clickable:!0,renderBullet:function(index,className){return'<button class="'+className+'"><span>Slide '+index+"1</span></button>"}},navigation:{nextEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="next"]',prevEl:"#slider-"+sliderID+' .c-slider__arrows-nav button[data-direction="prev"]'},autoplay:"0"!=options.autoplay&&{delay:1e3*+options.autoplay,pauseOnMouseEnter: !0, disableOnInteraction: false },loop:!0});function setActiveDot(){var sliderDotNavElements;[].slice.call(sliderElement.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot){dot.classList.remove("is-active"),swiper.realIndex==dot.getAttribute("data-index")&&dot.classList.add("is-active")}))}swiper.slides.forEach((function(slide){var sliderDotNavElements;[].slice.call(slide.querySelectorAll(".c-slider__dots-nav button")).forEach((function(dot,index){dot.setAttribute("data-index",index),dot.addEventListener("click",(function(){swiper.slideToLoop(index)}))}))})),swiper.on("activeIndexChange",(function(){setActiveDot()})),setActiveDot(),controlDots.classList.remove("swiper-pagination-bullets"),controlDots.classList.remove("swiper-pagination-horizontal")}document.addEventListener("DOMContentLoaded",sectionSlider);</script>
5297 5298
5299<script> 5300 function addAccess() { 5301 5302 5303 5304 var elems =document.querySelectorAll(".c-slider__item:not(:last-child) .c-slider__controls button"); 5305 5306 elems.forEach(function (elem, index) { 5307 5308 elem.setAttribute("tabindex","-1") 5309 }); 5310 5311} 5312 5313document.addEventListener("DOMContentLoaded", addAccess); 5314</script>
5314</section><div id="shopify-section-template--19788893094142__power_section_CR7gzg" class="shopify-section section"><link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-card.css?v=11469293100223554981757595385" rel="stylesheet" type="text/css" media="all" /> 5315<link href="//nustorycoffee.com/cdn/shop/t/7/assets/component-price.css?v=70172745017360139101757595385" rel="stylesheet" type="text/css" media="all" /> 5316<link href="//nustorycoffee.com/cdn/shop/t/7/assets/section-main-product.css?v=141059467971401676601757595386" rel="stylesheet" type="text/css" media="all" /> 5317<style data-shopify> 5318 5319 5320/* COLOR */ 5321.ss-section a:not(.button) { 5322 color: rgba(var(--color-foreground), 1) 5323} 5324 5325 5326 5327 5328/* SECTION */ 5329#section-template--19788893094142__power_section_CR7gzg { 5330 padding-bottom:40px; 5331 padding-top:40px; 5332 5333} 5334 5335@media screen and (max-width: 749px) { 5336 #section-template--19788893094142__power_section_CR7gzg { 5337 padding-top: 30px; 5338 padding-bottom: 30px; 5339 } 5340} 5341 5342.ss-section { 5343 display:flex; 5344 position: relative; 5345} 5346 5347 5348@media screen and (min-width:750px) { 5349 #section-template--19788893094142__power_section_CR7gzg { 5350 min-height: 10vh; 5351 } 5352} 5353 5354/* INLINE WRAPPER */ 5355#section-template--19788893094142__power_section_CR7gzg .ss-inline-wrapper { 5356 width:auto; 5357 inset:0; 5358 position:relative; 5359 z-index:2; 5360} 5361 5362.ss-section .ss-inline-wrapper { 5363 position:absolute; 5364 width:auto; 5365 inset:0; 5366} 5367 5368/* CONTENT WRAPPER */ 5369#section-template--19788893094142__power_section_CR7gzg .ss-content-wrapper { 5370 width:100%; 5371 position:relative; 5372 display:flex; 5373 justify-content:center; 5374 z-index:2; 5375} 5376 5377@media screen and (min-width:750px) { 5378 #section-template--19788893094142__power_section_CR7gzg .ss-content-wrapper { 5379 padding-left:0rem; 5380 padding-right:0rem; 5381 } 5382} 5383 5384@media screen and (max-width:749px) { 5385 .ss-content-wrapper { 5386 flex-direction:column; 5387 } 5388} 5389 5390/* CONTENT */ 5391#section-template--19788893094142__power_section_CR7gzg .ss-content { 5392 align-items:stretch; 5393} 5394 5395@media screen and (min-width:750px) { 5396 #section-template--19788893094142__power_section_CR7gzg .ss-content { 5397 width: 90%; 5398 display:flex; 5399 } 5400} 5401 5402/* GRID */ 5403.ss-col-12 [class*=ss-col] { 5404 float: left; 5405 position:relative; 5406} 5407 5408.ss-col-12 { 5409 width: 100% 5410} 5411 5412.ss-col-12 .ss-col-12 { 5413 width: 100% 5414} 5415 5416.ss-col-12 .ss-col-11 { 5417 width: 91.6667% 5418} 5419 5420.ss-col-12 .ss-col-10 { 5421 width: 83.3333% 5422} 5423 5424.ss-col-12 .ss-col-9 { 5425 width: 75% 5426} 5427 5428.ss-col-12 .ss-col-8 { 5429 width: 66.6667% 5430} 5431 5432.ss-col-12 .ss-col-7 { 5433 width: 58.3333% 5434} 5435 5436.ss-col-12 .ss-col-6 { 5437 width: 50% 5438} 5439 5440.ss-col-12 .ss-col-5 { 5441 width: 41.6667% 5442} 5443 5444.ss-col-12 .ss-col-4 { 5445 width: 33.3333% 5446} 5447 5448.ss-col-12 .ss-col-3 { 5449 width: 25% 5450} 5451 5452.ss-col-12 .ss-col-2 { 5453 width: 16.6667% 5454} 5455 5456.ss-col-12 .ss-col-1 { 5457 width: 8.3333% 5458} 5459 5460.ss-block { 5461 padding:8px; 5462} 5463 5464/* SECTION BACKGROUND */ 5465.section-background { 5466 position:absolute; 5467 inset:0; 5468 z-index: 0; 5469 width:auto; 5470} 5471 5472/* Background image */ 5473.section-background__image { 5474 position:absolute; 5475 inset:0; 5476 z-index:0; 5477 width:auto; 5478 display:block !important; 5479 background-size:cover; 5480 background-position:center; 5481} 5482 5483/* Background video */ 5484.section-background_video { 5485 position:absolute; 5486 inset:0; 5487 z-index:0; 5488 width:auto; 5489 display:block !important; 5490} 5491 5492/* Background overlay */ 5493.section-background__overlay { 5494 position:absolute; 5495 inset:0; 5496 z-index:1; 5497 pointer-events:none; /* keep content clickable */ 5498} 5499 5500 5501 5502/* STYLE SECTION FOR MOBILE */ 5503@media screen and (max-width: 749px) { 5504 #section-template--19788893094142__power_section_CR7gzg .ss-col-12 { 5505 display: flex !important; 5506 flex-direction: column; 5507 gap: 30px !important; 5508 } 5509 5510 .ss-section { 5511 display:flex; 5512 flex-direction:column; 5513 } 5514 5515 5516 #section-template--19788893094142__power_section_CR7gzg .section-background { 5517 display:none; 5518 } 5519 5520 5521 5522} 5523 5524.ss-html-block { 5525 position:relative; 5526} 5527 5528.ss-text__content.ss-grid-block { 5529 flex-direction:column; 5530} 5531 5532.ss-text__content { 5533 text-align:center; 5534} 5535 5536 5537 5538/* Style image */ 5539.ss-image { 5540 display: block; 5541 max-width: 100%; 5542 position: absolute; 5543 top: 0; 5544 left: 0; 5545 height: 100%; 5546 width: 100%; 5547 object-fit: cover; 5548 object-position: center; 5549} 5550 5551 5552.ss-video-block, .ss-overlap-gallery { 5553 position:relative; 5554} 5555 5556.ss-image-wrapper { 5557 height:0; 5558 position:relative; 5559 max-width:100%; 5560} 5561 5562.ss-gallery-video { 5563 width:80%; 5564} 5565 5566.ss-gallery-video video { 5567 object-fit:cover; 5568 height:100%; 5569 width:100%; 5570} 5571 5572.ss-overlap-gallery .ss-overlap-image { 5573 position:absolute; 5574 width:60%; 5575 top:50%; 5576 transform:translateY(-50%); 5577} 5578 5579.ss-grid-block { 5580 display:flex; 5581 position:relative; 5582} 5583 5584.ss-overlap-image .ss-image-wrapper { 5585 height:0; 5586 padding-bottom:100%; 5587} 5588 5589.ss-overlap-gallery .ss-overlap-image img{ 5590 object-fit:cover; 5591} 5592 5593@media screen and (min-width:750px) { 5594 #section-template--19788893094142__power_section_CR7gzg .ss-col-12 { 5595 width: 100%; 5596 display: grid; 5597 grid-template-columns: repeat(9,minmax(0,1fr)); 5598 grid-gap:3vw; 5599 } 5600} 5601 5602 5603.ss-inline--inline_image { 5604 display:inline-block; 5605} 5606 5607.ss-inline-image { 5608 position:relative; 5609} 5610.ss-inline-image img, .ss-decor { 5611 position:absolute; 5612} 5613
5614/* DECOR POSITIONING */ 5615.decor-position--top-right { 5616 right:0; 5617 left:initial; 5618 top:0; 5619} 5620 5621 5622.decor-position--top-left { 5623 left:0; 5624 top:0; 5625} 5626 5627.decor-position--bottom-left { 5628 left:0; 5629 bottom:0; 5630 top:initial; 5631} 5632 5633.decor-position--bottom-right { 5634 right:0; 5635 left:initial; 5636 bottom:0; 5637 top:initial; 5638} 5639 5640.textdecor-position--top { 5641 top:0; 5642 border-bottom:1px solid; 5643} 5644 5645.textdecor-position--bottom { 5646 bottom:0; 5647 border-top:1px solid; 5648} 5649 5650.textdecor-position--right { 5651 position:absolute; 5652 bottom:50%; 5653 right: 0vw; 5654 transform-origin: 100% 50%; 5655 transform: rotate(90deg) translate(50%, 50%); 5656} 5657 5658.textdecor-position--left { 5659 bottom:50%; 5660 left: 0vw; 5661 transform-origin: 0 50%; 5662 transform: rotate(-90deg) translate(-50%, 50%); 5663 5664} 5665 5666.ss-inline--inline_text.ss-decor { 5667 position:absolute; 5668 display:block; 5669 width:100%; 5670 text-align:center; 5671} 5672 5673/* GRID COLUMN */ 5674@media screen and (min-width:750px) { 5675 .ss-grid-span--1 { grid-column:auto/span 1; } 5676 .ss-grid-span--2 { grid-column:auto/span 2; } 5677 .ss-grid-span--3 { grid-column:auto/span 3; } 5678 .ss-grid-span--4 { grid-column:auto/span 4; } 5679 .ss-grid-span--5 { grid-column:auto/span 5; } 5680 .ss-grid-span--6 { grid-column:auto/span 6; } 5681 .ss-grid-span--7 { grid-column:auto/span 7; } 5682 .ss-grid-span--8 { grid-column:auto/span 8; } 5683 .ss-grid-span--9 { grid-column:auto/span 9; } 5684 .ss-grid-span--10 { grid-column:auto/span 10; } 5685 .ss-grid-span--11 { grid-column:auto/span 11; } 5686 .ss-grid-span--12 { grid-column:auto/span 12; } 5687} 5688 5689@media screen and (min-width:750px) { 5690 .ss-grid-rowspan--1 { grid-row:auto/span 1; } 5691 .ss-grid-rowspan--2 { grid-row:auto/span 2; } 5692 .ss-grid-rowspan--3 { grid-row:auto/span 3; } 5693 .ss-grid-rowspan--4 { grid-row:auto/span 4; } 5694 .ss-grid-rowspan--5 { grid-row:auto/span 5; } 5695 .ss-grid-rowspan--6 { grid-row:auto/span 6; } 5696 .ss-grid-rowspan--7 { grid-row:auto/span 7; } 5697 .ss-grid-rowspan--8 { grid-row:auto/span 8; } 5698 .ss-grid-rowspan--9 { grid-row:auto/span 9; } 5699 .ss-grid-rowspan--10 { grid-row:auto/span 10; } 5700 .ss-grid-rowspan--11 { grid-row:auto/span 11; } 5701 .ss-grid-rowspan--12 { grid-row:auto/span 12; } 5702} 5703 5704/* GRID ITEM */ 5705@media screen and (max-width:749px) { 5706 #section-template--19788893094142__power_section_CR7gzg .ss-grid__item { 5707 padding-left: 5vw; 5708 padding-right: 5vw; 5709 } 5710} 5711 5712/* Style grid item positioning */ 5713.ss-grid-item__position--center { 5714 display:flex; 5715 flex-direction:column; 5716 justify-content:center; 5717} 5718 5719.ss-grid-item__position--top { 5720 display:flex; 5721 flex-direction:column; 5722 justify-content:flex-start; 5723} 5724 5725.ss-grid-item__position--bottom { 5726 display:flex; 5727 flex-direction:column; 5728 justify-content:flex-end; 5729} 5730 5731.ss-grid-item__position--stretch { 5732 display:flex; 5733 flex-direction:column; 5734 justify-content:space-between; 5735} 5736 5737/* IMAGE CAPTION WRAP */ 5738.ss-image-caption-wrapper { 5739padding-left:1rem; 5740padding-right:1rem; 5741} 5742 5743/* GRID BORDER (WHEN TURNED ON) */ 5744 5745 5746 5747/* STYLE BACKGROUND IMAGE & VIDEO */ 5748.ss-section img.ss-bg-image , .ss-section .ss-inline-image img{ 5749 display: block; 5750 max-width: 100%; 5751 position: absolute; 5752 top: 0; 5753 left: 0; 5754 height: 100%; 5755 width: 100%; 5756 object-fit:cover; 5757} 5758 5759.ss-section .ss-bg-video,.ss-section .ss-video { 5760 object-fit:cover; 5761 width:100%; 5762 height:100%; 5763} 5764 5765 5766 5767.center-video .section-background { 5768 width:20%; 5769 padding-bottom:20%; 5770 left:50%; 5771 top:50%; 5772 transform:translate(-50%, -50%); 5773 border:3px solid; 5774} 5775 5776.background-split--left .section-background { 5777 width:50%; 5778 5779} 5780 5781.background-third--left .section-background { 5782 width:33.3%; 5783 5784} 5785 5786.background-split--right .section-background { 5787 width:50%; 5788 left:50%; 5789 5790} 5791 5792.background-third--right .section-background { 5793 width:33.36%; 5794 left:66.66%; 5795 5796} 5797 5798.background-split--center .section-background { 5799 width:50%; 5800 left:50%; 5801 top:50%; 5802 transform:translate(-50%, -50%); 5803 padding-bottom:50%; 5804 5805} 5806.ss-decor.decor-center { 5807 left:50%; 5808 top:50%; 5809 transform:translate(-50%, -50%); 5810} 5811 5812.large-headline h2 { 5813 font-size:clamp(2rem,5vw,5vw) !important; 5814} 5815 5816.ss-grid__item.image-fill .ss-image-wrapper { 5817padding-bottom:0; 5818height:100%; 5819 5820} 5821 5822@media screen and (max-width: 749px) { 5823 #section-template--19788893094142__power_section_CR7gzg .ss-grid__item { 5824 order: var(--m-order, 0); 5825 } 5826} 5827 5828.ss-grid__item.image-fill .ss-image { 5829object-fit:cover !important; 5830 5831} 5832 5833.ss-grid__item.video-fill .ss-video-block { 5834height:100% !important; 5835} 5836 5837.adapt-screen .ss-image-wrapper, .adapt-screen .ss-video-wrapper { 5838 padding-bottom:0 !important; 5839} 5840 5841.ss-grid__item.sticky > div:first-child { 5842 position:sticky; 5843 top:0; 5844} 5845 5846.ss-section h1, .ss-section h2, .ss-section h3, .ss-section p { 5847 margin-block-start: 0.5rem; 5848 margin-block-end: 0.5rem; 5849} 5850 5851.ss-grid__item.image-linked .ss-image-caption-wrapper a::before { 5852 content: ''; 5853 position: absolute; 5854 width: 100%; 5855 height: 100%; 5856 background: transparent; 5857 top: 0; 5858 left: 0; 5859} 5860 5861.ss-grid__item.image-linked { 5862 position: relative; 5863} 5864 5865 5866 5867 5868 5869 5870.ss-grid__item.hide-image-caption .ss-image-caption-wrapper a { 5871 font-size: 0; 5872} 5873 5874.ss-grid__item.hide-image-caption .ss-image-caption-wrapper { 5875 height:0; 5876} 5877 5878 5879/* Hide element on mobile */ 5880@media screen and (max-width:749px) { 5881 .hide--mobile { 5882 display:none !important; 5883 } 5884} 5885 5886.sticky { 5887 position:sticky !important; 5888 top:0; 5889} 5890 5891.desc-large .ss-text__content p { 5892 font-family:var(--font-heading-family); 5893 font-size:clamp(3rem,4vw,7rem); 5894 line-height:1.3em; 5895} 5896 5897@media screen and (min-width:750px) { 5898 .vertical-rl > * { 5899 writing-mode:vertical-rl; 5900 justify-content:center; 5901 } 5902} 5903 5904/* DROPDOWN BUTTON */ 5905/* Default hidden */ 5906.ss-dropdown-up .ss-dropdown-panel { 5907 position: absolute; 5908 bottom: 100%; 5909 left: 0; 5910 opacity: 0; 5911 visibility: hidden; 5912 pointer-events: none; 5913 transform: translateY(8px); 5914 transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; 5915 z-index: 30; 5916} 5917 5918/* DESKTOP (devices that support hover): 5919 Show panel when the wrapper OR any of its children (button or panel) 5920 are hovered/focused. Because the panel is a child, hovering it keeps 5921 :hover on the wrapper even if it overflows visually. */ 5922@media (hover: hover) { 5923 .ss-dropdown-up:hover .ss-dropdown-panel, 5924 .ss-dropdown-up:focus-within .ss-dropdown-panel { 5925 opacity: 1; 5926 visibility: visible; 5927 pointer-events: auto; 5928 transform: translateY(0); 5929 transition-delay: 0s; 5930 } 5931} 5932 5933/* MOBILE (no hover): toggle via [data-open="true"] */ 5934@media (hover: none) { 5935 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel { 5936 opacity: 1; 5937 visibility: visible; 5938 pointer-events: auto; 5939 transform: translateY(0); 5940 transition-delay: 0s; 5941 } 5942} 5943 5944 5945.ss-dropdown-up .ss-dropdown-panel { 5946 position: absolute; 5947 bottom: 100%; 5948 left: 0; 5949 background: var(--blue); /* example mint background */ 5950 border-radius: 12px; 5951 padding: 2rem; 5952 width: 100% !important; 5953 text-align: center; 5954} 5955 5956.ss-dropdown-up .ss-dropdown-panel p { 5957 margin-block-end: 0.5rem !important; 5958} 5959 5960.ss-dropdown-up .ss-dropdown-panel a { 5961 margin-block-end: 0 !important; 5962 text-transform: uppercase; 5963 transition: all 0.3s ease; 5964} 5965 5966.ss-dropdown-up .ss-dropdown-panel a:hover {
5967 color: var(--red); 5968} 5969 5970/* Arrow */ 5971.ss-dropdown-up .ss-dropdown-panel::after { 5972 content: ""; 5973 position: absolute; 5974 top:calc(100% - 1px); /* position below the panel */ 5975 left: 20%; 5976 width: 0; 5977 height: 0; 5978 border-left: 10px solid transparent; 5979 border-right: 10px solid transparent; 5980 border-top: 10px solid var(--blue); /* same color as panel bg */ 5981} 5982 5983 5984 5985/* tune once */ 5986.ss-dropdown-up{ 5987 --dropdown-gap: 5px; /* visual space between button & panel */ 5988 --dropdown-bg: var(--blue, #b2dfdb); 5989} 5990 5991/* the panel sits above the button */ 5992.ss-dropdown-up .ss-dropdown-panel{ 5993 position:absolute; 5994 bottom:100%; 5995 left:0; 5996 margin-bottom: var(--dropdown-gap); /* creates the visual gap */ 5997 background: var(--dropdown-bg); 5998 border-radius:12px; 5999 padding:2rem; 6000 opacity:0; visibility:hidden; pointer-events:none; 6001 transition: opacity .18s ease, visibility 0s linear .18s; 6002 z-index:30; 6003} 6004 6005/* show rules (same as you had) */ 6006@media (hover:hover){ 6007 .ss-dropdown-up:hover .ss-dropdown-panel, 6008 .ss-dropdown-up:focus-within .ss-dropdown-panel{ 6009 opacity:1; visibility:visible; pointer-events:auto; 6010 transition-delay:0s; 6011 } 6012} 6013@media (hover:none){ 6014 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel{ 6015 opacity:1; visibility:visible; pointer-events:auto; 6016 transition-delay:0s; 6017 } 6018} 6019 6020/* smooth pop without fighting any inline transform used for centering */ 6021.ss-dropdown-up .ss-dropdown-panel__inner{ 6022 transform: translateY(8px); 6023 transition: transform .18s ease; 6024} 6025@media (hover:hover){ 6026 .ss-dropdown-up:hover .ss-dropdown-panel__inner, 6027 .ss-dropdown-up:focus-within .ss-dropdown-panel__inner{ transform: translateY(0); } 6028} 6029@media (hover:none){ 6030 .ss-dropdown-up[data-open="true"] .ss-dropdown-panel__inner{ transform: translateY(0); } 6031} 6032 6033/* invisible bridge covering the "gap" so hover doesn't drop */ 6034.ss-dropdown-up .ss-dropdown-panel::before{ 6035 content:""; 6036 position:absolute; 6037 top:100%; left:0; right:0; 6038 height: var(--dropdown-gap); /* the bridge */ 6039} 6040 6041 6042 6043 6044 6045/* BLOG POST BLOCK */ 6046.ss-article-card { display:flex; flex-direction:column; gap:.5rem; } 6047.ss-article-meta { font-size:.9rem; opacity:.75; } 6048.ss-article-excerpt { margin-top:.25rem; } 6049 6050 6051/* ANIMATIONS */ 6052/* Full rotate */ 6053@keyframes ss-rotate-360 { 6054 from { transform: rotate(0deg); } 6055 to { transform: rotate(360deg); } 6056} 6057 6058/* Side by side rotate */ 6059@keyframes ss-rotate-sway { 6060 0% { transform: rotate(-6deg); } 6061 50% { transform: rotate(6deg); } 6062 100% { transform: rotate(-6deg); } 6063} 6064 6065/* Up and down */ 6066@keyframes ss-up-and-down { 6067 0% { transform: translateY(-1.5rem); } 6068 50% { transform: translateY(1.5rem); } 6069 100% { transform: translateY(-1.5rem); } 6070} 6071 6072</style> 6073 6074
6075<script> 6076(() => { 6077 function isHoverCapable() { 6078 return window.matchMedia && window.matchMedia('(hover: hover)').matches; 6079 } 6080 6081 function closeAll(except) { 6082 document.querySelectorAll('.ss-dropdown-up[data-open="true"]').forEach(el => { 6083 if (el !== except) { 6084 el.dataset.open = "false"; 6085 const btn = el.querySelector('.ss-dropdown-trigger'); 6086 const panel = el.querySelector('.ss-dropdown-panel'); 6087 btn && btn.setAttribute('aria-expanded', 'false'); 6088 panel && panel.setAttribute('aria-hidden', 'true'); 6089 } 6090 }); 6091 } 6092 6093 // Click/tap to toggle (primarily for mobile) 6094 document.addEventListener('click', (e) => { 6095 const wrap = e.target.closest('.ss-dropdown-up'); 6096 const isTrigger = e.target.closest('.ss-dropdown-trigger'); 6097 6098 // Clicked outside any dropdown: close all 6099 if (!wrap) { 6100 closeAll(); 6101 return; 6102 } 6103 6104 // If trigger clicked: toggle open state 6105 if (isTrigger) { 6106 const open = wrap.dataset.open === 'true'; 6107 // On hover-capable devices we still toggle state, 6108 // but CSS on desktop ignores [data-open] (it only uses :hover / :focus-within), 6109 // so leaving the area will close as desired. 6110 closeAll(wrap); 6111 wrap.dataset.open = open ? 'false' : 'true'; 6112 6113 const btn = isTrigger; 6114 const panel = wrap.querySelector('.ss-dropdown-panel'); 6115 btn.setAttribute('aria-expanded', (!open).toString()); 6116 panel && panel.setAttribute('aria-hidden', open.toString()); 6117 } else if (!isHoverCapable()) { 6118 // On mobile: clicking inside the panel shouldn't close it. 6119 // Do nothing so panel stays open until outside click or trigger click. 6120 } 6121 }); 6122 6123 // Esc closes any open dropdown (both desktop & mobile) 6124 document.addEventListener('keydown', (e) => { 6125 if (e.key === 'Escape') { 6126 closeAll(); 6127 } 6128 }); 6129})(); 6130</script>
6130 6131 6132 6133 6134 6135 6136<section class="section ss-section color-background-1 custom-address_section" id="section-template--19788893094142__power_section_CR7gzg"> 6137 6138 <div class="section-background"> 6139 6140 6141 6142 6143 6144 6145 6146 6147 </div> 6148 6149 <div class="ss-inline-wrapper"> 6150 6151 6152 6153 6154</div> 6155 6156 <div class="ss-content-wrapper "> 6157 <div class="ss-content"> 6158 6159 6160 <div class="ss-col-12"> 6161 <div 6162 class="ss-grid__item ss-grid__item--content ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center custom-address_heading " 6163 style="--m-order: 0;" 6164 ><div class="ss-text__content ss-grid-block" style="text-align:left; padding:1rem"> 6165 6166 6167 <h2 class="h1">Where to find us locally</h2> 6168 6169 6170 6171 6172 6173 6174 <div class="home-map-illustration"> 6175<img src="https://cdn.shopify.com/s/files/1/0719/0170/8542/files/NU-Design_Elements_NU-Bean-Point-FrenchPuce.png?v=1758691807" style="width:100%; height: auto"> 6176</div> 6177 6178 6179 6180 6181 6182 6183 </div></div> 6184 <div 6185 class="ss-grid__item ss-grid__item--Spacer ss-grid-span--1 ss-grid-rowspan--1 ss-grid-item__position--center hide--mobile " 6186 style="--m-order: 0;" 6187 ><div class="ss-spacer" style="height:100px;width:100%;"> 6188 6189 </div></div> 6190 <div 6191 class="ss-grid__item ss-grid__item--dropdown_up ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center " 6192 style="--m-order: 0;" 6193 ><div class="ss-dropdown-up ss-grid-block" 6194 style="position:relative; z-index:5;"> 6195 <button 6196 class="ss-dropdown-trigger button button--primary" 6197 type="button" 6198 aria-expanded="false" 6199 aria-controls="dd-dropdown_up_DPjNKf" 6200 data-open-on-hover="true" 6201 > 6202 Greater Springfield Farmers Market 6203 </button> 6204 6205 <div 6206 id="dd-dropdown_up_DPjNKf" 6207 class="ss-dropdown-panel" 6208 role="region" 6209 aria-hidden="true" 6210 style=" 6211 width: 250px; 6212 left:50%; transform:translateX(-50%); 6213 " 6214 > 6215 <div class="ss-dropdown-panel__inner"> 6216 <p>2825 S Glenstone Ave Ste 101, <br/>Springfield, MO 65804</p><p><a href="https://springfieldfarmersmarket.com/" target="_blank" title="https://springfieldfarmersmarket.com/">Website</a></p> 6217 </div> 6218 </div> 6219 </div></div> 6220 <div 6221 class="ss-grid__item ss-grid__item--dropdown_up ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center " 6222 style="--m-order: 0;" 6223 ><div class="ss-dropdown-up ss-grid-block" 6224 style="position:relative; z-index:5;"> 6225 <button 6226 class="ss-dropdown-trigger button button--primary" 6227 type="button" 6228 aria-expanded="false" 6229 aria-controls="dd-dropdown_up_MR6hwG" 6230 data-open-on-hover="true" 6231 > 6232 Mama Jean's Natural Market 6233 </button> 6234 6235 <div 6236 id="dd-dropdown_up_MR6hwG" 6237 class="ss-dropdown-panel" 6238 role="region" 6239 aria-hidden="true" 6240 style=" 6241 width: 250px; 6242 left:50%; transform:translateX(-50%); 6243 " 6244 > 6245 <div class="ss-dropdown-panel__inner"> 6246 <p>3530 E Sunshine St, <br/>Springfield, MO 65809</p><p><a href="https://www.mamajeansmarket.com/" target="_blank" title="https://www.mamajeansmarket.com/">Website</a></p> 6247 </div> 6248 </div> 6249 </div></div> 6250 <div 6251 class="ss-grid__item ss-grid__item--dropdown_up ss-grid-span--2 ss-grid-rowspan--1 ss-grid-item__position--center " 6252 style="--m-order: 0;" 6253 ><div class="ss-dropdown-up ss-grid-block" 6254 style="position:relative; z-index:5;"> 6255 <button 6256 class="ss-dropdown-trigger button button--primary" 6257 type="button" 6258 aria-expanded="false" 6259 aria-controls="dd-dropdown_up_gDKaMk" 6260 data-open-on-hover="true" 6261 > 6262 Hy-Vee 6263 </button> 6264 6265 <div 6266 id="dd-dropdown_up_gDKaMk" 6267 class="ss-dropdown-panel" 6268 role="region" 6269 aria-hidden="true" 6270 style=" 6271 width: 250px; 6272 left:0; 6273 " 6274 > 6275 <div class="ss-dropdown-panel__inner"> 6276 <p>1720 W Battlefield Rd, <br/>Springfield, MO 65807</p><p><a href="https://www.hy-vee.com/stores/detail.aspx?s=1018&srsltid=AfmBOoo_ZlooiBUBvcvng_mjyCeaqS7n6fRuPyojWS5kuqvwYBCBbBE3" target="_blank" title="https://www.hy-vee.com/stores/detail.aspx?s=1018&srsltid=AfmBOoo_ZlooiBUBvcvng_mjyCeaqS7n6fRuPyojWS5kuqvwYBCBbBE3">Website</a></p> 6277 </div> 6278 </div> 6279 </div></div></div> <!--ss-col-12 --> 6280 </div> <!--ss-content --> 6281 6282 </div> <!--Content Wrapper --> 6283 6284 </section> 6285 6286 6287 6288 6289 6290 6291 6292
6293<script> 6294 function decorAccess() { 6295 var decors =document.querySelectorAll(".ss-text__content a[title*='decor']"); 6296 6297 if (decors) { 6298 decors.forEach(function (decor, index) { 6299 6300 decor.setAttribute("tabindex","-1") 6301 }); 6302 6303 } 6304 6305} 6306 6307document.addEventListener("DOMContentLoaded", decorAccess); 6308 6309</script>
6309 6310 6311 6312 6313</div> 6314 </main> 6315 6316 <!-- BEGIN sections: footer-group --> 6317<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" /> 6318<style data-shopify> 6319 6320 6321/* COLOR */ 6322.ss-section a:not(.button) { 6323 color: rgba(var(--color-foreground), 1) 6324} 6325 6326/* SECTION */ 6327#section-sections--19788893356286__0_custom_footer_TWxAqz { 6328 padding-bottom:40px; 6329 padding-top:40px; 6330 6331} 6332 6333@media screen and (max-width: 749px) { 6334 #section-sections--19788893356286__0_custom_footer_TWxAqz { 6335 padding-top: 30px; 6336 padding-bottom: 30px; 6337 } 6338} 6339 6340.ss-section { 6341 display:flex; 6342 position: relative; 6343} 6344 6345 6346@media screen and (min-width:750px) { 6347 #section-sections--19788893356286__0_custom_footer_TWxAqz { 6348 min-height: 10vh; 6349 } 6350} 6351 6352/* INLINE WRAPPER */ 6353#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-inline-wrapper { 6354 width:auto; 6355 inset:0; 6356 position:relative; 6357 z-index:2; 6358} 6359 6360.ss-section .ss-inline-wrapper { 6361 position:absolute; 6362 width:auto; 6363 inset:0; 6364} 6365 6366/* CONTENT WRAPPER */ 6367#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content-wrapper { 6368 width:100%; 6369 position:relative; 6370 display:flex; 6371 justify-content:center; 6372 z-index:2; 6373} 6374 6375@media screen and (min-width:750px) { 6376 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content-wrapper { 6377 padding-left:10rem; 6378 padding-right:10rem; 6379 } 6380} 6381 6382@media screen and (max-width:749px) { 6383 .ss-content-wrapper { 6384 flex-direction:column; 6385 } 6386} 6387 6388/* CONTENT */ 6389#section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content { 6390 align-items:stretch; 6391} 6392 6393@media screen and (min-width:750px) { 6394 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-content { 6395 width: 100%; 6396 display:flex; 6397 } 6398} 6399 6400/* GRID */ 6401.ss-col-12 [class*=ss-col] { 6402 float: left; 6403 position:relative; 6404} 6405 6406.ss-col-12 { 6407 width: 100% 6408} 6409 6410.ss-col-12 .ss-col-12 { 6411 width: 100% 6412} 6413 6414.ss-col-12 .ss-col-11 { 6415 width: 91.6667% 6416} 6417 6418.ss-col-12 .ss-col-10 { 6419 width: 83.3333% 6420} 6421 6422.ss-col-12 .ss-col-9 { 6423 width: 75% 6424} 6425 6426.ss-col-12 .ss-col-8 { 6427 width: 66.6667% 6428} 6429 6430.ss-col-12 .ss-col-7 { 6431 width: 58.3333% 6432} 6433 6434.ss-col-12 .ss-col-6 { 6435 width: 50% 6436} 6437 6438.ss-col-12 .ss-col-5 { 6439 width: 41.6667% 6440} 6441 6442.ss-col-12 .ss-col-4 { 6443 width: 33.3333% 6444} 6445 6446.ss-col-12 .ss-col-3 { 6447 width: 25% 6448} 6449 6450.ss-col-12 .ss-col-2 { 6451 width: 16.6667% 6452} 6453 6454.ss-col-12 .ss-col-1 { 6455 width: 8.3333% 6456} 6457 6458.ss-block { 6459 padding:8px; 6460} 6461 6462/* SECTION BACKGROUND */ 6463.section-background { 6464 position:absolute; 6465 inset:0; 6466 z-index: 0; 6467 width:auto; 6468} 6469 6470/* Background image */ 6471.section-background__image { 6472 position:absolute; 6473 inset:0; 6474 z-index:0; 6475 width:auto; 6476 display:block !important; 6477 background-size:cover; 6478 background-position:center; 6479} 6480 6481/* Background overlay */ 6482.section-background__overlay { 6483 position:absolute; 6484 inset:0; 6485 z-index:1; 6486 pointer-events:none; /* keep content clickable */ 6487} 6488 6489 6490 6491/* STYLE SECTION FOR MOBILE */ 6492@media screen and (max-width: 749px) { 6493 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-col-12 { 6494 display: flex !important; 6495 flex-direction: column; 6496 gap: 50px !important; 6497 } 6498 6499 .ss-section { 6500 display:flex; 6501 flex-direction:column; 6502 } 6503 6504 6505 #section-sections--19788893356286__0_custom_footer_TWxAqz .section-background { 6506 display:none; 6507 } 6508 6509 6510 6511} 6512 6513.ss-html-block { 6514 position:relative; 6515} 6516 6517.ss-text__content.ss-grid-block { 6518 flex-direction:column; 6519} 6520 6521.ss-text__content { 6522 text-align:center; 6523} 6524 6525 6526 6527/* Style image */ 6528.ss-image { 6529 display: block; 6530 max-width: 100%; 6531 position: absolute; 6532 top: 0; 6533 left: 0; 6534 height: 100%; 6535 width: 100%; 6536 object-fit: cover; 6537 object-position: center; 6538} 6539 6540 6541.ss-overlap-gallery { 6542 position:relative; 6543} 6544 6545.ss-image-wrapper { 6546 height:0; 6547 position:relative; 6548 max-width:100%; 6549} 6550 6551.ss-overlap-gallery .ss-overlap-image { 6552 position:absolute; 6553 width:60%; 6554 top:50%; 6555 transform:translateY(-50%); 6556} 6557 6558.ss-grid-block { 6559 display:flex; 6560 position:relative; 6561} 6562 6563.ss-overlap-image .ss-image-wrapper { 6564 height:0; 6565 padding-bottom:100%; 6566} 6567 6568.ss-overlap-gallery .ss-overlap-image img{ 6569 object-fit:cover; 6570} 6571 6572@media screen and (min-width:750px) { 6573 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-col-12 { 6574 width: 100%; 6575 display: grid; 6576 grid-template-columns: repeat(12,minmax(0,1fr)); 6577 grid-gap:1vw; 6578 } 6579} 6580 6581 6582.ss-inline--inline_image { 6583 display:inline-block; 6584} 6585 6586.ss-inline-image { 6587 position:relative; 6588} 6589.ss-inline-image img, .ss-decor { 6590 position:absolute; 6591} 6592
6593/* DECOR POSITIONING */ 6594.decor-position--top-right { 6595 right:0; 6596 left:initial; 6597 top:0; 6598} 6599 6600 6601.decor-position--top-left { 6602 left:0; 6603 top:0; 6604} 6605 6606.decor-position--bottom-left { 6607 left:0; 6608 bottom:0; 6609 top:initial; 6610} 6611 6612.decor-position--bottom-right { 6613 right:0; 6614 left:initial; 6615 bottom:0; 6616 top:initial; 6617} 6618 6619.textdecor-position--top { 6620 top:0; 6621 border-bottom:1px solid; 6622} 6623 6624.textdecor-position--bottom { 6625 bottom:0; 6626 border-top:1px solid; 6627} 6628 6629.textdecor-position--right { 6630 position:absolute; 6631 bottom:50%; 6632 right: 0vw; 6633 transform-origin: 100% 50%; 6634 transform: rotate(90deg) translate(50%, 50%); 6635} 6636 6637.textdecor-position--left { 6638 bottom:50%; 6639 left: 0vw; 6640 transform-origin: 0 50%; 6641 transform: rotate(-90deg) translate(-50%, 50%); 6642 6643} 6644 6645.ss-inline--inline_text.ss-decor { 6646 position:absolute; 6647 display:block; 6648 width:100%; 6649 text-align:center; 6650} 6651 6652/* GRID COLUMN */ 6653@media screen and (min-width:750px) { 6654 .ss-grid-span--1 { grid-column:auto/span 1; } 6655 .ss-grid-span--2 { grid-column:auto/span 2; } 6656 .ss-grid-span--3 { grid-column:auto/span 3; } 6657 .ss-grid-span--4 { grid-column:auto/span 4; } 6658 .ss-grid-span--5 { grid-column:auto/span 5; } 6659 .ss-grid-span--6 { grid-column:auto/span 6; } 6660 .ss-grid-span--7 { grid-column:auto/span 7; } 6661 .ss-grid-span--8 { grid-column:auto/span 8; } 6662 .ss-grid-span--9 { grid-column:auto/span 9; } 6663 .ss-grid-span--10 { grid-column:auto/span 10; } 6664 .ss-grid-span--11 { grid-column:auto/span 11; } 6665 .ss-grid-span--12 { grid-column:auto/span 12; } 6666} 6667 6668@media screen and (min-width:750px) { 6669 .ss-grid-rowspan--1 { grid-row:auto/span 1; } 6670 .ss-grid-rowspan--2 { grid-row:auto/span 2; } 6671 .ss-grid-rowspan--3 { grid-row:auto/span 3; } 6672 .ss-grid-rowspan--4 { grid-row:auto/span 4; } 6673 .ss-grid-rowspan--5 { grid-row:auto/span 5; } 6674 .ss-grid-rowspan--6 { grid-row:auto/span 6; } 6675 .ss-grid-rowspan--7 { grid-row:auto/span 7; } 6676 .ss-grid-rowspan--8 { grid-row:auto/span 8; } 6677 .ss-grid-rowspan--9 { grid-row:auto/span 9; } 6678 .ss-grid-rowspan--10 { grid-row:auto/span 10; } 6679 .ss-grid-rowspan--11 { grid-row:auto/span 11; } 6680 .ss-grid-rowspan--12 { grid-row:auto/span 12; } 6681} 6682 6683/* GRID ITEM */ 6684@media screen and (max-width:749px) { 6685 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-grid__item { 6686 padding-left: 7vw; 6687 padding-right: 7vw; 6688 } 6689} 6690 6691/* Style grid item positioning */ 6692.ss-grid-item__position--center { 6693 display:flex; 6694 flex-direction:column; 6695 justify-content:center; 6696} 6697 6698.ss-grid-item__position--top { 6699 display:flex; 6700 flex-direction:column; 6701 justify-content:flex-start; 6702} 6703 6704.ss-grid-item__position--bottom { 6705 display:flex; 6706 flex-direction:column; 6707 justify-content:flex-end; 6708} 6709 6710.ss-grid-item__position--stretch { 6711 display:flex; 6712 flex-direction:column; 6713 justify-content:space-between; 6714} 6715 6716/* IMAGE CAPTION WRAP */ 6717.ss-image-caption-wrapper { 6718padding-left:1rem; 6719padding-right:1rem; 6720} 6721 6722/* GRID BORDER (WHEN TURNED ON) */ 6723 6724 6725 6726/* STYLE BACKGROUND IMAGE */ 6727.ss-section img.ss-bg-image , .ss-section .ss-inline-image img{ 6728 display: block; 6729 max-width: 100%; 6730 position: absolute; 6731 top: 0; 6732 left: 0; 6733 height: 100%; 6734 width: 100%; 6735 object-fit:cover; 6736} 6737 6738.center-video .section-background { 6739 width:20%; 6740 padding-bottom:20%; 6741 left:50%; 6742 top:50%; 6743 transform:translate(-50%, -50%); 6744 border:3px solid; 6745} 6746 6747.background-split--left .section-background { 6748 width:50%; 6749 6750} 6751 6752.background-third--left .section-background { 6753 width:33.3%; 6754 6755} 6756 6757.background-split--right .section-background { 6758 width:50%; 6759 left:50%; 6760 6761} 6762 6763.background-third--right .section-background { 6764 width:33.36%; 6765 left:66.66%; 6766 6767} 6768 6769.background-split--center .section-background { 6770 width:50%; 6771 left:50%; 6772 top:50%; 6773 transform:translate(-50%, -50%); 6774 padding-bottom:50%; 6775 6776} 6777.ss-decor.decor-center { 6778 left:50%; 6779 top:50%; 6780 transform:translate(-50%, -50%); 6781} 6782 6783.large-headline h2 { 6784 font-size:clamp(2rem,5vw,5vw) !important; 6785} 6786 6787.ss-grid__item.image-fill .ss-image-wrapper { 6788padding-bottom:0; 6789height:100%; 6790 6791} 6792 6793@media screen and (max-width: 749px) { 6794 #section-sections--19788893356286__0_custom_footer_TWxAqz .ss-grid__item { 6795 order: var(--m-order, 0); 6796 } 6797} 6798 6799.ss-grid__item.image-fill .ss-image { 6800 object-fit:cover !important; 6801} 6802 6803.adapt-screen .ss-image-wrapper { 6804 padding-bottom:0 !important; 6805} 6806 6807.ss-grid__item.sticky > div:first-child { 6808 position:sticky; 6809 top:0; 6810} 6811 6812.ss-section h1, .ss-section h2, .ss-section h3, .ss-section p { 6813 margin-block-start: 0.5rem; 6814 margin-block-end: 0.5rem; 6815} 6816 6817.ss-grid__item.image-linked .ss-image-caption-wrapper a::before { 6818 content: ''; 6819 position: absolute; 6820 width: 100%; 6821 height: 100%; 6822 background: transparent; 6823 top: 0; 6824 left: 0; 6825} 6826 6827.ss-grid__item.image-linked { 6828 position: relative; 6829} 6830 6831.ss-grid__item.hide-image-caption .ss-image-caption-wrapper a { 6832 font-size: 0; 6833} 6834 6835.ss-grid__item.hide-image-caption .ss-image-caption-wrapper { 6836 height:0; 6837} 6838 6839 6840/* Hide element on mobile */ 6841@media screen and (max-width:749px) { 6842 .hide--mobile { 6843 display:none !important; 6844 } 6845} 6846 6847.sticky { 6848 position:sticky !important; 6849 top:0; 6850} 6851 6852@media screen and (min-width:750px) { 6853 .vertical-rl > * { 6854 writing-mode:vertical-rl; 6855 justify-content:center; 6856 } 6857} 6858 6859/* MENU BLOCK */ 6860.ss-links-block { width: 100%; } 6861.ss-links { 6862 list-style: none; 6863 margin: 0; 6864 padding: 0; 6865 display: flex; 6866 flex-wrap: wrap; 6867 gap: var(--ss-link-gap, .75rem); 6868} 6869 6870.ss-links--column { flex-direction: column; } 6871.ss-links--row { flex-direction: row; } 6872.ss-links a.ss-link { text-decoration: none; } 6873.ss-links a.ss-link:hover { text-decoration: underline; } 6874.ss-links .is-upcase { text-transform: uppercase; letter-spacing: .04em; } 6875.ss-links li { position: relative; } 6876 6877/* Simple second-level styling */ 6878.ss-sublinks { 6879 list-style: none; 6880 margin: .5rem 0 0; 6881 padding-left: 1rem; 6882} 6883 6884/* SOCIAL MEDIA BLOCK */ 6885.ss-social-block { width: 100%; } 6886 6887.ss-social { 6888 list-style: none; 6889 margin: 0; 6890 padding: 0; 6891 display: flex; 6892 gap: var(--icon-gap, .75rem); 6893} 6894 6895.ss-social--row { flex-direction: row; align-items: center; } 6896.ss-social--column { 6897 display: flex; 6898 flex-direction: row; 6899 gap: 1rem; 6900} 6901.ss-social a { 6902 display: inline-flex; 6903 line-height: 1; 6904 text-decoration: none; 6905} 6906 6907.ss-social .icon { 6908 width: var(--icon-size, 20px); 6909 height: var(--icon-size, 20px); 6910} 6911 6912.footer_socials-block { 6913 display: flex; 6914 flex-direction: row; 6915} 6916 6917/* ANIMATIONS */ 6918/* Full rotate */ 6919@keyframes ss-rotate-360 { 6920 from { transform: rotate(0deg); } 6921 to { transform: rotate(360deg); } 6922} 6923 6924/* Side by side rotate */ 6925@keyframes ss-rotate-sway { 6926 0% { transform: rotate(-6deg); } 6927 50% { transform: rotate(6deg); } 6928 100% { transform: rotate(-6deg); } 6929} 6930 6931/* Up and down */ 6932@keyframes ss-up-and-down { 6933 0% { transform: translateY(-1.5rem); } 6934 50% { transform: translateY(1.5rem); } 6935 100% { transform: translateY(-1.5rem); } 6936} 6937 6938</style> 6939 6940 6941<section class="section ss-section color-accent-1 custom-footer_section" id="section-sections--19788893356286__0_custom_footer_TWxAqz"> 6942 6943 <div class="section-background"> 6944 6945 6946 6947 6948
6949 </div> 6950 6951 <div class="ss-inline-wrapper"> 6952 6953 6954 6955</div> 6956 6957 <div class="ss-content-wrapper "> 6958 <div class="ss-content"> 6959 6960 6961 <div class="ss-col-12"> 6962 <div 6963 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" 6964 style="--m-order: 0;" 6965 block.shopify_attributes }}> 6966<!-- Grid Item Image --> 6967 <div class="ss-image-wrapper ss-grid-block" 6968 style="padding-bottom: 115.0093808630394%; "> 6969 <a href="/" class="footer_logo-link"> 6970 <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&width=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"> 6971 </a> 6972 </div> 6973 6974 6975 6976 <div class="ss-image-caption-wrapper"> 6977 6978 </div> 6979 6980 6981 6982</div> 6983 <div 6984 class="ss-grid__item ss-grid__item--menu ss-grid-span--8 ss-grid-rowspan--1 ss-grid-item__position--center footer_links " 6985 style="--m-order: 0;" 6986 block.shopify_attributes }}> 6987 6988<nav class="ss-links-block ss-grid-block" style="text-align:left;" > 6989 <ul class="ss-links ss-links--column" 6990 style="justify-content:center; --ss-link-gap: 0rem;" > 6991 6992 <li> 6993 6994 <a class="ss-link is-upcase" href="/collections/shop-all">Shop</a> 6995 6996 6997 6998 </li> 6999 7000 <li> 7001 7002 <a class="ss-link is-upcase" href="/pages/wholesale">Wholesale</a> 7003 7004 7005 7006 </li> 7007 7008 <li> 7009 7010 <a class="ss-link is-upcase" href="/#location">Find Us Locally</a> 7011 7012 7013 7014 </li> 7015 7016 <li> 7017 7018 <a class="ss-link is-upcase" href="/pages/about">About</a> 7019 7020 7021 7022 </li> 7023 7024 <li> 7025 7026 <a class="ss-link is-upcase" href="/blogs/news">
7026The Brū Guide </a> 7027 7028 7029 7030 </li> 7031 7032 <li> 7033 7034 <a class="ss-link is-upcase" href="/pages/contact">Contact Us</a> 7035 7036 7037 7038 </li> 7039 7040 </ul> 7041 </nav> 7042 7043</div> 7044 <div 7045 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 " 7046 style="--m-order: 0;" 7047 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"> 7048 <ul class="ss-social ss-social--column" style="--icon-gap: 0rem; --icon-size: 30px;"><li> 7049 <a href="https://www.instagram.com/nustorycoffee/" aria-label="Instagram" target="_blank" rel="noopener"> 7050 <svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> 7051 <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"/> 7052</svg> 7053 7054 </a> 7055 </li><li> 7056 <a href="https://www.facebook.com/people/N%C5%ABstory-Coffee-Co/61569522399945/" aria-label="TikTok" target="_blank" rel="noopener"> 7057 <svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> 7058 <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"/> 7059</svg> 7060 7061 </a> 7062 </li></ul> 7063 </div> 7064 </div></div> 7065 <div 7066 class="ss-grid__item ss-grid__item--content ss-grid-span--12 ss-grid-rowspan--1 ss-grid-item__position--top footer_legal " 7067 style="--m-order: 0;" 7068 block.shopify_attributes }}><div class="ss-text__content ss-grid-block" style="text-align:center; padding:1rem"> 7069 7070 7071 <h2 class="h2"></h2> 7072 7073 7074 <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/">
7074Letters + Lines Creative Co</a></p> 7075 7076 7077 7078 7079 </div></div></div> <!--ss-col-12 --> 7080 </div> <!--ss-content --> 7081 7082 </div> <!--Content Wrapper --> 7083 7084 </section> 7085 7086 7087 7088
7089<script> 7090 function decorAccess() { 7091 var decors =document.querySelectorAll(".ss-text__content a[title*='decor']"); 7092 7093 if (decors) { 7094 decors.forEach(function (decor, index) { 7095 7096 decor.setAttribute("tabindex","-1") 7097 }); 7098 7099 } 7100 7101} 7102 7103document.addEventListener("DOMContentLoaded", decorAccess); 7104 7105</script>
7105 7106 7107 7108 7109</div> 7110<!-- END sections: footer-group --> 7111 <div id="shopify-section-color-swatches" class="shopify-section"> 7112 7113<style> 7114.product-swatches-label { 7115 font-size: 30px !important; 7116 width: 1em; 7117 height: 1em; 7118 position: relative; 7119 padding: 0 !important; 7120 border: 0 !important; 7121 color: #000 !important; 7122 background-size: cover; 7123 margin-right: calc(0.2rem + 4px) !important; 7124} 7125 7126.product-swatches-label span { 7127 font-size: 0 !important; 7128} 7129 7130.product-swatches-label::before { 7131 content: ""; 7132 border: var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity)); 7133 width: 1.2em; 7134 height: 1.2em; 7135 display: block; 7136 position: absolute; 7137 top: -0.1em !important; 7138 left: -0.1em !important; 7139 transition: border var(--duration-short) ease; 7140} 7141 7142input:checked + .product-swatches-label::before, 7143.product-swatches-label:hover::before, 7144.product-swatches-label:focus::before { 7145 border-color: var(--color-foreground); 7146} 7147 7148/* Tooltip */ 7149.product-swatches-label__tooltip { 7150 display: block; 7151 7152 left: 50%; 7153 bottom: 100%; 7154 margin-top: 0; 7155 margin-bottom: 0.428em; 7156 transform: translate(-50%, 8px); 7157 box-sizing: border-box; 7158 position: absolute; 7159 z-index: 100; 7160 padding: 0.7em 1em; 7161 white-space: nowrap; 7162 background-color: rgba(var(--color-foreground)); 7163 color: rgb(var(--color-background)); 7164 border-radius: var(--variant-pills-radius); 7165 font-size: 14px; 7166 line-height: 1; 7167 -webkit-backface-visibility: hidden; 7168 backface-visibility: hidden; 7169 opacity: 0; 7170 visibility: visible; 7171 pointer-events: none; 7172 transition: opacity 0.25s ease-out, visibility 0.25s ease-out, transform 0.25s ease-out; 7173} 7174 7175/* Tooltip Arrow */ 7176.product-swatches-label__tooltip::before { 7177 content: ''; 7178 top: 100%; 7179 bottom: auto; 7180 position: absolute; 7181 width: 0; 7182 height: 0; 7183 left: 50%; 7184 transform: translateX(-50%); 7185 border-top: 0.428em solid rgba(var(--color-foreground)); 7186 border-right: 0.428em solid transparent; 7187 border-left: 0.428em solid transparent; 7188 border-bottom: none; 7189} 7190 7191/* Show Tooltip */ 7192.product-swatches-label:hover .product-swatches-label__tooltip { 7193 transform: translate(-50%, -6px); 7194 opacity: 1; 7195 visibility: visible; 7196} 7197</style> 7198
7199<script> 7200function productOptionsSwatches() { 7201 let optionNames = 'Color'; 7202 optionNames = optionNames.replace(/ /g, '').split(','); 7203 7204 7205 const filesURL = "//nustorycoffee.com/cdn/shop/files"; 7206 7207 function isColor(strColor) { 7208 const style = new Option().style; 7209 style.color = strColor; 7210 return style.color !== ''; 7211 } 7212 7213 optionNames.forEach(optionNamesHandler); 7214 7215 function optionNamesHandler(option) { 7216 const radioInputs = document.querySelectorAll(`input[type="radio"][name="${option}"]:not(.product-swatches-input)`); 7217 7218 if (radioInputs.length > 0) { 7219 const label = radioInputs[0].previousElementSibling; 7220 const value = document.querySelector(`[name="${option}"]:checked`).value; 7221 if (label) label.innerHTML = `${option}: <b>${value}</b>`; 7222 } 7223 7224 radioInputs.forEach(function(input){ 7225 input.classList.add('product-swatches-input'); 7226 const label = input.nextElementSibling; 7227 label.classList.add('product-swatches-label'); 7228 label.style.backgroundColor = input.value; 7229 label.innerHTML = `<span>${input.value}</span>` 7230 7231 if (!isColor(input.value)) { 7232 label.style.backgroundImage = `url(${filesURL}/swatch-${input.value.replaceAll(' ', '-').toLowerCase()}.png)`; 7233 } 7234 7235 // Tooltip 7236 const tooltip = document.createElement('span'); 7237 tooltip.textContent = input.value; 7238 tooltip.className = 'product-swatches-label__tooltip'; 7239 label.appendChild(tooltip); 7240 }); 7241 7242 document.querySelectorAll(`[name="${option}"]`).forEach(function(input) { 7243 input.addEventListener('change', function() { 7244 const label = radioInputs[0].previousElementSibling; 7245 const value = document.querySelector(`[name="${option}"]:checked`).value; 7246 if (label) label.innerHTML = `${option}: <b>${value}</b>`; 7247 }); 7248 }); 7249 } 7250} 7251window.addEventListener('DOMContentLoaded', productOptionsSwatches); 7252</script>
vendor: 1 bytes, line 7252
7252
7253<script src="https://cdn.jsdelivr.net/npm/@ryanmorr/[email protected]/dist/ready.umd.min.js"></script>
vendor: 1 bytes, line 7253
7253
7254<script>ready('.quick-add-modal .product', function(product) { 7255 productOptionsSwatches() 7256}); 7257</script>
7257 7258 7259 7260 7261</div> 7262 7263 <ul hidden> 7264 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 7265 <li id="a11y-new-window-message">Opens in a new window.</li> 7266 </ul> 7267 7268
7268<script> 7269 window.shopUrl = 'https://nustorycoffee.com'; 7270 window.routes = { 7271 cart_add_url: '/cart/add', 7272 cart_change_url: '/cart/change', 7273 cart_update_url: '/cart/update', 7274 cart_url: '/cart', 7275 predictive_search_url: '/search/suggest', 7276 }; 7277 7278 window.cartStrings = { 7279 error: `There was an error while updating your cart. Please try again.`, 7280 quantityError: `You can only add [quantity] of this item to your cart.`, 7281 }; 7282 7283 window.variantStrings = { 7284 addToCart: `Add to cart`, 7285 soldOut: `Sold out`, 7286 unavailable: `Unavailable`, 7287 unavailable_with_option: `[value] - Unavailable`, 7288 }; 7289 7290 window.quickOrderListStrings = { 7291 itemsAdded: `[quantity] items added`, 7292 itemAdded: `[quantity] item added`, 7293 itemsRemoved: `[quantity] items removed`, 7294 itemRemoved: `[quantity] item removed`, 7295 viewCart: `View cart`, 7296 each: `[money]/ea`, 7297 }; 7298 7299 window.accessibilityStrings = { 7300 imageAvailable: `Image [index] is now available in gallery view`, 7301 shareSuccess: `Link copied to clipboard`, 7302 pauseSlideshow: `Pause slideshow`, 7303 playSlideshow: `Play slideshow`, 7304 recipientFormExpanded: `Gift card recipient form expanded`, 7305 recipientFormCollapsed: `Gift card recipient form collapsed`, 7306 }; 7307 </script>
7307<script src="//nustorycoffee.com/cdn/shop/t/7/assets/predictive-search.js?v=162273246065392412141757595385" defer="defer"></script>
7307<div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block">
7307<script id="subscription-helper"> 7308 7309 if (!window.AppstleIncluded) { 7310 window.AppstleIncluded = true; 7311 window.RS = Window.RS || {}; 7312 7313 RS.Config = { 7314 "selectors": { 7315 "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button", 7316 "subscriptionLinkSelector": "", 7317 "atcButtonPlacement": "BEFORE", 7318 "subscriptionLinkPlacement": "BEFORE", 7319 "cartRowSelector": "", 7320 "cartLineItemSelector": "", 7321 "cartLineItemPerQuantityPriceSelector": "", 7322 "cartLineItemTotalPriceSelector": "", 7323 "cartLineItemSellingPlanNameSelector": "", 7324 "cartSubTotalSelector" : "", 7325 "cartLineItemPriceSelector": "", 7326 "cartLineItemPlacement": "BEFORE", 7327 "cartHiddenAttributesSelector": "", 7328 "buildABoxDiscountSelector": "", 7329 }, 7330 "baseUrl": "https://subscription-admin.appstle.com", 7331 "usedTranslation": "true", 7332 "enableCartWidgetFeature": "false", 7333 "storefrontAnalyticsForwardingEnabled": false, 7334 "appstleStorefrontAnalyticsPath": "", 7335 "useUrlWithCustomerId": "true", 7336 "atcButtonSelector": "", 7337 "moneyFormat": "${{amount}}", 7338 "oneTimePurchaseText": "One-Time Purchase", 7339 "minimumQuantityMessage": "", 7340 "tapToSelectText": "Tap To Select", 7341 "bundleDiscountTextV2": "bundle discount extra: {{bundleDiscount}} off", 7342 "productPageUnitPriceSelectorV2": "", 7343 "monthsFrequencyTextV2": "Months", 7344 "monthlyLabelTextV2": "Monthly", 7345 "monthFrequencyTextV2": "Month", 7346 "weeksFrequencyTextV2": "Weeks", 7347 "weeklyLabelTextV2": "Weekly", 7348 "weekFrequencyTextV2": "Week", 7349 "daysFrequencyTextV2": "Days", 7350 "dayFrequencyTextV2": "day", 7351 "yearsFrequencyTextV2": "Years", 7352 "yearlyLabelTextV2": "Yearly", 7353 "yearFrequencyTextV2": "Year", 7354 "offFrequencyTextV2": "Off", 7355 "prepayLabelTextV2": "Prepay", 7356 "prepaidLabelTextV2": "Prepaid", 7357 "prepaidSaveBadgeTextV2": "SAVE {{selectedDiscountPercentage}}", 7358 "onetimeDescriptionTextV2": "", 7359 "atcButtonTextV2": "", 7360 "oneTimeFrequencyTextV2": "One Time", 7361 "cancelAnytimeLabelTextV2": "Cancel Anytime", 7362 "noSubscriptionLabelTextV2": "No Subscription", 7363 "addToShipmentButtonTextV2": "Add to Shipment", 7364 "addToShipmentProcessingV2": "Processing...", 7365 "addToShipmentSuccessTextV2": "Success", 7366 "addToShipmentErrorTextV2": "Error", 7367 "addToShipmentTooltipTextV2": "Please avoid double delivery charges! Login to add this product to an upcoming delivery.", 7368 "frequencyCombinedWidgetTextV2": "Frequency", 7369 "selectDeliverOptionV2": "Select Delivery Option", 7370 "subscribeAndSaveSuccessV2": "Subscription Selected", 7371 "unsubscribeFrequencyTextV2": "One-time Purchase", 7372 "deliveryEveryFrequencyTextV2": "Delivery Frequency", 7373 "sellingPlanTitleTextNonPrepaid": "{{sellingPlanName}}", 7374 "subscribeAndSaveInitalV2": "Subscribe and save", 7375 "subscriptionDescriptionTextV2": "", 7376 "atcButtonTextSelector": "", 7377 "disableCartWidgetOnVariants": "", 7378 "shop": "7uydfm-hz.myshopify.com", 7379 "deliveryText": "delivery", 7380 "purchaseOptionsText": "Purchase Options", 7381 "manageSubscriptionButtonText": "", 7382 "subscriptionOptionText": "Subscribe & Save", 7383 "sellingPlanSelectTitle": "DELIVERY FREQUENCY", 7384 "subscriptionPriceDisplayText": "", 7385 "tooltipTitle": "Subscription detail", 7386 "showTooltipOnClick": "false", 7387 "tooltipDesctiption": `<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.`, 7388 "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})", 7389 "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><br\/>An initial discount of {{discountOne}} will be applied to your first subscription!", 7390 "manualTranslation": "", 7391 "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br> {{{prepaidDetails}}} <\/br> {{{discountDetails}}}", 7392 "orderStatusManageSubscriptionTitle": "Subscription", 7393 "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.", 7394 "orderStatusManageSubscriptionButtonText": "Manage your subscription", 7395 "subscriptionOptionSelectedByDefault" : false, 7396 "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery", 7397 "memberOnlySellingPlansJson": {}, 7398 "nonMemberOnlySellingPlansJson": {}, 7399 "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":[]}], 7400 "widgetEnabled": true, 7401 "showFreeGiftPrice" : true, 7402 "showFreeGiftComparePrice" : true, 7403 "enableFreeGiftLayout" : false, 7404 "freeGiftLabelText": "+ Free {{productName}}", 7405 "freeGiftBadgeText": "", 7406 "showTooltip" : true, 7407 "showCartWidgetOnBundleItems" : false, 7408 "prepaidOptionSelectedByDefault" : false, 7409 "disablePassingSellingPlanAsLineProperties" : true, 7410 "updateThemePrice" : false, 7411 "sortByDefaultSequence": false, 7412 "showSubOptionBeforeOneTime": false, 7413 "detectVariantFromURLParams": false, 7414 "disableQueryParamsUpdate": false, 7415 "showStaticTooltip": false, 7416 "showAppstleLink": true, 7417 "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)", 7418 "oneTimePriceText" : "{{price}}", 7419 "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}", 7420 "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}", 7421 "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}", 7422 "manageSubscriptionBtnFormat" : "<a href='https:\/\/shopify.com\/96879509794\/account\/profile' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>{{manageSubscriptionButtonText}}<\/button>
7422<\/a><br><br>", 7423 "manageSubscriptionUrl" : "https:\/\/nustorycoffee.com\/apps\/subscriptions", 7424 "appstlePlanId": 161, 7425 "showCheckoutSubscriptionBtn": true, 7426 "priceSelector": "", 7427 "reloadPriceSelector": "", 7428 "landingPagePriceSelector": "", 7429 "quickViewClickSelector": "", 7430 "badgeTop": "", 7431 "pricePlacement": "BEFORE", 7432 "disableLoadingJquery": false, 7433 "widgetEnabledOnSoldVariant": "true", 7434 "switchRadioButtonWidget": false, 7435 "appstlePlanName": "FREE", 7436 "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}, 7437 "formMappingAttributeName": "", 7438 "formMappingAttributeSelector": "", 7439 "quickViewModalPollingSelector": "", 7440 "scriptLoadDelay": "0", 7441 "formatMoneyOverride": "false", 7442 "enableAddToExistingSubscriptionFeature": "false", 7443 "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "", 7444 "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false", 7445 "appstle_app_proxy_path_prefix": "apps\/subscriptions", 7446 "updatePriceOnQuantityChange": "", 7447 "widgetParentSelector": "", 7448 "quantitySelector": "", 7449 "enableAddJSInterceptor": "true", 7450 "isDevEnabled": false, 7451 "forceReloadWidgetSelector": "", 7452 "forceReloadOnFreqChange": false, 7453 "showPrepaidPlanSeparately": true, 7454 "debugLogsEnabled": false, 7455 "isUseStorefrontAPI": true, 7456 "reBuyEnabled": "false", 7457 "loyaltyDetailsLabelText": "", 7458 "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'>
7458<\/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'>
7458<\/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'>
7458<\/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'>
7458<\/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'>
7458Get 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}}", 7459 "widgetType": "WIDGET_TYPE_7", 7460 "collectionWidgetType": "LEGACY", 7461 "enableCompactProductPageWidget": false, 7462 "enableCartDrawerWidget": false, 7463 "cartDrawerWidgetStyle": false, 7464 "cartDrawerWidgetInlineStyle": "", 7465 "cartDrawerWidgetPanelStyle": "", 7466 "cartDrawerWidgetSegmentedStyle": "", 7467 "showOneTimeComparePrice": false, 7468 "showCombinedSellingPlanCartWidget": false, 7469 "combinedCartWidgetSelector": "", 7470 "removeUnsubscribeOption": false, 7471 "widgetTemplateHtml": `{% raw %}{% endraw %}`, 7472 7473 "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\\\">
7473\\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;
7473\\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;
7473\\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\\\">
7473\\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;
7473\\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\\\">
7473\\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;
7473\\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
7473635 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 %}\"}", 7474 7475 7476 "bundle": {}, 7477 7478 7479 "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'>
7479Shipping 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\"}`, 7480 7481 "css": { 7482 "appstle_subscription_widget": { 7483 "margin-top": "" , 7484 "margin-bottom": "", 7485 }, 7486 7487 "appstle_subscription_wrapper": { 7488 "border-width": "", 7489 "border-color": "", 7490 }, 7491 7492 "appstle_circle": { 7493 "border-color": "", 7494 }, 7495 7496 "appstle_dot": { 7497 "background-color": "", 7498 }, 7499 7500 "appstle_select": { 7501 "padding-top": "", 7502 "padding-bottom": "", 7503 "padding-left": "", 7504 "padding-right": "", 7505 "border-width": "", 7506 "border-style": "", 7507 "border-color": "", 7508 "border-radius": "", 7509 }, 7510 7511 "tooltip_subscription_svg": { 7512 "fill": "", 7513 }, 7514 7515 "appstle_tooltip": { 7516 "color": "", 7517 "background-color": "", 7518 }, 7519 7520 "appstle_tooltip_border_top_color": { 7521 "border-top-color": "", 7522 }, 7523 7524 "appstle_subscription_final_price": { 7525 "color": "", 7526 }, 7527 "appstle_widget_text_color": { 7528 "color": "", 7529 }, 7530 "appstle_selected_background": { 7531 "background": "transparent", 7532 }, 7533 "elementCSS": "[]", 7534 "customCSS": "", 7535 "customerPortalCss": "", 7536 "externalStyleTag": "", 7537 "themeCss": "", 7538 } 7539 }; 7540 7541 7542 window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS)); 7543 7544 sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config); 7545 7546 7547 try { 7548 7549 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}}
7549 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"}; 7550 7551 } catch (e) { 7552 console.error("Error parsing build a box labels:", e); 7553 } 7554 7555 7556 var _RSConfig = _RSConfig || {}; 7557 7558 _RSConfig.shop = '7uydfm-hz.myshopify.com'; 7559 7560 7561 _RSConfig.product = {"id":8899387719934,"title":"La Familia Blend","handle":"guatemala-shb","description":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003eMEDIUM ROAST\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eGrown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers \u003c\/span\u003e\u003cspan\u003ebright citrus, smooth chocolate, and a touch of spice\u003c\/span\u003e\u003cspan\u003e â a cup that carries the story of land, tradition, and care.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2025-06-19T11:00:13-05:00","created_at":"2025-05-22T16:59:40-05:00","vendor":"NÅ«STORY COFFEE CO.","type":"","tags":["Shop All"],"price":1599,"price_min":1599,"price_max":6750,"available":true,"price_varies":true,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":47013626478846,"title":"12oz \/ Whole bean","option1":"12oz","option2":"Whole bean","option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"La Familia Blend - 12oz \/ Whole bean","public_title":"12oz \/ Whole bean","options":["12oz","Whole bean"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"26478846","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630542078,"title":"12oz \/ Drip","option1":"12oz","option2":"Drip","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Drip","public_title":"12oz \/ Drip","options":["12oz","Drip"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30542078","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630574846,"title":"12oz \/ Espresso","option1":"12oz","option2":"Espresso","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Espresso","public_title":"12oz \/ Espresso","options":["12oz","Espresso"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30574846","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630607614,"title":"12oz \/ Pour Over","option1":"12oz","option2":"Pour Over","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Pour Over","public_title":"12oz \/ Pour Over","options":["12oz","Pour Over"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30607614","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630640382,"title":"12oz \/ French Press","option1":"12oz","option2":"French Press","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ French Press","public_title":"12oz \/ French Press","options":["12oz","French Press"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30640382","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47013630673150,"title":"12oz \/ Cold Brew","option1":"12oz","option2":"Cold Brew","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 12oz \/ Cold Brew","public_title":"12oz \/ Cold Brew","options":["12oz","Cold Brew"],"price":1599,"weight":340,"compare_at_price":null,"inventory_management":"shopify","barcode":"30673150","requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":1439}],"price":1439,"compare_at_price":1599,"per_delivery_price":1439,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481391358,"title":"5lbs \/ Whole bean","option1":"5lbs","option2":"Whole bean","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Whole bean","public_title":"5lbs \/ Whole bean","options":["5lbs","Whole bean"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481424126,"title":"5lbs \/ Drip","option1":"5lbs","option2":"Drip","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Drip","public_title":"5lbs \/ Drip","options":["5lbs","Drip"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481456894,"title":"5lbs \/ Espresso","option1":"5lbs","option2":"Espresso","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Espresso","public_title":"5lbs \/ Espresso","options":["5lbs","Espresso"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481489662,"title":"5lbs \/ Pour Over","option1":"5lbs","option2":"Pour Over","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Pour Over","public_title":"5lbs \/ Pour Over","options":["5lbs","Pour Over"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481522430,"title":"5lbs \/ French Press","option1":"5lbs","option2":"French Press","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ French Press","public_title":"5lbs \/ French Press","options":["5lbs","French Press"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":47355481555198,"title":"5lbs \/ Cold Brew","option1":"5lbs","option2":"Cold Brew","option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"La Familia Blend - 5lbs \/ Cold Brew","public_title":"5lbs \/ Cold Brew","options":["5lbs","Cold Brew"],"price":6750,"weight":2268,"compare_at_price":null,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[{"position":1,"price":6075}],"price":6075,"compare_at_price":6750,"per_delivery_price":6075,"selling_plan_id":4826235134,"selling_plan_group_id":"657af039dc9093e89434d143e74ee63ea4d1edae"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823","\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-side-funsepa.jpg?v=1767807492","\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-back.jpg?v=1767807594","\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-changing-lives.jpg?v=1767807652"],"featured_image":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823","options":["Weight","Grind size"],"media":[{"alt":"Nustory Coffee Co. coffee package with product details on a white background","id":37466113016062,"position":1,"preview_image":{"aspect_ratio":1.5,"height":832,"width":1248,"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823"},"aspect_ratio":1.5,"height":832,"media_type":"image","src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/IMG_4310.jpg?v=1767808823","width":1248},{"alt":null,"id":37543185449214,"position":2,"preview_image":{"aspect_ratio":1.5,"height":832,"width":1248,"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-side-funsepa.jpg?v=1767807492"},"aspect_ratio":1.5,"height":832,"media_type":"image","src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-side-funsepa.jpg?v=1767807492","width":1248},{"alt":null,"id":37543185481982,"position":3,"preview_image":{"aspect_ratio":1.5,"height":832,"width":1248,"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-back.jpg?v=1767807594"},"aspect_ratio":1.5,"height":832,"media_type":"image","src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-back.jpg?v=1767807594","width":1248},{"alt":null,"id":37543185416446,"position":4,"preview_image":{"aspect_ratio":1.5,"height":832,"width":1248,"src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-changing-lives.jpg?v=1767807652"},"aspect_ratio":1.5,"height":832,"media_type":"image","src":"\/\/nustorycoffee.com\/cdn\/shop\/files\/nustory-bag-changing-lives.jpg?v=1767807652","width":1248}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"657af039dc9093e89434d143e74ee63ea4d1edae",
7561"name":"Subscribe and save","options":[{"name":"Delivery frequency","position":1,"values":["Deliver every month"]}],"selling_plans":[{"id":4826235134,"name":"Deliver every month, 10% off","description":null,"options":[{"name":"Delivery frequency","position":1,"value":"Deliver every month"}],"recurring_deliveries":true,"price_adjustments":[{"order_count":null,"position":1,"value_type":"percentage","value":10}],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":null}],"content":"\u003cp dir=\"ltr\"\u003e\u003cspan\u003eMEDIUM ROAST\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eGrown in Guatemalaâs volcanic highlands, this coffee matures slowly in cool mountain air, creating dense beans full of character. Handpicked by smallholder farmers, it delivers \u003c\/span\u003e\u003cspan\u003ebright citrus, smooth chocolate, and a touch of spice\u003c\/span\u003e\u003cspan\u003e â a cup that carries the story of land, tradition, and care.\u003c\/span\u003e\u003c\/p\u003e"}; 7562 7563 7564 7565 7566 7567 7568 _RSConfig.shopMoneyFormat = '${{amount}}'; 7569 _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD'; 7570 7571 7572 7573 7574 } 7575 7576 7577 7578 7579</script>
7579 7580 7581<style id="appstle-payment-button-override"> 7582 .shopify-payment-button {display: none;} 7583</style>
7584<script> 7585 let appstleCount = 0 7586 function isAppstleJSInitiated() { 7587 appstleCount++; 7588 if (window?.["RSConfig"] || appstleCount > 20) { 7589 let appstleStyleElement = document.querySelector('#appstle-payment-button-override'); 7590 if (appstleStyleElement) { 7591 appstleStyleElement.remove(); 7592 } 7593 } else { 7594 setTimeout(isAppstleJSInitiated, 500) 7595 } 7596 } 7597 isAppstleJSInitiated(); 7598</script>
7598 7599 7600<style> 7601 7602</style>
7603<script> 7604 function pollAppstleInit() { 7605 if (window?.appstleInit) { 7606 window?.appstleInit() 7607 } else { 7608 setTimeout(pollAppstleInit, 30); 7609 } 7610 } 7611</script>
7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629
7629<script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=7uydfm-hz.myshopify.com&v=1777621962566" defer ></script>
7629 7630 7631 7632 7633 7634 7635 7636 7637 7638</div>
7638<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7638 7639</body> 7640</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.