CINXE.COM

Horn & Hardart | Official Site: Iconic Automat Coffee

<!doctype html> <html class="js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://hornandhardart.com/"><link rel="icon" type="image/png" href="//hornandhardart.com/cdn/shop/files/Horn-and-Hardart-Automat-Logo_HH-Monogram-10_f2cf58e3-0ea9-49eb-9b8a-c4f1ebff7297.png?crop=center&height=32&v=1738269198&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Horn &amp; Hardart | Official Site: Iconic Automat Coffee </title> <meta name="description" content="Horn &amp; Hardart has been synonymous with great coffee ever since Joseph Horn and Frank Hardart opened their first restaurant in 1888. Experience the coffee that has been delighting customers for over 136 years with the original Horn &amp; Hardart Automat Coffee - available in medium and dark roast."> <meta property="og:site_name" content="Horn &amp; Hardart"> <meta property="og:url" content="https://hornandhardart.com/"> <meta property="og:title" content="Horn &amp; Hardart | Official Site: Iconic Automat Coffee"> <meta property="og:type" content="website"> <meta property="og:description" content="Horn &amp; Hardart has been synonymous with great coffee ever since Joseph Horn and Frank Hardart opened their first restaurant in 1888. Experience the coffee that has been delighting customers for over 136 years with the original Horn &amp; Hardart Automat Coffee - available in medium and dark roast."><meta property="og:image" content="http://hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1737753972"> <meta property="og:image:secure_url" content="https://hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1737753972"> <meta property="og:image:width" content="2916"> <meta property="og:image:height" content="2333"><meta name="twitter:site" content="@hornandhardart"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Horn &amp; Hardart | Official Site: Iconic Automat Coffee"> <meta name="twitter:description" content="Horn &amp; Hardart has been synonymous with great coffee ever since Joseph Horn and Frank Hardart opened their first restaurant in 1888. Experience the coffee that has been delighting customers for over 136 years with the original Horn &amp; Hardart Automat Coffee - available in medium and dark roast."> <script src="//hornandhardart.com/cdn/shop/t/8/assets/constants.js?v=132983761750457495441719337482" defer="defer"></script> <script src="//hornandhardart.com/cdn/shop/t/8/assets/pubsub.js?v=158357773527763999511719337483" defer="defer"></script> <script src="//hornandhardart.com/cdn/shop/t/8/assets/global.js?v=88558128918567037191719337482" defer="defer"></script><script src="//hornandhardart.com/cdn/shop/t/8/assets/animations.js?v=88693664871331136111719337481" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="a6AnQ0KIX6PHE-UFrPCWmkFi4JvbpFmiNzOX-8lE1WQ"> <meta name="facebook-domain-verification" content="c23jv2k0oh16xcc1zlbhqnk6nx03ed"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/71134773564/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="fc18c42dfb0b44b36be019a0e3263a21"> <meta id="in-context-paypal-metadata" data-shop-id="71134773564" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=71134773564" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":71134773564,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/71134773564","merchantName":"Horn \u0026 Hardart","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Horn \u0026 Hardart","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"fc18c42dfb0b44b36be019a0e3263a21","betas":["rich-media-storefront-analytics"],"domain":"hornandhardart.com","predictiveSearch":true,"shopId":71134773564,"smart_payment_buttons_url":"https:\/\/hornandhardart.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/hornandhardart.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "81c7dd-2.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Live Theme - Dawn 15.0","id":169674867004,"schema_name":"Dawn","schema_version":"15.0.0","theme_store_id":887,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "hornandhardart.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_OeEJaCCl.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_ebaeknJi.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_DFuavrNS.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_FYuhzIyB.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_BpgmfGjt.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_BeYjtKbh.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_PZ5lYCet.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_BJjZdiwD.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"pay-button":["modules/v2/client.pay-button_Bg1kIsBL.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_ChDGiggf.en.esm.js","modules/v2/client.shop-login-button_lKeTheS8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"lead-capture":["modules/v2/client.lead-capture_aUqk28I9.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CgEU06X8.en.esm.js","modules/v2/chunk.common_CdbBmSm3.esm.js","modules/v2/chunk.modal_DqtUospk.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["\/\/cdn.shopify.com\/proxy\/5299828d200c118b5d5e51a48df4082490ef1b29b279a0babd3a9df266e019f6\/static.cdn.printful.com\/static\/js\/external\/shopify-product-customizer.js?v=0.28\u0026shop=81c7dd-2.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/www.powr.io\/powr.js?powr-token=81c7dd-2.myshopify.com\u0026external-type=shopify\u0026shop=81c7dd-2.myshopify.com","https:\/\/omnisnippet1.com\/inShop\/Embed\/shopify.js?shop=81c7dd-2.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":71134773564,"offset":-18000,"reqid":"a0cf4772-f032-4507-a8a0-fd99d17513bd-1739840046","pageurl":"hornandhardart.com\/","u":"8cce0c7f3c0f","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hornandhardart.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//hornandhardart.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//hornandhardart.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id="sections-script" data-sections="header" defer="defer" src="//hornandhardart.com/cdn/shop/t/8/compiled_assets/scripts.js?1492"></script> <link rel="stylesheet" media="screen" href="https://hornandhardart.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 240px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> @font-face { font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url("//hornandhardart.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=9363824bd3c21023f43888507a3be36d7fe65d50d71d82589027eabf292cabe0") format("woff2"), url("//hornandhardart.com/cdn/fonts/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=3d8eba66f1f6b9fc31be2b14363717f5b0846a2428dd48823ff932c504c3b327") format("woff"); } @font-face { font-family: Assistant; font-weight: 700; font-style: normal; font-display: swap; src: url("//hornandhardart.com/cdn/fonts/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=f2ee5ef1d699997140444ce94c272820769f58ef799cae7d687983db2ba90656") format("woff2"), url("//hornandhardart.com/cdn/fonts/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=5aca7840e9eb64819f036890e2458ca0db9e6d5261466ca717894a09469afd3a") format("woff"); } @font-face { font-family: Montserrat; font-weight: 400; font-style: normal; font-display: swap; src: url("//hornandhardart.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=5d0f5825208e4a6c916bdf3a37df085abcee19330af1e1aee46d67a392fae156") format("woff2"), url("//hornandhardart.com/cdn/fonts/montserrat/montserrat_n4.cfce41a967758ce5a9b7d48daeb5b028fd977a9b.woff?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=e2397fe6cc37f9725719a19bb0bb31b2c38d285d4f830c9786d1ee02a0226315") format("woff"); } :root, .color-background-1 { --color-background: 249,246,241; --gradient-background: #f9f6f1; --color-foreground: 18,18,18; --color-background-contrast: 211,189,152; --color-shadow: 18,18,18; --color-button: 126,54,54; --color-button-text: 255,255,255; --color-secondary-button: 249,246,241; --color-secondary-button-text: 202,169,119; --color-link: 202,169,119; --color-badge-foreground: 18,18,18; --color-badge-background: 249,246,241; --color-badge-border: 18,18,18; --payment-terms-background-color: rgb(249 246 241); } .color-background-2 { --color-background: 249,246,241; --gradient-background: #f9f6f1; --color-foreground: 18,18,18; --color-background-contrast: 211,189,152; --color-shadow: 18,18,18; --color-button: 47,81,121; --color-button-text: 255,255,255; --color-secondary-button: 249,246,241; --color-secondary-button-text: 202,169,119; --color-link: 202,169,119; --color-badge-foreground: 18,18,18; --color-badge-background: 249,246,241; --color-badge-border: 18,18,18; --payment-terms-background-color: rgb(249 246 241); } .color-inverse { --color-background: 18,18,18; --gradient-background: #121212; --color-foreground: 249,247,242; --color-background-contrast: 146,146,146; --color-shadow: 18,18,18; --color-button: 249,247,242; --color-button-text: 18,18,18; --color-secondary-button: 18,18,18; --color-secondary-button-text: 249,247,242; --color-link: 249,247,242; --color-badge-foreground: 249,247,242; --color-badge-background: 18,18,18; --color-badge-border: 249,247,242; --payment-terms-background-color: rgb(18 18 18); } .color-accent-1 { --color-background: 57,56,57; --gradient-background: #393839; --color-foreground: 255,255,255; --color-background-contrast: 70,69,70; --color-shadow: 18,18,18; --color-button: 255,255,255; --color-button-text: 57,56,57; --color-secondary-button: 57,56,57; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 255,255,255; --color-badge-background: 57,56,57; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(57 56 57); } .color-accent-2 { --color-background: 245,232,212; --gradient-background: #f5e8d4; --color-foreground: 18,18,18; --color-background-contrast: 221,177,109; --color-shadow: 18,18,18; --color-button: 255,255,255; --color-button-text: 202,169,119; --color-secondary-button: 245,232,212; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 18,18,18; --color-badge-background: 245,232,212; --color-badge-border: 18,18,18; --payment-terms-background-color: rgb(245 232 212); } .color-scheme-b7e64a94-6520-41c9-b21e-7c1496bf955c { --color-background: 249,247,242; --gradient-background: #f9f7f2; --color-foreground: 255,255,255; --color-background-contrast: 209,193,155; --color-shadow: 18,18,18; --color-button: 202,169,119; --color-button-text: 255,255,255; --color-secondary-button: 249,247,242; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 255,255,255; --color-badge-background: 249,247,242; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(249 247 242); } .color-scheme-1354309b-a076-4b33-8b85-6e2ba25dc4fc { --color-background: 126,54,54; --gradient-background: #7e3636; --color-foreground: 255,255,255; --color-background-contrast: 37,16,16; --color-shadow: 18,18,18; --color-button: 57,56,57; --color-button-text: 255,255,255; --color-secondary-button: 126,54,54; --color-secondary-button-text: 18,18,18; --color-link: 18,18,18; --color-badge-foreground: 255,255,255; --color-badge-background: 126,54,54; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(126 54 54); } .color-scheme-280a75b6-140a-46af-a892-286f9bfc214a { --color-background: 126,54,54; --gradient-background: #7e3636; --color-foreground: 255,255,255; --color-background-contrast: 37,16,16; --color-shadow: 18,18,18; --color-button: 57,56,57; --color-button-text: 255,255,255; --color-secondary-button: 126,54,54; --color-secondary-button-text: 202,169,119; --color-link: 202,169,119; --color-badge-foreground: 255,255,255; --color-badge-background: 126,54,54; --color-badge-border: 255,255,255; --payment-terms-background-color: rgb(126 54 54); } body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-b7e64a94-6520-41c9-b21e-7c1496bf955c, .color-scheme-1354309b-a076-4b33-8b85-6e2ba25dc4fc, .color-scheme-280a75b6-140a-46af-a892-286f9bfc214a { color: rgba(var(--color-foreground), 0.75); background-color: rgb(var(--color-background)); } :root { --font-body-family: Assistant, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Montserrat, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 0px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 100rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 16px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 8px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//hornandhardart.com/cdn/shop/t/8/assets/base.css?v=144968985024194912401719337481" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//hornandhardart.com/cdn/fonts/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=9363824bd3c21023f43888507a3be36d7fe65d50d71d82589027eabf292cabe0" type="font/woff2" crossorigin> <link rel="preload" as="font" href="//hornandhardart.com/cdn/fonts/montserrat/montserrat_n4.1d581f6d4bf1a97f4cbc0b88b933bc136d38d178.woff2?h1=ODFjN2RkLTIuYWNjb3VudC5teXNob3BpZnkuY29t&h2=aGhjb2ZmZWUuY29t&h3=aG9ybmFuZGhhcmRhcnRjb2ZmZWUuY29t&h4=aG9ybmFuZGhhcmRhcnQuY29t&hmac=5d0f5825208e4a6c916bdf3a37df085abcee19330af1e1aee46d67a392fae156" type="font/woff2" crossorigin> <link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-predictive-search.css?v=118923337488134913561719337482" media="print" onload="this.media='all'" ><script> if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script> <!-- BEGIN app block: shopify://apps/blockify-ip-block/blocks/app_embed/2e3e0ba5-0e70-447a-9ec5-3bf76b5ef12e --> <script> window.ipBlockerMetafields = null; </script> <link href="https://cdn.shopify.com/extensions/8ebcea05-501c-47f2-b738-84f2bc126144/blockify-fraud-blocker-169/assets/blockify-embed.min.js" as="script" type="text/javascript" rel="preload"><link href="https://cdn.shopify.com/extensions/8ebcea05-501c-47f2-b738-84f2bc126144/blockify-fraud-blocker-169/assets/prevent-bypass-script.min.js" as="script" type="text/javascript" rel="preload"> <script type="text/javascript"> window.blockifyBaseUrl = 'https://apps-shopify.ipblocker.io/s/api'; window.blockifyPublicUrl = 'https://apps-shopify.ipblocker.io/s/api/public'; </script> <script type="text/javascript"> window.blockifyChecking = true; </script> <script id="blockifyScriptByPass" type="text/javascript" src=https://cdn.shopify.com/extensions/8ebcea05-501c-47f2-b738-84f2bc126144/blockify-fraud-blocker-169/assets/prevent-bypass-script.min.js async></script> <script id="blockifyScriptTag" type="text/javascript" src=https://cdn.shopify.com/extensions/8ebcea05-501c-47f2-b738-84f2bc126144/blockify-fraud-blocker-169/assets/blockify-embed.min.js async></script> <!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 71134773564,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,n,o,r,i){if(!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t,s=function(){var d={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},e=d.modern,n=d.legacy,o=navigator.userAgent;return e.test(o)?"modern":(n.test(o),"legacy")}(),l=null!=i?i:{modern:"",legacy:""};window.Shopify=window.Shopify||{};var u=window.Shopify;u.analytics=u.analytics||{};var c=u.analytics;c.replayQueue=[],c.publish=function(d,e,n){return c.replayQueue.push([d,e,n]),!0};try{self.performance.mark("wpm:start")}catch(d){}var f=[n,"/wpm","/b",r,s.substring(0,1),".js"].join(""),h=l[s];!function(d){var e=d.src,n=d.async,o=void 0===n||n,r=d.onload,i=d.onerror,a=d.sri,t=document.createElement("script"),s=document.head,l=document.body;t.async=o,t.src=e,a&&(t.integrity=a,t.crossOrigin="anonymous"),r&&t.addEventListener("load",r),i&&t.addEventListener("error",i),s?s.appendChild(t):l?l.appendChild(t):console.error("Did not find a head or body element to append the script")}({src:f,async:!0,onload:function(){if(!function(){var d,e;return Boolean(null===(e=null===(d=window.Shopify)||void 0===d?void 0:d.analytics)||void 0===e?void 0:e.initialized)}()){var n=window.webPixelsManager.init(d)||void 0;if(n){e(n);var o=window.Shopify.analytics;o.replayQueue.forEach((function(d){var e=d[0],o=d[1],r=d[2];n.publishCustomEvent(e,o,r)})),o.replayQueue=[],o.publish=n.publishCustomEvent,o.visitor=n.visitor,o.initialized=!0}}},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),n="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:o||"latest",bundle_target:s,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(f," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,r))return!0}catch(d){}var i=new XMLHttpRequest;try{return i.open("POST",n,!0),i.setRequestHeader("Content-Type","text/plain"),i.send(r),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1},sri:function(d){return"string"==typeof d&&/^sha384-[A-Za-z0-9+/=]+$/.test(d)}(h)?h:""})}})({shopId: 71134773564,storefrontBaseUrl: "https://hornandhardart.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"817299772","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-5VFK4P4D8G\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/bxMKCN-Mj5sYEOaIqJIp\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/YFDNCN2Nj5sYEOaIqJIp\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/NjBrCNyMj5sYEOaIqJIp\\\",\\\"MC-E0K5T2SQ05\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/cAugCNaMj5sYEOaIqJIp\\\",\\\"MC-E0K5T2SQ05\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/sgnHCNmMj5sYEOaIqJIp\\\",\\\"MC-E0K5T2SQ05\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/jHMOCOCNj5sYEOaIqJIp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-5VFK4P4D8G\\\",\\\"AW-11044258918\\\/3h4bCNqNj5sYEOaIqJIp\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"642ed32d7fafb3e0986c8ba3bf3908a1","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"428867900","configuration":"{\"pixel_id\":\"1164163237434146\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"245268796","configuration":"{\"appURL\":\"https:\/\/app.omnisend.com\",\"brandID\":\"659d998b1ca77d5b0b926d75\",\"trackingURL\":\"https:\/\/wt.omnisendlink.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"3099e53cfd61847c4de2f403184e2938","type":"APP","apiClientId":186001,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"202277180","configuration":"{\"tagID\":\"2613542362521\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0290","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Horn \u0026 Hardart","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"81c7dd-2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/hornandhardart.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://hornandhardart.com/cdn","96d7db11b5d836789812e500283123b0e57df9f7","8fa806few5358ccf9p85054907m3e22f137",{"modern":"","legacy":""});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 71134773564, theme_id: 169674867004, app_name: "storefront", context_url: window.location.href, source_url: "//hornandhardart.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//hornandhardart.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//hornandhardart.com/cdn/s/trekkie.storefront.e991c55e78bb7465ada1b8db33d441f155086734.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":71134773564,"isMerchantRequest":null,"themeId":169674867004,"themeCityHash":"11720506574483630866","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//hornandhardart.com/cdn/shopifycloud/shopify/assets/shop_events_listener-af52bb5773aaa9f7f1f7f1f7e3a010a904a5c7213a959b83580d22bc7920a2e4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://hornandhardart.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.3.0.min.js" data-application="storefront-renderer" data-shop-id="71134773564" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="169674867004" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient animate--hover-default"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a><!-- BEGIN sections: header-group --> <div id="shopify-section-sections--22959555739964__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/component-slideshow.css?v=170654395204511176521719337482" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-slider.css?v=14039311878856620671719337482" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-list-social.css?v=35792976012981934991719337482" rel="stylesheet" type="text/css" media="all" /> <div class="utility-bar color-scheme-280a75b6-140a-46af-a892-286f9bfc214a gradient utility-bar--bottom-border" > <div class="page-width utility-bar__grid"><div class="announcement-bar" role="region" aria-label="Announcement" ><a href="/products/automatcoffeebox" class="announcement-bar__link link link--text focus-inset animate-arrow" ><p class="announcement-bar__message h5"> <span>Free Shipping over $50. No Code Needed.</span><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </p></a></div><div class="localization-wrapper"> </div> </div> </div> </div><div id="shopify-section-sections--22959555739964__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991719337482" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-search.css?v=165164710990765432851719337482" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-menu-drawer.css?v=110695408305392539491719337482" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-cart-notification.css?v=54116361853792938221719337481" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-cart-items.css?v=127384614032664249911719337481" media="print" onload="this.media='all'"><link rel="stylesheet" href="//hornandhardart.com/cdn/shop/t/8/assets/component-price.css?v=70172745017360139101719337482" media="print" onload="this.media='all'"><style> header-drawer { justify-self: start; margin-left: -1.2rem; }@media screen and (min-width: 990px) { header-drawer { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding: 6px 3rem 4px 3rem; } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 12px; padding-bottom: 8px; } }</style><script src="//hornandhardart.com/cdn/shop/t/8/assets/details-disclosure.js?v=13653116266235556501719337482" defer="defer"></script> <script src="//hornandhardart.com/cdn/shop/t/8/assets/details-modal.js?v=25581673532751508451719337482" defer="defer"></script> <script src="//hornandhardart.com/cdn/shop/t/8/assets/cart-notification.js?v=133508293167896966491719337481" defer="defer"></script> <script src="//hornandhardart.com/cdn/shop/t/8/assets/search-form.js?v=133129549252120666541719337483" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <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"/> </symbol> <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <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"> </symbol> </svg><sticky-header data-sticky-type="always" class="header-wrapper color-accent-2 gradient header-wrapper--border-bottom"><header class="header header--middle-center header--mobile-center page-width header--has-menu header--has-social header--has-account"> <header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" > <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16" > <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"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17" > <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"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-background-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-home" href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page" > Home </a></li><li><details id="Details-menu-drawer-menu-item-2"> <summary id="HeaderDrawer-shop" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Shop <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <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"> </svg> </summary> <div id="link-shop" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1" > <div class="menu-drawer__inner-submenu"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> Shop </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><a id="HeaderDrawer-shop-coffee-bags" href="/products/automatcoffeebox" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Coffee Bags </a></li><li><a id="HeaderDrawer-shop-coffee-pods" href="/products/coffee-pods" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Coffee Pods </a></li><li><a id="HeaderDrawer-shop-merchandise" href="/collections/merchandise" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Merchandise </a></li><li><a id="HeaderDrawer-shop-gifts" href="/collections/gift" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" > Gifts </a></li></ul> </div> </div> </details></li><li><a id="HeaderDrawer-blog" href="/blogs/blog" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Blog </a></li><li><a id="HeaderDrawer-contact" href="/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" > Contact </a></li></ul> </nav> <div class="menu-drawer__utility-links"><a href="/account/login" class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" ><account-icon><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <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"> </svg> </account-icon>Log in</a><div class="menu-drawer__localization header-localization"> </div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> <a href="https://twitter.com/hornandhardart" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.27274 2.8L10.8009 7.82176L15.2183 2.8H16.986L11.5861 8.93887L17.3849 17.1928H12.7272L8.99645 11.8828L4.32555 17.1928H2.55769L8.21157 10.7657L2.61506 2.8H7.27274ZM13.5151 15.9248L5.06895 4.10931H6.4743L14.9204 15.9248H13.5151Z" fill="currentColor"/> </svg> <span class="visually-hidden">X (Twitter)</span> </a> </li><li class="list-social__item"> <a href="https://www.facebook.com/hornandhardartco" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <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"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://pintrest.com/hornandhardartco" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-pinterest" viewBox="0 0 20 20"> <path fill="currentColor" d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z"/> </svg> <span class="visually-hidden">Pinterest</span> </a> </li><li class="list-social__item"> <a href="http://instagram.com/hornandhardartco" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <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"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/@hornandhardart" class="list-social__link link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li></ul> </div> </div> </div> </div> </details> </header-drawer> <nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a id="HeaderMenu-home" href="/" class="header__menu-item list-menu__item link link--text focus-inset" aria-current="page" > <span class="header__active-menu-item" >Home</span> </a></li><li><header-menu> <details id="Details-HeaderMenu-2"> <summary id="HeaderMenu-shop" class="header__menu-item list-menu__item link focus-inset" > <span >Shop</span> <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <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"> </svg> </summary> <ul id="HeaderMenu-MenuList-2" class="header__submenu list-menu list-menu--disclosure color-background-1 gradient caption-large motion-reduce global-settings-popup" role="list" tabindex="-1" ><li><a id="HeaderMenu-shop-coffee-bags" href="/products/automatcoffeebox" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Coffee Bags </a></li><li><a id="HeaderMenu-shop-coffee-pods" href="/products/coffee-pods" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Coffee Pods </a></li><li><a id="HeaderMenu-shop-merchandise" href="/collections/merchandise" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Merchandise </a></li><li><a id="HeaderMenu-shop-gifts" href="/collections/gift" class="header__menu-item list-menu__item link link--text focus-inset caption-large" > Gifts </a></li></ul> </details> </header-menu></li><li><a id="HeaderMenu-blog" href="/blogs/blog" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Blog</span> </a></li><li><a id="HeaderMenu-contact" href="/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset" > <span >Contact</span> </a></li></ul> </nav> <h1 class="header__heading"><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> <img src="//hornandhardart.com/cdn/shop/files/Horn-and-Hardart-Automat-Logo_HH-Auto-2-Color-Detailed.png?v=1739293648&amp;width=600" alt="Horn and Hardart Automat Logo" srcset="//hornandhardart.com/cdn/shop/files/Horn-and-Hardart-Automat-Logo_HH-Auto-2-Color-Detailed.png?v=1739293648&amp;width=220 220w, //hornandhardart.com/cdn/shop/files/Horn-and-Hardart-Automat-Logo_HH-Auto-2-Color-Detailed.png?v=1739293648&amp;width=330 330w, //hornandhardart.com/cdn/shop/files/Horn-and-Hardart-Automat-Logo_HH-Auto-2-Color-Detailed.png?v=1739293648&amp;width=440 440w" width="220" height="124.8469643753136" loading="eager" class="header__heading-logo" sizes="(min-width: 750px) 220px, 50vw"> </div></a></h1><div class="header__icons"> <div class="desktop-localization-wrapper"> </div> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" > <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search" > <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1" ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use xlink:href="#icon-reset"> </svg> </button> <button class="search__button field__button" aria-label="Search"> <svg class="icon icon-search" aria-hidden="true" focusable="false"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg" > <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal> <a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide"><account-icon><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19" > <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"> </svg> </account-icon><span class="visually-hidden">Log in</span> </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none" > <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"/> </svg> <span class="visually-hidden">Cart</span></a> </div> </header> </sticky-header> <cart-notification> <div class="cart-notification-wrapper page-width"> <div id="cart-notification" class="cart-notification focus-inset color-accent-2 gradient" aria-modal="true" aria-label="Item added to your cart" role="dialog" tabindex="-1" > <div class="cart-notification__header"> <h2 class="cart-notification__heading caption-large text-body"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none" > <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"/> </svg> Item added to your cart </h2> <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="Close" > <svg class="icon icon-close" aria-hidden="true" focusable="false"> <use href="#icon-close"> </svg> </button> </div> <div id="cart-notification-product" class="cart-notification-product"></div> <div class="cart-notification__links"> <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width" >View cart</a> <form action="/cart" method="post" id="cart-notification-form"> <button class="button button--primary button--full-width" name="checkout"> Check out </button> </form> <button type="button" class="link button-label">Continue shopping</button> </div> </div> </div> </cart-notification> <style data-shopify> .cart-notification { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Horn \u0026amp; Hardart", "logo": "https:\/\/hornandhardart.com\/cdn\/shop\/files\/Horn-and-Hardart-Automat-Logo_HH-Auto-2-Color-Detailed.png?v=1739293648\u0026width=500", "sameAs": [ "https:\/\/twitter.com\/hornandhardart", "https:\/\/www.facebook.com\/hornandhardartco", "https:\/\/pintrest.com\/hornandhardartco", "http:\/\/instagram.com\/hornandhardartco", "", "", "", "https:\/\/www.youtube.com\/@hornandhardart", "" ], "url": "https:\/\/hornandhardart.com" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Horn \u0026amp; Hardart", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/hornandhardart.com\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/hornandhardart.com" } </script> </div> <!-- END sections: header-group --> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--22959555248444__image_banner" class="shopify-section section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/section-image-banner.css?v=124819179385751388401719337483" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>#Banner-template--22959555248444__image_banner::after { opacity: 0.6; }</style><div id="Banner-template--22959555248444__image_banner" class="banner banner--content-align-right banner--content-align-mobile-center banner--medium banner--desktop-transparent scroll-trigger animate--fade-in" ><div class="banner__media media scroll-trigger animate--fade-in"><img src="//hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=3840" alt="Horn &amp; Hardart Automat Coffee and Mug" srcset="//hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=375 375w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=550 550w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=1100 1100w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=1780 1780w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_6.jpg?v=1730923050&amp;width=3840 3840w" width="3500" height="1966.0" sizes="100vw" fetchpriority="high"> </div><div class="banner__content banner__content--bottom-right page-width scroll-trigger animate--slide-in"> <div class="banner__box content-container content-container--full-width-mobile color-scheme-b7e64a94-6520-41c9-b21e-7c1496bf955c gradient"><h2 class="banner__heading inline-richtext h2" > Timeless Taste, Captivating Legacy </h2><div class="banner__text rte subtitle" > <p>Smooth, Easy-Drinking Coffee from Horn & Hardart</p> </div><div class="banner__buttons" ><a href="/products/automatcoffeebox" class="button button--primary" >Shop Automat Coffee</a></div></div> </div> </div> </section><section id="shopify-section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2" class="shopify-section section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/section-multicolumn.css?v=81420361875458722681719337484" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-slider.css?v=14039311878856620671719337482" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2-padding { padding-top: 27px; padding-bottom: 39px; } @media screen and (min-width: 750px) { .section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2-padding { padding-top: 36px; padding-bottom: 52px; } }</style><div class="multicolumn color-background-1 gradient background-primary"> <div class="page-width section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2-padding isolate scroll-trigger animate--slide-in" data-cascade ><div class="title-wrapper-with-link title-wrapper--self-padded-mobile title-wrapper--no-top-margin multicolumn__title"> <h2 class="title inline-richtext h2"> Shop Automat Coffee </h2></div><slider-component class="slider-mobile-gutter"> <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--2-col-desktop" id="Slider-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2" role="list" ><li id="Slide-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2-1" class="multicolumn-list__item grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <div class="multicolumn-card content-container"> <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing"> <div class="media media--transparent media--adapt" style="padding-bottom: 80.0%;" > <img src="//hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=3200" alt="Horn &amp; Hardart Automat Coffee" srcset="//hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=50 50w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=75 75w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=100 100w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=150 150w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=200 200w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=300 300w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=400 400w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=500 500w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=1000 1000w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=1250 1250w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=1750 1750w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=2250 2250w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=2500 2500w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=2750 2750w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/holidayphotos2024_21.jpg?v=1731505808&amp;width=3200 3200w" width="3200" height="2560" sizes=" (min-width: 1000px) calc((1000px - 116px) * 1 / 2), (min-width: 990px) calc((100vw - 116px) * 1 / 2), (min-width: 750px) calc((100vw - 100px) * 1 / 1), calc((100vw - 30px) * 1 / 1) " class="multicolumn-card__image"> </div> </div><div class="multicolumn-card__info"><h3 class="inline-richtext">Automat Coffee Bags</h3><div class="rte"><p>A historic experience, delivered.</p></div><a class="link animate-arrow" href="/products/automatcoffeebox" >Shop Coffee Bags<span class="icon-wrap">&nbsp;<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </span></a ></div> </div> </li><li id="Slide-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2-2" class="multicolumn-list__item grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <div class="multicolumn-card content-container"> <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width multicolumn-card-spacing"> <div class="media media--transparent media--adapt" style="padding-bottom: 80.0%;" > <img src="//hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=3200" alt="Horn and Hardart Coffee Pods and Mug" srcset="//hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=50 50w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=75 75w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=100 100w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=150 150w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=200 200w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=300 300w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=400 400w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=500 500w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=1000 1000w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=1250 1250w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=1750 1750w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=2250 2250w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=2500 2500w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=2750 2750w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/HornandHardartcoffee_2_362cfbd8-597f-4c5a-94bd-cf5e52dad953.jpg?v=1704399141&amp;width=3200 3200w" width="3200" height="2560" sizes=" (min-width: 1000px) calc((1000px - 116px) * 1 / 2), (min-width: 990px) calc((100vw - 116px) * 1 / 2), (min-width: 750px) calc((100vw - 100px) * 1 / 1), calc((100vw - 30px) * 1 / 1) " class="multicolumn-card__image"> </div> </div><div class="multicolumn-card__info"><h3 class="inline-richtext">Automat Coffee Pods</h3><div class="rte"><p>A better tasting single-serve coffee pod.</p></div><a class="link animate-arrow" href="/products/coffee-pods" >Shop Coffee Pods<span class="icon-wrap">&nbsp;<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </span></a ></div> </div> </li></ul></slider-component> <div class="center"></div> </div> </div> <style> #shopify-section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2 .multicolumn-card.content-container {position: relative;} #shopify-section-template--22959555248444__3bc9eed2-a319-4415-923a-29c5fbd7c3f2 .multicolumn-card a.link.animate-arrow {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin-top: 0;} </style></section><section id="shopify-section-template--22959555248444__6b36fa1a-90e7-4ff9-91b3-5fceeb9bdf38" class="shopify-section section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/section-image-banner.css?v=124819179385751388401719337483" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>#Banner-template--22959555248444__6b36fa1a-90e7-4ff9-91b3-5fceeb9bdf38::after { opacity: 0.0; }</style><div id="Banner-template--22959555248444__6b36fa1a-90e7-4ff9-91b3-5fceeb9bdf38" class="banner banner--content-align-center banner--content-align-mobile-center banner--medium banner--mobile-bottom banner--desktop-transparent scroll-trigger animate--fade-in" ><div class="banner__media media scroll-trigger animate--fade-in"><img src="//hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=3840" alt="1557 Broadway, NYC - Times Square" srcset="//hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=375 375w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=550 550w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=1100 1100w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=1780 1780w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/1557_Broadway.jpg?v=1687197035&amp;width=3840 3840w" width="2612" height="2075.0" sizes="100vw" fetchpriority="auto" style="object-position:98.0159% 97.5%;"> </div><div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in"> <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"></div> </div> </div> </section><section id="shopify-section-template--22959555248444__b1b0a71b-12c4-4f4e-bfb7-38742a511e45" class="shopify-section section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/section-rich-text.css?v=155250126305810049721719337484" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--22959555248444__b1b0a71b-12c4-4f4e-bfb7-38742a511e45-padding { padding-top: 21px; padding-bottom: 9px; } @media screen and (min-width: 750px) { .section-template--22959555248444__b1b0a71b-12c4-4f4e-bfb7-38742a511e45-padding { padding-top: 28px; padding-bottom: 12px; } }</style><div class="isolate"> <div class="rich-text content-container color-background-2 gradient rich-text--full-width content-container--full-width section-template--22959555248444__b1b0a71b-12c4-4f4e-bfb7-38742a511e45-padding"> <div class="rich-text__wrapper rich-text__wrapper--center page-width"> <div class="rich-text__blocks center"><h2 class="rich-text__heading rte inline-richtext h1 scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > The Horn & Hardart Revival </h2><div class="rich-text__text rte scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <p>Guided by our rich heritage, we鈥檙e on a mission to restore Horn & Hardart. Our objective is straightforward: bring back the iconic Horn & Hardart Automat and innovate our offerings to meet the preferences of today's consumers.</p> </div><div class="rich-text__buttons scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" ><a href="/blogs/blog" class="button button--primary" >Follow Our Journey</a></div></div> </div> </div> </div> </section><section id="shopify-section-template--22959555248444__multicolumn_kTHVpc" class="shopify-section section"><link href="//hornandhardart.com/cdn/shop/t/8/assets/section-multicolumn.css?v=81420361875458722681719337484" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-slider.css?v=14039311878856620671719337482" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--22959555248444__multicolumn_kTHVpc-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--22959555248444__multicolumn_kTHVpc-padding { padding-top: 36px; padding-bottom: 36px; } }</style><div class="multicolumn color-background-1 gradient background-primary no-heading"> <div class="page-width section-template--22959555248444__multicolumn_kTHVpc-padding isolate scroll-trigger animate--slide-in" data-cascade ><slider-component class="slider-mobile-gutter"> <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop slider slider--tablet grid--peek" id="Slider-template--22959555248444__multicolumn_kTHVpc" role="list" ><li id="Slide-template--22959555248444__multicolumn_kTHVpc-1" class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" > <div class="multicolumn-card content-container"> <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width"> <div class="media media--transparent media--square" > <img src="//hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=3200" alt="Horn and Hardart Coffee and Mug" srcset="//hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=50 50w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=75 75w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=100 100w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=150 150w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=200 200w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=300 300w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=400 400w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=500 500w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=1000 1000w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=1250 1250w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=1750 1750w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=2250 2250w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=2500 2500w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=2750 2750w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/2_431c700c-e90b-45a7-ad9f-07bcb08527a0.png?v=1730841079&amp;width=3200 3200w" width="3200" height="2560" loading="lazy" sizes=" (min-width: 1000px) calc((1000px - 132px) * 1 / 3), (min-width: 990px) calc((100vw - 132px) * 1 / 3), (min-width: 750px) calc((100vw - 100px) * 1 / 1), calc((100vw - 30px) * 1 / 1) " class="multicolumn-card__image"> </div> </div><div class="multicolumn-card__info"><h3 class="inline-richtext">2024 Revival Report</h3><div class="rte"><p>From reaching customers nationwide to collaborations and media recognition, we鈥檝e made big strides.</p></div><a class="link animate-arrow" href="/blogs/blog/2024-revival-report" >2024 Revival Report<span class="icon-wrap">&nbsp;<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </span></a ></div> </div> </li><li id="Slide-template--22959555248444__multicolumn_kTHVpc-2" class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" > <div class="multicolumn-card content-container"> <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width"> <div class="media media--transparent media--square" > <img src="//hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=3200" alt="Automat Coffee" srcset="//hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=50 50w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=75 75w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=100 100w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=150 150w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=200 200w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=300 300w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=400 400w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=500 500w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=1000 1000w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=1250 1250w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=1750 1750w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=2250 2250w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=2500 2500w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=2750 2750w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/1_1aa809a8-b947-4080-9023-5ca514374298.png?v=1727881842&amp;width=3200 3200w" width="3200" height="3200" loading="lazy" sizes=" (min-width: 1000px) calc((1000px - 132px) * 1 / 3), (min-width: 990px) calc((100vw - 132px) * 1 / 3), (min-width: 750px) calc((100vw - 100px) * 1 / 1), calc((100vw - 30px) * 1 / 1) " class="multicolumn-card__image"> </div> </div><div class="multicolumn-card__info"><h3 class="inline-richtext">The Article That Sold Out Our Coffee</h3><div class="rte"><p>Recently,<strong>聽</strong><em>The Kitchn</em><strong> </strong>spotlighted our coffee, and the response has been overwhelming!</p></div><a class="link animate-arrow" href="/blogs/blog/the-kitchn-article-that-sold-out-our-coffee" >The Kitchn Article That Sold Out Our Coffee<span class="icon-wrap">&nbsp;<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </span></a ></div> </div> </li><li id="Slide-template--22959555248444__multicolumn_kTHVpc-3" class="multicolumn-list__item grid__item slider__slide scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" > <div class="multicolumn-card content-container"> <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width"> <div class="media media--transparent media--square" > <img src="//hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=3200" alt="Horn and Hardart New York" srcset="//hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=50 50w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=75 75w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=100 100w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=150 150w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=200 200w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=300 300w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=400 400w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=500 500w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=750 750w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=1000 1000w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=1250 1250w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=1500 1500w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=1750 1750w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=2000 2000w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=2250 2250w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=2500 2500w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=2750 2750w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=3000 3000w, //hornandhardart.com/cdn/shop/files/index_13.jpg?v=1678383422&amp;width=3200 3200w" width="3200" height="2556" loading="lazy" sizes=" (min-width: 1000px) calc((1000px - 132px) * 1 / 3), (min-width: 990px) calc((100vw - 132px) * 1 / 3), (min-width: 750px) calc((100vw - 100px) * 1 / 1), calc((100vw - 30px) * 1 / 1) " class="multicolumn-card__image" style="object-position:49.4829% 66.7285%;"> </div> </div><div class="multicolumn-card__info"><h3 class="inline-richtext">Honoring our Heritage</h3><div class="rte"><p>Since 1888, Horn & Hardart defined innovation, quality, and convenience. Today, we reignite that legacy.</p></div><a class="link animate-arrow" href="/pages/our-story" >Our Story<span class="icon-wrap">&nbsp;<svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg" > <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"> </svg> </span></a ></div> </div> </li></ul><div class="slider-buttons large-up-hide"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <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"> </svg> </button> <div class="slider-counter caption"> <span class="slider-counter--current">1</span> <span aria-hidden="true"> / </span> <span class="visually-hidden">of</span> <span class="slider-counter--total">3</span> </div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right" > <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> <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"> </svg> </button> </div></slider-component> <div class="center small-hide medium-hide"></div> </div> </div> <style> #shopify-section-template--22959555248444__multicolumn_kTHVpc .multicolumn-card.content-container {position: relative;} #shopify-section-template--22959555248444__multicolumn_kTHVpc .multicolumn-card a.link.animate-arrow {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin-top: 0;} </style></section><section id="shopify-section-template--22959555248444__custom_liquid_LCq4YB" class="shopify-section section"><style data-shopify>.section-template--22959555248444__custom_liquid_LCq4YB-padding { padding-top: calc(16px * 0.75); padding-bottom: calc(16px * 0.75); } @media screen and (min-width: 750px) { .section-template--22959555248444__custom_liquid_LCq4YB-padding { padding-top: 16px; padding-bottom: 16px; } }</style><div class="color-background-1 gradient"> <div class="section-template--22959555248444__custom_liquid_LCq4YB-padding"> <div id="omnisend-embedded-v2-6674595a063a6fe1f6e9dbe2"></div> </div> </div> </section> </main> <!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--22959555707196__footer" class="shopify-section shopify-section-group-footer-group"> <link href="//hornandhardart.com/cdn/shop/t/8/assets/section-footer.css?v=61390616271034004541719337483" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-newsletter.css?v=4727253280200485261719337482" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-list-menu.css?v=151968516119678728991719337482" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-list-payment.css?v=69253961410771838501719337482" rel="stylesheet" type="text/css" media="all" /> <link href="//hornandhardart.com/cdn/shop/t/8/assets/component-list-social.css?v=35792976012981934991719337482" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.footer { margin-top: 36px; } .section-sections--22959555707196__footer-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .footer { margin-top: 48px; } .section-sections--22959555707196__footer-padding { padding-top: 36px; padding-bottom: 36px; } }</style><footer class="footer color-scheme-1354309b-a076-4b33-8b85-6e2ba25dc4fc gradient section-sections--22959555707196__footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in" data-cascade ><div class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" data-cascade style="--animation-order: 1;" ><h2 class="footer-block__heading inline-richtext">Quick Links</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="/pages/our-story" class="link link--text list-menu__item list-menu__item--link" > Our Story </a> </li><li> <a href="/blogs/blog" class="link link--text list-menu__item list-menu__item--link" > Blog </a> </li><li> <a href="/blogs/news" class="link link--text list-menu__item list-menu__item--link" > Press </a> </li><li> <a href="/pages/faq" class="link link--text list-menu__item list-menu__item--link" > FAQ </a> </li><li> <a href="/pages/contact" class="link link--text list-menu__item list-menu__item--link" > Contact </a> </li></ul></div><div class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" data-cascade style="--animation-order: 2;" ><h2 class="footer-block__heading inline-richtext">Shop</h2><ul class="footer-block__details-content list-unstyled"><li> <a href="/products/automatcoffeebox" class="link link--text list-menu__item list-menu__item--link" > Coffee Bags </a> </li><li> <a href="/products/coffee-pods" class="link link--text list-menu__item list-menu__item--link" > Coffee Pods </a> </li><li> <a href="/collections/merchandise" class="link link--text list-menu__item list-menu__item--link" > Merchandise </a> </li><li> <a href="/collections/gift" class="link link--text list-menu__item list-menu__item--link" > Gifts </a> </li></ul></div><div class="footer-block grid__item scroll-trigger animate--slide-in" data-cascade style="--animation-order: 3;" ><div class="footer-block__brand-info"><h2 class="footer-block__heading rte">Stay connected</h2><div class="rte"><p>Follow along on our journey to #restoretheautomat</p></div> <ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> <a href="https://www.facebook.com/hornandhardartco" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-facebook" viewBox="0 0 20 20"> <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"/> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="http://instagram.com/hornandhardartco" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-instagram" viewBox="0 0 20 20"> <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"/> </svg> <span class="visually-hidden">Instagram</span> </a> </li><li class="list-social__item"> <a href="https://www.youtube.com/@hornandhardart" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-youtube" viewBox="0 0 20 20"> <path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z"/> </svg> <span class="visually-hidden">YouTube</span> </a> </li><li class="list-social__item"> <a href="https://twitter.com/hornandhardart" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 20 20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.27274 2.8L10.8009 7.82176L15.2183 2.8H16.986L11.5861 8.93887L17.3849 17.1928H12.7272L8.99645 11.8828L4.32555 17.1928H2.55769L8.21157 10.7657L2.61506 2.8H7.27274ZM13.5151 15.9248L5.06895 4.10931H6.4743L14.9204 15.9248H13.5151Z" fill="currentColor"/> </svg> <span class="visually-hidden">X (Twitter)</span> </a> </li><li class="list-social__item"> <a href="https://pintrest.com/hornandhardartco" class="link list-social__link"><svg aria-hidden="true" focusable="false" class="icon icon-pinterest" viewBox="0 0 20 20"> <path fill="currentColor" d="M10 2.01c2.124.01 4.16.855 5.666 2.353a8.087 8.087 0 0 1 1.277 9.68A7.952 7.952 0 0 1 10 18.04a8.164 8.164 0 0 1-2.276-.307c.403-.653.672-1.24.816-1.729l.567-2.2c.134.27.393.5.768.702.384.192.768.297 1.19.297.836 0 1.585-.24 2.248-.72a4.678 4.678 0 0 0 1.537-1.969c.37-.89.554-1.848.537-2.813 0-1.249-.48-2.315-1.43-3.227a5.061 5.061 0 0 0-3.65-1.374c-.893 0-1.729.154-2.478.461a5.023 5.023 0 0 0-3.236 4.552c0 .72.134 1.355.413 1.902.269.538.672.922 1.22 1.152.096.039.182.039.25 0 .066-.028.114-.096.143-.192l.173-.653c.048-.144.02-.288-.105-.432a2.257 2.257 0 0 1-.548-1.565 3.803 3.803 0 0 1 3.976-3.861c1.047 0 1.863.288 2.44.855.585.576.883 1.315.883 2.228 0 .768-.106 1.479-.317 2.122a3.813 3.813 0 0 1-.893 1.556c-.384.384-.836.576-1.345.576-.413 0-.749-.144-1.018-.451-.259-.307-.345-.672-.25-1.085.147-.514.298-1.026.452-1.537l.173-.701c.057-.25.086-.451.086-.624 0-.346-.096-.634-.269-.855-.192-.22-.451-.336-.797-.336-.432 0-.797.192-1.085.595-.288.394-.442.893-.442 1.499.005.374.063.746.173 1.104l.058.144c-.576 2.478-.913 3.938-1.037 4.36-.116.528-.154 1.153-.125 1.863A8.067 8.067 0 0 1 2 10.03c0-2.208.778-4.11 2.343-5.666A7.721 7.721 0 0 1 10 2.001v.01Z"/> </svg> <span class="visually-hidden">Pinterest</span> </a> </li></ul> </div></div></div><div class="footer-block--newsletter scroll-trigger animate--slide-in" data-cascade ></div> </div><div class="footer__content-bottom scroll-trigger animate--slide-in" data-cascade > <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"></div> </div> <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center"> <div class="footer__copyright caption"> <small class="copyright__content" >&copy; 2025, <a href="/" title="">Horn &amp; Hardart</a></small> <small class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </a></small><ul class="policies list-unstyled"><li> <small class="copyright__content" ><a href="/policies/refund-policy">Refund policy</a></small > </li><li> <small class="copyright__content" ><a href="/policies/privacy-policy">Privacy policy</a></small > </li><li> <small class="copyright__content" ><a href="/policies/terms-of-service">Terms of service</a></small > </li><li> <small class="copyright__content" ><a href="/policies/shipping-policy">Shipping policy</a></small > </li></ul></div> </div> </div> </footer> </div> <!-- END sections: footer-group --> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://hornandhardart.com'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.`, }; window.variantStrings = { addToCart: `Add to cart`, soldOut: `SOLD OUT - BACK IN STOCK SOON!`, unavailable: `Unavailable`, unavailable_with_option: `[value] - Unavailable`, }; window.quickOrderListStrings = { itemsAdded: `[quantity] items added`, itemAdded: `[quantity] item added`, itemsRemoved: `[quantity] items removed`, itemRemoved: `[quantity] item removed`, viewCart: `View cart`, each: `[money]/ea`, min_error: `This item has a minimum of [min]`, max_error: `This item has a maximum of [max]`, step_error: `You can only add this item in increments of [step]`, }; window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, countrySelectorSearchCount: `[count] countries/regions found`, }; </script><script src="//hornandhardart.com/cdn/shop/t/8/assets/predictive-search.js?v=162273246065392412141719337483" defer="defer"></script><div id="shopify-block-AT0owZzZkT3YxaUxyM__17824471530847535147" class="shopify-block shopify-app-block"><div id='widget-config' style="opacity:0; font-size: 1px;">{"statementLink":"","footerHtml":"","hideMobile":false,"hideTrigger":false,"disableBgProcess":false,"language":"en","position":"left","leadColor":"#1371b9","triggerColor":"#146ff8","triggerRadius":"5px","triggerPositionX":"right","triggerPositionY":"bottom","triggerIcon":"people","triggerSize":"small","triggerOffsetX":20,"triggerOffsetY":20,"mobile":{"triggerSize":"small","triggerPositionX":"right","triggerPositionY":"bottom","triggerOffsetX":10,"triggerOffsetY":10,"triggerRadius":"50%"}}</div> <div id='widget-status' style="opacity:0; font-size: 1px;"></div> <script> ( function () { const s = document.createElement('script'); const h = document.querySelector('head') || document.body; const widgetConfigEle = document.getElementById('widget-config'); const widgetConfig = widgetConfigEle.innerHTML; widgetConfigEle.style.display = 'none'; const widgetStatusEle = document.getElementById('widget-status'); const widgetStatus = widgetStatusEle.innerHTML; widgetStatusEle.style.display = 'none'; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function () { acsbJS.init(JSON.parse(widgetConfig)); }; if (widgetStatus === '' || widgetStatus === 'true') { h.appendChild(s); } })(); </script> </div><div id="shopify-block-AY3pVa3ZJR0E3aHF6e__10436698916776057164" class="shopify-block shopify-app-block"><script id="subscription-helper"> if (!window.AppstleIncluded) { window.AppstleIncluded = true; window.RS = Window.RS || {}; RS.Config = { "selectors": { "payment_button_selectors": "form[action$='/cart/add'] .shopify-payment-button", "subscriptionLinkSelector": "#MainContent .customer.account > div:nth-child(2) > div:nth-child(2) > h2", "atcButtonPlacement": "BEFORE", "subscriptionLinkPlacement": "BEFORE", "cartRowSelector": "", "cartLineItemSelector": "", "cartLineItemPerQuantityPriceSelector": "", "cartLineItemTotalPriceSelector": "", "cartLineItemSellingPlanNameSelector": "", "cartSubTotalSelector" : "", "cartLineItemPriceSelector": "", "cartLineItemPlacement": "", "cartHiddenAttributesSelector": "", "buildABoxDiscountSelector": "", }, "enableCartWidgetFeature": "false", "useUrlWithCustomerId": "true", "atcButtonSelector": "div.product-form__buttons", "moneyFormat": "${{amount}}", "oneTimePurchaseText": "One Time", "tapToSelectText": "", "atcButtonTextSelector": "", "disableCartWidgetOnVariants": "", "shop": "81c7dd-2.myshopify.com", "deliveryText": "delivery", "purchaseOptionsText": "Purchase Options", "manageSubscriptionButtonText": "Manage Subscription", "subscriptionOptionText": "Subscribe (Free Shipping)", "sellingPlanSelectTitle": "DELIVERY FREQUENCY", "subscriptionPriceDisplayText": "Subscription Price {{subscriptionPrice}}", "tooltipTitle": "Subscription detail", "showTooltipOnClick": "false", "tooltipDesctiption": "<strong>Have complete control of your subscriptions<\/strong><br\/><br\/>Skip, reschedule, edit, or cancel deliveries anytime, based on your needs.", "tooltipDescriptionOnPrepaidPlan": "<b>Prepaid Plan Details<\/b><\/br> Total price: {{totalPrice}} ( Price for every delivery: {{pricePerDelivery}})", "tooltipDescriptionOnMultipleDiscount": "<b>Discount Details<\/b><\/br> Initial discount is {{discountOne}} and then {{discountTwo}}", "tooltipDescriptionCustomization": "{{{defaultTooltipDescription}}} <\/br> {{{prepaidDetails}}} <\/br> {{{discountDetails}}}", "orderStatusManageSubscriptionTitle": "Subscription", "orderStatusManageSubscriptionDescription": "Continue to your account to view and manage your subscriptions. Please use the same email address that you used to buy the subscription.", "orderStatusManageSubscriptionButtonText": "Manage your subscription", "subscriptionOptionSelectedByDefault" : false, "totalPricePerDeliveryText" : "{{prepaidPerDeliveryPrice}}\/delivery", "memberOnlySellingPlansJson": {}, "nonMemberOnlySellingPlansJson": {}, "sellingPlansJson": [{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly - Free Shipping","frequencyDescription":"Receive 1 box (15 Pods) per month. Pause, skip, or cancel anytime. Shipping included.","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690186912060","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690186912060","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"[]","frequencySequence":0,"groupName":"Coffee Pods - Free Shipping","groupId":77879181628,"repeatingCycle":false,"inventoryPolicyReserve":"ON_SALE","appstleCycles":[]},{"frequencyCount":1,"frequencyInterval":"MONTH","billingFrequencyCount":1,"billingFrequencyInterval":"MONTH","frequencyName":"Monthly - Free Shipping","frequencyDescription":"Receive 2 bags per month. Pause, skip, or cancel anytime. Free shipping on all orders.","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690186977596","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690186977596","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":0,"groupName":"Coffee Bags - Free Shipping","groupId":77879247164,"repeatingCycle":false,"inventoryPolicyReserve":"ON_FULFILLMENT","appstleCycles":[]},{"frequencyCount":3,"frequencyInterval":"MONTH","billingFrequencyCount":3,"billingFrequencyInterval":"MONTH","frequencyName":"Quarterly - Free Shipping","frequencyDescription":"Receive 1 box (2 bags) every 3 months. Pause, skip, or cancel anytime. Free shipping on all orders.","afterCycle1":0,"afterCycle2":0,"discountEnabled":false,"discountEnabled2":false,"discountEnabledMasked":false,"discountEnabled2Masked":false,"id":"gid://shopify/SellingPlan/690188091708","frequencyType":"ON_PURCHASE_DAY","specificDayEnabled":false,"minCycles":1,"cutOff":0,"prepaidFlag":"false","idNew":"gid://shopify/SellingPlan/690188091708","planType":"PAY_AS_YOU_GO","deliveryPolicyPreAnchorBehavior":"ASAP","freeTrialEnabled":false,"memberOnly":false,"nonMemberOnly":false,"formFieldJson":"null","frequencySequence":1,"groupName":"Coffee Bags - Free Shipping","groupId":77879247164,"repeatingCycle":false,"inventoryPolicyReserve":"ON_FULFILLMENT","appstleCycles":[]}], "widgetEnabled": true, "showTooltip" : false, "showCartWidgetOnBundleItems" : false, "disablePassingSellingPlanAsLineProperties" : false, "sortByDefaultSequence": true, "showSubOptionBeforeOneTime": false, "detectVariantFromURLParams": false, "disableQueryParamsUpdate": false, "showStaticTooltip": false, "showAppstleLink": false, "sellingPlanTitleText" : "{{sellingPlanName}} ({{sellingPlanPrice}}\/delivery)", "oneTimePriceText" : "{{price}}", "selectedPayAsYouGoSellingPlanPriceText" : "{{price}}", "selectedPrepaidSellingPlanPriceText" : " {{totalPrice}}", "selectedDiscountFormat" : "SAVE {{selectedDiscountPercentage}}", "manageSubscriptionBtnFormat" : "<a href='apps\/subscriptions' class='appstle_manageSubBtn' ><button class='btn' style='padding: 2px 20px'>Manage Subscription<\/button><a><br><br>", "manageSubscriptionUrl" : "apps\/subscriptions", "appstlePlanId": 163, "showCheckoutSubscriptionBtn": true, "priceSelector": "span.price-item.price-item--regular", "reloadPriceSelector": "", "landingPagePriceSelector": ".price", "quickViewClickSelector": "", "badgeTop": "", "pricePlacement": "BEFORE", "disableLoadingJquery": false, "widgetEnabledOnSoldVariant": "false", "switchRadioButtonWidget": true, "appstlePlanName": "BUSINESS", "appstlePlanFeatures": {"accessSplitContract":true,"enableExternalApi":false,"accessMechanicsIntegration":true,"enableQuickActions":false,"enableDunningManagement":true,"enableAutoSync":true,"webhookAccess":false,"accessSubscriptionActivityLogs":true,"accessBundling":true,"analytics":true,"enableCustomEmailHtml":true,"accessAppstleMenu":false,"enableShippingProfiles":true,"accessKlaviyoContactSync":true,"accessAdvancedCustomerPortalSettings":true,"accessMechanicIntegration":true,"accessAdvanceSubscriptionPlanOptions":true,"enableSmsAlert":false,"accessOneTimeProductUpsells":true,"enableExportActivityLog":true,"accessQuickCheckout":false,"enableCustomEmailDomain":true,"enableSummaryReports":true,"accessZapierIntegration":true,"accessManualSubscriptionCreation":true,"subscriptionOrderAmount":30000,"enableSubscriptionManagement":true,"enableAutomation":true,"accessShopifyFlowIntegration":true,"enableAddToExistingSubscription":false,"enableBundling":true,"accessGorgiasIntegration":true,"accessResendEmail":true,"enableTrackInventoryInSingleBAB":true,"enableCartWidget":true,"accessDiscountOnCancellationAttempt":true,"accessWidgetDesignOptions":true,"enableCancellationManagement":true,"accessSubscriberLoyaltyFeatures":true,"enableWidgetPlacement":true,"enableIntegrations":true,"enableAdminNotificationAccess":true,"enableCustomerPortalSettings":true,"enableProductSwapAutomation":true,"enableAdvancedSellingPlans":true,"accessBuildABox":true,"accessKlaviyoEmailIntegration":true}, "formMappingAttributeName": "", "formMappingAttributeSelector": "", "quickViewModalPollingSelector": "", "scriptLoadDelay": "0", "formatMoneyOverride": "false", "enableAddToExistingSubscriptionFeature": "false", "displayAddToExistingSubscriptionButtonForNotLoggedInV2": "", "showAddToSubscriptionButtonOnlyOnSubscriptionProducts": "false", "appstle_app_proxy_path_prefix": "apps\/subscriptions", "updatePriceOnQuantityChange": "", "widgetParentSelector": "", "quantitySelector": "", "enableAddJSInterceptor": "false", "isDevEnabled": false, "forceReloadWidgetSelector": "", "forceReloadOnFreqChange": false, "showPrepaidPlanSeparately": false, "debugLogsEnabled": false, "isUseStorefrontAPI": false, "storeFrontAccessToken": "", "reBuyEnabled": "false", "loyaltyDetailsLabelText": "", "loyaltyPerkDescriptionText": "", "widgetType": "WIDGET_TYPE_1", "showOneTimeComparePrice": false, "showCombinedSellingPlanCartWidget": false, "combinedCartWidgetSelector": "", "removeUnsubscribeOption": false, "widgetTemplateHtml": `{% raw %}{% endraw %}`, "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-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\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-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\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-plan-text\\\">{{{sellingPlanFrequencyType}}}</div>\\n<div class=\\\"appstle-cancel-text\\\">{{{cancelAnytimeLabelTextV2}}}</div>\\n</div>\\n<div class=\\\"appstle-selling-plan-detail-wrapper\\\">\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_formattedCompareAtPrice appstle_price_block\\\">{{{formattedCompareAtPrice}}}</span>\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n\\n</div> \\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n {{#showPricePerDay}}<div class=\\\"appstle-perday-price\\\">{{{pricePerDay}}}</div>{{/showPricePerDay}}\\n<div class=\\\"\\\">\\n<div class=\\\"appstle-frequency-description\\\">\\n{{{frequencyDescription}}} \\n</div>\\n</div>\\n</div>\\n</label>\\n{{#showFormattedDiscountText}}\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{formattedDiscountText}}</span>\\n{{/showFormattedDiscountText}}\\n<div class=\\\"appstle-sm-hide appstle-frequency-description\\\">{{{frequencyDescription}}} </div> \\n\\n{{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime_block\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n<div class=\\\"appstle-selling-plan-name-wrapper\\\">\\n {{oneTimePuchaseText}}\\n<div class=\\\"appstle-plan-text\\\">{{{oneTimeFrequencyText}}}</div>\\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\\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{{/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 #ff609d;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 13px;\\n font-family: monospace;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\ncursor: pointer;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color:#Fef58f !important;\\ncolor: #E53D29;\\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 font-size: 8px;\\n background: linear-gradient(to right,#Fef58f,#7A3900);\\n color: white;\\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}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 10px;\\n font-weight: normal;\\n}\\ndiv.appstle_span_wrapper{\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n}\\n\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n font-size: 13px;\\n}\\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 font-family: 'Open Sans' !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 font-size: 10px;\\n font-weight: bold;\\n line-height: 16px !important;\\n margin: 6px 0px;\\n color: #121212;\\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 {\\n font-size: 10px !important;\\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 font-size: 10px !important;\\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 font-weight: 900;\\n background: linear-gradient(to right,#Fef58f,#7A3900);\\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 font-size: 10px !important;\\n letter-spacing: 1px;\\nz-index: 2;\\n}\\n\\n.appstle_lowercase.appstle_sellingPlan_price.appstle_price_block {\\n font-size: 14px !important;\\nfont-weight: 900 !important;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount {\\n font-size: 14px !important;\\n font-weight: 900;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 14px !important;\\n font-weight: 900;\\ntext-decoration: line-through;\\n}\\n\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_text {\\n font-size: 10px !important;\\n}\\n\\nspan.appstle-popular {\\n position: absolute;\\n top: -40px;\\n background: black;\\n color: #fff;\\n z-index: -3;\\n border-radius: 10px;\\n font-size: 11px;\\n padding: 0px 10px 29px 10px;\\nleft: 0;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n \\n border-radius: 14px;\\n}\\n\\n.widgetSellingPlanWrapper input:checked+label {\\n \\n overflow: hidden;\\n}\\n\\n.appstle-cancel-text {\\n font-size: 10px;\\n}\\n\\n.appstle-perday-price {\\n font-size: 10px;\\n font-weight: 600;\\ndisplay: none;\\n}\\n\\n.appstle-plan-text {\\n font-size: 10px;\\n font-weight: 400;\\n}\\n\\n\\n .widgetSellingPlanWrapper {\\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n flex-direction: row;\\n justify-content: space-between !important;\\n align-items: flex-start !important;\\nwidth: 100% !important;\\n}\\n\\n.widgetSellingPlanWrapper label {\\n font-size: 18px;\\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: 0.8rem !important;\\n}\\n\\nspan.appstle-popular {\\n width: calc(100% - 20px);\\n text-align: center;\\n font-weight: 900;\\n letter-spacing: 2px;\\n font-size: 12px;\\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;\\nfont-weight: 400;\\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.appstle_input_wrapper label {\\n font-size: 14px !important;\\n}\\n.appstle-plan-text {\\n font-size: 10px;\\n font-weight: 400;\\n}\\n.widgetSellingPlanWrapper input:checked+label+span {\\n background: linear-gradient(to right,#F5DEB3,#F5DEB3) !important;\\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 font-size: 12px !important;\\n color: #121212;\\n}\\n\\n.appstle_span_wrapper > * {\\nflex-shrink: 0\\n}\\n\\n\\n</style>\\n</div>\\n{% endraw %}\",\"WIDGET_TYPE_7\":\"{% 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\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n {{^requires_selling_plan}}\\n <div class=\\\"appstle_input_wrapper appstle_onetime\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"{{sellingPlanId}}\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{oneTimePuchaseText}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n{{{oneTimePuchaseAmount}}}</span>\\n </label>\\n \\n </div>\\n {{/requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper appstle_subscription_option\\\">\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n {{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}</span>\\n{{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span> {{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n</div>\\n \\n </label>\\n {{/prepaidFlag}}\\n {{#prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\" class=\\\"appstle_widget_three\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n {{#showSecondFormattedDiscountText}}{{^isFixedPrice}}<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block\\\">&nbsp;({{{secondFormattedDiscountText}}})</span>{{/isFixedPrice}}{{/showSecondFormattedDiscountText}}\\n {{#formattedPrepaidPerDeliveryPriceText}}<span class=\\\"appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;({{{formattedPrepaidPerDeliveryPriceText}}})</span>{{/formattedPrepaidPerDeliveryPriceText}}\\n </div>\\n \\n </label>\\n {{/prepaidFlag}}\\n \\n </div>\\n {{/sellingPlanVariants}}\\n{{/showSubOptionBeforeOneTime}}\\n </div>\\n{{#showStaticTooltip}}\\n<div class=\\\"appstle_tooltip_wrapper_static\\\">{{{toolTipDescription}}}</div>\\n{{/showStaticTooltip}}\\n{{#showTooltip}}\\n <div data-appstle-icon=\\\"\\\" class=\\\"appstle_tooltip_wrapper\\\">\\n <svg width=\\\"90\\\" height=\\\"90\\\" viewBox=\\\"0 0 90 90\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" class=\\\"tooltip_subscription_svg\\\">\\n <path\\n d=\\\"M45 0C20.1827 0 0 20.1827 0 45C0 69.8173 20.1827 90 45 90C69.8173 90 90 69.8174 90 45C90.0056 44.6025 89.9322 44.2078 89.7839 43.8389C89.6357 43.47 89.4156 43.1342 89.1365 42.8511C88.8573 42.568 88.5247 42.3432 88.158 42.1897C87.7912 42.0363 87.3976 41.9573 87 41.9573C86.6024 41.9573 86.2088 42.0363 85.842 42.1897C85.4753 42.3432 85.1427 42.568 84.8635 42.8511C84.5844 43.1342 84.3643 43.47 84.2161 43.8389C84.0678 44.2078 83.9944 44.6025 84 45C84 66.5748 66.5747 84 45 84C23.4253 84 6 66.5747 6 45C6 23.4254 23.4253 6 45 6C56.1538 6 66.3012 10.5882 73.4375 18H65.4062C65.0087 17.9944 64.614 18.0678 64.2451 18.2161C63.8762 18.3643 63.5405 18.5844 63.2573 18.8635C62.9742 19.1427 62.7494 19.4753 62.596 19.842C62.4425 20.2088 62.3635 20.6024 62.3635 21C62.3635 21.3976 62.4425 21.7912 62.596 22.158C62.7494 22.5247 62.9742 22.8573 63.2573 23.1365C63.5405 23.4156 63.8762 23.6357 64.2451 23.7839C64.614 23.9322 65.0087 24.0056 65.4062 24H79.8125C80.6081 23.9999 81.3711 23.6838 81.9337 23.1212C82.4963 22.5586 82.8124 21.7956 82.8125 21V6.59375C82.821 6.18925 82.7476 5.78722 82.5966 5.41183C82.4457 5.03644 82.2205 4.69545 81.9344 4.40936C81.6483 4.12327 81.3073 3.898 80.9319 3.7471C80.5565 3.5962 80.1545 3.52277 79.75 3.53125C79.356 3.53941 78.9675 3.62511 78.6067 3.78344C78.2458 3.94177 77.9197 4.16963 77.6469 4.45402C77.3741 4.73841 77.16 5.07375 77.0168 5.44089C76.8737 5.80803 76.8042 6.19977 76.8125 6.59375V12.875C68.6156 4.86282 57.3081 0 45 0ZM43.75 20.75C43.356 20.7582 42.9675 20.8439 42.6067 21.0022C42.2458 21.1605 41.9197 21.3884 41.6469 21.6728C41.3741 21.9572 41.16 22.2925 41.0168 22.6596C40.8737 23.0268 40.8042 23.4185 40.8125 23.8125V47.375C40.8116 47.7693 40.8883 48.16 41.0385 48.5246C41.1886 48.8892 41.4092 49.2207 41.6875 49.5L54.0938 61.9375C54.6573 62.5011 55.4217 62.8177 56.2188 62.8177C57.0158 62.8177 57.7802 62.5011 58.3438 61.9375C58.9073 61.3739 59.224 60.6095 59.224 59.8125C59.224 59.0155 58.9073 58.2511 58.3438 57.6875L46.8125 46.1875V23.8125C46.821 23.408 46.7476 23.006 46.5966 22.6306C46.4457 22.2552 46.2205 21.9142 45.9344 21.6281C45.6483 21.342 45.3073 21.1168 44.9319 20.9658C44.5565 20.8149 44.1545 20.7415 43.75 20.75Z\\\"\\n ></path>\\n </svg>\\n <span class=\\\"appstle_tooltip_title\\\">{{{tooltipTitle}}}</span>\\n </div>\\n<div class=\\\"appstle_tooltip appstle_tooltip_hover\\\">\\n <div class=\\\"appstle_tooltip_content\\\">\\n {{{toolTipDescription}}}\\n </div>\\n {{#showAppstleLink}}\\n <div class=\\\"appstle_tooltip_appstle\\\">\\n <a href=\\\"https://appstle.com\\\" class=\\\"appstle_link\\\" target=\\\"_blank\\\">\\n POWERED BY APPSTLE\\n </a>\\n </div>\\n{{/showAppstleLink}}\\n </div>\\n{{/showTooltip}}\\n<style>.widgetSellingPlanWrapper {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 0.5rem;\\n grid-auto-rows: 1fr;\\n margin-bottom: 6px;\\n}\\n.widgetSellingPlanWrapper input {\\n display: none;\\n}\\n.widgetSellingPlanWrapper label {\\n border-radius: 8px;\\n border: 1px solid #E60000;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 13px;\\n display: block;\\n height: 100%;\\n width: 100%;\\n text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: #ffffff;\\n color: #000000;\\n border: 2px solid black !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: black;\\n color: white;\\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 font-size: 13px;\\n font-weight: normal;\\n color: red;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 13px;\\n font-weight: normal;\\n color: red;\\n text-decoration: line-through;\\n padding: 0 3px;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n font-size: 13px;\\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: black !important;\\n}\\n.appstle_sub_widget .appstle_subscription_wrapper{\\n border-radius:unset !important;\\n}\\n</style>\\n</div>{% endraw %}\",\"WIDGET_TYPE_4\":\"{% raw %}<div id=\\\"appstle-widget-template\\\">\\n <div class=\\\"appstle_sub_widget\\\" id=\\\"appstle_subscription_widget{{widgetId}}\\\">\\n<div class=\\\"appstle_widget_title\\\">{{{purchaseOptionsText}}}</div>\\n <div class=\\\"widgetSellingPlanWrapper\\\">\\n{{^requires_selling_plan}}\\n{{^showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <input type=\\\"radio\\\" id=\\\"appstle_selling_plan_label_1{{widgetId}}\\\" name=\\\"selling_plan\\\" value=\\\"\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" {{^subscriptionOptionSelectedDefault}}checked{{/subscriptionOptionSelectedDefault}}>\\n <label for=\\\"appstle_selling_plan_label_1{{widgetId}}\\\">\\n {{oneTimePuchaseText}}\\n{{#showOneTimeComparePrice}}\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount_compare\\\">\\n {{{oneTimePuchaseComparePriceAmount}}}\\n</span>\\n{{/showOneTimeComparePrice}}\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_onetime_amount\\\">{{{oneTimePuchaseAmount}}}/{{{oneTimeFrequencyText}}}</span>\\n </label>\\n </div>\\n{{/showSubOptionBeforeOneTime}}\\n{{/requires_selling_plan}}\\n {{#sellingPlanVariants}}\\n <div class=\\\"appstle_input_wrapper\\\">\\n <span class=\\\"appstle_sellingPlan_discountText\\\">{{{formattedDiscountText}}}</span>\\n <input type=\\\"radio\\\" class=\\\"appstleSellingPlan{{widgetId}}\\\" id=\\\"{{sellingPlanId}}\\\" value=\\\"{{sellingPlanId}}\\\" name=\\\"selling_plan\\\" {{#isChecked}}checked{{/isChecked}}>\\n{{^prepaidFlag}}\\n <label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{formattedPrice}}}<span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_formattext_block\\\">/{{{sellingPlanFrequencyText}}}{{#isFrequencySubsequent}}{{/isFrequencySubsequent}}</span>\\n</div>\\n </label>\\n{{/prepaidFlag}}\\n{{#prepaidFlag}}\\n<label for=\\\"{{sellingPlanId}}\\\">\\n {{{name}}}\\n<div class=\\\"appstle_span_wrapper\\\">\\n <span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_price_block\\\">{{{totalPrice}}}</span>\\n<span class=\\\"appstle_lowercase appstle_sellingPlan_price appstle_discount_block appstle_formattedPrepaidPerDeliveryPriceText\\\">&nbsp;{{{formattedPrepaidPerDeliveryPriceText}}}</span>\\n</div>\\n</label>\\n{{/prepaidFlag}}\\n </div>\\n {{/sellingPlanVariants}}\\n{{^requires_selling_plan}}\\n{{#showSubOptionBeforeOneTime}}\\n <div class=\\\"appstle_input_wrapper\\\">\\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 #FF609D;\\n padding: 0.5rem;\\n display: flex !important;\\n flex-direction: column;\\n justify-content: center;\\n align-items: center;\\n font-size: 11px;\\n font-family: monospace;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\ncursor: pointer;\\n}\\n.widgetSellingPlanWrapper input:checked+label {\\n background-color: #FFF4F8;\\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: 8px;\\n background-color: #724CF9;\\n color: white;\\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 font-size: 10px;\\n font-weight: normal;\\n}\\nspan.appstle_lowercase.appstle_sellingPlan_price.appstle_onetime_amount_compare {\\n font-size: 10px;\\n font-weight: normal;\\ntext-decoration: line-through;\\n}\\n#appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n\\tfont-family: monospace;\\n font-size: 13px;\\n}\\n.appstle_tooltip_wrapper {\\n margin-bottom:10px;\\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.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>\\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 #012935;\\n padding: 0.5rem;\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n font-size: 11px;\\n font-family: sans-serif;\\n display: block;\\n height: 100%;\\n width: 100%;\\n font-weight: bolder;\\n text-align: center;\\n \\t color: #012935;\\ncursor: pointer;\\n }\\n \\n .widgetSellingPlanWrapper input:checked+label {\\n background-color: #012935;\\n \\t color: white;\\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 font-size: 8px;\\n background-color: #724cf9;\\n color: white;\\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 \\n span.appstle_sellingPlan_discountText:empty {\\n display: none !important;\\n }\\n \\n span.appstle_lowercase.appstle_sellingPlan_price {\\n font-size: 10px;\\n font-weight: normal;\\n }\\n \\n #appstle_subscription_widget0 .appstle_tooltip_wrapper {\\n \\tfont-family: sans-serif;\\n font-size: 13px;\\n }\\n </style>\\n </div>{% endraw %}\"}", "bundle": {}, "labels": `{\"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.deliveryEveryFrequencyTextV2\":\"Delivery Every\",\"appstle.subscription.wg.subscribeAndSaveInitalV2\":\"Subscribe & save\",\"appstle.subscription.wg.prepaidLabelTextV2\":\"Prepaid\",\"appstle.subscription.wg.daysFrequencyTextV2\":\"Days\",\"appstle.subscription.wg.monthlyLabelTextV2\":\"Monthly\",\"appstle.subscription.wg.subscribeAndSaveSuccessV2\":\"Subscribe success\",\"appstle.subscription.wg.addToShipmentSuccessTextV2\":\"Success\",\"appstle.subscription.wg.monthFrequencyTextV2\":\"Month\",\"appstle.subscription.wg.addToShipmentButtonTextV2\":\"Add to Shipment\",\"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.oneTimePurchaseTextV2\":\"One Time Purchase\",\"appstle.subscription.wg.loyaltyPerkDescriptionTextV2\":\"{{#isDiscountTypeFreeProduct}}<div style='display: flex;'><div style='height: 60px; width: 60px; flex-shrink: 0; margin-right: 10px;'><img style='width: 100%' src={{{featured_image}}}><\/img><\/div><div>After {{{billingCycleBlock}}} orders,<span style='color: #ffc000;font-weight: 700;';> get a FREE {{freeProductName}} <\/span><\/div><div>{{\/isDiscountTypeFreeProduct}}{{#isDiscountTypePercentage}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{discount}}}% OFF your entire order<\/span><\/span>.{{\/isDiscountTypePercentage}}{{#isDiscountTypeShipping}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>shipping at {{{formatDiscountedPrice}}}<\/span><\/span>.{{\/isDiscountTypeShipping}}{{#isDiscountTypeFixed}}After <span class='appstle-loyalty-billing-cycle'><span class='appstle-loyalty-billing-cycle-count'>{{{billingCycleBlock}}}<\/span> order<\/span>, <span class='appstle-loyalty-discount'>get <span style='color: #ffc000;font-weight: 700;';>{{{formatDiscountedPrice}}} OFF your entire order<\/span><\/span>.{{\/isDiscountTypeFixed}}\",\"appstle.subscription.wg.unsubscribeFrequencyTextV2\":\"unsubscribe\",\"appstle.subscription.wg.oneTimeFrequencyTextV2\":\"One Time\",\"appstle.subscription.wg.dayFrequencyTextV2\":\"day\",\"appstle.subscription.wg.allowFulfilmentCountViaPropertiesV2\":\"false\",\"appstle.subscription.wg.monthsFrequencyTextV2\":\"Months\",\"appstle.subscription.wg.prepaidSaveBadgeTextV2\":\"SAVE {{selectedDiscountPercentage}}\",\"appstle.subscription.wg.manageSubscriptionButtonTextV2\":\"Manage Subscription\",\"appstle.subscription.wg.offFrequencyTextV2\":\"Off\",\"appstle.subscription.wg.yearFrequencyTextV2\":\"Year\",\"appstle.subscription.wg.prepayLabelTextV2\":\"Prepay\",\"appstle.subscription.wg.sellingPlanTitleTextNonPrepaid\":\"{{sellingPlanName}}\",\"appstle.subscription.wg.selectDeliverOptionV2\":\"select deliver option\",\"appstle.subscription.wg.yearlyLabelTextV2\":\"Yearly\"}`, "css": { "appstle_subscription_widget": { "margin-top": "" , "margin-bottom": "", }, "appstle_subscription_wrapper": { "border-width": "", "border-color": "", }, "appstle_circle": { "border-color": "#caa977", }, "appstle_dot": { "background-color": "#caa977", }, "appstle_select": { "padding-top": "", "padding-bottom": "", "padding-left": "", "padding-right": "", "border-width": "", "border-style": "", "border-color": "", "border-radius": "", }, "tooltip_subscription_svg": { "fill": "#caa977", }, "appstle_tooltip": { "color": "", "background-color": "#caa977", }, "appstle_tooltip_border_top_color": { "border-top-color": "#caa977", }, "appstle_subscription_final_price": { "color": "", }, "appstle_widget_text_color": { "color": "", }, "appstle_selected_background": { "background": "transparent", }, "elementCSS": "[]", "customCSS": ".appstle-save-badge{\r\n display: none !important;\r\n}", "customerPortalCss": ".as-button {\r\n background: #caa977 !important;\r\n border: 1px solid #caa977 !important;\r\n color: #393839 !important;\r\n}\r\n.appstle-wrapper :is(.as-text-blue-500) {\r\n color: #393839 !important;\r\n}\r\n", "externalStyleTag": "", "themeCss": "", } }; window.AppstleSubscription = window.AppstleSubscription || JSON.parse(JSON.stringify(RS)); sessionStorage['appstleSubscriptionConfig'] = JSON.stringify(RS.Config); var _RSConfig = _RSConfig || {}; _RSConfig.shop = '81c7dd-2.myshopify.com'; _RSConfig.shopMoneyFormat = '${{amount}}'; _RSConfig.shopMoneyFormatWithCurrencyFormat = '${{amount}} USD'; } </script> <style id="appstle-payment-button-override"> .shopify-payment-button {display: none;} </style> <script> let appstleCount = 0 function isAppstleJSInitiated() { appstleCount++; if (window?.["RSConfig"] || appstleCount > 20) { let appstleStyleElement = document.querySelector('#appstle-payment-button-override'); if (appstleStyleElement) { appstleStyleElement.remove(); } } else { setTimeout(isAppstleJSInitiated, 500) } } isAppstleJSInitiated(); </script> <style> </style> <script> function pollAppstleInit() { if (window?.appstleInit) { window?.appstleInit() } else { setTimeout(pollAppstleInit, 30); } } </script> <script src="https://subscription-admin.appstle.com/assets/js/appstle-subscription.min.js?shop=81c7dd-2.myshopify.com&v=1734077099759" defer ></script> </div></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10