1<!doctype html> 2<html class="no-js" lang="en"> 3 <head> 4
4<script> 5 document.documentElement.classList.remove('no-js'); 6 document.documentElement.classList.add('js'); 7 </script>
7 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width,initial-scale=1"> 11 <meta name="theme-color" content=""> 12 <link rel="canonical" href="https://milfordbaysmokehaus.com/cart"> 13 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 14 15<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="stylesheet" href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/swiper-bundle.min.css?v=111603181540343972631779745795" media="print" onload="this.media='all'"> 16 <link rel="stylesheet" href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/model-viewer-ui.css?v=160549042711255783861779745795" media="print" onload="this.media='all'"> 17 18
18<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/jquery.min.js?v=174274927203414962831779745795"></script>
18 19
19<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/popper.min.js?v=15811431203938307281779745795" defer="defer"></script>
19 20
20<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/bootstrap.min.js?v=122375009894853673531779745795" defer="defer"></script>
20 21
21<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/swiper-bundle.min.js?v=52788623737026196871779745795"></script>
21 22
22<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/header-search.js?v=70357820071366152041779745795" defer="defer"></script>
22 23
23<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/main_core.js?v=112827731351877390691779745795" defer="defer"></script>
23 24
24<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/main_section.js?v=167311260371341420291779745795" defer="defer"></script>
24 25
25<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/main-highvariant.js?v=57643041932473233001779745795" defer="defer"></script>
25 26
26<script src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/mini-cart.js?v=141845634952019091701786683515" defer="defer"></script>
26 27 <title> 28 Your Shopping Cart 29 – Milford Bay SmokeHaus</title> 30 31 32 33 34<meta property="og:site_name" content="Milford Bay SmokeHaus"> 35<meta property="og:url" content="https://milfordbaysmokehaus.com/cart"> 36<meta property="og:title" content="Your Shopping Cart"> 37<meta property="og:type" content="website"> 38<meta property="og:description" content="Milford Bayâs assortment of high quality, artisanal trout products at retail grocery and fine food stores across Ontario, in addition to the retail store at our facility or the many farmersâ markets and festivals that we attend every summer. Online order to your home is now available."><meta property="og:image" content="http://milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_blue__JPG.jpg?v=1781900533"> 39 <meta property="og:image:secure_url" content="https://milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_blue__JPG.jpg?v=1781900533"> 40 <meta property="og:image:width" content="561"> 41 <meta property="og:image:height" content="206"><meta name="twitter:card" content="summary_large_image"> 42<meta name="twitter:title" content="Your Shopping Cart"> 43<meta name="twitter:description" content="Milford Bayâs assortment of high quality, artisanal trout products at retail grocery and fine food stores across Ontario, in addition to the retail store at our facility or the many farmersâ markets and festivals that we attend every summer. Online order to your home is now available."> 44 45 46 <link href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/style.css?v=158250224291314789041779745795" rel="stylesheet" type="text/css" media="all" /> 47 <link href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/theme.css?v=21071293304246238111790743857" rel="stylesheet" type="text/css" media="all" /> 48 49
49<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
49<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/100959814000/digital_wallets/dialog"> 50<meta id="in-context-paypal-metadata" data-shop-id="100959814000" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="CAD"> 51<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
51<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script>
vendor: 1 bytes, line 51
51
52<script id="shopify-features" type="application/json">{"accessToken":"3269544ea5e222e58791fb2d53a84634","betas":["rich-media-storefront-analytics"],"domain":"milfordbaysmokehaus.com","predictiveSearch":true,"shopId":100959814000,"locale":"en"}</script>
vendor: 1 bytes, line 52
52
53<script>var Shopify = Shopify || {}; 54Shopify.shop = "p1gf7f-1d.myshopify.com"; 55Shopify.locale = "en"; 56Shopify.currency = {"active":"CAD","rate":"1.0"}; 57Shopify.country = "CA"; 58Shopify.theme = {"name":"Brave","id":190776770928,"schema_name":"Elegance","schema_version":"1.2.0","theme_store_id":4091,"role":"main"}; 59Shopify.theme.handle = "null"; 60Shopify.theme.style = {"id":null,"handle":null}; 61Shopify.cdnHost = "milfordbaysmokehaus.com/cdn"; 62Shopify.routes = Shopify.routes || {}; 63Shopify.routes.root = "/"; 64Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 65Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 66Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 67Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 67
67
68<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 68
68
69<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 69
69
70<script> 71 window.Shopify = window.Shopify || {}; 72 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 73 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 74 window.Shopify.SignInWithShop.eligible = true; 75</script>
vendor: 1 bytes, line 75
75
76<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 76
76
77<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 77
77
78<script type="module"> 79 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 80 81 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 82 83</script>
vendor: 1 bytes, line 83
83
84<script> 85 window.Shopify = window.Shopify || {}; 86 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 87 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 88</script>
vendor: 1 bytes, line 88
88
89<script id="__st">var __st={"a":100959814000,"offset":-14400,"reqid":"54af78ca-0086-44f0-88f9-88b9164e3359-1791592727","pageurl":"milfordbaysmokehaus.com\/cart","u":"c8bbe714c26b","p":"cart"};</script>
vendor: 1 bytes, line 89
89
90<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 90
90
91<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 91
91
92<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//milfordbaysmokehaus.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 92
92
93<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//milfordbaysmokehaus.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
93<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 93
93
94<script> 95 window.Shopify = window.Shopify || {}; 96 window.Shopify.MCP = window.Shopify.MCP || {}; 97 window.Shopify.MCP.enabled = true; 98 window.Shopify.MCP.shop = "p1gf7f-1d.myshopify.com"; 99 window.Shopify.MCP.mcpEndpoint = "https:\/\/milfordbaysmokehaus.com\/api\/mcp"; 100 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 101</script>
vendor: 1 bytes, line 101
101
102<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/milfordbaysmokehaus.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 103</script>
vendor: 1 bytes, line 103
103
104<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://milfordbaysmokehaus.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 105</script>
vendor: 1 bytes, line 105
105
106<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 107 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 108</script>
vendor: 1 bytes, line 108
108
109<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 110</script>
110 111<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://milfordbaysmokehaus.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 112<style id="shopify-accelerated-checkout-cart"> 113 #shopify-buyer-consent { 114 margin-top: 1em; 115 display: inline-block; 116 width: 100%; 117} 118 119#shopify-buyer-consent.hidden { 120 display: none; 121} 122 123#shopify-subscription-policy-button { 124 background: none; 125 border: none; 126 padding: 0; 127 text-decoration: underline; 128 font-size: inherit; 129 cursor: pointer; 130} 131 132#shopify-subscription-policy-button::before { 133 box-shadow: none; 134} 135 136 </style> 137
138<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
138 139 140 <style data-shopify> 141 @font-face { 142 font-family: "Anonymous Pro"; 143 font-weight: 700; 144 font-style: normal; 145 font-display: swap; 146 src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"), 147 url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff"); 148} 149 150 @font-face { 151 font-family: "Anonymous Pro"; 152 font-weight: 700; 153 font-style: normal; 154 font-display: swap; 155 src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"), 156 url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff"); 157} 158 159 @font-face { 160 font-family: "Anonymous Pro"; 161 font-weight: 700; 162 font-style: italic; 163 font-display: swap; 164 src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"), 165 url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff"); 166} 167 168 @font-face { 169 font-family: "Anonymous Pro"; 170 font-weight: 700; 171 font-style: italic; 172 font-display: swap; 173 src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"), 174 url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff"); 175} 176 177 @font-face { 178 font-family: Oswald; 179 font-weight: 600; 180 font-style: normal; 181 font-display: swap; 182 src: url("//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2") format("woff2"), 183 url("//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.2feb7f52d7eb157822c86dfd93893da013b08d5d.woff") format("woff"); 184} 185 186 187 188 :root, 189 .color-scheme-1 { 190 --color-background: 247,242,228; 191 --gradient-background: #f7f2e4; 192 193 --color-foreground: 63,37,36; 194 --color-heading: 63,37,36; 195 --color-bg-hex: #f7f2e4; 196 --color-background-contrast: 218,195,130; 197 --color-primary-button-bg: 253,198,7; 198 --color-primary-button-text: 63,37,36; 199 --color-primary-button-border:,,; 200 --color-secondary-button-bg: 41,49,111; 201 --color-secondary-button-text: 255,255,255; 202 --color-secondary-button-border:,,; 203 --color-link: 63,37,36; 204 --color-input-bg: 255,244,204; 205 --color-border: 63,37,36; 206 --color-input-border: 63,37,36; 207 --color-input-text-color: 63,37,36; 208 --color-badge-foreground: 63,37,36; 209 --color-sale-badge-background: 62,56,44 ; 210 --color-sale-badge-text: 224,210,181 ; 211 212 --color-sold-badge-background: 62,44,44 ; 213 --color-sold-badge-text: 255,255,255 ; 214 215 --color-badge-border: 63,37,36; 216 --payment-terms-background-color: rgb(247 242 228); 217 --bs-link-color-rgb: var(--color-link); 218 --bs-link-color: rgb(var(--color-link)); 219 --bs-link-hover-color-rgb:var(--color-link); 220 --bs-bg-input:rgb(var(--color-input-bg)); 221 --bs-border-color: rgb(var(--color-border)); 222 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 223 --bs-navbar-color: rgba(var(--color-foreground), 1); 224 --bs-navbar-active-color:rgba(var(--color-link),1); 225 --border-color:rgba(var(--color-input-border),1.0) 226 } 227 228 229 230 231 232 .color-scheme-2 { 233 --color-background: 63,37,36; 234 --gradient-background: #3f2524; 235 236 --color-foreground: 247,242,228; 237 --color-heading: 247,242,228; 238 --color-bg-hex: #3f2524; 239 --color-background-contrast: 79,47,45; 240 --color-primary-button-bg: 255,244,204; 241 --color-primary-button-text: 63,37,36; 242 --color-primary-button-border:,,; 243 --color-secondary-button-bg: 253,198,7; 244 --color-secondary-button-text: 63,37,36; 245 --color-secondary-button-border:,,; 246 --color-link: 247,242,228; 247 --color-input-bg: 63,37,36; 248 --color-border: 255,244,204; 249 --color-input-border: 255,244,204; 250 --color-input-text-color: 255,244,204; 251 --color-badge-foreground: 247,242,228; 252 --color-sale-badge-background: 62,56,44 ; 253 --color-sale-badge-text: 224,210,181 ; 254 255 --color-sold-badge-background: 62,44,44 ; 256 --color-sold-badge-text: 255,255,255 ; 257 258 --color-badge-border: 247,242,228; 259 --payment-terms-background-color: rgb(63 37 36); 260 --bs-link-color-rgb: var(--color-link); 261 --bs-link-color: rgb(var(--color-link)); 262 --bs-link-hover-color-rgb:var(--color-link); 263 --bs-bg-input:rgb(var(--color-input-bg)); 264 --bs-border-color: rgb(var(--color-border)); 265 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 266 --bs-navbar-color: rgba(var(--color-foreground), 1); 267 --bs-navbar-active-color:rgba(var(--color-link),1); 268 --border-color:rgba(var(--color-input-border),1.0) 269 } 270 271 272 273 274 275 .color-scheme-3 { 276 --color-background: 253,198,7; 277 --gradient-background: #fdc607; 278 279 --color-foreground: 63,37,36; 280 --color-heading: 63,37,36; 281 --color-bg-hex: #fdc607; 282 --color-background-contrast: 131,102,1; 283 --color-primary-button-bg: 63,37,36; 284 --color-primary-button-text: 255,244,204; 285 --color-primary-button-border:,,; 286 --color-secondary-button-bg: 255,244,204; 287 --color-secondary-button-text: 63,37,36; 288 --color-secondary-button-border:,,; 289 --color-link: 63,37,36; 290 --color-input-bg: 253,198,7; 291 --color-border: 63,37,36; 292 --color-input-border: 63,37,36; 293 --color-input-text-color: 63,37,36; 294 --color-badge-foreground: 63,37,36; 295 --color-sale-badge-background: 62,56,44 ; 296 --color-sale-badge-text: 224,210,181 ; 297 298 --color-sold-badge-background: 62,44,44 ; 299 --color-sold-badge-text: 255,255,255 ; 300 301 --color-badge-border: 63,37,36; 302 --payment-terms-background-color: rgb(253 198 7); 303 --bs-link-color-rgb: var(--color-link); 304 --bs-link-color: rgb(var(--color-link)); 305 --bs-link-hover-color-rgb:var(--color-link); 306 --bs-bg-input:rgb(var(--color-input-bg)); 307 --bs-border-color: rgb(var(--color-border)); 308 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 309 --bs-navbar-color: rgba(var(--color-foreground), 1); 310 --bs-navbar-active-color:rgba(var(--color-link),1); 311 --border-color:rgba(var(--color-input-border),1.0) 312 } 313 314 315 316 317 318 .color-scheme-4 { 319 --color-background: 0,30,96; 320 --gradient-background: #001E60; 321 322 --color-foreground: 255,255,255; 323 --color-heading: 255,255,255; 324 --color-bg-hex: #001E60; 325 --color-background-contrast: 0,38,122; 326 --color-primary-button-bg: 63,37,36; 327 --color-primary-button-text: 255,244,204; 328 --color-primary-button-border:,,; 329 --color-secondary-button-bg: 253,198,7; 330 --color-secondary-button-text: 63,37,36; 331 --color-secondary-button-border:,,; 332 --color-link: 63,37,36; 333 --color-input-bg: 141,244,208; 334 --color-border: 63,37,36; 335 --color-input-border: 63,37,36; 336 --color-input-text-color: 63,37,36; 337 --color-badge-foreground: 255,255,255; 338 --color-sale-badge-background: 62,56,44 ; 339 --color-sale-badge-text: 224,210,181 ; 340 341 --color-sold-badge-background: 62,44,44 ; 342 --color-sold-badge-text: 255,255,255 ; 343 344 --color-badge-border: 255,255,255; 345 --payment-terms-background-color: rgb(0 30 96); 346 --bs-link-color-rgb: var(--color-link); 347 --bs-link-color: rgb(var(--color-link)); 348 --bs-link-hover-color-rgb:var(--color-link); 349 --bs-bg-input:rgb(var(--color-input-bg)); 350 --bs-border-color: rgb(var(--color-border)); 351 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 352 --bs-navbar-color: rgba(var(--color-foreground), 1); 353 --bs-navbar-active-color:rgba(var(--color-link),1); 354 --border-color:rgba(var(--color-input-border),1.0) 355 } 356 357 358 .offcanvas.color-scheme-4 .btn-close{ 359 filter: var(--bs-btn-close-white-filter); 360 }
361 .modal-content.password-modal__content .btn-close { 362 filter: var(--bs-btn-close-white-filter); 363 } 364 365 366 367 368 .color-scheme-0c4e4ae4-dfc4-4f20-8628-bb0485be0a13 { 369 --color-background: 0,30,96; 370 --gradient-background: #001E60; 371 372 --color-foreground: 0,0,0; 373 --color-heading: 0,0,0; 374 --color-bg-hex: #001E60; 375 --color-background-contrast: 0,38,122; 376 --color-primary-button-bg: 63,37,36; 377 --color-primary-button-text: 255,244,204; 378 --color-primary-button-border:,,; 379 --color-secondary-button-bg: 253,198,7; 380 --color-secondary-button-text: 63,37,36; 381 --color-secondary-button-border:,,; 382 --color-link: 63,37,36; 383 --color-input-bg: 255,244,204; 384 --color-border: 63,37,36; 385 --color-input-border: 63,37,36; 386 --color-input-text-color: 63,37,36; 387 --color-badge-foreground: 0,0,0; 388 --color-sale-badge-background: 62,56,44 ; 389 --color-sale-badge-text: 224,210,181 ; 390 391 --color-sold-badge-background: 62,44,44 ; 392 --color-sold-badge-text: 255,255,255 ; 393 394 --color-badge-border: 0,0,0; 395 --payment-terms-background-color: rgb(0 30 96); 396 --bs-link-color-rgb: var(--color-link); 397 --bs-link-color: rgb(var(--color-link)); 398 --bs-link-hover-color-rgb:var(--color-link); 399 --bs-bg-input:rgb(var(--color-input-bg)); 400 --bs-border-color: rgb(var(--color-border)); 401 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 402 --bs-navbar-color: rgba(var(--color-foreground), 1); 403 --bs-navbar-active-color:rgba(var(--color-link),1); 404 --border-color:rgba(var(--color-input-border),1.0) 405 } 406 407 408 .offcanvas.color-scheme-0c4e4ae4-dfc4-4f20-8628-bb0485be0a13 .btn-close{ 409 filter: var(--bs-btn-close-white-filter); 410 }
411 .modal-content.password-modal__content .btn-close { 412 filter: var(--bs-btn-close-white-filter); 413 } 414 415 416 417 418 .color-scheme-d319f50a-f4a4-4a15-ba5e-8b9c15da1ba4 { 419 --color-background: 255,244,204; 420 --gradient-background: #fff4cc; 421 422 --color-foreground: 0,0,0; 423 --color-heading: 0,0,0; 424 --color-bg-hex: #fff4cc; 425 --color-background-contrast: 255,217,77; 426 --color-primary-button-bg: 0,30,96; 427 --color-primary-button-text: 63,37,36; 428 --color-primary-button-border:,,; 429 --color-secondary-button-bg: 255,244,204; 430 --color-secondary-button-text: 63,37,36; 431 --color-secondary-button-border:,,; 432 --color-link: 0,30,96; 433 --color-input-bg: 255,244,204; 434 --color-border: 63,37,36; 435 --color-input-border: 63,37,36; 436 --color-input-text-color: 63,37,36; 437 --color-badge-foreground: 0,0,0; 438 --color-sale-badge-background: 62,56,44 ; 439 --color-sale-badge-text: 224,210,181 ; 440 441 --color-sold-badge-background: 62,44,44 ; 442 --color-sold-badge-text: 255,255,255 ; 443 444 --color-badge-border: 0,0,0; 445 --payment-terms-background-color: rgb(255 244 204); 446 --bs-link-color-rgb: var(--color-link); 447 --bs-link-color: rgb(var(--color-link)); 448 --bs-link-hover-color-rgb:var(--color-link); 449 --bs-bg-input:rgb(var(--color-input-bg)); 450 --bs-border-color: rgb(var(--color-border)); 451 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 452 --bs-navbar-color: rgba(var(--color-foreground), 1); 453 --bs-navbar-active-color:rgba(var(--color-link),1); 454 --border-color:rgba(var(--color-input-border),1.0) 455 } 456 457 458 459 460 461 .color-scheme-28071c62-cdc6-495f-87d0-cf12aade111e { 462 --color-background: 0,30,96; 463 --gradient-background: #001E60; 464 465 --color-foreground: 255,255,255; 466 --color-heading: 255,255,255; 467 --color-bg-hex: #001E60; 468 --color-background-contrast: 0,38,122; 469 --color-primary-button-bg: 255,255,255; 470 --color-primary-button-text: 63,37,36; 471 --color-primary-button-border:,,; 472 --color-secondary-button-bg: 255,244,204; 473 --color-secondary-button-text: 63,37,36; 474 --color-secondary-button-border:,,; 475 --color-link: 255,255,255; 476 --color-input-bg: 255,244,204; 477 --color-border: 63,37,36; 478 --color-input-border: 63,37,36; 479 --color-input-text-color: 63,37,36; 480 --color-badge-foreground: 255,255,255; 481 --color-sale-badge-background: 62,56,44 ; 482 --color-sale-badge-text: 224,210,181 ; 483 484 --color-sold-badge-background: 62,44,44 ; 485 --color-sold-badge-text: 255,255,255 ; 486 487 --color-badge-border: 255,255,255; 488 --payment-terms-background-color: rgb(0 30 96); 489 --bs-link-color-rgb: var(--color-link); 490 --bs-link-color: rgb(var(--color-link)); 491 --bs-link-hover-color-rgb:var(--color-link); 492 --bs-bg-input:rgb(var(--color-input-bg)); 493 --bs-border-color: rgb(var(--color-border)); 494 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 495 --bs-navbar-color: rgba(var(--color-foreground), 1); 496 --bs-navbar-active-color:rgba(var(--color-link),1); 497 --border-color:rgba(var(--color-input-border),1.0) 498 } 499 500 501 .offcanvas.color-scheme-28071c62-cdc6-495f-87d0-cf12aade111e .btn-close{ 502 filter: var(--bs-btn-close-white-filter); 503 }
504 .modal-content.password-modal__content .btn-close { 505 filter: var(--bs-btn-close-white-filter); 506 } 507 508 509 510 511 .color-scheme-variants-active-reversed { 512 --color-background: 247,242,228; 513 --gradient-background: #f7f2e4; 514 515 --color-foreground: 63,37,36; 516 --color-heading: 63,37,36; 517 --color-bg-hex: #f7f2e4; 518 --color-background-contrast: 218,195,130; 519 --color-primary-button-bg: 253,198,7; 520 --color-primary-button-text: 63,37,36; 521 --color-primary-button-border:,,; 522 --color-secondary-button-bg: 41,49,111; 523 --color-secondary-button-text: 255,255,255; 524 --color-secondary-button-border:,,; 525 --color-link: 63,37,36; 526 --color-input-bg: 255,244,204; 527 --color-border: 63,37,36; 528 --color-input-border: 63,37,36; 529 --color-input-text-color: 63,37,36; 530 --color-badge-foreground: 63,37,36; 531 --color-sale-badge-background: 62,56,44 ; 532 --color-sale-badge-text: 224,210,181 ; 533 534 --color-sold-badge-background: 62,44,44 ; 535 --color-sold-badge-text: 255,255,255 ; 536 537 --color-badge-border: 63,37,36; 538 --payment-terms-background-color: rgb(247 242 228); 539 --bs-link-color-rgb: var(--color-link); 540 --bs-link-color: rgb(var(--color-link)); 541 --bs-link-hover-color-rgb:var(--color-link); 542 --bs-bg-input:rgb(var(--color-input-bg)); 543 --bs-border-color: rgb(var(--color-border)); 544 --swiper-pagination-color:rgb(var(--color-primary-button-bg)); 545 --bs-navbar-color: rgba(var(--color-foreground), 1); 546 --bs-navbar-active-color:rgba(var(--color-link),1); 547 --border-color:rgba(var(--color-input-border),1.0) 548 } 549 550 551 552 553 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-0c4e4ae4-dfc4-4f20-8628-bb0485be0a13, .color-scheme-d319f50a-f4a4-4a15-ba5e-8b9c15da1ba4, .color-scheme-28071c62-cdc6-495f-87d0-cf12aade111e, .color-scheme-variants-active-reversed { 554 --bs-body-color: rgba(var(--color-foreground)); 555 --bs-body-color-rgb: var(--color-foreground); 556 color: rgba(var(--color-foreground), 1); 557 background-color: rgb(var(--color-background)); 558 } 559 :root { 560 --bs-body-bg:var(--color-bg-hex); 561 --bs-body-bg-rgb:var(--color-background); 562 --bs-body-font-family: "Anonymous Pro", monospace; 563 --font-body-style: normal; 564 --font-body-weight: 700; 565 --font-body-weight-bold: 1000; 566 --bs-body-line-height:1.5; /*settings.body_line_height*/ 567 --bs-body-letter-space:0px; /*settings.body_letter_space*/ 568 569 --font-heading-family: Oswald, sans-serif; 570 --font-heading-transform: uppercase; 571 --font-heading-style: normal; 572 --font-heading-weight: 600; 573 --font-heading-color:var(--color-foreground); 574 --heading-line-height:1.2; /* settings.heading_line_height */ 575 --heading-letter-space:0px; /*settings.heading_letter_space*/ 576 577 --page-width: 99.5rem; 578 --page-width-margin: 0rem; 579 --bs-btn-border:0px; 580 581 --bs-btn-outline-border:1px; 582 583 --bs-input-border:1px; 584 --bs-btn-border-opacity:1.0; 585 586 --bs-style-border:0px; 587 --bs-radius:30px; 588 589 590 --btn-border-radius:.5rem !important; 591 592 593 --input-btn-border-radius:0rem; 594 595 596 --circle-bg:#E0D2B5; 597 --head-h1:clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); 598 --head-h2:clamp(1.5rem, 1.3rem + 1vw, 2.5rem); 599 --head-h3:clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem); 600 --head-h4:clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem); 601 --head-h5:clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem); 602 --head-h6:clamp(1rem, 0.95rem + 0.25vw, 1.25rem); 603 --bg-white: #fff; 604 --head-font-scale:1.1; 605 --body-font-scale:0.9; 606 --h1:calc(var(--head-h1) * var(--head-font-scale)); 607 --h2:calc(var(--head-h2) * var(--head-font-scale)); 608 --h3:calc(var(--head-h3) * var(--head-font-scale)); 609 --h4:calc(var(--head-h4) * var(--head-font-scale)); 610 --h5:calc(var(--head-h5) * var(--head-font-scale)); 611 --h6:calc(var(--head-h6) * var(--head-font-scale)); 612 --btn-transform:uppercase; 613 --email-btn-width: 0px; 614 --bs-font-xs: 12px; 615 --bs-font-sm: 14px; 616 --bs-font-md: 16px; 617 } 618 .gradient { 619 background: rgb(var(--color-background)); 620 background: var(--gradient-background); 621 background-attachment: fixed; 622 } 623 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{ 624 --bs-heading-color:rgba(var(--color-heading),var(--wdt-text-opacity)); 625 --wdt-text-opacity: 1; 626 font-family: var(--font-heading-family); 627 text-transform: var(--font-heading-transform); 628 } 629 @media (min-width: 1540px) { 630 .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { 631 max-width: calc(var(--page-width) + var(--bs-gutter-x) * 2); 632 } 633 .container { 634 width: 90%; 635 } 636 } 637 .offcanvas .line-decor .container{width:100%;} 638 639 @media (min-width: 992px) { 640 .offcanvas .line-decor .container{max-width: 75%;width: 100%;} 641 } 642 643 @media (min-width: 992px) { 644 [id*="OffCanvas"],[class*="OffCanvas"] { 645 646 clip-path: ellipse(100% 100% at 100% 50%); 647 648 } 649 } 650 @media (min-width: 1925px) { 651 [id*="OffCanvas"],[class*="OffCanvas"] { 652 653 clip-path: ellipse(100% 100% at 100% 50%); 654 655 } 656 } 657 @media (max-width: 991.98px){ 658 [id*="OffCanvas"],[class*="OffCanvas"] { 659 660 width:clamp(22rem, 17.4rem + 23vw, 45rem) !important; 661 max-width:100%; 662 663 } 664 } 665 666 .btn{ 667 text-transform: uppercase; 668 font-family: var(--bs-body-font-family); 669 } 670 button.shopify-payment-button__button--unbranded{ 671 text-transform: uppercase; 672 font-family: var(--bs-body-font-family); 673 }
674 .btn_radius, button.shopify-payment-button__button--unbranded { border-radius:var(--btn-border-radius); } 675 .form-control, .input-group-text,.cart-item__quantity, .input_button { border-radius:var(--input-btn-border-radius) !important; } 676 677 .card_product_detail, .card_images{ 678 border: var(--bs-style-border) solid var(--bs-border-color); 679 border-radius:var(--bs-radius); 680 } 681 .collection_card{ 682 border: var(--bs-style-border) solid var(--bs-border-color); 683 border-radius:var(--bs-radius); 684 overflow:hidden; 685 } 686 .collection_cards{ 687 border: var(--bs-style-border) solid var(--bs-border-color); 688 border-radius:var(--bs-radius); 689 overflow:hidden; 690 } 691 /*common border and radius*/ 692 693 .produc_card .card-img:has(a:focus-visible){ 694 outline: 2px dashed currentcolor !important; 695 } 696 .produc_card .card-image:has(a:focus-visible){ 697 outline: 2px dashed currentcolor !important; 698 } 699 .card_product_detail, .card_images{ 700 overflow:hidden; 701 } 702 703 704 705 .collection_card .card-img:has(a:focus-visible){ 706 outline: 2px dashed currentcolor !important; 707 } 708 .card_product_detail, .card_images{ 709 overflow:hidden; 710 } 711 712 713 714 .blog_card .card-img:has(a:focus-visible){ 715 outline: 2px dashed currentcolor !important; 716 } 717 .card_product_detail, .card_images{ 718 overflow:hidden; 719 } 720 721 722 .blog-article{ 723 border: var(--bs-style-border) solid var(--bs-border-color); 724 border-radius:var(--bs-radius); 725 overflow:hidden; 726 } 727 728 [id*="OffCanvas"] .body-container{ 729 max-width: 75%; 730 margin: auto; 731 width: 100%; 732 overflow:hidden; 733 padding: 5px; 734 } 735 @media (max-width: 991.98px) { 736 [id*="OffCanvas"] .body-container{ 737 max-width: 100%; 738 width: 100%; 739 } 740 } 741 742 743 input{ 744 color: rgb(var(--color-input-text-color)); 745 background: rgb(var(--color-input-bg)); 746 } 747 </style> 748 749 <link rel="preload" as="font" href="//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2" type="font/woff2" crossorigin> 750 751 752 <link rel="preload" as="font" href="//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2" type="font/woff2" crossorigin> 753 754 755 756 757 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
758<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 100959814000,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 758
758
759<script> 760 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 761</script>
vendor: 1 bytes, line 761
761
762<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
762).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 100959814000,storefrontBaseUrl: "https://milfordbaysmokehaus.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://milfordbaysmokehaus.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Milford Bay SmokeHaus","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"p1gf7f-1d.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/milfordbaysmokehaus.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://milfordbaysmokehaus.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"190776770928","themeStoreId":"4091","themePublished":"true","eventMetadataId":"4b7ea7bf-4aa6-4529-b9f4-70491909f556","pageType":"cart","shopId":"100959814000","storefrontBaseUrl":"https:\/\/milfordbaysmokehaus.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
762<script> 763 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 764 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 765 window.ShopifyAnalytics.meta.currency = 'CAD'; 766 var meta = {"page":{"pageType":"cart","requestId":"54af78ca-0086-44f0-88f9-88b9164e3359-1791592727"}}; 767 for (var attr in meta) { 768 window.ShopifyAnalytics.meta[attr] = meta[attr]; 769 } 770</script>
vendor: 1 bytes, line 770
770
771<script class="analytics"> 772 (function () { 773 var customDocumentWrite = function(content) { 774 var jquery = null; 775 776 if (window.jQuery) { 777 jquery = window.jQuery; 778 } else if (window.Checkout && window.Checkout.$) { 779 jquery = window.Checkout.$; 780 } 781 782 if (jquery) { 783 jquery('body').append(content); 784 } 785 }; 786 787 var hasLoggedConversion = function(token) { 788 if (token) { 789 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 790 } 791 return false; 792 } 793 794 var setCookieIfConversion = function(token) { 795 if (token) { 796 var twoMonthsFromNow = new Date(Date.now()); 797 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 798 799 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 800 } 801 } 802 803 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 804 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 805 if (trekkie.integrations) { 806 return; 807 } 808 trekkie.methods = [ 809 'identify', 810 'page', 811 'ready', 812 'track', 813 'trackForm', 814 'trackLink' 815 ]; 816 trekkie.factory = function(method) { 817 return function() { 818 var args = Array.prototype.slice.call(arguments); 819 args.unshift(method); 820 trekkie.push(args); 821 if (method == 'track' || method == 'page') { 822 var pageUrl; 823 try { 824 pageUrl = window.location.href; 825 } catch (e) {} 826 var pageReferrer; 827 try { 828 pageReferrer = document.referrer; 829 } catch (e) {} 830 try { 831 if (window.__TREKKIE_SHIM_QUEUE == null) { 832 window.__TREKKIE_SHIM_QUEUE = []; 833 } 834 window.__TREKKIE_SHIM_QUEUE.push({ 835 from: 'trekkie-stub', 836 method: method, 837 args: args.slice(1), 838 pageContext: { 839 url: pageUrl, 840 referrer: pageReferrer 841 } 842 }); 843 } catch (e) { 844 // no-op 845 } 846 } 847 return trekkie; 848 }; 849 }; 850 for (var i = 0; i < trekkie.methods.length; i++) { 851 var key = trekkie.methods[i]; 852 trekkie[key] = trekkie.factory(key); 853 } 854 trekkie.load = function(config) { 855 trekkie.config = config || {}; 856 trekkie.config.initialDocumentCookie = document.cookie; 857 var first = document.getElementsByTagName('script')[0]; 858var script = document.createElement('script'); 859script.type = 'text/javascript'; 860script.onerror = function(e) { 861 var scriptFallback = document.createElement('script'); 862 scriptFallback.type = 'text/javascript'; 863 scriptFallback.onerror = function(error) { 864 var Monorail = { 865 produce: function produce(monorailDomain, schemaId, payload) { 866 var currentMs = new Date().getTime(); 867 var event = { 868 schema_id: schemaId, 869 payload: payload, 870 metadata: { 871 event_created_at_ms: currentMs, 872 event_sent_at_ms: currentMs 873 } 874 }; 875 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 876 }, 877 sendRequest: function sendRequest(endpointUrl, payload) { 878 // Try the sendBeacon API 879 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 880 var blobData = new window.Blob([payload], { 881 type: 'text/plain' 882 }); 883 884 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 885 return true; 886 } // sendBeacon was not successful 887 888 } // XHR beacon 889 890 var xhr = new XMLHttpRequest(); 891 892 try { 893 xhr.open('POST', endpointUrl); 894 xhr.setRequestHeader('Content-Type', 'text/plain'); 895 xhr.send(payload); 896 } catch (e) { 897 console.log(e); 898 } 899 900 return false; 901 }, 902 isIos12: function isIos12() { 903 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 904 } 905 }; 906 Monorail.produce('monorail-edge.shopifysvc.com', 907 'trekkie_storefront_load_errors/1.1', 908 {shop_id: 100959814000, 909 theme_id: 190776770928, 910 app_name: "storefront", 911 context_url: window.location.href, 912 source_url: "//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 913 914 }; 915 scriptFallback.async = true; 916 scriptFallback.src = '//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 917 first.parentNode.insertBefore(scriptFallback, first); 918}; 919script.async = true; 920script.src = '//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 921first.parentNode.insertBefore(script, first); 922 923 }; 924 trekkie.load( 925 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":100959814000,"isMerchantRequest":null,"themeId":190776770928,"themeCityHash":"5928326325432600671","contentLanguage":"en","currency":"CAD","eventMetadataId":"4b7ea7bf-4aa6-4529-b9f4-70491909f556"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 926 ); 927 928 var loaded = false;
929 trekkie.ready(function() { 930 if (loaded) return; 931 loaded = true; 932 933 window.ShopifyAnalytics.lib = window.trekkie; 934 935 var originalDocumentWrite = document.write; 936 document.write = customDocumentWrite; 937 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 938 document.write = originalDocumentWrite; 939 940 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 941 var token = match? match[1]: undefined; 942 if (!hasLoggedConversion(token)) { 943 setCookieIfConversion(token); 944 945 } 946 }); 947 948 window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"54af78ca-0086-44f0-88f9-88b9164e3359-1791592727","shopifyEmitted":true}); 949 950 var eventsListenerScript = document.createElement('script'); 951 eventsListenerScript.async = true; 952 eventsListenerScript.src = "//milfordbaysmokehaus.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 953 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 954})();</script>
vendor: 1 bytes, line 954
954
955<script 956 defer 957 src="https://milfordbaysmokehaus.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 958 data-application="storefront-renderer" 959 data-shop-id="100959814000" 960 data-render-region="gcp-us-central1" 961 data-page-type="cart" 962 data-theme-instance-id="190776770928" 963 data-theme-name="Elegance" 964 data-theme-version="1.2.0" 965 data-monorail-region="shop_domain" 966 data-resource-timing-sampling-rate="10" 967 data-shs="true" 968 data-shs-beacon="true" 969 data-shs-export-with-fetch="true" 970 data-shs-logs-sample-rate="1" 971 data-shs-beacon-endpoint="https://milfordbaysmokehaus.com/api/collect" 972></script>
972 973<meta name="shopify-y" content="a30ca008-71a4-4daa-ad1f-459626a5956c" data-expiration="1823150327000"><meta name="shopify-s" content="675a5dab-9647-4c68-a220-ef6df3d846b9" data-expiration="1791594527000"> 974</head> 975 976 <body class="gradient"> 977 <a 978 class="skip-to-content-link btn btn-primary visually-hidden btn position-absolute start-0 w-auto py-2 px-3 m-2" 979 href="#MainContent" 980 > 981 Skip to content 982 </a><style data-shopify> 983 .line-decor .container > div {width:100%; margin:auto; } 984 .line-right, .line-left{ width:40% !important; } 985 div#cart-items-list1 .cart-item:last-child { 986 border: none !important; 987} 988 .btn-close:focus-visible{ 989 outline: 2px dotted; 990 outline-offset:2px; 991 } 992 .cart-items-list .cart-img.card_product_detail:focus-within { 993 outline: 2px dotted; 994 } 995 .cart-items-list .cart-img.card_product_detail { 996 width:170px; 997 height:100%; 998} 999 .cart-items-list .card .card-body{ 1000 width:calc(100% - 170px); 1001 } 1002 @media (max-width: 767.98px) { 1003 .cartDrawer .offcanvas-body #cart-details1, .cartDrawer .offcanvas-footer .form-text { 1004 width:100% !important; 1005 margin:0 !important; 1006 } 1007 .offcanvas-footer > div { width:100% !important; } 1008 } 1009 @media (max-width: 575.98px) { 1010 .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .cart-img { 1011 width:150px; 1012 } 1013 .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .card-body{ width:calc(100% - 150px);} 1014 } 1015 @media (max-width: 425px) { 1016 .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .cart-img { 1017 width:100px; 1018 } 1019 .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .card-body{ width:calc(100% - 100px);} 1020 } 1021 @media screen and (max-width:480px){ 1022 .cart-img .cart-remove-button{ 1023 background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle " viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>'); 1024 width:18px; 1025 height:18px; 1026 background-repeat:no-repeat; 1027 } 1028 .card .card-body .card-title cart_item_name, .product-option, .cart-remove-button{ font-size:1rem; } 1029 .cart-items-list .card{ gap:10px !important; } 1030 .cart-item__quantity{ width:120px; } 1031 .cart-item__quantity button { padding: 3px 12px; } 1032 .cart-item__quantity .decrement-item, .cart-item__quantity .increment-item{ padding: 18px 20px !important; } 1033 } 1034 1035.cart-item__quantity .decrement-item, .cart-item__quantity .increment-item{ 1036 position:relative; 1037} 1038.cartDrawer :is(.cart-item__quantity, textarea){ background:var(--bs-bg-input);} 1039/* .cartDrawer :is(textarea) { border-radius: 10px !important; } */ 1040.cartDrawer :is(.card-body .variants), .cartDrawer :is(.card-body .discount, .product-priceoption, .subscription_minicart) { 1041 font-size: var(--bs-font-md); 1042} 1043.cartDrawer :is(.card-body .vendor) { font-size: var(--bs-font-xs); } 1044.cart-item__quantity .decrement-item::before{ 1045 content:""; 1046 position:absolute; 1047 mask-image:url('data:image/svg+xml,<svg width="10" height="11" viewB
1047ox="0 0 9 2" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8.888 0.64V1.888H0.776V0.64H8.888Z" fill="currentColor"/></svg>'); 1048 mask-position: center; 1049 mask-repeat:no-repeat; 1050 width:20px; 1051 height:20px; 1052 background-color:currentcolor; 1053} 1054.cart-item__quantity .increment-item::before{ 1055 content:""; 1056 position:absolute; 1057 mask-image:url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.576 4.64H9.704V5.888H5.576V10.016H4.328V5.888H0.224V4.64H4.328V0.752H5.576V4.64Z" fill="%233E382C"/></svg>'); 1058 mask-position: center; 1059 mask-repeat:no-repeat; 1060 width:20px; 1061 height:20px; 1062 background-color:currentcolor; 1063} 1064.form-message1{ 1065 display:flex; 1066 align-items:baseline; 1067 gap:4px; 1068 padding:0px 8px; 1069 font-size: var(--bs-font-md); 1070} 1071.form-message1 >*{margin-top:8px;} 1072#cart_totalinfo .cart_total{ font-size: var(--h5);} 1073.cartDrawer .cart-items-list .cart-item:last-child{padding-bottom:0 !important;} 1074.cartDrawer .cart-items-list .cart-item:first-child{padding-top: 0 !important;} 1075 .cleared-items:empty {display:none} 1076</style> 1077 1078
1079<script> 1080 window.cartNestedLabel = "cart" ; 1081</script>
1081 1082<div 1083 class="offcanvas offcanvas-end cartDrawer color-scheme-1 gradient" 1084 data-bs-scroll="false" 1085 tabindex="-1" 1086 id="cartOffCanvas" 1087 aria-labelledby="cartDrawer" 1088 role="dialog" 1089 aria-modal="true" 1090> 1091 <div class="offcanvas-header text-center justify-content-center position-relative"> 1092 <h2 class="offcanvas-title h1 offcanvas-title" id="cartDrawer">Cart</h2> 1093 <div class="close m-3 position-absolute d-flex top-0 end-0 shadow-none"> 1094 <button type="button" class="btn-close m-0" data-bs-dismiss="offcanvas" aria-label="Close"></button> 1095 </div> 1096 </div> 1097 1098 <div class="line-decor position-relative"> 1099 <div class="container"> 1100 <div class="d-flex flex-nowrap align-items-center" 1101 style=" "> 1102 1103 1104 <span class="line-left flex-grow-1"></span> 1105 <div class="d-inline-flex divide-icon"> 1106 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 1107 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve"> 1108 <path d="M96.5,24.8c4.6-2.7,4.8-5.8,4.4-7.5c-0.6-3.4-4.1-6.4-8.5-7.3c-4.5-1.5-11.9,0.4-21.9,5.9c-3.3-2.3-8.1-6.3-11.9-9.5 1109 c-5.7-4.7-6.9-5.6-7.5-5.7c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1h-0.1v0.1c-0.8,0.4-2.4,1.7-7,5.4c-3.9,3.3-8.8,7.3-12.1,9.6 1110 c-10-5.5-17.4-7.5-21.9-5.9c-4.3,0.9-7.9,4-8.5,7.3C0.8,18.8,1,22,5.5,24.7c8.8,5,19-0.4,26.1-5.1c7.2,4.1,13.9,8.9,17.5,11.5 1111 c-5,7.6-9.7,14.7-9.5,20.6c0.2,4.9,2.1,8.8,5.3,10.9c2.8,1.8,6.5,2,9.5,0.5c3.6-1.8,6-5.5,6.8-10.5c1.2-7.7-5.6-17.9-8.3-21.5 1112 c3.6-2.7,10.3-7.4,17.4-11.5C77.4,24.4,87.6,29.8,96.5,24.8L96.5,24.8z M20.5,21.7c-4.3,1.5-8,1.6-11.6,0.2c-1.7-1.2-2.4-2.6-2-4.1 1113 c0.5-1.9,2.6-3.6,4.4-4.3c3.5-1.2,9.2,0.3,17,4.4C25.3,19.6,22.7,20.8,20.5,21.7L20.5,21.7z M57.2,52.4c-0.3,2.9-1.7,4.6-2.8,5.4 1114 c-1.2,0.9-2.7,1.5-4.2,1.5c-0.2,0-0.4,0-0.6,0c-2.6-0.3-5.7-2.4-5.9-7.5c-0.2-5.9,3.3-12.2,7.1-18.2C53.4,37.1,58.3,45.8,57.2,52.4z 1115 M51,28.6c-3.4-2.5-9.7-7-16.5-11c3.2-2.3,6.3-4.7,9-7l-0.5-0.6l0.5,0.5c2.7-2.1,5.2-4.2,7.3-5.6c2.1,1.4,4.7,3.5,7.4,5.7 1116 c2.8,2.2,5.8,4.6,9,7C60.6,21.7,54.4,26.1,51,28.6z M90.6,13.6c2.1,0.9,4.3,2.8,4.5,4.9c0.1,1.3-0.6,2.5-2.1,3.6 1117 c-6.2,2.4-12.3,0.1-19.4-4.1C81.4,13.8,87.1,12.4,90.6,13.6L90.6,13.6z"/> 1118 </svg> 1119</div> 1120 1121 <span class="line-right flex-grow-1"></span> 1122 1123 1124 </div> 1125 </div> 1126</div> 1127 1128 1129 <div class="offcanvas-body pt-sm-5 pb-0 default"> 1130 <div id="custom-div1" class="body-container " style="display: block;"> 1131 <div id="cart-details1" style="display: block;" class="m-auto"> 1132 <div class="d-flex"> 1133 1134 </div> 1135 <div id="cart-items-list1" class="cart-items-list"> 1136 <!-- Cart items will be dynamically inserted here --> 1137 </div> 1138 <!-- Section to show cleared cart items --> 1139 <div id="cleared-items" style="margin-top: 10px;"></div> 1140 </div> 1141 1142 <div class="collections_info"> 1143 <div class="text-center"> 1144 <h3 class="cart__empty-text mb-1">Your cart is empty</h3> 1145 <p class="my-5 mt-4"> Not sure where to start? Try below</p> 1146 <div class="d-flex flex-wrap justify-content-center align-items-center"> 1147 1148 <a href="/collections/all" class="btn btn-primary rounded-pill ">Continue shopping</a> 1149 1150 1151 </div> 1152 </div> 1153 </div> 1154 </div> 1155 </div> 1156 1157 <div class="offcanvas-footer p-3" id="cart_totalinfo"> 1158 <div class="body-container border-top border-1"> 1159 <div class="d-flex justify-content-between align-items-center my-4"> 1160 <p class="m-0 h4 text-box-trim"> Subtotal : </p> 1161 <p class="m-0 cart_total fw-medium "> <span id="cart-total1"></span> <span> </span></p> 1162 </div> 1163 <div class="mb-3 px-1"> 1164 1165 <div class="d-flex flex-wrap gap-3"> 1166 <a href="https://milfordbaysmokehaus.com/collections/all" class="btn btn-secondary flex-grow-1"> 1167 Keep Shopping 1168 </a> 1169 1170 <a href="/checkout" class="btn btn-primary flex-grow-1"> 1171 Checkout 1172 </a> 1173 </div> 1174 </div> 1175 </div> 1176 </div> 1177</div> 1178
1179<script> 1180document.addEventListener('DOMContentLoaded', function () { 1181 var collections_info = document.querySelector('.collections_info'); 1182 1183 $('#cart_totalinfo').hide(); 1184 if (collections_info) { 1185 collections_info.style.display = 'none'; 1186 } 1187 1188 const cart_totalinfo = document.querySelector('.cart_totalinfo'); 1189 if (cart_totalinfo) { 1190 cart_totalinfo.style.display = 'none'; 1191 } 1192 1193 showPopup(); 1194 1195 function showPopup() { 1196 var popup = document.getElementById('custom-div1'); 1197 if (popup) { 1198 fetchCart(); 1199 } 1200 } 1201 1202 function hidePopup() { 1203 var popup = document.getElementById('custom-div1'); 1204 if (popup) { 1205 // reserved for future use 1206 } 1207 } 1208 1209 var getLocale = () => { 1210 var lang = 1211 (window.Shopify && Shopify.language) || 1212 (window.Shopify && Shopify.locale) || 1213 (typeof navigator !== 'undefined' && navigator.language.split('-')[0]) || 1214 'en'; 1215 var country = (window.Shopify && Shopify.country) || ''; 1216 return country ? `${lang}-${country}` : lang; 1217 }; 1218 1219 var formatPrice = (price) => { 1220 var value = price / 100; 1221 var currency = 1222 (window.Shopify && Shopify.currency && Shopify.currency.active) || 'USD'; 1223 var locale = getLocale(); 1224 return new Intl.NumberFormat(locale, { 1225 style: 'currency', 1226 currency: currency, 1227 currencyDisplay: 'symbol' 1228 }).format(value); 1229 }; 1230 1231 /* 1232 * Used ONLY for individual product/unit prices. 1233 * This does not modify Shopify cart prices or calculations. 1234 */ 1235 var formatEachPrice = (price) => { 1236 return `${formatPrice(price)} Ea`; 1237 }; 1238 1239 function fetchCart() { 1240 fetch('/cart.js') 1241 .then(response => response.json()) 1242 .then(cart => { 1243 const cartItemsList = document.getElementById('cart-items-list1'); 1244 const totalElement = document.getElementById('cart-total1'); 1245 1246 if (!cartItemsList || !totalElement) return; 1247 1248 collections_info.style.display = 'block'; 1249 cartItemsList.innerHTML = ''; 1250 let total = 0; 1251 1252 /* 1253 * Format product weight. 1254 * Shopify's cart.js returns item.grams as the weight in grams. 1255 */ 1256 function formatCartWeight(grams) { 1257 if (!grams || grams <= 0) return ''; 1258 1259 if (grams >= 1000) { 1260 const kg = grams / 1000; 1261 1262 // Remove unnecessary decimal places 1263 return `${Number.isInteger(kg) ? kg : kg.toFixed(2).replace(/\.?0+$/, '')} kg`; 1264 } 1265 1266 return `${grams} grams per package`; 1267 } 1268 1269 /* 1270 * Get the options to display. 1271 * 1272 * If the only option is "Default Title", this means the product 1273 * does not have real variants, so we show the product weight instead. 1274 */ 1275 function getCartItemOptions(item) { 1276 const options = Array.isArray(item.options_with_values) 1277 ? item.options_with_values 1278 : []; 1279 1280 const hasOnlyDefaultVariant = 1281 options.length === 1 && 1282 options[0].value === 'Default Title'; 1283 1284 if (hasOnlyDefaultVariant) { 1285 const weight = formatCartWeight(item.grams); 1286 1287 return weight 1288 ? `<span class="d-flex align-items-center gap-2 flex-wrap">${weight}</span>` 1289 : ''; 1290 } 1291 1292 return options 1293 .filter(function (option) { 1294 return ( 1295 option.value !== 'Default Title' && 1296 option.name !== 'Title' 1297 ); 1298 }) 1299 .map(function (option, index, filteredOptions) { 1300 return ` 1301 <span class="d-flex align-items-center gap-2 flex-wrap"> 1302 ${option.value}${index < filteredOptions.length - 1 ? ' /' : ''} 1303 </span> 1304 `; 1305 }) 1306 .join(''); 1307 } 1308 1309 if (cart.items.length === 0) { 1310 var cartTotalInfo = document.getElementById('cart_totalinfo'); 1311 var collectionsInfo = document.getElementById('collections_info'); 1312 1313 if (cartTotalInfo) cartTotalInfo.style.display = 'none'; 1314 if (collectionsInfo) collectionsInfo.style.display = 'block'; 1315 1316 collections_info.style.display = 'block'; 1317 1318 } else { 1319 collections_info.style.display = 'none'; 1320 1321 var cartTotalInfo = document.getElementById('cart_totalinfo'); 1322 if (cartTotalInfo) cartTotalInfo.style.display = 'block'; 1323 1324 // Nested cart 1325 const parents = []; 1326 const childrenByParentKey = {}; 1327
1328 cart.items.forEach(function (item) { 1329 if ( 1330 item.parent_relationship && 1331 item.parent_relationship.parent_key 1332 ) { 1333 const parentKey = item.parent_relationship.parent_key; 1334 1335 if (!childrenByParentKey[parentKey]) { 1336 childrenByParentKey[parentKey] = []; 1337 } 1338 1339 childrenByParentKey[parentKey].push(item); 1340 } else { 1341 parents.push(item); 1342 } 1343 }); 1344 1345 parents.forEach(function (item) { 1346 total += item.line_price; 1347 1348 var recipientEmail = 1349 item.properties && 1350 item.properties['Recipient email'] 1351 ? `<p class="mb-1">Recipient email: ${item.properties['Recipient email']}</p>` 1352 : ''; 1353 1354 var recipientName = 1355 item.properties && 1356 item.properties['Recipient name'] 1357 ? `<p class="mb-1">Recipient name: ${item.properties['Recipient name']}</p>` 1358 : ''; 1359 1360 var giftMessage = 1361 item.properties && 1362 item.properties['Message'] 1363 ? `<p class="mb-1">Additional message: ${item.properties['Message']}</p>` 1364 : ''; 1365 1366 var sendOnDate = 1367 item.properties && 1368 item.properties['Send on'] 1369 ? `<p class="mb-1">Send on: ${item.properties['Send on']}</p>` 1370 : ''; 1371 1372 const children = childrenByParentKey[item.key] || []; 1373 1374 children.forEach(function (child) { 1375 total += child.line_price; 1376 }); 1377 1378 // Parent item options / weight 1379 const itemOptionsHtml = getCartItemOptions(item); 1380 1381 // Nested child HTML 1382 const childHtml = children 1383 .map(function (child) { 1384 const childOptionsHtml = getCartItemOptions(child); 1385 1386 return ` 1387 <div class="cart-item cart-item--nested py-3 ps-5 border-1 border-bottom" id="CartItem-${child.key}"> 1388 <div class="card flex-row gap-4"> 1389 1390 <div class="cart-img card_product_detail common_card_details"> 1391 <a href="${child.url}" class="cart-item__link" aria-hidden="true" tabindex="0"> 1392 ${ 1393 child.image 1394 ? `<img src="${child.image}&width=200" srcset=" 1395 ${child.image}&width=100 100w, 1396 ${child.image}&width=200 200w, 1397 ${child.image}&width=300 300w 1398 " class="cart-item__image object-fit-cover" alt="${child.title}" loading="lazy">` 1399 : `<svg class="placeholder-svg h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"></svg>` 1400 } 1401 </a> 1402 </div> 1403 1404 <div class="card-body cart-item__details py-0 px-1 position-relative"> 1405 1406 <div class="d-flex flex-column flex-sm-row justify-content-between mb-2 gap-2"> 1407 <div class="h5 m-0 card-title"> 1408 <a href="${child.url}" class="cart_item_name text-break text-decoration-none"> 1409 ${child.product_title} 1410 </a> 1411 </div> 1412 </div> 1413 1414 <div class="mb-2 d-flex gap-1 flex-wrap variants"> 1415 ${childOptionsHtml} 1416 </div> 1417 1418 <div class="product-priceoption d-flex flex-wrap gap-2 mb-2 justify-content-between"> 1419 ${ 1420 child.original_price !== child.final_price 1421 ? `<div class="d-flex gap-2 flex-wrap"> 1422 <s class="cart-item__original-price product-option opacity-50"> 1423 ${formatEachPrice(child.original_price)} 1424 </s> 1425 1426 <strong class="cart-item__final-price product-option fw-medium"> 1427 ${formatEachPrice(child.final_price)} 1428 1429 </strong> 1430 </div>` 1431 : `<div class="product-option default-price"> 1432 ${formatEachPrice(child.final_price)} 1433 1434 </div>` 1435 } 1436 1437 <div class="product-option"> 1438 <p class="mb-0 fw-bold text-nowrap"> 1439 ${formatPrice(child.final_price * child.quantity)} 1440 1441 </p> 1442 </div> 1443 </div> 1444 1445 <div class="discount"> 1446 ${ 1447 child.line_level_discount_allocations && 1448 child.line_level_discount_allocations.length > 0 1449 ? `<span class="cart-product-discounts"> 1450 <ul class="cart-product-discounts-list p-0" role="list" aria-label="Discount"> 1451 ${child.line_level_discount_allocations 1452 .map( 1453 discount_allocation => ` 1454 <li class="cart-product-discounts-list-item list-unstyled">
1455 <span class="badges sale_badge d-flex align-items-center gap-2"> 1456 1457 <span class="discount_tag"> 1458 <svg class="icon icon-discount" width="10" height="10" viewBox="0 0 12 12"> 1459 <path fill="currentColor" fill-rule="evenodd" d="M7 0h3a2 2 0 0 1 2 2v3a1 1 0 0 1-.3.7l-6 6a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4l6-6A1 1 0 0 1 7 0m2 2a1 1 0 1 0 2 0 1 1 0 0 0-2 0" clip-rule="evenodd"></path> 1460 </svg> 1461 </span> 1462 1463 <span class="cart-product-discounts-list-item__title"> 1464 <span class="fw-bold text-uppercase"> 1465 ${discount_allocation.discount_application.title} 1466 </span> 1467 </span> 1468 1469 </span> 1470 </li> 1471 ` 1472 ) 1473 .join('')} 1474 </ul> 1475 </span>` 1476 : '' 1477 } 1478 </div> 1479 1480 <div class="d-flex flex-wrap justify-content-between row-gap-2 align-items-center"> 1481 1482 <div class="cart-item__quantity d-flex justify-content-between align-items-center"> 1483 1484 <button 1485 aria-label="Decrement" 1486 class="align-items-center border-0 btn d-flex decrement-item fs-5 justify-content-center p-4 py-sm-4 quanity_descrement rounded-0" 1487 data-line="${child.key}" 1488 data-quantity="${child.quantity - 1}"> 1489 </button> 1490 1491 <div class="visually-hidden label">Order note</div> 1492 1493 <input 1494 type="number" 1495 aria-label="Quantity for item" 1496 min="0" 1497 id="input_quantity${child.key}" 1498 name="input_quantity_${child.key}" 1499 class="input_quantity mt-1 w-100 text-center border-0" 1500 value="${child.quantity}" 1501 data-line="${child.key}" 1502 data-quantity="${child.quantity}" 1503 /> 1504 1505 <button 1506 aria-label="Increament" 1507 class="align-items-center border-0 btn d-flex fs-5 increment-item justify-content-center p-4 py-sm-4 quanity_increment rounded-0" 1508 data-line="${child.key}" 1509 data-quantity="${child.quantity + 1}"> 1510 </button> 1511 1512 </div> 1513 1514 <button 1515 aria-label="Remove" 1516 class="cart-remove-button border-0 bg-transparent p-1 text-decoration-underline btn h-auto rounded-0" 1517 data-line="${child.key}"> 1518 Remove 1519 </button> 1520 1521 </div> 1522 1523 <div class="form-message1 d-flex align-items-baseline gap-1"></div> 1524 1525 </div> 1526 </div> 1527 </div> 1528 `; 1529 }) 1530 .join(''); 1531 1532 // Parent item + child items 1533 cartItemsList.innerHTML += ` 1534 <div class="cart-item py-3 border-1 border-bottom" id="CartItem-${item.key}"> 1535 1536 <div class="card flex-row gap-4"> 1537 1538 <div class="cart-img card_product_detail common_card_details"> 1539 <a href="${item.url}" class="cart-item__link" aria-hidden="true" tabindex="0"> 1540 1541 ${ 1542 item.image 1543 ? `<img 1544 src="${item.image}
1544&width=200" 1545 srcset=" 1546 ${item.image}&width=100 100w, 1547 ${item.image}&width=200 200w, 1548 ${item.image}&width=300 300w 1549 " 1550 class="cart-item__image object-fit-cover" 1551 alt="${item.title}" 1552 loading="lazy">` 1553 : `<svg class="placeholder-svg h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"> 1554 <path d="M375.5 345.2c0-.1 0-.1 0 0 0-.1 0-.1 0 0-1.1-2.9-2.3-5.5-3.4-7.8-1.4-4.7-2.4-13.8-.5-19.8 3.4-10.6 3.6-40.6 1.2-54.5-2.3-14-12.3-29.8-18.5-36.9-5.3-6.2-12.8-14.9-15.4-17.9 8.6-5.6 13.3-13.3 14-23 0-.3 0-.6.1-.8.4-4.1-.6-9.9-3.9-13.5-2.1-2.3-4.8-3.5-8-3.5h-54.9c-.8-7.1-3-13-5.2-17.5-6.8-13.9-12.5-16.5-21.2-16.5h-.7c-8.7 0-14.4 2.5-21.2 16.5-2.2 4.5-4.4 10.4-5.2 17.5h-48.5c-3.2 0-5.9 1.2-8 3.5-3.2 3.6-4.3 9.3-3.9 13.5 0 .2 0 .5.1.8.7 9.8 5.4 17.4 14 23-2.6 3.1-10.1 11.7-15.4 17.9-6.1 7.2-16.1 22.9-18.5 36.9-2.2 13.3-1.2 47.4 1 54.9 1.1 3.8 1.4 14.5-.2 19.4-1.2 2.4-2.3 5-3.4 7.9-4.4 11.6-6.2 26.3-5 32.6 1.8 9.9 16.5 14.4 29.4 14.4h176.8c12.9 0 27.6-4.5 29.4-14.4 1.2-6.5-.5-21.1-5-32.7zm-97.7-178c.3-3.2.8-10.6-.2-18 2.4 4.3 5 10.5 5.9 18h-5.7zm-36.3-17.9c-1 7.4-.5 14.8-.2 18h-5.7c.9-7.5 3.5-13.7 5.9-18zm4.5-6.9c0-.1.1-.2.1-.4 4.4-5.3 8.4-5.8 13.1-5.8h.7c4.7 0 8.7.6 13.1 5.8 0 .1 0 .2.1.4 3.2 8.9 2.2 21.2 1.8 25h-30.7c-.4-3.8-1.3-16.1 1.8-25zm-70.7 42.5c0-.3 0-.6-.1-.9-.3-3.4.5-8.4 3.1-11.3 1-1.1 2.1-1.7 3.4-2.1l-.6.6c-2.8 3.1-3.7 8.1-3.3 11.6 0 .2 0 .5.1.8.3 3.5.9 11.7 10.6 18.8.3.2.8.2 1-.2.2-.3.2-.8-.2-1-9.2-6.7-9.8-14.4-10-17.7 0-.3 0-.6-.1-.8-.3-3.2.5-7.7 3-10.5.8-.8 1.7-1.5 2.6-1.9h155.7c1 .4 1.9 1.1 2.6 1.9 2.5 2.8 3.3 7.3 3 10.5 0 .2 0 .5-.1.8-.3 3.6-1 13.1-13.8 20.1-.3.2-.5.6-.3 1 .1.2.4.4.6.4.1 0 .2 0 .3-.1 13.5-7.5 14.3-17.5 14.6-21.3 0-.3 0-.5.1-.8.4-3.5-.5-8.5-3.3-11.6l-.6-.6c1.3.4 2.5 1.1 3.4 2.1 2.6 2.9 3.5 7.9 3.1 11.3 0 .3 0 .6-.1.9-1.5 20.9-23.6 31.4-65.5 31.4h-43.8c-41.8 0-63.9-10.5-65.4-31.4zm91 89.1h-7c0-1.5 0-3-.1-4.2-.2-12.5-2.2-31.1-2.7-35.1h3.6c.8 0 1.4-.6 1.4-1.4v-14.1h2.4v14.1c0 .8.6 1.4 1.4 1.4h3.7c-.4 3.9-2.4 22.6-2.7 35.1v4.2zm65.3 11.9h-16.8c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h16.8v2.8h-62.2c0-.9-.1-1.9-.1-2.8h33.9c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-33.9c-.1-3.2-.1-6.3-.1-9h62.5v9zm-12.5 24.4h-6.3l.2-1.6h5.9l.2 1.6zm-5.8-4.5l1.6-12.3h2l1.6 12.3h-5.2zm-57-19.9h-62.4v-9h62.5c0 2.7 0 5.8-.1 9zm-62.4 1.4h62.4c0 .9-.1 1.8-.1 2.8H194v-2.8zm65.2 0h7.3c0 .9.1 1.8.1 2.8H259c.1-.9.1-1.8.1-2.8zm7.2-1.4h-7.2c.1-3.2.1-6.3.1-9h7c0 2.7 0 5.8.1 9zm-7.7-66.7v6.8h-9v-6.8h9zm-8.9 8.3h9v.7h-9v-.7zm0 2.1h9v2.3h-9v-2.3zm26-1.4h-9v-.7h9v.7zm-9 3.7v-2.3h9v2.3h-9zm9-5.9h-9v-6.8h9v6.8zm-119.3 91.1c-2.1-7.1-3-40.9-.9-53.6 2.2-13.5 11.9-28.6 17.8-35.6 5.6-6.5 13.5-15.7 15.7-18.3 11.4 6.4 28.7 9.6 51.8 9.6h6v14.1c0 .8.6 1.4 1.4 1.4h5.4c.3 3.1 2.4 22.4 2.7 35.1 0 1.2.1 2.6.1 4.2h-63.9c-.8 0-1.4.6-1.4 1.4v16.1c0 .8.6 1.4 1.4 1.4H256c-.8 11.8-2.8 24.7-8 33.3-2.6 4.4-4.9 8.5-6.9 12.2-.4.7-.1 1.6.6 1.9.2.1.4.2.6.2.5 0 1-.3 1.3-.8 1.9-3.7 4.2-7.7 6.8-12.1 5.4-9.1 7.6-22.5 8.4-34.7h7.8c.7 11.2 2.6 23.5 7.1 32.4.2.5.8.8 1.3.8.2 0 .4-.1.6-.2.7-.4 1-1.2.6-1.9-4.3-8.5-6.1-20.3-6.8-31.1H312l-2.4 18.6c-.1.4.1.8.3 1.1.3.3.7.5 1.1.5h9.6c.4 0 .8-.2 1.1-.5.3-.3.4-.7.3-1.1l-2.4-18.6H333c.8 0 1.4-.6 1.4-1.4v-16.1c0-.8-.6-1.4-1.4-1.4h-63.9c0-1.5 0-2.9.1-4.2.2-12.7 2.3-32 2.7-35.1h5.2c.8 0 1.4-.6 1.4-1.4v-14.1h6.2c23.1 0 40.4-3.2 51.8-9.6 2.3 2.6 10.1 11.8 15.7 18.3 5.9 6.9 15.6 22.1 17.8 35.6 2.2 13.4 2 43.2-1.1 53.1-1.2 3.9-1.4 8.7-1 13-1.7-2.8-2.9-4.4-3-4.6-.2-.3-.6-.5-.9-.6h-.5c-.2 0-.4.1-.5.2-.6.5-.8 1.4-.3 2 0 0 .2.3.5.8 1.4 2.1 5.6 8.4 8.9 16.7h-42.9v-43.8c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v44.9c0 .1-.1.2-.1.3 0 .1 0 .2.1.3v9c-1.1 2-3.9 3.7-10.5 3.7h-7.5c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h7.5c5 0 8.5-.9 10.5-2.8-.1 3.1-1.5 6.5-10.5 6.5H210.4c-9 0-10.5-3.4-10.5-6.5 2 1.9 5.5 2.8 10.5 2.8h67.4c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-67.4c-6.7 0-9.4-1.7-10.5-3.7v-54.5c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v43.8h-43.6c4.2-10.2 9.4-17.4 9.5-17.5.5-.6.3-1.5-.3-2s-1.5-.3-2 .3c-.1.2-1.4 2-3.2 5 .1-4.9-.4-10.2-1.1-12.8zm221.4
155460.2c-1.5 8.3-14.9 12-26.6 12H174.4c-11.8 0-25.1-3.8-26.6-12-1-5.7.6-19.3 4.6-30.2H197v9.8c0 6.4 4.5 9.7 13.4 9.7h105.4c8.9 0 13.4-3.3 13.4-9.7v-9.8h44c4 10.9 5.6 24.5 4.6 30.2z"></path> 1555 <path d="M286.1 359.3c0 .4.3.7.7.7h14.7c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-14.7c-.3 0-.7.3-.7.7zm5.3-145.6c13.5-.5 24.7-2.3 33.5-5.3.4-.1.6-.5.4-.9-.1-.4-.5-.6-.9-.4-8.6 3-19.7 4.7-33 5.2-.4 0-.7.3-.7.7 0 .4.3.7.7.7zm-11.3.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7H242c-19.9 0-35.3-2.5-45.9-7.4-.4-.2-.8 0-.9.3-.2.4 0 .8.3.9 10.8 5 26.4 7.5 46.5 7.5h38.1zm-7.2 116.9c.4.1.9.1 1.4.1 1.7 0 3.4-.7 4.7-1.9 1.4-1.4 1.9-3.2 1.5-5-.2-.8-.9-1.2-1.7-1.1-.8.2-1.2.9-1.1 1.7.3 1.2-.4 2-.7 2.4-.9.9-2.2 1.3-3.4 1-.8-.2-1.5.3-1.7 1.1s.2 1.5 1 1.7z"></path> 1556 </svg>` 1557 } 1558 </a> 1559 </div> 1560 1561 <div class="card-body cart-item__details py-0 px-1 position-relative"> 1562 1563 1564 <div class="vendor text-uppercase mb-2"> 1565 <p class="mb-0">${item.vendor}</p> 1566 </div> 1567 1568 1569 <div class="d-flex flex-column flex-sm-row justify-content-between mb-2 gap-2"> 1570 <div class="h5 m-0 card-title"> 1571 <a href="${item.url}" class="cart_item_name text-break text-decoration-none"> 1572 ${item.product_title} 1573 </a> 1574 </div> 1575 </div> 1576 1577 ${ 1578 item.unit_price && item.unit_price_measurement 1579 ? `<p class="unit_price mb-1 fs-6"> 1580 ${formatPrice(item.unit_price)} / 1581 ${item.unit_price_measurement.reference_value} 1582 ${item.unit_price_measurement.reference_unit} 1583 </p>` 1584 : '' 1585 } 1586 1587 <!-- VARIANT / WEIGHT --> 1588 <div class="mb-2 d-flex d-sm-flex gap-1 flex-wrap variants"> 1589 ${itemOptionsHtml} 1590 </div> 1591 1592 <div class="product-priceoption d-flex flex-wrap gap-2 mb-2 justify-content-between"> 1593 1594 ${ 1595 item.original_price !== item.final_price 1596 ? `<div class="d-flex gap-2 flex-wrap"> 1597 1598 <s class="cart-item__original-price product-option opacity-50"> 1599 ${formatEachPrice(item.original_price)} 1600 </s> 1601 1602 <strong class="cart-item__final-price product-option fw-medium"> 1603 ${formatEachPrice(item.final_price)} 1604 1605 </strong> 1606 1607 </div>` 1608 : `<div class="product-option default-price"> 1609 ${formatEachPrice(item.final_price)} 1610 1611 </div>` 1612 } 1613 1614 <div class="product-option"> 1615 <p class="mb-0 fw-bold text-nowrap"> 1616 ${formatPrice(item.final_price * item.quantity)} 1617 1618 </p> 1619 </div> 1620 1621 </div> 1622 1623 <span class="subscription_minicart mb-2"> 1624 ${ 1625 item.selling_plan_allocation 1626 ? item.selling_plan_allocation.selling_plan.name 1627 : '' 1628 } 1629 </span> 1630 1631 ${ 1632 item.gift_card 1633 ? `<div class="gift-card-details mt-2"> 1634 ${recipientEmail} 1635 ${recipientName} 1636 ${giftMessage} 1637 ${sendOnDate} 1638 </div>` 1639 : '' 1640 } 1641 1642 <div class="discount"> 1643 1644 ${ 1645 item.line_level_discount_allocations && 1646 item.line_level_discount_allocations.length > 0 1647 ? `<span class="cart-product-discounts"> 1648 1649 <ul 1650 class="cart-product-discounts-list p-0" 1651 role="list" 1652 aria-label="Discount" 1653 > 1654 1655 ${item.line_level_discount_allocations 1656 .map( 1657 discount_allocation => ` 1658 <li class="cart-product-discounts-list-item list-unstyled"> 1659
1660 <span class="badges sale_badge d-flex align-items-center gap-2"> 1661 1662 <span class="discount_tag"> 1663 <svg class="icon icon-discount" width="10" height="10" viewBox="0 0 12 12"> 1664 <path fill="currentColor" fill-rule="evenodd" d="M7 0h3a2 2 0 0 1 2 2v3a1 1 0 0 1-.3.7l-6 6a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4l6-6A1 1 0 0 1 7 0m2 2a1 1 0 1 0 2 0 1 1 0 0-2 0" clip-rule="evenodd"></path> 1665 </svg> 1666 </span> 1667 1668 <span class="cart-product-discounts-list-item__title"> 1669 <span class="fw-bold text-uppercase"> 1670 ${discount_allocation.discount_application.title} 1671 </span> 1672 </span> 1673 1674 </span> 1675 1676 </li> 1677 ` 1678 ) 1679 .join('')} 1680 1681 </ul> 1682 1683 </span>` 1684 : '' 1685 } 1686 1687 </div> 1688 1689 <div class="d-flex flex-wrap justify-content-between row-gap-2 align-items-center"> 1690 1691 <div class="cart-item__quantity d-flex justify-content-between align-items-center"> 1692 1693 <button 1694 aria-label="Decrement" 1695 class="align-items-center border-0 btn d-flex decrement-item fs-5 justify-content-center p-4 py-sm-4 quanity_descrement rounded-0" 1696 data-line="${item.key}" 1697 data-quantity="${item.quantity - 1}"> 1698 </button> 1699 1700 <div class="visually-hidden label">Order note</div> 1701 1702 <input 1703 type="number" 1704 aria-label="Quantity for item" 1705 min="0" 1706 id="input_quantity${item.key}" 1707 name="input_quantity_${item.key}" 1708 class="input_quantity mt-1 w-100 text-center border-0" 1709 value="${item.quantity}" 1710 data-line="${item.key}" 1711 data-quantity="${item.quantity}" 1712 /> 1713 1714 <button 1715 aria-label="Increament" 1716 class="align-items-center border-0 btn d-flex fs-5 increment-item justify-content-center p-4 py-sm-4 quanity_increment rounded-0" 1717 data-line="${item.key}" 1718 data-quantity="${item.quantity + 1}"> 1719 </button> 1720 1721 </div> 1722 1723 <button 1724 aria-label="Remove" 1725 class="cart-remove-button border-0 bg-transparent p-1 text-decoration-underline btn h-auto rounded-0" 1726 data-line="${item.key}"> 1727 Remove 1728 </button> 1729 1730 </div> 1731 1732 <div class="form-message1 d-flex align-items-baseline gap-1"></div> 1733 1734 </div> 1735 </div> 1736 1737 </div> 1738 1739 ${childHtml} 1740 `; 1741 }); 1742 } 1743 1744 totalElement.textContent = formatPrice(total); 1745 }) 1746 .catch(() => {}); 1747} 1748 1749 1750 window.cartStrings = { 1751 lowQuantity: "Only [quantity] item was added to your cart due to availability." 1752 }; 1753 1754 function updateQuantity(line, quantity) { 1755 const lineElement = document.getElementById(`CartItem-${line}`); 1756 if (!lineElement) return; 1757 1758 const messageContainer = lineElement.querySelector('.form-message1'); 1759 if (!messageContainer) return; 1760 1761 fetch(`/cart/change.js`, { 1762 method: 'POST', 1763 headers: { 1764 'Content-Type': 'application/json', 1765 'X-Requested-With': 'XMLHttpRequest' 1766 }, 1767 body: JSON.stringify({ id: line, quantity: quantity }) 1768 }) 1769 .then(response => response.json().then(data => { 1770 if (!response.ok) { 1771 throw new Error(data.message || data.description || 'An unexpected error occurred.'); 1772 } 1773 return data; 1774 })) 1775 .then((data) => { 1776 const updatedItem = data.items.find(item => item.key === line); 1777 $.getJSON('/cart.js', function (cart) { 1778 let cartItemCount = cart.item_count; 1779 $('.open-cart-drawer a > span:last-child').html(cartItemCount); 1780 }); 1781 1782 if (!updatedItem) { 1783 messageContainer.innerHTML = ''; 1784 messageContainer.classList.add('d-none'); 1785 fetchCart(); 1786 return; 1787 } 1788 1789 const updatedQuantity = updatedItem.quantity; 1790 if (updatedQuantity < quantity) { 1791 let lowQuantity = window.cartStrings.lowQuantity.replace('[quantity]', updatedQuantity); 1792 messageContainer.classList.remove('d-none'); 1793 messageContainer.innerHTML = `<span class="d-flex gap-2 pro_error">
1794 <span class="lh-sm"> 1795 <svg width="14px" height="14px" viewBox="0 0 24 24" fill="red" xmlns="http://www.w3.org/2000/svg"> 1796 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.0586 6.05547C10.0268 5.48227 10.483 5 11.0571 5H12.9429C13.517 5 13.9732 5.48227 13.9414 6.05547L13.5525 13.0555C13.523 13.5854 13.0847 14 12.554 14H11.446C10.9153 14 10.477 13.5854 10.4475 13.0555L10.0586 6.05547ZM14 17C14 18.1046 13.1046 19 12 19C10.8954 19 10 18.1046 10 17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17Z"/> 1797 </svg> 1798 </span> 1799 <span>${lowQuantity}</span> 1800 </span>`; 1801 } else { 1802 messageContainer.classList.add('d-none'); 1803 messageContainer.innerHTML = ''; 1804 fetchCart(); 1805 } 1806 }) 1807 .catch(error => { 1808 messageContainer.classList.remove('d-none'); 1809 messageContainer.innerHTML = `<div class="d-flex gap-1 align-items-baseline"> 1810 <div class="error_icon"> 1811 <svg width="14px" height="14px" viewBox="0 0 24 24" fill="red" xmlns="http://www.w3.org/2000/svg"> 1812 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.0586 6.05547C10.0268 5.48227 10.483 5 11.0571 5H12.9429C13.517 5 13.9732 5.48227 13.9414 6.05547L13.5525 13.0555C13.523 13.5854 13.0847 14 12.554 14H11.446C10.9153 14 10.477 13.5854 10.4475 13.0555L10.0586 6.05547ZM14 17C14 18.1046 13.1046 19 12 19C10.8954 19 10 18.1046 10 17C10 15.8954 10.8954 15 12 15C12 15 12 15 12 15C13.1046 15 14 15 14 17Z"/> 1813 </svg> 1814 </div> 1815 <div class="pro_error">${error.message || 'An unexpected error occurred.'}</div> 1816 </div>`; 1817 }); 1818 } 1819 1820 function removeItem(line) { 1821 updateQuantity(line, 0); 1822 1823 collections_info.style.display = 'none'; 1824 1825 } 1826 1827 var checkoutButton = document.getElementById('checkout-button'); 1828 if (checkoutButton) { 1829 checkoutButton.addEventListener('click', function () { 1830 window.location.href = '/checkout'; 1831 }); 1832 } 1833 1834 var cartButton = document.getElementById('cart-button'); 1835 if (cartButton) { 1836 cartButton.addEventListener('click', function () { 1837 window.location.href = '/cart'; 1838 }); 1839 } 1840 1841 var cartIcon = document.getElementById('cart-icon'); 1842 if (cartIcon) { 1843 cartIcon.addEventListener('click', function (event) { 1844 event.preventDefault(); 1845 fetchCart(); 1846 showPopup(); 1847 1848 var modalElement = document.querySelector('.modal.show'); 1849 if (modalElement) { 1850 var modalInstance = bootstrap.Modal.getInstance(modalElement); 1851 if (modalInstance) { 1852 modalInstance.hide(); 1853 } 1854 } 1855 }); 1856 } 1857 1858 document.addEventListener('change', function (event) { 1859 event.preventDefault(); 1860 if (event.target && event.target.matches('.input_quantity')) { 1861 const line = event.target.getAttribute('data-line'); 1862 const newQuantity = parseInt(event.target.value); 1863 if (line) { 1864 updateQuantity(line, newQuantity); 1865 } 1866 } 1867 }); 1868 1869 document.addEventListener('click', function (event) { 1870 scrollPreventc(); 1871 function scrollPreventc() { 1872 const scrollPosition = window.scrollY; 1873 document.getElementById('cartOffCanvas').addEventListener('hidden.bs.offcanvas', function () { 1874 window.scrollTo(0, scrollPosition); 1875 }); 1876 } 1877 if (event.target && event.target.matches('.btn-close')) { 1878 scrollPreventc(); 1879 hidePopup(); 1880 } 1881 if (event.target && event.target.matches('.increment-item')) { 1882 event.preventDefault(); 1883 const line = event.target.getAttribute('data-line'); 1884 const newQuantity = parseInt(event.target.getAttribute('data-quantity')); 1885 if (line) { 1886 updateQuantity(line, newQuantity); 1887 } 1888 } 1889 if (event.target && event.target.matches('.decrement-item')) { 1890 event.preventDefault(); 1891 const line = event.target.getAttribute('data-line'); 1892 const newQuantity = parseInt(event.target.getAttribute('data-quantity')); 1893 if (line && newQuantity >= 0) { 1894 updateQuantity(line, newQuantity); 1895 } 1896 }
1897 if (event.target && event.target.matches('.cart-remove-button')) { 1898 event.preventDefault(); 1899 const line = event.target.getAttribute('data-line'); 1900 removeItem(line); 1901 } 1902 if (event.target && event.target.matches('#clear-cart')) { 1903 event.preventDefault(); 1904 clearCart(); 1905 } 1906 }); 1907 1908 const observer = new MutationObserver(() => { 1909 if (jQuery('#cart-note').length) { 1910 observer.disconnect(); 1911 jQuery(document).on('input', '#cart-note', function () { 1912 var note = jQuery(this).val(); 1913 jQuery.ajax({ 1914 url: '/cart/update.js', 1915 type: 'POST', 1916 dataType: 'json', 1917 data: { note: note }, 1918 success: function (cart) { 1919 console.log('Order note updated:', cart.note); 1920 }, 1921 error: function () {} 1922 }); 1923 }); 1924 } 1925 }); 1926 1927 observer.observe(document.body, { childList: true, subtree: true }); 1928 1929}); 1930 1931 1932</script>
1932<style data-shopify> 1933.search .offcanvas-body .search-bar #header-search{max-width:100%;} 1934/* .search .svg-circle{ 1935 margin:0 0.3rem; 1936} */ 1937.search .line-decor{ padding-bottom:1.8rem;} 1938 @media (min-width: 576px) { 1939 .search .line-decor{ padding-bottom:2.7rem;} 1940 } 1941 1942.search_clear_btn{ 1943 width:12px !important; 1944 height:12px !important; 1945 right:min( var(--email-btn-width) + 15px, 100%) !important; 1946 display: inline-flex; 1947 align-self: center; 1948} 1949@media (min-width:1025px){ 1950 1951 /* .offcanvas .search-bar .search_clear_btn{ 1952 right:max(30%, 230px); 1953 } 1954.offcanvas .search-bar .search-btn-group{ 1955 width: max(30%, 230px); 1956} */ 1957 /* .offcanvas .search-bar .form-control{ 1958 padding-right: clamp(60px, 31%, 200px) !important; 1959} */ 1960 1961} 1962/* .offcanvas .search-bar .form-control{ 1963 padding-right: clamp(60px, 41%, 160px) !important; 1964} */ 1965.offcanvas .search-bar .search-btn-group{ 1966 /* width: max(25%, 100px); */ 1967 /* text-wrap-mode: nowrap; 1968 padding: 0; */ 1969 display:flex; 1970 align-items:center; 1971 justify-content:center; 1972} 1973input[type='search']::-webkit-search-cancel-button{ 1974 -webkit-appearance: none; 1975 display: inline-block; 1976 cursor:pointer; 1977 width: 12px; 1978 height: 12px; 1979 margin-left: 10px; 1980 background: 1981 linear-gradient(45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 43%,#000 45%,#000 55%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 100%), 1982 linear-gradient(135deg, transparent 0%,transparent 43%,#000 45%,#000 55%,transparent 57%,transparent 100%); 1983} 1984 input[type="search"]::-webkit-search-cancel-button{ 1985 display:none; 1986 -webkit-appearance: none; 1987} 1988input[type="search"]::-ms-clear { 1989 display: none; 1990} 1991 .search .search-btn-group{ 1992 top: 2px; 1993 bottom: 2px; 1994 right: 2px; 1995 } 1996 1997 @media (max-width: 575.98px){ 1998 .predictive-search .form-control { 1999 padding: .75rem 1rem; 2000} 2001.predictive-search .search-btn-group{ padding: 20px; } 2002 } 2003 .search-bar.body-container{ padding: 0; } 2004</style> 2005 2006 2007<div class="search offcanvas offcanvas-end color-scheme-1 gradient" data-bs-scroll="false" tabindex="-1" id="searchOffCanvas" aria-labelledby="searchDrawer"> 2008 <div class="offcanvas-header text-center justify-content-center position-relative"> 2009 <h2 class="offcanvas-title h1" id="searchDrawer"> Search </h2> 2010 <div class="close m-3 my-md-4 position-absolute d-flex top-0 end-0 shadow-none"> 2011 <button type="button" class="btn-close m-0" data-bs-dismiss="offcanvas" aria-label="Close"></button> 2012 </div> 2013 </div> 2014 <div class="line-decor position-relative"> 2015 <div class="container"> 2016 <div class="d-flex flex-nowrap align-items-center" 2017 style=" "> 2018 2019 2020 <span class="line-left flex-grow-1"></span> 2021 <div class="d-inline-flex divide-icon"> 2022 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 2023 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve"> 2024 <path d="M96.5,24.8c4.6-2.7,4.8-5.8,4.4-7.5c-0.6-3.4-4.1-6.4-8.5-7.3c-4.5-1.5-11.9,0.4-21.9,5.9c-3.3-2.3-8.1-6.3-11.9-9.5 2025 c-5.7-4.7-6.9-5.6-7.5-5.7c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1h-0.1v0.1c-0.8,0.4-2.4,1.7-7,5.4c-3.9,3.3-8.8,7.3-12.1,9.6 2026 c-10-5.5-17.4-7.5-21.9-5.9c-4.3,0.9-7.9,4-8.5,7.3C0.8,18.8,1,22,5.5,24.7c8.8,5,19-0.4,26.1-5.1c7.2,4.1,13.9,8.9,17.5,11.5 2027 c-5,7.6-9.7,14.7-9.5,20.6c0.2,4.9,2.1,8.8,5.3,10.9c2.8,1.8,6.5,2,9.5,0.5c3.6-1.8,6-5.5,6.8-10.5c1.2-7.7-5.6-17.9-8.3-21.5 2028 c3.6-2.7,10.3-7.4,17.4-11.5C77.4,24.4,87.6,29.8,96.5,24.8L96.5,24.8z M20.5,21.7c-4.3,1.5-8,1.6-11.6,0.2c-1.7-1.2-2.4-2.6-2-4.1 2029 c0.5-1.9,2.6-3.6,4.4-4.3c3.5-1.2,9.2,0.3,17,4.4C25.3,19.6,22.7,20.8,20.5,21.7L20.5,21.7z M57.2,52.4c-0.3,2.9-1.7,4.6-2.8,5.4 2030 c-1.2,0.9-2.7,1.5-4.2,1.5c-0.2,0-0.4,0-0.6,0c-2.6-0.3-5.7-2.4-5.9-7.5c-0.2-5.9,3.3-12.2,7.1-18.2C53.4,37.1,58.3,45.8,57.2,52.4z 2031 M51,28.6c-3.4-2.5-9.7-7-16.5-11c3.2-2.3,6.3-4.7,9-7l-0.5-0.6l0.5,0.5c2.7-2.1,5.2-4.2,7.3-5.6c2.1,1.4,4.7,3.5,7.4,5.7 2032 c2.8,2.2,5.8,4.6,9,7C60.6,21.7,54.4,26.1,51,28.6z M90.6,13.6c2.1,0.9,4.3,2.8,4.5,4.9c0.1,1.3-0.6,2.5-2.1,3.6 2033 c-6.2,2.4-12.3,0.1-19.4-4.1C81.4,13.8,87.1,12.4,90.6,13.6L90.6,13.6z"/> 2034 </svg> 2035</div> 2036
2037 <span class="line-right flex-grow-1"></span> 2038 2039 2040 </div> 2041 </div> 2042</div> 2043 2044 <div class="offcanvas-body pt-0"> 2045 <div class="search-bar body-container"> 2046 <predictive-search class="predictive-search" data-locale="en" data-locales="en"> 2047 <!--pre>/search</pre--> 2048 <form action="/search"> 2049 <div class="position-relative m-1 form_input"> 2050 <label for="Search" class="visually-hidden">Search</label> 2051 <input id="Search" type="search" class="form-control input_control" 2052 name="q" 2053 placeholder="What are you looking for?" 2054 value="" 2055 role="combobox" 2056 autofocus="autofocus" 2057 autocomplete="off" 2058 aria-owns="predictive-search-results" 2059 aria-controls="predictive-search-results" 2060 aria-haspopup="listbox" 2061 tabindex="0" 2062 aria-autocomplete="list" 2063 aria-label="Search"> 2064 <button aria-label="Clear" type="button" class="position-absolute search_clear_btn btn btn-close rounded-0 top-0 bottom-0 d-none"></button> 2065 <button class="btn btn-secondary flex-grow-1 input_button search-btn-group position-absolute" type="submit"> 2066 <span class="d-none d-lg-block lh-0"> Search </span> 2067 <span class="d-lg-none menu-as-icon" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 2068<path d="M8.04952 15.0996C11.9429 15.0996 15.099 11.9433 15.099 8.04982C15.099 4.15632 11.9429 1 8.04952 1C4.15618 1 1 4.15632 1 8.04982C1 11.9433 4.15618 15.0996 8.04952 15.0996Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2069<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2070</svg> 2071</span> 2072 </button> 2073 2074 </div> 2075 <input name="options[prefix]" type="hidden" value="last"> <div id="header-search" tabindex="-1" class="mx-1 mx-sm-3 mt-5"></div> 2076 </form> 2077 </predictive-search> 2078 <div class="mt-5 search-collectionbase"> 2079 <div class="d-flex flex-column align-items-center justify-content-center gap-4" id=""> 2080 <div> 2081 <p class="m-0 frequent_search" data-pagetype="drawer"> Frequently searched collections: </p> 2082 </div> 2083 <ul class="search_collection list-group flex-row gap-3 flex-wrap justify-content-center list-unstyled"> 2084 2085 2086 <li> 2087 <a href="/collections/frontpage" class="text-decoration-none btn btn-secondary"> 2088 2089 2090 <span class="text-nowrap">09</span> 2091 2092 <svg width="6" height="7" viewBox="0 0 6 7" class='svg-circle flex-shrink-0' fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2093 <circle cx="3" cy="3.5" r="3" fill="currentColor"/> 2094</svg> 2095 2096 All Products 2097 </a> 2098 </li> 2099 <li> 2100 <a href="/collections/ready-to-eat" class="text-decoration-none btn btn-secondary"> 2101 2102 2103 <span class="text-nowrap">04</span> 2104 2105 <svg width="6" height="7" viewBox="0 0 6 7" class='svg-circle flex-shrink-0' fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2106 <circle cx="3" cy="3.5" r="3" fill="currentColor"/> 2107</svg> 2108 2109 Ready to Cook 2110 </a> 2111 </li> 2112 <li> 2113 <a href="/collections/recipes" class="text-decoration-none btn btn-secondary"> 2114 2115 2116 <span class="text-nowrap">06</span> 2117 2118 <svg width="6" height="7" viewBox="0 0 6 7" class='svg-circle flex-shrink-0' fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2119 <circle cx="3" cy="3.5" r="3" fill="currentColor"/> 2120</svg> 2121 2122 Recipes 2123 </a> 2124 </li> 2125 <li> 2126 <a href="/collections/smoked-specialties" class="text-decoration-none btn btn-secondary"> 2127 2128
2129 <span class="text-nowrap">05</span> 2130 2131 <svg width="6" height="7" viewBox="0 0 6 7" class='svg-circle flex-shrink-0' fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2132 <circle cx="3" cy="3.5" r="3" fill="currentColor"/> 2133</svg> 2134 2135 Smoked 2136 </a> 2137 </li> 2138 </ul> 2139</div> 2140 </div> 2141 </div> 2142 </div> 2143</div><div class="modal fade video-modal" id="videoModalLabel" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true"> 2144 <div class="modal-dialog modal-dialog-centered modal-xl" > 2145 <div class="modal-content"> 2146 <div class="modal-header"> 2147 2148 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 2149 </div> 2150 <div class="modal-body p-0"> 2151 <div class="quickview-modal row row-cols-2"> 2152 <div class="quickview_swiper swiper"> 2153 <div class="swiper-wrapper"> 2154 <div class="swiper-slide"> 2155 2156 <svg class="placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M375.5 345.2c0-.1 0-.1 0 0 0-.1 0-.1 0 0-1.1-2.9-2.3-5.5-3.4-7.8-1.4-4.7-2.4-13.8-.5-19.8 3.4-10.6 3.6-40.6 1.2-54.5-2.3-14-12.3-29.8-18.5-36.9-5.3-6.2-12.8-14.9-15.4-17.9 8.6-5.6 13.3-13.3 14-23 0-.3 0-.6.1-.8.4-4.1-.6-9.9-3.9-13.5-2.1-2.3-4.8-3.5-8-3.5h-54.9c-.8-7.1-3-13-5.2-17.5-6.8-13.9-12.5-16.5-21.2-16.5h-.7c-8.7 0-14.4 2.5-21.2 16.5-2.2 4.5-4.4 10.4-5.2 17.5h-48.5c-3.2 0-5.9 1.2-8 3.5-3.2 3.6-4.3 9.3-3.9 13.5 0 .2 0 .5.1.8.7 9.8 5.4 17.4 14 23-2.6 3.1-10.1 11.7-15.4 17.9-6.1 7.2-16.1 22.9-18.5 36.9-2.2 13.3-1.2 47.4 1 54.9 1.1 3.8 1.4 14.5-.2 19.4-1.2 2.4-2.3 5-3.4 7.9-4.4 11.6-6.2 26.3-5 32.6 1.8 9.9 16.5 14.4 29.4 14.4h176.8c12.9 0 27.6-4.5 29.4-14.4 1.2-6.5-.5-21.1-5-32.7zm-97.7-178c.3-3.2.8-10.6-.2-18 2.4 4.3 5 10.5 5.9 18h-5.7zm-36.3-17.9c-1 7.4-.5 14.8-.2 18h-5.7c.9-7.5 3.5-13.7 5.9-18zm4.5-6.9c0-.1.1-.2.1-.4 4.4-5.3 8.4-5.8 13.1-5.8h.7c4.7 0 8.7.6 13.1 5.8 0 .1 0 .2.1.4 3.2 8.9 2.2 21.2 1.8 25h-30.7c-.4-3.8-1.3-16.1 1.8-25zm-70.7 42.5c0-.3 0-.6-.1-.9-.3-3.4.5-8.4 3.1-11.3 1-1.1 2.1-1.7 3.4-2.1l-.6.6c-2.8 3.1-3.7 8.1-3.3 11.6 0 .2 0 .5.1.8.3 3.5.9 11.7 10.6 18.8.3.2.8.2 1-.2.2-.3.2-.8-.2-1-9.2-6.7-9.8-14.4-10-17.7 0-.3 0-.6-.1-.8-.3-3.2.5-7.7 3-10.5.8-.8 1.7-1.5 2.6-1.9h155.7c1 .4 1.9 1.1 2.6 1.9 2.5 2.8 3.3 7.3 3 10.5 0 .2 0 .5-.1.8-.3 3.6-1 13.1-13.8 20.1-.3.2-.5.6-.3 1 .1.2.4.4.6.4.1 0 .2 0 .3-.1 13.5-7.5 14.3-17.5 14.6-21.3 0-.3 0-.5.1-.8.4-3.5-.5-8.5-3.3-11.6l-.6-.6c1.3.4 2.5 1.1 3.4 2.1 2.6 2.9 3.5 7.9 3.1 11.3 0 .3 0 .6-.1.9-1.5 20.9-23.6 31.4-65.5 31.4h-43.8c-41.8 0-63.9-10.5-65.4-31.4zm91 89.1h-7c0-1.5 0-3-.1-4.2-.2-12.5-2.2-31.1-2.7-35.1h3.6c.8 0 1.4-.6 1.4-1.4v-14.1h2.4v14.1c0 .8.6 1.4 1.4 1.4h3.7c-.4 3.9-2.4 22.6-2.7 35.1v4.2zm65.3 11.9h-16.8c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h16.8v2.8h-62.2c0-.9-.1-1.9-.1-2.8h33.9c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-33.9c-.1-3.2-.1-6.3-.1-9h62.5v9zm-12.5 24.4h-6.3l.2-1.6h5.9l.2 1.6zm-5.8-4.5l1.6-12.3h2l1.6 12.3h-5.2zm-57-19.9h-62.4v-9h62.5c0 2.7 0 5.8-.1 9zm-62.4 1.4h62.4c0 .9-.1 1.8-.1 2.8H194v-2.8zm65.2 0h7.3c0 .9.1 1.8.1 2.8H259c.1-.9.1-1.8.1-2.8zm7.2-1.4h-7.2c.1-3.2.1-6.3.1-9h7c0 2.7 0 5.8.1 9zm-7.7-66.7v6.8h-9v-6.8h9zm-8.9 8.3h9v.7h-9v-.7zm0 2.1h9v2.3h-9v-2.3zm26-1.4h-9v-.7h9v.7zm-9 3.7v-2.3h9v2.3h-9zm9-5.9h-9v-6.8h9v6.8zm-119.3 91.1c-2.1-7.1-3-40.9-.9-53.6 2.2-13.5 11.9-28.6 17.8-35.6 5.6-6.5 13.5-15.7 15.7-18.3 11.4 6.4 28.7 9.6 51.8 9.6h6v14.1c0 .8.6 1.4 1.4 1.4h5.4c.3 3.1 2.4 22.4 2.7 35.1 0 1.2.1 2.6.1 4.2h-63.9c-.8 0-1.4.6-1.4 1.4v16.1c0 .8.6 1.4 1.4 1.4H256c-.8 11.8-2.8 24.7-8 33.3-2.6 4.4-4.9 8.5-6.9 12.2-.4.7-.1 1.6.6 1.9.2.1.4.2.6.2.5 0 1-.3 1.3-.8 1.9-3.7 4.2-7.7 6.8-12.1 5.4-9.1 7.6-22.5 8.4-34.7h7.8c.7 11.2 2.6 23.5 7.1 32.4.2.5.8.8 1.3.8.2 0 .4 0 .6-.2.7-.4 1-1.2.6-1.9-4.3-8.5-6.1-20.3-6.8-31.1H312l-2.4 18.6c-.1.4.1.8.3 1.1.3.3.7.5 1.1.5h9.6c.4 0 .8-.2 1.1-.5.3-.3.4-.7.3-1.1l-2.4-18.6H333c.8 0 1.4-.6 1.4-1.4v-16.1c0-.8-.6-1.4-1.4-1.4h-63.9c0-1.5 0-2.9.1-4.2.2-12.7 2.3-32 2.7-35.1h5.2c.8 0 1.4-.6 1.4-1.4v-14.1h6.2c23.1 0 40.4-3.2 51.8-9.6 2.3 2.6 10.1 11.8 15.7 18.3 5.9 6.9 15.6 22.1 17.8 35.6 2.2 13.4 2 43.2-1.1 53.1-1.2 3.9-1.4 8.7-1 13-1.7-2.8-2.9-4.4-3-4.6-.2-.3-.6-.5-.9-.6h-.5c-.2 0-.4.1-.5.2-.6.5-.8 1.4-.3 2 0 0 .2.3.5.8 1.4 2.1 5.6 8.4 8.9 16.7h-42.9v-43.8c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v44.9c0 .1-.1.2-.1.3 0 .1 0 .2.1.3v9c-1.1 2-3.9 3.7-10.5 3.7h-7.5c-.4 0-.7.3-.7.7 0 .4.3.7.7.7h7.5c5 0 8.5-.9 10.5-2.8-.1 3.1-1.5 6.5-10.5 6.5H210.4c-9 0-10.5-3.4-10.5-6.5 2 1.9 5.5 2.8 10.5 2.8h67.4c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-67.4c-6.7 0-9.4-1.7-10.5-3.7v-54.5c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v43.8h-43.6c4.2-10.2 9.4-17.4 9.5-17.5.5-.6.3-1.5-.3-2s-1.5-.3-2 .3c-.1.2-1.4 2-3.2 5 .1-4.9-.4-10.2-1.1-12.8zm221.4
215660.2c-1.5 8.3-14.9 12-26.6 12H174.4c-11.8 0-25.1-3.8-26.6-12-1-5.7.6-19.3 4.6-30.2H197v9.8c0 6.4 4.5 9.7 13.4 9.7h105.4c8.9 0 13.4-3.3 13.4-9.7v-9.8h44c4 10.9 5.6 24.5 4.6 30.2z"/><path d="M286.1 359.3c0 .4.3.7.7.7h14.7c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-14.7c-.3 0-.7.3-.7.7zm5.3-145.6c13.5-.5 24.7-2.3 33.5-5.3.4-.1.6-.5.4-.9-.1-.4-.5-.6-.9-.4-8.6 3-19.7 4.7-33 5.2-.4 0-.7.3-.7.7 0 .4.3.7.7.7zm-11.3.1c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7H242c-19.9 0-35.3-2.5-45.9-7.4-.4-.2-.8 0-.9.3-.2.4 0 .8.3.9 10.8 5 26.4 7.5 46.5 7.5h38.1zm-7.2 116.9c.4.1.9.1 1.4.1 1.7 0 3.4-.7 4.7-1.9 1.4-1.4 1.9-3.2 1.5-5-.2-.8-.9-1.2-1.7-1.1-.8.2-1.2.9-1.1 1.7.3 1.2-.4 2-.7 2.4-.9.9-2.2 1.3-3.4 1-.8-.2-1.5.3-1.7 1.1s.2 1.5 1 1.7z"/><path d="M275.5 331.6c-.8 0-1.4.6-1.5 1.4 0 .8.6 1.4 1.4 1.5h.3c3.6 0 7-2.8 7.7-6.3.2-.8-.4-1.5-1.1-1.7-.8-.2-1.5.4-1.7 1.1-.4 2.3-2.8 4.2-5.1 4zm5.4 1.6c-.6.5-.6 1.4-.1 2 1.1 1.3 2.5 2.2 4.2 2.8.2.1.3.1.5.1.6 0 1.1-.3 1.3-.9.3-.7-.1-1.6-.8-1.8-1.2-.5-2.2-1.2-3-2.1-.6-.6-1.5-.6-2.1-.1zm-38.2 12.7c.5 0 .9 0 1.4-.1.8-.2 1.3-.9 1.1-1.7-.2-.8-.9-1.3-1.7-1.1-1.2.3-2.5-.1-3.4-1-.4-.4-1-1.2-.8-2.4.2-.8-.3-1.5-1.1-1.7-.8-.2-1.5.3-1.7 1.1-.4 1.8.1 3.7 1.5 5 1.2 1.2 2.9 1.9 4.7 1.9z"/><path d="M241.2 349.6h.3c.8 0 1.4-.7 1.4-1.5s-.7-1.4-1.5-1.4c-2.3.1-4.6-1.7-5.1-4-.2-.8-.9-1.3-1.7-1.1-.8.2-1.3.9-1.1 1.7.7 3.5 4.1 6.3 7.7 6.3zm-9.7 3.6c.2 0 .3 0 .5-.1 1.6-.6 3-1.6 4.2-2.8.5-.6.5-1.5-.1-2s-1.5-.5-2 .1c-.8.9-1.8 1.6-3 2.1-.7.3-1.1 1.1-.8 1.8 0 .6.6.9 1.2.9z"/></svg> 2157 2158 </div> 2159 </div> 2160 <div class="swiper-next"></div> 2161 <div class="swiper-prev"></div> 2162 </div> 2163 <div class="quickview_content mt-3"> 2164 <div class="quickview_vendor"></div> 2165 <div class="description"></div> 2166 <div class="product_title"></div> 2167 <div class="product_price"></div> 2168 <div class="product_tax"></div> 2169 <div id="variant-list"></div> 2170 <button class="quickadd-to-cart">Add to cart</button> 2171 </div> 2172 <!-- Content will be populated dynamically --> 2173 </div> 2174 </div> 2175 </div> 2176 </div> 2177</div> 2178<div class="wrapper"> 2179 <div class="inner-wrapper"> 2180 <!-- BEGIN sections: header-group --> 2181<section id="shopify-section-sections--27659512545648__announcement_bar_VAFzww" class="shopify-section shopify-section-group-header-group announcement-bar-section"><style data-shopify> 2182 .marquee_announcement.reverse { 2183 animation-direction: reverse; 2184 } 2185 2186 2187 .announcement_bar_style-horizontal{ 2188 position:relative; 2189 } 2190 .section-sections--27659512545648__announcement_bar_VAFzww .marquee_announcement.no-marquee{ 2191 animation:none; 2192 } 2193 .section-sections--27659512545648__announcement_bar_VAFzww .marquee_announcement { 2194 animation: scroll-left 30s linear infinite;min-width: 100%; 2195 } 2196 2197 2198 @keyframes scroll-left{ 2199 0%{ 2200 transform:translateX(0%); 2201 } 2202 100%{ 2203 transform:translateX(-100%); 2204 } 2205 } 2206 .announcement-bar-section{ 2207 z-index: 1032; 2208 position: relative; 2209 } 2210 .announcement_bar .disclosure button { 2211 text-align: right; 2212} 2213.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text){ 2214 background-color: inherit; 2215 color: inherit; 2216} 2217.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text) > a{padding:0 !important;} 2218.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text) > a svg{width:20px; height:20px;} 2219</style> 2220 2221<div class="section-sections--27659512545648__announcement_bar_VAFzww announcement-bar-section color-scheme-4 gradient "> 2222 <div class="container"> 2223 <div class="row announcement_bar align-items-center justify-content-start "> 2224 2225 <div class="col-3 d-none d-lg-flex justify-content-lg-start justify-content-center my-2 pe-0"> 2226 <ul id="social_icons" class="d-flex flex-wrap p-0 m-0 text-decoration-none gap-3 " role="list"></ul> 2227 2228 </div> 2229 2230 <div class=" col-lg-6 announcement_bar_style-horizontal d-flex flex-wrap justify-content-center"> 2231 <div class="w-100 d-flex align-items-center overflow-hidden py-2 py-md-2"> 2232 2233 2234 <div class="marquee_announcement no-marquee reverse d-flex align-items-center justify-content-around text-center "> 2235 2236<div 2237 class="px-3" 2238 2239 ><p class="announcement_btn mb-0 d-flex align-items-center justify-content-center flex-wrap">Our online store will open on Wednesday, October 14th, for delivery across most of Ontario. 2240</p></div> 2241 </div> 2242 2243 <div class="marquee_announcement no-marquee reverse d-flex align-items-center justify-content-around text-center "> 2244 2245<div 2246 class="px-3" 2247 2248 ><p class="announcement_btn mb-0 d-flex align-items-center justify-content-center flex-wrap">Our online store will open on Wednesday, October 14th, for delivery across most of Ontario. 2249</p></div> 2250 </div> 2251 2252 </div> 2253 </div> 2254 2255 2256 2257 <div class="localization col-3 d-none d-lg-flex gap-2 justify-content-center justify-content-md-end"> 2258 2259 </div> 2260 2261 2262 </div> 2263 </div> 2264</div> 2265<style>
2265 #shopify-section-sections--27659512545648__announcement_bar_VAFzww div {font-size: 23px;} </style></section><div id="shopify-section-sections--27659512545648__header" class="shopify-section shopify-section-group-header-group section-header position-relative"><style data-shopify> 2266 .section-header header.header__wrapper { 2267 padding: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem) 0px; 2268 2269 2270 } 2271 .section-header header.header__wrapper .header__content+.line-decor { 2272 padding: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem) 0px 0px; 2273 width:100%; 2274 margin:0 !important; 2275 } 2276 .header__wrapper .line-decor .container > div{ 2277 width:100%; 2278 margin:0 !important; 2279 } 2280 .header__wrapper .submenu-drawer.offcanvas .line-decor .container > div{ 2281 width:75%; 2282 margin:auto !important; 2283 min-width: 280px; 2284 } 2285 header ul.submenu--banner-only li.img_banner:first-child { 2286 margin-top: 0!important; 2287 } 2288 header .navbar-nav.menu_type-drawer ul.submenu-list > li:not(.img_banner):nth-child(-n+2) { 2289 margin-top: 0!important; 2290 } 2291 header.index .top_main-title { 2292 padding: .5rem 0; 2293 margin: 3rem 0; 2294 text-align:center; 2295 text-wrap: pretty; 2296 font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem); 2297 2298 max-width: 95%; 2299 2300 } 2301 2302 header .nav-item .top_level{ 2303 /* font-size:inherit; */ 2304 } 2305 @media (min-width: 992px) { 2306 header .navbar-nav .nav-link { 2307 padding-right: var(--bs-navbar-nav-link-padding-x); 2308 padding-left: var(--bs-navbar-nav-link-padding-x); 2309 } 2310 header.header--middle-center .header__content>a.nav-link.btn-icon{ 2311 flex: 1 1 0%!important; 2312 } 2313 .header__logo-container.left-area .header-logo{margin-right:auto; margin-left: 0;} 2314 } 2315 header .navbar-nav .nav-link{ text-wrap-mode: wrap; position: relative; width: fit-content;} 2316 @media (max-width: 991.98px) { 2317 header.header--middle-left .header__content>:is(.navbar-nav,.menu-toggler-link){ 2318 flex: initial!important; 2319 } 2320 header.header--middle-center .header__content>:is(.navbar-nav,.menu-toggler-link){ 2321 flex: initial!important; 2322 } 2323 } 2324 .submenu-drawer .offcanvas-body ul li ul li.submenu-item a, .sub_menu li{ 2325 font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); 2326 } 2327 .sub_menu li ul li{ 2328 font-size:1rem; 2329 } 2330 .submenu-drawer .offcanvas-body ul li ul li.submenu-item a svg{ 2331 width:7px; 2332 } 2333 2334 2335 2336 2337 2338 2339 2340 .navbar .header__content{ 2341 transition: all 0.5s linear; 2342 } 2343 .navbar .header__content:before{ 2344 content: ""; 2345 position: absolute; 2346 background: rgb(var(--color-background), 0.75); 2347 width: 100vw; 2348 height: 0%; 2349 top: -1em; 2350 left: 50%; 2351 transform: translate(-50%, 0); 2352 backdrop-filter: blur(6px); 2353 transition: height 0.3s ease,opacity 0.2s ease,top 0.3s ease; 2354 z-index: -1; 2355 opacity:0; 2356 box-shadow: 0 4px 8px rgb(var(--color-foreground), 0.2); 2357 } 2358 .navbar .header__content.sticky-header:before{ 2359 top: 0; 2360 opacity:1; 2361 height: 100%; 2362 } 2363 .navbar .sticky-header { 2364 position: fixed !important; 2365 top: 0 !important; 2366 z-index: 1040 !important; 2367 background: transparent; 2368 transition: all 0.5s linear; 2369 padding-top:15px; 2370 padding-bottom:15px; 2371 } 2372 .open-cart-drawer .cart_count.menu-as-icon-count{ 2373 top: 0; 2374 right: 0; 2375 } 2376 .desktop_header-menu .nav-item:hover:has(.mega-menu ) .nav-link:before{ 2377 content: ""; 2378 position: absolute; 2379 top: 50%; 2380 left: 0; 2381 width: 100%; 2382 height: 20rem; 2383 z-index: 0; 2384 } 2385 .desktop_header-menu .nav-item:hover:has(.mega-menu ) .nav-link:focus-visible:before{ 2386 height:0; 2387 } 2388 .dropdown-menu.sub-menu .child-menu a:hover:before{ 2389 content: ""; 2390 position: absolute; 2391 top: 50%; 2392 left: 0; 2393 width: 100%; 2394 height: fit-content; 2395 z-index: 1; 2396 } 2397 .desktop_header-menu .nav-item:hover .mega-menu, 2398 .desktop_header-menu .nav-item:focus-within .mega-menu { 2399 opacity: 1; 2400 transition: all 0.3s linear; 2401 pointer-events: all; 2402 } 2403 header .mega-menu { 2404 position: absolute !important; 2405 top: 100%; 2406 left: 0; 2407 right: 0; 2408 z-index: 1040; 2409 transition: all 0.5s ease-in-out; 2410 box-shadow: 0 4px 8px rgba(var(--color-foreground),0.1); 2411 --bs-dropdown-spacer: 1.325rem; 2412 display:block; 2413 opacity: 0; 2414 pointer-events: none; 2415 } 2416 header .mega-menu .card img{ 2417 border-radius: var(--bs-radius); 2418 border: var(--bs-style-border) solid var(--bs-border-color); 2419 } 2420 .desktop_header-menu li.nav-item.text-menu:is(:hover,:focus-within)>.dropdown-toggle ~ .dropdown-menu.sub-menu, 2421 .desktop_header-menu .menu-item-has-grandchild:is(:hover,:focus-within)>.dropdown-toggle ~ .grandchild-menu { 2422 opacity: 1; 2423 visibility: visible; 2424 pointer-events: all; 2425 } 2426 .desktop_header-menu li.nav-item.text-menu >.dropdown-toggle ~ .dropdown-menu.sub-menu, 2427 .desktop_header-menu .menu-item-has-grandchild >.dropdown-toggle ~ .grandchild-menu{ 2428 display:block; 2429 visibility:hidden; 2430 pointer-events: none; 2431 opacity: 0; 2432 transition: all .3s linear; 2433 } 2434 2435 .dropdown-menu.sub-menu .child-menu .dropdown-menu{ 2436 position: absolute; 2437 right: auto; 2438 left: 100%; 2439 top: 0; 2440 z-index: -2; 2441 /* border: none; */ 2442 box-shadow: 0 4px 8px rgba(var(--color-foreground), 0.1); 2443 } 2444 .dropdown-menu.sub-menu .child-menu .dropdown-menu a { 2445 padding: 10px; 2446 width: 100%; 2447 display: block; 2448 } 2449 .nav-item .dropdown-menu.sub-menu { 2450 transition:all .3s linear; 2451 /* border: none; */ 2452 box-shadow: 0 4px 8px rgba(var(--color-foreground), 0.1); 2453 max-width:var(--bs-dropdown-min-width); 2454 min-width:var(--bs-dropdown-min-width); 2455 width:fit-content; 2456 } 2457 header .menu-toggler-link{ 2458 color: rgba(var(--color-foreground), 1); 2459 } 2460 header .navbar-nav.menu_type-megamenu ul.submenu-list>li.img_banner:only-child{ 2461 padding:0!important; 2462 } 2463 .mega-menu ul li ul li:last-child { 2464 margin: 0 !important; 2465 } 2466 .mega-menu ul li.submenu-item a{ 2467 font-size: var(--bs-body-font-size); 2468 font-weight: var(--bs-body-font-weight); 2469 font-family: var(--bs-body-font-family); 2470 line-height: var(--bs-body-line-height); 2471 text-transform: capitalize; 2472 } 2473 .navbar-nav#mobileOffCanvas--nav li.nav-item a{ 2474 width: fit-content; 2475 color: var(--bs-navbar-color); 2476 } 2477 .default-submenu .dropdown-menu .grandchild-menu .submenu-item a { 2478 padding: 6px 10px; 2479 display: block; 2480 } 2481 .sticky-header .dropdown-menu[data-bs-popper]{ 2482 margin-top:0 !important; 2483 } 2484 .submenu-list.drawer-menu .dropdown-toggle::after { 2485 transform: none; 2486 } 2487 .submenu-list .dropdown-toggle::after { 2488 transform: rotate(-90deg) translateX(-5px); 2489 position: absolute; 2490 right: 10px; 2491 top: 0; 2492 bottom: 0; 2493 } 2494 @media (max-width: 991px) { 2495 .header__logo-container > .container { display: flex; justify-content: center;} 2496 } 2497 .nav-item-menu button:after { 2498 margin: 0; 2499 } 2500 .header__logo-container .header-logo { 2501 width: fit-content; 2502 margin: auto; 2503 } 2504 .header__logo-container .header-logo:focus-visible img { 2505 outline: none !important; 2506 } 2507 .cart_count .cart_count_items{ 2508 display:flex; 2509 align-items:center; 2510 justify-content:center; 2511 position:relative; 2512 inset:0; 2513 margin:0; 2514 } 2515 .cart_count.menu-as-icon-count .cart_count_items{ 2516 top: 0px; 2517 left: 1px; 2518 } 2519 2520 2521@media (min-width: 992px) { 2522 .navbar-nav :is(.submenu-list, .grandchild-menu) { 2523 padding: 15px 0; 2524 display: flex !important; 2525 gap: 10px; 2526 flex-direction: column; 2527 min-width: 12rem !important; 2528 max-width: 12rem !important; 2529} 2530.navbar-nav :is(.child-menu a, .grandchild-menu a) { 2531 padding: 0px 15px !important; 2532} 2533} 2534.header__content .flex-2{flex: 2 1 0% !important;} 2535 2536 2537:root { 2538 shopify-account { 2539 /* =========================  Typography (Fonts) ========================= */ 2540 --shopify-account-font-heading:var(--font-heading-family); 2541 --shopify-account-font-heading-weight:var(--font-heading-weight); 2542 --shopify-account-font-body:var(--bs-body-font-family); 2543 --shopify-account-font-body-weight:var(--font-body-weight); 2544 2545 /* =========================  Radius (Border radius / rounding) ========================= */ 2546 --shopify-account-radius-button: 2547 2548 0rem 2549 ; 2550 2551 --shopify-account-radius-button-small:var(--bs-border-radius-sm); 2552 --shopify-account-radius-dialog:var(--bs-radius); 2553 --shopify-account-radius-base:var(--input-btn-border-radius); 2554 2555 /* =========================  Avatar (User icon styling) ========================= */ 2556 --shopify-account-avatar-size:36px; 2557 --shopify-account-signed-in-avatar-size:36px; 2558 /* --shopify-account-signed-in-avatar-color-background:red; 2559 --shopify-account-signed-in-avatar-color-text:white; */ 2560 2561 /* ========================= Colors (Global UI colors) ========================= */ 2562 --shopify-account-color-background:var(--gradient-background); 2563 2564 /* =========================  Layout / Positioning ========================= */ 2565 --shopify-account-dialog-position-top: 2566 2567 var(--header-ele-height) 2568 ; 2569 } 2570 2571 2572 shopify-account::slotted(p) { 2573 font-size: var(--bs-nav-link-font-size); 2574 font-family: var(--bs-font-sans-serif); 2575 } 2576 }</style> 2577 2578 2579<header class=" pt-4 pb-0 header__wrapper navbar flex-nowrap justify-content-lg-start flex-column color-scheme-1 gradient header--middle-left no-curve-header"> 2580 <div 2581 class="header__content container flex-row flex-nowrap gap-2 gap-sm-0 row-gap-2 position-relative" 2582 data-stickyheader="true" 2583 > 2584 <!-- Mobile Offcanvas Menu --> 2585 <a 2586 href="#mobileOffCanvas" 2587 class="nav-link btn-icon px-0 pe-sm-2 d-lg-none menu-toggler-link order-0" 2588 data-bs-toggle="offcanvas" 2589 aria-controls="mobileOffCanvas" 2590 aria-expanded="false" 2591 aria-label="Toggle Mobile Menu" 2592 > 2593
2594 <span class="navbar-toggler-icon"> 2595<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 2596<path d="M33.332 29.6667H6.66536C5.9987 29.6667 5.33203 29.1667 5.33203 28.3333C5.33203 27.5 5.83203 27 6.66536 27H33.332C33.9987 27 34.6654 27.5 34.6654 28.3333C34.6654 29.1667 33.9987 29.6667 33.332 29.6667ZM33.332 21.3333H6.66536C5.9987 21.3333 5.33203 20.8333 5.33203 20C5.33203 19.1667 5.83203 18.6667 6.66536 18.6667H33.332C33.9987 18.6667 34.6654 19.1667 34.6654 20C34.6654 20.8333 33.9987 21.3333 33.332 21.3333ZM33.332 13H6.66536C5.9987 13 5.4987 12.3333 5.4987 11.6667C5.4987 11 5.9987 10.5 6.66536 10.5H33.332C33.9987 10.5 34.6654 11 34.6654 11.8333C34.6654 12.6667 33.9987 13 33.332 13Z" fill="currentColor"/> 2597</svg> 2598</span> 2599 2600 </a> 2601 2602 2603 2604 <div class="header__logo-container d-flex flex-1 left-area order-0 justify-content-center justify-content-lg-start"> 2605 <div class=" text-sm-start"> 2606 2607 2608 2609 <a 2610 href="/" 2611 class="header-logo d-block" 2612 aria-label="Milford Bay SmokeHaus - Home" 2613 > 2614 <img 2615 src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets//logo-02.svg?v=908" 2616 class="img-fluid header-logo-svg" 2617 alt="Milford Bay SmokeHaus" 2618 width="200" 2619 height="auto" 2620 > 2621 </a> 2622 2623 2624 2625 </div> 2626</div> 2627 2628<style> 2629 .header-logo-svg { 2630 display: block; 2631 width: 200px; 2632 max-width: 100%; 2633 height: auto; 2634 } 2635</style> 2636 2637 2638 <!-- Desktop Offcanvas Menu --> 2639 2640 <div class="desktop_header-menu d-none d-lg-block order-1 flex-2 "> 2641 <ul class="navbar-nav text-break w-100 justify-content-center flex-row flex-wrap column-gap-3 menu_type-"> 2642 <li class="nav-item text-menu"> 2643 <a 2644 href="/" 2645 class="nav-link " 2646 role="button" 2647 2648 2649 > 2650 Home 2651 </a></li> 2652 <li class="nav-item text-menu"> 2653 <a 2654 href="#" 2655 class="nav-link d-flex align-items-center dropdown-toggle " 2656 role="button" 2657 2658 aria-expanded="false" 2659 2660 2661 2662 2663 2664 2665 > 2666 About Us 2667 </a> 2668 2669 2670 <!-- Offcanvas submenu --> 2671 2672 2673 <ul class="dropdown-menu sub-menu position-absolute list-unstyled submenu-list"><li class="child-menu position-relative"> 2674 <a 2675 href="/pages/about-us" 2676 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2677 role="button" 2678 2679 2680 2681 > 2682 Our Story 2683 </a></li><li class="child-menu position-relative"> 2684 <a 2685 href="https://milford-bay-smokehaus.myshopify.com/collections/all" 2686 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2687 role="button" 2688 2689 2690 2691 > 2692 Our Products 2693 </a></li><li class="child-menu position-relative"> 2694 <a 2695 href="/pages/certifications" 2696 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2697 role="button" 2698 2699 2700 2701 > 2702 Certifications 2703 </a></li><li class="child-menu position-relative"> 2704 <a 2705 href="/pages/faq" 2706 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2707 role="button" 2708 2709 2710 2711 > 2712 FAQ 2713 </a></li> 2714 2715 </ul> 2716 2717</li> 2718 <li class="nav-item text-menu"> 2719 <a 2720 href="#" 2721 class="nav-link d-flex align-items-center dropdown-toggle " 2722 role="button" 2723 2724 aria-expanded="false" 2725 2726 2727 2728 2729 2730 2731 > 2732 Shop 2733 </a> 2734 2735 2736 <!-- Offcanvas submenu --> 2737 2738 2739 <ul class="dropdown-menu sub-menu position-absolute list-unstyled submenu-list"><li class="child-menu position-relative"> 2740 <a 2741 href="/pages/store-locator" 2742 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2743 role="button" 2744 2745 2746 2747 > 2748 Where to Buy 2749 </a></li><li class="child-menu position-relative"> 2750 <a 2751 href="/pages/our-retail-store" 2752 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2753 role="button" 2754 2755 2756 2757 > 2758 Our Retail Store 2759 </a></li><li class="child-menu position-relative"> 2760 <a 2761 href="https://milford-bay-smokehaus.myshopify.com/collections" 2762 class="nav-link d-flex align-items-baseline justify-content-between w-100" 2763 role="button" 2764 2765 2766 2767 > 2768 Our Online Store 2769 </a></li> 2770 2771 </ul> 2772 2773</li> 2774 <li class="nav-item text-menu"> 2775 <a 2776 href="/pages/recipes" 2777 class="nav-link " 2778 role="button" 2779 2780 2781 > 2782 Recipes 2783 </a></li> 2784 <li class="nav-item text-menu"> 2785 <a 2786 href="/pages/contact" 2787 class="nav-link " 2788 role="button" 2789 2790 2791 > 2792 Contact 2793 </a></li></ul> 2794 </div> 2795 2796 2797 <!-- Header Icons --> 2798 2799 <div class="navbar-nav flex-nowrap flex-row align-items-center gap-sm-3 justify-content-end header-localization flex-1 order-3"> 2800 2801 2802 2803 <div id="header_search" class="word-keep d-lg-block d-none"> 2804 2805 <a 2806 href="/cart" 2807 class="nav-link btn-icon px-2" 2808 id="search-icon" 2809 data-bs-toggle="offcanvas" 2810 data-bs-target="#searchOffCanvas" 2811 data-action="search" 2812 aria-label="Search" 2813 > 2814
2815 <span class="menu-as-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 2816<path d="M8.04952 15.0996C11.9429 15.0996 15.099 11.9433 15.099 8.04982C15.099 4.15632 11.9429 1 8.04952 1C4.15618 1 1 4.15632 1 8.04982C1 11.9433 4.15618 15.0996 8.04952 15.0996Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2817<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2818</svg> 2819</span> 2820 2821 </a> 2822 2823 </div> 2824 2825 <div class="open-cart-drawer word-keep"> 2826 2827 <a 2828 href="/cart" 2829 class="nav-link btn-icon px-2 d-flex align-items-center position-relative" 2830 2831 aria-label="cart" 2832 aria-expanded="false" 2833 aria-controls="cartOffCanvas" 2834 role="button" 2835 tabindex="0" 2836 > 2837 2838 <span class="menu-as-icon"> 2839 2840<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 2841<path d="M15.0543 16.1818H3.84202C3.33646 16.1818 2.94604 15.7413 3.00611 15.2408L4.26246 5.02462C4.31252 4.60416 4.67293 4.28882 5.0984 4.28882H13.8029C14.2284 4.28882 14.5838 4.60416 14.6388 5.02462L15.8952 15.2408C15.9553 15.7413 15.5648 16.1818 15.0593 16.1818H15.0543Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2842<path d="M7.11328 6.01546V3.32754C7.11328 2.04114 8.15443 1 9.44084 1C10.7273 1 11.7684 2.04114 11.7684 3.32754V6.01546" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 2843</svg> 2844 2845</span> 2846 <span class="cart_count ms-1 menu-as-icon-count position-absolute"> 2847 <span class="cart_count_items"> 0 </span> 2848 </span> 2849 2850 </a> 2851 2852 </div> 2853 </div> 2854 2855 </div> 2856 <!-- Header Divider --> 2857 <div class="line-decor position-relative"> 2858 <div class="container"> 2859 <div class="d-flex flex-nowrap align-items-center" 2860 style="height: 1px; background: linear-gradient(180deg, var(--bs-border-color) 0 0); "> 2861 2862 2863 2864 </div> 2865 </div> 2866</div> 2867 2868 <!-- Header Title || breadcrumb --> 2869 2870 2871 <div class="breadcrumb-section w-100 text-break"> 2872 <div class="position-relative container"> 2873 <div class=" top_main-title-container mx-auto py-2 border-bottom"> 2874 <div class="position-relative"> 2875 2876 2877 2878 <div class="breadcrumb justify-content-start d-block align-items-center mb-0"> 2879 <span class="breadcrumb-item"> 2880 <a 2881 href="/" 2882 title="Back to home" 2883 class="text-decoration-none" 2884 aria-label="Home" 2885 > 2886 Home 2887 </a> 2888 </span> 2889 2890 <span class="breadcrumb-item active" aria-current="page" style="gap:var(--bs-breadcrumb-item-padding-x)"> Your Shopping Cart </span> 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 </div> 2902 2903 </div> 2904 </div> 2905 </div> 2906 </div> 2907 2908 2909 2910 2911 2912 2913 2914 2915</header> 2916 2917 2918 2919<div 2920 class="offcanvas offcanvas-end text-break d-lg-none color-scheme-1 gradient" 2921 data-bs-scroll="false" 2922 tabindex="-1" 2923 id="mobileOffCanvas" 2924 aria-labelledby="mobileOffCanvasLabel" 2925> 2926 <div class="offcanvas-header text-center justify-content-center position-relative"> 2927 <h2 class="offcanvas-title h1" id="mobileOffCanvasLabel">Menu</h2> 2928 <button 2929 type="button" 2930 class="btn-close position-absolute top-0 end-0 m-3 d-flex" 2931 data-bs-dismiss="offcanvas" 2932 aria-label="Close" 2933 ></button> 2934 </div> 2935 2936 <div class="line-decor position-relative"> 2937 <div class="container"> 2938 <div class="d-flex flex-nowrap align-items-center" 2939 style=" "> 2940 2941 2942 <span class="line-left flex-grow-1"></span> 2943 <div class="d-inline-flex divide-icon"> 2944 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2945 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve"> 2946 <path d="M96.5,24.8c4.6-2.7,4.8-5.8,4.4-7.5c-0.6-3.4-4.1-6.4-8.5-7.3c-4.5-1.5-11.9,0.4-21.9,5.9c-3.3-2.3-8.1-6.3-11.9-9.5 2947 c-5.7-4.7-6.9-5.6-7.5-5.7c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1h-0.1v0.1c-0.8,0.4-2.4,1.7-7,5.4c-3.9,3.3-8.8,7.3-12.1,9.6 2948 c-10-5.5-17.4-7.5-21.9-5.9c-4.3,0.9-7.9,4-8.5,7.3C0.8,18.8,1,22,5.5,24.7c8.8,5,19-0.4,26.1-5.1c7.2,4.1,13.9,8.9,17.5,11.5 2949 c-5,7.6-9.7,14.7-9.5,20.6c0.2,4.9,2.1,8.8,5.3,10.9c2.8,1.8,6.5,2,9.5,0.5c3.6-1.8,6-5.5,6.8-10.5c1.2-7.7-5.6-17.9-8.3-21.5 2950 c3.6-2.7,10.3-7.4,17.4-11.5C77.4,24.4,87.6,29.8,96.5,24.8L96.5,24.8z M20.5,21.7c-4.3,1.5-8,1.6-11.6,0.2c-1.7-1.2-2.4-2.6-2-4.1 2951 c0.5-1.9,2.6-3.6,4.4-4.3c3.5-1.2,9.2,0.3,17,4.4C25.3,19.6,22.7,20.8,20.5,21.7L20.5,21.7z M57.2,52.4c-0.3,2.9-1.7,4.6-2.8,5.4 2952 c-1.2,0.9-2.7,1.5-4.2,1.5c-0.2,0-0.4,0-0.6,0c-2.6-0.3-5.7-2.4-5.9-7.5c-0.2-5.9,3.3-12.2,7.1-18.2C53.4,37.1,58.3,45.8,57.2,52.4z 2953 M51,28.6c-3.4-2.5-9.7-7-16.5-11c3.2-2.3,6.3-4.7,9-7l-0.5-0.6l0.5,0.5c2.7-2.1,5.2-4.2,7.3-5.6c2.1,1.4,4.7,3.5,7.4,5.7 2954 c2.8,2.2,5.8,4.6,9,7C60.6,21.7,54.4,26.1,51,28.6z M90.6,13.6c2.1,0.9,4.3,2.8,4.5,4.9c0.1,1.3-0.6,2.5-2.1,3.6 2955 c-6.2,2.4-12.3,0.1-19.4-4.1C81.4,13.8,87.1,12.4,90.6,13.6L90.6,13.6z"/> 2956 </svg> 2957</div> 2958 2959 <span class="line-right flex-grow-1"></span> 2960 2961 2962 </div> 2963 </div> 2964</div> 2965 2966 2967 <div class="offcanvas-body offset-1 ms-3"> 2968 <ul class="navbar-nav body-container row-gap-2" id="mobileOffCanvas--nav"><li class="nav-item"> 2969 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 2970 <a 2971 href="/" 2972 class="top_level nav-link" 2973 > 2974 Home 2975 </a> 2976 2977 </div></li><li class="nav-item"> 2978 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 2979 <a 2980 href="#" 2981 class="top_level nav-link" 2982 > 2983 About Us 2984 </a> 2985 2986 <button 2987 class="top_level nav-link h-100 p-2 d-flex dropdown-toggle" 2988 data-bs-toggle="collapse" 2989 data-bs-target="#mobile-collapse-2" 2990 aria-expanded="false" 2991 aria-controls="mobile-collapse-2" 2992 aria-label="Toggle submenu" 2993 > 2994 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> 2995 <path d='M8.7,13.7c0.4-0.4,1.1-0.4,1.5,0l6,6l6-6c0.4-0.4,1.1-0.4,1.5,0s0.4,1.1,0,1.5l-6.7,6.7c-0.4,0.4-1.1,0.4-1.5,0l-6.7-6.7C8.3,14.6,8.3,14.1,8.7,13.7z'/> 2996 </svg> 2997 </button> 2998 2999 </div><div class="collapse" id="mobile-collapse-2" data-bs-parent="#mobileOffCanvas--nav"> 3000 <ul class="list-unstyled ms-3 sub_menu"><li class="nav-item pt-2"> 3001 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3002 <a 3003 href="/pages/about-us" 3004 class="nav-link d-inline text-decoration-none" 3005 > 3006 Our Story 3007 </a> 3008 3009 </div></li><li class="nav-item pt-2"> 3010 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3011 <a 3012 href="https://milford-bay-smokehaus.myshopify.com/collections/all" 3013 class="nav-link d-inline text-decoration-none" 3014 > 3015 Our Products 3016 </a> 3017 3018 </div></li><li class="nav-item pt-2"> 3019 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3020 <a 3021 href="/pages/certifications" 3022 class="nav-link d-inline text-decoration-none" 3023 > 3024 Certifications 3025 </a> 3026 3027 </div></li><li class="nav-item pt-2"> 3028 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3029 <a 3030 href="/pages/faq" 3031 class="nav-link d-inline text-decoration-none" 3032 > 3033 FAQ 3034 </a> 3035 3036 </div></li></ul> 3037 </div></li><li class="nav-item"> 3038 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3039 <a 3040 href="#" 3041 class="top_level nav-link" 3042 > 3043 Shop 3044 </a> 3045 3046 <button 3047 class="top_level nav-link h-100 p-2 d-flex dropdown-toggle" 3048 data-bs-toggle="collapse" 3049 data-bs-target="#mobile-collapse-3" 3050 aria-expanded="false" 3051 aria-controls="mobile-collapse-3" 3052 aria-label="Toggle submenu" 3053 > 3054 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> 3055 <path d='M8.7,13.7c0.4-0.4,1.1-0.4,1.5,0l6,6l6-6c0.4-0.4,1.1-0.4,1.5,0s0.4,1.1,0,1.5l-6.7,6.7c-0.4,0.4-1.1,0.4-1.5,0l-6.7-6.7C8.3,14.6,8.3,14.1,8.7,13.7z'/> 3056 </svg> 3057 </button> 3058 3059 </div><div class="collapse" id="mobile-collapse-3" data-bs-parent="#mobileOffCanvas--nav"> 3060 <ul class="list-unstyled ms-3 sub_menu"><li class="nav-item pt-2"> 3061 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3062 <a 3063 href="/pages/store-locator" 3064 class="nav-link d-inline text-decoration-none" 3065 > 3066 Where to Buy 3067 </a> 3068 3069 </div></li><li class="nav-item pt-2"> 3070 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3071 <a 3072 href="/pages/our-retail-store" 3073 class="nav-link d-inline text-decoration-none" 3074 > 3075 Our Retail Store 3076 </a> 3077 3078 </div></li><li class="nav-item pt-2"> 3079 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3080 <a 3081 href="https://milford-bay-smokehaus.myshopify.com/collections" 3082 class="nav-link d-inline text-decoration-none" 3083 > 3084 Our Online Store 3085 </a> 3086 3087 </div></li></ul> 3088 </div></li><li class="nav-item"> 3089 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3090 <a 3091 href="/pages/recipes" 3092 class="top_level nav-link" 3093 > 3094 Recipes 3095 </a> 3096 3097 </div></li><li class="nav-item"> 3098 <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between"> 3099 <a 3100 href="/pages/contact" 3101 class="top_level nav-link" 3102 > 3103 Contact 3104 </a> 3105 3106 </div></li></ul> 3107 </div> 3108 <div class="offcanvas-footer container mt-3 d-lg-none"> 3109 <div class="nav nav-justified w-100 body-container border-top"> 3110 3111 3112 <a 3113 href="/cart" 3114 class="nav-link btn-icon px-2" 3115 id="search-icon" 3116 data-bs-toggle="offcanvas" 3117 data-bs-target="#searchOffCanvas" 3118 data-action="search" 3119 aria-label="Search" 3120 >
3121 <span class="d-block"> 3122 3123 <span class="menu-as-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 3124<path d="M8.04952 15.0996C11.9429 15.0996 15.099 11.9433 15.099 8.04982C15.099 4.15632 11.9429 1 8.04952 1C4.15618 1 1 4.15632 1 8.04982C1 11.9433 4.15618 15.0996 8.04952 15.0996Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3125<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 3126</svg> 3127</span> 3128 </span> 3129 </a> 3130 3131 </div> 3132 </div> 3133</div> 3134 3135 3136 3137
3137<script> 3138 3139 let isStickyActive = true; 3140let scrollHandler = null; 3141let currentHeader = null; 3142 3143function initStickyHeader() { 3144 if (scrollHandler && currentHeader) { 3145 window.removeEventListener('scroll', scrollHandler); 3146 currentHeader.classList.remove('sticky-header'); 3147 } 3148 3149 const headerContent = document.querySelector('.header__content'); 3150 if (!headerContent) return; 3151 if (window.Shopify && window.Shopify.designMode) { 3152 const currentStickyStatus = headerContent.dataset.stickyheader; 3153 if (currentStickyStatus !== undefined) { 3154 isStickyActive = currentStickyStatus === 'true'; 3155 } 3156 } 3157 3158 currentHeader = headerContent; 3159 const stickyOffset = headerContent.offsetTop; 3160 3161 scrollHandler = function() { 3162 if (window.scrollY > stickyOffset && isStickyActive) { 3163 headerContent.classList.add('sticky-header'); 3164 } else { 3165 headerContent.classList.remove('sticky-header'); 3166 } 3167 }; 3168 3169 window.addEventListener('scroll', scrollHandler); 3170 scrollHandler(); 3171} 3172document.addEventListener('DOMContentLoaded', function() { 3173 initStickyHeader(); 3174}); 3175 3176if (window.Shopify && window.Shopify.designMode) { 3177 document.addEventListener('shopify:section:load', function(event) { 3178 if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) { 3179 setTimeout(initStickyHeader, 100); 3180 } 3181 }); 3182 3183 document.addEventListener('shopify:section:select', function(event) { 3184 if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) { 3185 setTimeout(initStickyHeader, 100); 3186 } 3187 }); 3188 3189 document.addEventListener('shopify:section:deselect', function(event) { 3190 if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) { 3191 setTimeout(initStickyHeader, 100); 3192 } 3193 }); 3194 3195 document.addEventListener('shopify:section:reorder', function() { 3196 setTimeout(initStickyHeader, 150); 3197 }); 3198 3199 document.addEventListener('shopify:section:select', function(event) { 3200 const stickySettingInput = event.target.querySelector('[name*="sticky_header"]'); 3201 if (stickySettingInput) { 3202 stickySettingInput.addEventListener('change', function() { 3203 setTimeout(initStickyHeader, 50); 3204 }); 3205 } 3206 }); 3207 3208 if (document.readyState === 'complete') { 3209 setTimeout(initStickyHeader, 200); 3210 } 3211} 3212 </script>
3212 3213
3214<script type="application/ld+json"> 3215 { 3216 "@context": "http://schema.org", 3217 "@type": "Organization", 3218 "name": "Milford Bay SmokeHaus", 3219 3220 "sameAs": [ 3221 "", 3222 "", 3223 "", 3224 "", 3225 "", 3226 "", 3227 "", 3228 "", 3229 "" 3230 ], 3231 "url": "https:\/\/milfordbaysmokehaus.com" 3232 } 3233</script>
3233 3234<style> #shopify-section-sections--27659512545648__header .desktop_header-menu {font-size: 55px !important;} #shopify-section-sections--27659512545648__header .line-decor {display: none !important;} #shopify-section-sections--27659512545648__header .breadcrumb {display: none !important;} #shopify-section-sections--27659512545648__header .header-logo {max-width: 390px;} #shopify-section-sections--27659512545648__header img {height: 100%; width: 350px; object-fit: cover;} </style></div> 3235<!-- END sections: header-group --> 3236 <main id="MainContent" class="content-for-layout shadow-none outline-none" role="main" tabindex="-1"> 3237 <div id="shopify-section-template--27659511923056__main" class="shopify-section"><style data-shopify>.section-template--27659511923056__main-padding { 3238 padding-top: 30px; 3239 padding-bottom: 60px; 3240 } 3241 3242 @media screen and (min-width: 768px) { 3243 .section-template--27659511923056__main-padding { 3244 padding-top: 45px; 3245 padding-bottom: 90px; 3246 } 3247 } 3248 @media screen and (min-width: 1200px) { 3249 .section-template--27659511923056__main-padding { 3250 padding-top: 60px; 3251 padding-bottom: 120px; 3252 } 3253 }</style> 3254 3255<style data-shopify> 3256 .main-cart .card-container .card-image{ width:120px; /* overflow:visible; */ } 3257 .main-cart .card-container .card-body{ width: calc(100% - 120px ); } 3258 /* .body-content > * { color: rgba(var(--color-input-text-color)) !important; } */ 3259 .body-content :is(.remove a), .card-body .remove_icon{ font-weight: var(--font-body-weight-bold); text-transform: var(--btn-transform); font-size: var(--bs-font-md); } 3260 .card-container .card-body .variants, .card-container .card-body .discount{ font-size: var(--bs-font-md); } 3261 .main-cart .main_cart_description{border-radius: var(--bs-radius);} 3262 @media screen and (max-width:575px){ 3263 .main-cart .card-container .card-image{ width:120px; } 3264 .main-cart .card-container .card-body{ width:calc(100% - 120px);} 3265 } 3266 input[type=number] { 3267 -moz-appearance: textfield; 3268 } 3269 input[type=number]::-webkit-inner-spin-button, 3270input[type=number]::-webkit-outer-spin-button { 3271 -webkit-appearance: none; 3272 -moz-appearance: none; 3273 appearance: none; 3274 margin: 0; 3275} 3276 @media screen and (max-width:425px){ 3277 .main-cart .header .card-title .card-quantity, .cart-table .header .card-title, .cart-table .body .body-content{ display:none !important;} 3278 .main-cart .body .card-content{ width: 100% !important;} 3279 .main-cart .body .quantity, .cart-table .body .price{ display:block !important; } 3280 .cart-table .header .title { width:100% !important; } 3281 } 3282 3283 .main-cart .quantity-control{ width:115px;background:var(--bs-bg-input); } 3284 .card-container .card-body .discount .cart-product-discounts ul:empty{ display:none; } 3285 .card-container .card-body .pro_error{ 3286 font-size: var(--bs-font-md); 3287 } 3288 @media screen and (max-width: 575.98px){ 3289 .card-container .card-body .remove_icon{ 3290 display:block !important; 3291 } 3292 .card-container .card-body >*:not(:first-child) , .card-container .card-body .remove_icon a span { font-size:var(--bs-font-md); } 3293 } 3294 @media screen and (max-width:991.98px){ 3295 .card-container .card-body .quantity-control button{ padding: 5px 12px; } 3296 } 3297 .main-cart .card-container .card-body>div:empty { 3298 display: none !important; 3299 } 3300 .discounts .discount_title{ 3301 font-size: var(--bs-font-md); 3302 } 3303.main-cart .vendor { font-size: var(--bs-font-md); } 3304.card-image.card_product_detail:has(a:focus-visible){ 3305 outline: 2px dashed currentcolor !important; 3306 outline: -webkit-focus-ring-color solid 2px; 3307} 3308.cart-item--nested .card-content { 3309 padding-inline: 2.5rem; 3310} 3311</style> 3312 3313<div class="main-cart container section-template--27659511923056__main-padding"> 3314 3315 <div class="text-center"> 3316 <div class="d-grid text-center gap-4"> 3317 <div><svg viewBox="0 0 47 47" fill="none" width="50px"> 3318<path d="M41.172 38.9473C44.791 34.8113 47 29.422 47 23.5C47 10.5437 36.4563 0 23.5 0C10.5437 0 0 10.5437 0 23.5C0 36.4563 10.5437 47 23.5 47C29.422 47 34.8113 44.791 38.9473 41.172L44.321 46.5457C44.6343 46.8433 45.026 47 45.4333 47C45.8407 47 46.2323 46.8433 46.5457 46.5457C47.1567 45.9347 47.1567 44.9477 46.5457 44.3367L41.172 38.9473ZM3.13333 23.5C3.13333 12.267 12.267 3.13333 23.5 3.13333C34.733 3.13333 43.8667 12.267 43.8667 23.5C43.8667 34.733 34.733 43.8667 23.5 43.8667C12.267 43.8667 3.13333 34.733 3.13333 23.5ZM14.1 18.8C14.1 17.0767 15.51 15.6667 17.2333 15.6667C18.9567 15.6667 20.3667 17.0767 20.3667 18.8C20.3667 20.5233 18.9567 21.9333 17.2333 21.9333C15.51 21.9333 14.1 20.5233 14.1 18.8ZM32.9 18.8C32.9 20.5233 31.49 21.9333 29.7667 21.9333C28.0433 21.9333 26.6333 20.5233 26.6333 18.8C26.6333 17.0767 28.0433 15.6667 29.7667 15.6667C31.49 15.6667 32.9 17.0767 32.9 18.8ZM32.1167 29.1243C32.4613 29.9077 32.1167 30.8477 31.3177 31.1923C31.114 31.2863 30.8947 31.3333 30.691 31.3333C30.0957 31.3333 29.516 30.9887 29.2497 30.3933C28.247 28.106 25.9753 26.6333 23.5 26.6333C21.0247 26.6333 18.753 28.106 17.7347 30.409C17.39 31.1923 16.4657 31.5683 15.6667 31.208C14.8833 30.8633 14.523 29.939 14.8677 29.14C16.3873 25.709 19.787 23.5 23.5 23.5C27.213 23.5 30.6127 25.709 32.1167 29.1243Z" fill="currentColor"></path> 3319</svg></div> 3320 <h4 class="h3">Your cart is empty</h4> 3321 3322 </div> 3323 <a href="/collections/all" class="btn btn-primary mt-2">Continue shopping</a> 3324 </div> 3325 3326</div> 3327
3328<script> 3329 document.addEventListener('DOMContentLoaded', function () { 3330 var currencySymbol1 = "$"; 3331 3332 document.querySelectorAll('.remove-item').forEach(function (el) { 3333 el.addEventListener('click', function (e) { 3334 e.preventDefault(); 3335 3336 const lineItemKey = el.getAttribute('data-line-item-key'); 3337 3338 fetch('/cart/change.js', { 3339 method: 'POST', 3340 headers: { 3341 'Content-Type': 'application/json' 3342 }, 3343 body: JSON.stringify({ 3344 id: lineItemKey, 3345 quantity: 0 3346 }) 3347 }) 3348 .then(response => response.json()) 3349 .then(cart => { 3350 // Optionally reload or re-render cart section 3351 location.reload(); // Replace with AJAX cart render if needed 3352 }) 3353 .catch(() => {}); 3354 3355 }); 3356 }); 3357 3358 3359 3360 const currencySymbol = new Intl.NumberFormat(Shopify.locale, { 3361 style: 'currency', 3362 currency: Shopify.currency.active, 3363 }).formatToParts(1).find(part => part.type === 'currency').value; 3364 const currencyElements = document.querySelectorAll("span.default_cur"); 3365 currencyElements.forEach((element) => { 3366 element.innerHTML = currencySymbol; 3367 }); 3368 3369 3370 3371 3372 3373 updateProgressBar(0) 3374 3375 const selectedcoun = document.querySelector('#CountrySelect .dropdown-item.selected'); 3376 const currency = selectedcoun.getAttribute('data-currency'); 3377 3378 const selectedText = selectedcoun.textContent.trim(); 3379 const countryDropdown = document.getElementById('CountryDropdown'); 3380 countryDropdown.textContent = selectedText; 3381 selectedCountry = selectedText 3382 3383 const locale = selectedCountry === 'US' ? 'en-US' : 3384 selectedCountry === 'DE' ? 'de-DE' : 3385 selectedCountry === 'IN' ? 'hi-IN' : 3386 selectedCountry === 'JP' ? 'ja-JP' : 'en-US'; 3387 3388 3389 3390 const incrementButtons = document.querySelectorAll('.increment'); 3391 const decrementButtons = document.querySelectorAll('.decrement'); 3392 const quantityInputs = document.querySelectorAll('.cart-item-quantity'); 3393 3394 3395 incrementButtons.forEach(function (button) { 3396 button.addEventListener('click', function (event) { 3397 var lineId = $(this).closest('.repeated_items').data('lineid'); 3398 3399 3400 3401 const line = event.target.getAttribute('data-line'); 3402 const quantityInput = document.querySelector(`input[data-line="${line}"]`); 3403 3404 let newQuantity = parseInt(quantityInput.value) + 1; 3405 updateCart(line, newQuantity , lineId); 3406 showLoader(line); 3407 }); 3408 }); 3409 3410 decrementButtons.forEach(function (button) { 3411 3412 button.addEventListener('click', function (event) { 3413 var lineId = $(this).closest('.repeated_items').data('lineid'); 3414 const line = event.target.getAttribute('data-line'); 3415 const quantityInput = document.querySelector(`input[data-line="${line}"]`); 3416 let newQuantity = parseInt(quantityInput.value) - 1; 3417 updateCart(line, newQuantity, lineId); 3418 showLoader(line); 3419 }); 3420 }); 3421 3422 quantityInputs.forEach(function (input) { 3423 input.addEventListener('change', function (event) { 3424 var lineId = $(this).closest('.repeated_items').data('lineid'); 3425 const line = input.getAttribute('data-line'); 3426 let newQuantity = parseInt(input.value); 3427 // if (isNaN(newQuantity) || newQuantity < 1) { 3428 // newQuantity = 1; 3429 // } 3430 3431 updateCart(line, newQuantity , lineId); 3432 showLoader(line); 3433 }); 3434 }); 3435 3436function showLoader(lineId) { 3437 const targetElement = document.querySelector(`.item-total[data-line="${lineId}"]`); 3438 if (targetElement) { 3439 targetElement.dataset.originalContent = targetElement.innerHTML; 3440 targetElement.innerHTML = ` 3441 <div class="spinner-border spinner-border-sm text-center" role="status"> 3442 <span class="sr-only"></span> 3443 </div>`; 3444 } 3445} 3446 3447function hideLoader(lineId) { 3448 const targetElement = document.querySelector(`.item-total[data-line="${lineId}"]`); 3449 if (targetElement) { 3450 const originalContent = targetElement.dataset.originalContent; 3451 if (originalContent) { 3452 targetElement.innerHTML = originalContent; 3453 delete targetElement.dataset.originalContent; 3454 } 3455 } 3456} 3457 3458 3459 function updateCart(line, quantity , lineId) { 3460 3461 3462 fetch('/cart/change.js', { 3463 method: 'POST', 3464 headers: { 3465 'Content-Type': 'application/json', 3466 'X-Requested-With': 'XMLHttpRequest' 3467 }, 3468 body: JSON.stringify({ 3469 line: parseInt(line), 3470 quantity: quantity 3471 }) 3472 }) 3473 .then(response => response.json()) 3474 .then(data => { 3475 hideLoader(line); 3476 3477 if (data.status === 'error') { 3478 // alert('There was an error updating your cart: ' + data.message); 3479 } else { 3480 3481 if (quantity <= 0) { 3482 3483 window.location.reload(); 3484 } 3485 else { 3486 3487 updateCartUI(data , line ,lineId ); 3488 let lineItem = data.items[line - 1]; 3489 if (lineItem) { 3490 let itemTotal = lineItem.final_line_price ; 3491 $('input.cart-item-quantity[data-line="'+line+'"]').val(quantity); 3492 $('.item-total[data-line="'+line+'"]').html( formatMoney(itemTotal, locale, currency)); 3493 3494 3495 } } 3496 }update_headercartcount() 3497 }) 3498 .catch(error => { 3499 const messageContainer = document.querySelector('.cart-message'); 3500 3501 if (!messageContainer) { 3502 3503 return; 3504 } 3505 3506 // messageContainer.innerHTML = `<span class='pro_error'> No more available for this item.</span>`;
3507 }); 3508} 3509 3510function update_headercartcount() { 3511 let totalQuantity = 0; 3512 3513 // Create a set to keep track of unique lines 3514 const seenLines = new Set(); 3515 const uniqueInputs = []; 3516 3517 $('input.cart-item-quantity').each(function() { 3518 const line = $(this).data('line'); 3519 if (!seenLines.has(line)) { 3520 seenLines.add(line); 3521 uniqueInputs.push(this); // Save the DOM element 3522 } 3523 }); 3524 3525 // Now calculate totalQuantity only from unique inputs 3526 totalQuantity = uniqueInputs.map(function(input) { 3527 return parseInt($(input).val(), 10) || 0; 3528 }).reduce((a, b) => a + b, 0); 3529 3530 3531 update_headercart(totalQuantity); 3532} 3533 3534 3535function updateCartUI(cart , line, lineId) { 3536 const currencySymbol = cart.currency || Shopify.currency.active; 3537 3538 3539 var lineItemContainer = document.querySelector('[data-lineid="' + lineId + '"]'); 3540if (lineItemContainer) { 3541 const messageContainer = lineItemContainer.querySelector('.cart-message'); 3542 const messageContent = cart.message ? ' <span class="pro_error mb-2 d-flex align-items-baseline"><span class="text-danger lh-0"><svg width="12px" height="12px" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">' + 3543 '<path fill-rule="evenodd" clip-rule="evenodd" d="M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.0586 6.05547C10.0268 5.48227 10.483 5 11.0571 5H12.9429C13.517 5 13.9732 5.48227 13.9414 6.05547L13.5525 13.0555C13.523 13.5854 13.0847 14 12.554 14H11.446C10.9153 14 10.477 13.5854 10.4475 13.0555L10.0586 6.05547ZM14 17C14 18.1046 13.1046 19 12 19C10.8954 19 10 18.1046 10 17C10 15.8954 10.8954 15 12 15C13.1046 15 14 15.8954 14 17Z" fill="currentColor"/>' + 3544 '</svg></span>' + '<span class="m-0 ms-1">Maximum quantity is reached.</span></span>' : ''; 3545 messageContainer.innerHTML = messageContent; 3546} 3547 3548 if (cart && Array.isArray(cart.items)) { 3549 cart.items.forEach(item => { 3550 3551 3552 const quantityInput = document.querySelector(`input.cart-item-quantity[data-item-id="${item.id}"]`); 3553 const itemTotal = document.querySelector(`.item-total[data-item-id="${item.id}"] span`); 3554 3555 3556 3557 if (quantityInput) { 3558 quantityInput.value = item.quantity; 3559 } 3560 3561 if (itemTotal) { 3562 itemTotal.textContent = formatMoney(item.final_line_price, locale, currency); 3563 } 3564 }); 3565 3566 const cartSubtotalElement = document.querySelector('#cart-subtotal'); 3567 document.query 3568 if (cartSubtotalElement) { 3569 cartSubtotalElement.textContent = formatMoney(cart.total_price, locale, currency); 3570 var money_update = cart.total_price; 3571 updateProgressBar(money_update); 3572 } 3573 } 3574} 3575 3576 3577// Function to format money 3578function formatMoney(cents, locale, currency) { 3579 const value = (cents / 100); 3580 const formattedValue = new Intl.NumberFormat(locale, { 3581 style: 'currency', 3582 currency: currency, 3583 minimumFractionDigits: 2, 3584 }).format(value); 3585 const currencySymbol = new Intl.NumberFormat(locale, { 3586 style: 'currency', 3587 currency: currency, 3588 }).formatToParts(value).find(part => part.type === 'currency').value; 3589 3590 const amount = formattedValue.replace(currencySymbol, '').trim(); 3591 var currencySymbol1 = "$"; 3592 return `${currencySymbol} ${amount} `; 3593} 3594 3595function updateProgressBar(totalPrice) { 3596 var targetPrice = 200; 3597 var totalPrice = (totalPrice / 100); 3598 3599 const percentage = (totalPrice / targetPrice) * 100; 3600 //document.querySelector('.progress-bar').style.width = percentage + '%'; 3601 let progressBar = document.querySelector('.progress-bar'); 3602 if (progressBar) { 3603 progressBar.style.width = percentage + '%'; 3604 } 3605 // let away_price = Math.round(targetPrice - totalPrice); 3606 let away_price = (targetPrice - totalPrice).toFixed(2); 3607 3608 var progressBarText = document.querySelector('p.my-3.progressbar_update'); 3609 var progressBarContainer = document.querySelector('p.progressbar_update'); 3610 3611 if (away_price > 0) { 3612 if(progressBarText){ progressBarText.innerHTML = currencySymbol + away_price + ' ' + `away from free shipping.` ; } 3613 } else { 3614 if(progressBarContainer){ progressBarContainer.innerHTML = "You are eligible for free shipping!"; } 3615 } 3616} 3617}); 3618</script>
3618 3619 3620 3621</div> 3622 </main> 3623 <!-- BEGIN sections: footer-group --> 3624<div id="shopify-section-sections--27659512512880__footer" class="shopify-section shopify-section-group-footer-group overflow-hidden"><link href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/curve-seperator.css?v=95287128624772789801779745795" rel="stylesheet" type="text/css" media="all" /> 3625<style data-shopify>.section-sections--27659512512880__footer-padding { 3626 padding-top: 16px; 3627 padding-bottom: 0px; 3628 } 3629 @media screen and (min-width: 768px) { 3630 .section-sections--27659512512880__footer-padding { 3631 padding-top: 32px; 3632 padding-bottom: 0px; 3633 } 3634 .footer .two-columns> *{flex-basis:50%;flex-grow:1} 3635 } 3636 3637 3638 .footer__localization .disclosure__select{ 3639 background:transparent; 3640 border:none; 3641 outline:none; 3642 appearance:none; 3643 text-align:start; 3644 text-transform:capitalize; 3645 } 3646 footer :is(.newsletter) .form_container{ 3647 max-width:48rem; 3648 } 3649 .copyright__content a{ 3650 color:currentColor; 3651 } 3652 /* Svg Stroke */ 3653 .footer .wdt-separator-stroke { 3654 margin-top: 120px; 3655 } 3656 .footer { 3657 position: relative; 3658 z-index: 8; 3659 } 3660 .footer .wdt-separator.wdt-separator__stroke { 3661 overflow: visible; 3662 width: calc(100% + 40px); 3663 left: -20px; 3664 -webkit-transform: translate(0%, -10%); 3665 transform: translate(0%, -10%); 3666 z-index: 8; 3667 } 3668 .footer .wdt-separator.wdt-separator__stroke .separator__stroke { 3669 stroke-width: 100; 3670 } 3671 .footer :is(.line-decor), .footer :is(.line-decor .container > div){ 3672 width:100%; 3673 margin:0; 3674 } 3675 .footer .bottom-footer--line-decor .line-decor>.container { 3676 padding: 0; 3677 max-width: unset !important; 3678 width:100%; 3679 } 3680 3681 #ContactFooter label.form-check-label { 3682 cursor: pointer; 3683 } 3684 .brand-img_wrapper>.brand-info{ 3685 max-width:75%; 3686 } 3687 #footerMenuprimary:only-child { 3688 margin-bottom: 0; 3689 } 3690 footer .menu_wrapper--primary + .menu_wrapper--secondary { 3691 margin-top: 2.5rem; 3692 } 3693 3694footer .menu_wrapper--secondary:first-of-type { 3695 margin-top: 0; 3696} 3697.footer-newsletter .newsletter_field .form_input button{ width: max(30%, 230px); bottom:2px; right:2px; top:2px;} 3698 .footer label.form-check-label > input { 3699 margin-top: 0.1rem; 3700} 3701.footer__localization .dropdown-item{transition: color 0.5s ease;}.footer svg.placeholder_svg.logo-placeholder{width: min(100%, 335px);height:120px;} 3702.footer svg.placeholder_svg.logo-placeholder{width: min(100%, px);height:120px;} 3703 3704</style> 3705 3706<footer class="footer color-scheme-2 gradient" ><div class=" position-relative"> 3707 3708 3709 3710 <div class="container section-sections--27659512512880__footer-padding mt-md-0 text-break" > 3711
3712<div class="my-3 footer--align-end" id="footer-accordion"><div class="row gy-3 d-flex flex-wrap two-columns "><div 3713 class=" col-12 mb-4 brand align-self-center" 3714 3715 ><div class="d-flex flex-column "> 3716 3717 3718 <div class="brand-img_wrapper d-flex gap-3 justify-content-md-start justify-content-center "><div 3719 class="brand__image-wrapper " 3720 style="max-width: min(100%, 335px);" 3721 > 3722 <a href="/" class="d-block" aria-label="Milford Bay SmokeHaus"> 3723 3724 <img src="//milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_white__PNG.png?v=1781210713&width=335" alt="Milford Bay SmokeHaus" srcset="//milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_white__PNG.png?v=1781210713&width=335 335w" width="335" height="123.01247771836007" loading="lazy" class="img-fluid w-100" sizes="(max-width: 670px) 50vw, 335px"> 3725 </a> 3726 </div> 3727 </div> 3728 3729 </div></div><div 3730 class=" col-12 mb-4 menu align-items-end justify-content-start flex-column py-0 align-self-center" 3731 3732 ><div class="menu_wrapper--primary mb-3 text-break"> 3733 3734 <ul 3735 class= "justify-content-center 3736 justify-content-md-end 3737 3738 column-gap-3 column-gap-sm-5 row-gap-2 d-flex 3739 flex-column 3740 flex-md-row flex-wrap list-unstyled" 3741 3742 id="footerMenuprimary" 3743 ><li class="p-0"> 3744 <a href="https://milford-bay-smokehaus.myshopify.com/collections/all" class="nav-link"> 3745 Products 3746 </a> 3747 </li><li class="p-0"> 3748 <a href="https://milford-bay-smokehaus.myshopify.com/collections" class="nav-link"> 3749 Online Store 3750 </a> 3751 </li><li class="p-0"> 3752 <a href="/pages/our-retail-store" class="nav-link"> 3753 Retail Store 3754 </a> 3755 </li></ul> 3756</div> 3757 3758</div></div></div><div class="bottom-footer--line-decor"> 3759 <div class="line-decor position-relative"> 3760 <div class="container"> 3761 <div class="d-flex flex-nowrap align-items-center" 3762 style=" "> 3763 3764 3765 <span class="line-left flex-grow-1"></span> 3766 <div class="d-inline-flex divide-icon"> 3767 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 3768 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve"> 3769 <path d="M96.5,24.8c4.6-2.7,4.8-5.8,4.4-7.5c-0.6-3.4-4.1-6.4-8.5-7.3c-4.5-1.5-11.9,0.4-21.9,5.9c-3.3-2.3-8.1-6.3-11.9-9.5 3770 c-5.7-4.7-6.9-5.6-7.5-5.7c-0.1,0-0.1-0.1-0.2-0.1c-0.1,0-0.2,0-0.3,0.1h-0.1v0.1c-0.8,0.4-2.4,1.7-7,5.4c-3.9,3.3-8.8,7.3-12.1,9.6 3771 c-10-5.5-17.4-7.5-21.9-5.9c-4.3,0.9-7.9,4-8.5,7.3C0.8,18.8,1,22,5.5,24.7c8.8,5,19-0.4,26.1-5.1c7.2,4.1,13.9,8.9,17.5,11.5 3772 c-5,7.6-9.7,14.7-9.5,20.6c0.2,4.9,2.1,8.8,5.3,10.9c2.8,1.8,6.5,2,9.5,0.5c3.6-1.8,6-5.5,6.8-10.5c1.2-7.7-5.6-17.9-8.3-21.5 3773 c3.6-2.7,10.3-7.4,17.4-11.5C77.4,24.4,87.6,29.8,96.5,24.8L96.5,24.8z M20.5,21.7c-4.3,1.5-8,1.6-11.6,0.2c-1.7-1.2-2.4-2.6-2-4.1 3774 c0.5-1.9,2.6-3.6,4.4-4.3c3.5-1.2,9.2,0.3,17,4.4C25.3,19.6,22.7,20.8,20.5,21.7L20.5,21.7z M57.2,52.4c-0.3,2.9-1.7,4.6-2.8,5.4 3775 c-1.2,0.9-2.7,1.5-4.2,1.5c-0.2,0-0.4,0-0.6,0c-2.6-0.3-5.7-2.4-5.9-7.5c-0.2-5.9,3.3-12.2,7.1-18.2C53.4,37.1,58.3,45.8,57.2,52.4z 3776 M51,28.6c-3.4-2.5-9.7-7-16.5-11c3.2-2.3,6.3-4.7,9-7l-0.5-0.6l0.5,0.5c2.7-2.1,5.2-4.2,7.3-5.6c2.1,1.4,4.7,3.5,7.4,5.7 3777 c2.8,2.2,5.8,4.6,9,7C60.6,21.7,54.4,26.1,51,28.6z M90.6,13.6c2.1,0.9,4.3,2.8,4.5,4.9c0.1,1.3-0.6,2.5-2.1,3.6 3778 c-6.2,2.4-12.3,0.1-19.4-4.1C81.4,13.8,87.1,12.4,90.6,13.6L90.6,13.6z"/> 3779 </svg> 3780</div> 3781 3782 <span class="line-right flex-grow-1"></span> 3783 3784 3785 </div> 3786 </div> 3787</div> 3788 3789 </div> 3790 3791 <div class="bottom-footer align-items-center py-3"> 3792 <div class="row flex-column mx-0 flex-lg-row row-gap-3 align-items-center justify-content-between "> 3793 3794 <div class="footer__localization isolate col-md-6 col-lg-4 d-flex gap-2 justify-content-center justify-content-md-start mb-0 mb-md-3 mb-lg-0 p-0"> 3795 3796<style data-shopify> 3797 .disclosure .dropdown-toggle:hover{ 3798 color:rgb(var(--color-primary-button-bg)); 3799 } 3800 .dropdown button, 3801 .disclosure .dropdown-item{ 3802 text-wrap-mode: wrap; 3803 } 3804 .disclosure .btn.show{ 3805 color:rgb(var(--color-primary-button-bg)); 3806 } 3807 .disclosure .dropdown-menu{ 3808 max-height: 15rem; 3809 overflow: auto; 3810 scrollbar-width:thin; 3811 padding: 0px; 3812 } 3813#LanguageSelect, 3814#CountrySelect{ 3815 font-size:var(--bs-font-sm); 3816 min-width: 11rem; 3817} 3818 3819</style> 3820 3821
3822<script> 3823 document.addEventListener("DOMContentLoaded", function () { 3824 if (!customElements.get('localization-form')) { 3825 class LocalizationForm extends HTMLElement { 3826 constructor() { 3827 super(); 3828 this.elements = { 3829 languageDropdown: this.querySelector('#LanguageSelect'), 3830 countryDropdown: this.querySelector('#CountrySelect'), 3831 }; 3832 3833 // if (this.elements.languageDropdown) { 3834 // this.elements.languageDropdown.addEventListener('click', this.onLanguageSelect.bind(this)); 3835 // } 3836if (this.elements.languageDropdown) { 3837 this.elements.languageDropdown.addEventListener('click', this.onLanguageSelect.bind(this)); 3838 this.elements.languageDropdown.addEventListener('keydown', (event) => { 3839 if ((event.key === 'Enter' || event.keyCode === 13)) { 3840 const targetLi = event.target.closest('li'); 3841 if (targetLi) { 3842 event.preventDefault(); 3843 targetLi.click(); 3844 } 3845 } 3846 }); 3847} 3848 3849 3850 // if (this.elements.countryDropdown) { 3851 // this.elements.countryDropdown.addEventListener('click', this.onCountrySelect.bind(this)); 3852 // } 3853if (this.elements.countryDropdown) { 3854 this.elements.countryDropdown.addEventListener('click', this.onCountrySelect.bind(this)); 3855 this.elements.countryDropdown.addEventListener('keydown', (event) => { 3856 if ((event.key === 'Enter' || event.keyCode === 13)) { 3857 const targetLi = event.target.closest('li'); 3858 if (targetLi) { 3859 event.preventDefault(); 3860 targetLi.click(); 3861 } 3862 } 3863 }); 3864} 3865 3866 3867 3868 3869 } 3870 onLanguageSelect(event) { 3871 const selectedItem = event.target.closest('li'); 3872 if (selectedItem && selectedItem.dataset.value) { 3873 const button = this.querySelector('.dropdown-toggle'); 3874 if (button) { 3875 button.textContent = selectedItem.textContent.trim(); 3876 } 3877 const form = this.querySelector('form'); 3878 if (form) { 3879 const languageCode = selectedItem.dataset.value; 3880 const input = form.querySelector('input[name="language_code"]') || document.createElement('input'); 3881 input.type = 'hidden'; 3882 input.name = 'language_code'; 3883 input.value = languageCode; 3884 form.appendChild(input); 3885 form.submit(); 3886 } 3887 } 3888 } 3889 onCountrySelect(event) { 3890 const selectedItem = event.target.closest('li'); 3891 if (selectedItem && selectedItem.dataset.value) { 3892 const button = this.querySelector('#CountryDropdown'); 3893 if (button) { 3894 button.textContent = selectedItem.textContent.trim(); 3895 } 3896 const form = this.querySelector('form'); 3897 if (form) { 3898 const countryCode = selectedItem.dataset.value; 3899 const input = form.querySelector('input[name="country_code"]') || document.createElement('input'); 3900 input.type = 'hidden'; 3901 input.name = 'country_code'; 3902 input.value = countryCode; 3903 form.appendChild(input); 3904 form.submit(); 3905 } 3906 } 3907 } 3908 } 3909 customElements.define('localization-form', LocalizationForm); 3910 } 3911 }); 3912</script>
3912 3913 3914 </div> 3915 3916 <div class="footer__copyright caption order-1 col-md-6 col-lg-4 d-flex flex-wrap column-gap-3 align-items-center justify-content-center justify-content-lg-end mb-3 mb-lg-0 p-0"> 3917 <p class="footer-copyright mb-0 d-flex flex-wrap gap-2 align-items-center justify-content-center justify-content-lg-end text-end "> 3918 <span class="copyright__content"> 3919 © 2026, <a href="/" title="">Milford Bay SmokeHaus</a></span> 3920 <span class="copyright__content"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></span> 3921 </p><ul class="policies list-unstyled d-flex flex-wrap gap-2 mb-0 justify-content-lg-end "><li> 3922 <div class="copyright__content"><a href="/policies/privacy-policy">Privacy policy</a></div> 3923 </li></ul></div></div> 3924 </div> 3925 </div> 3926 </div> 3927</footer> 3928 3929 3930<style> #shopify-section-sections--27659512512880__footer .gradient {background-image: url("https://cdn.shopify.com/s/files/1/1009/5981/4000/files/blue-scales_4eb8e1af-6c2d-43ae-b3b4-731ad9f489bb.png?v=1786676812"); background-size: cover; background-position: center; background-repeat: no-repeat;} </style></div> 3931<!-- END sections: footer-group --> 3932 </div> 3933 </div> 3934 3935
3935<script> 3936 /* Overlay Tab comtrol */ 3937 var main = document.getElementById('MainContent'); 3938 3939 function focusMain() { 3940 if (main) { 3941 if (!main.hasAttribute('tabindex')) { 3942 main.setAttribute('tabindex', '-1'); 3943 } 3944 main.focus(); 3945 } 3946 } 3947 3948 document.addEventListener('click', function(event) { 3949 var target = event.target; 3950 if (!target.closest) return; 3951 3952 if (target.closest('[data-newsletter-popup-close]')) { 3953 focusMain(); 3954 } 3955 }); 3956 3957 document.addEventListener('keyup', function(event) { 3958 if (event.key === 'Escape') { 3959 var popup = document.querySelector('[data-newsletter-popup]'); 3960 if (popup && !popup.hasAttribute('hidden')) { 3961 focusMain(); 3962 } 3963 } 3964 }); 3965 3966 3967 $(document).ready(function () { 3968 function checkHashAndToggle() { 3969 if (window.location.hash === '#recover') { 3970 $('#reset_password').show(); 3971 $('#login_panel').hide(); 3972 } else { 3973 $('#reset_password').hide(); 3974 $('#login_panel').show(); 3975 } 3976 } 3977 checkHashAndToggle(); 3978 3979 $(window).on('hashchange', function () { 3980 checkHashAndToggle(); 3981 }); 3982 3983 $('#header_searchresult').hide(); 3984 3985 $('#header_search').click(function () { 3986 setTimeout(function () { 3987 $('input#Search').focus(); 3988 }, 500); 3989 $('#header_searchresult').slideToggle(); 3990 $('#header_searchresult').attr('style', 'width:1000px;height:200px; border:2px solid #ccc;'); 3991 }); 3992 $('.search_clear_btn').click(function (e) { 3993 e.preventDefault(); 3994 if ($('input#Search').length) { 3995 $('input#Search').val(''); 3996 $(this).addClass('d-none'); 3997 $('.filter_top_bar').addClass('d-none'); 3998 } 3999 if ($('input#SearchFormSearch').length) { 4000 $('input#SearchFormSearch').val(''); 4001 $(this).addClass('d-none'); 4002 4003 } 4004 $('.predictive-search-empty').addClass('d-none'); 4005 $('.frequent_search').removeAttr('style'); 4006 $('.search_collection').removeAttr('style'); 4007 $('#predictive-search-results').addClass('d-none'); 4008 }); 4009 $('#SearchFormSearch').keyup(function (e) { 4010 var SearchFormSearchLen = $(this).val().length; 4011 if(SearchFormSearchLen == "0") { $('.search_clear_btn').addClass('d-none') } 4012 else { $('.search_clear_btn').removeClass('d-none') } 4013 4014 }); 4015 4016 $('.edit_address,.address_details').hide(); 4017 $('.editaddress_button').click(function () { 4018 $(this).siblings('.edit_address').toggle(); 4019 }); 4020 $('.addnew_address').click(function () { 4021 $('.address_details').removeClass('d-none'); 4022 $('.address_details').toggle(); 4023 }); 4024 4025 $('.search-container').hide(); 4026 $('.toggle_filter').click(function () { 4027 $('.search-container').toggle(); 4028 }); 4029 }); 4030 </script>
4030 4031
4031<script> 4032 4033 window.shopUrl = 'https://milfordbaysmokehaus.com'; 4034 window.routes = { 4035 cart_add_url: '/cart/add', 4036 cart_change_url: '/cart/change', 4037 cart_update_url: '/cart/update', 4038 cart_url: '/cart', 4039 currency_symbol: '$', 4040 predictive_search_url: '/search/suggest', 4041 search_url: 'https://milfordbaysmokehaus.com/search', 4042 cart_type: `drawer`, 4043 cart_currency: 'CAD', 4044 canvas_color_scheme: 'scheme-1' 4045 }; 4046 window.cartTotStrings = { 4047 quantityError: `You can only add [quantity] of this item to your cart.`, 4048 }; 4049 window.settingStrings = { 4050 cartType: `drawer`, 4051 } 4052 4053 4054 window.Shopify = window.Shopify || {}; 4055 window.Shopify.language = 'en'; 4056 window.Shopify.country = 'CA'; 4057 window.complementaryPlaceholderSvg = '<svg class="img-fluid w-100 h-100 placeholder-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"><path d="M324.5 212.7H203c-1.6 0-2.8 1.3-2.8 2.8V308c0 1.6 1.3 2.8 2.8 2.8h121.6c1.6 0 2.8-1.3 2.8-2.8v-92.5c0-1.6-1.3-2.8-2.9-2.8zm1.1 95.3c0 .6-.5 1.1-1.1 1.1H203c-.6 0-1.1-.5-1.1-1.1v-92.5c0-.6.5-1.1 1.1-1.1h121.6c.6 0 1.1.5 1.1 1.1V308z"/><path d="M210.4 299.5H240v.1s.1 0 .2-.1h75.2v-76.2h-105v76.2zm1.8-7.2l20-20c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l1.5 1.5 16.8 16.8c-12.9 3.3-20.7 6.3-22.8 7.2h-27.7v-5.5zm101.5-10.1c-20.1 1.7-36.7 4.8-49.1 7.9l-16.9-16.9 26.3-26.3c1.6-1.6 3.8-2.5 6.1-2.5s4.5.9 6.1 2.5l27.5 27.5v7.8zm-68.9 15.5c9.7-3.5 33.9-10.9 68.9-13.8v13.8h-68.9zm68.9-72.7v46.8l-26.2-26.2c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-26.3 26.3-.9-.9c-1.9-1.9-4.5-3-7.3-3s-5.4 1.1-7.3 3l-18.8 18.8V225h101.4z"/><path d="M232.8 254c4.6 0 8.3-3.7 8.3-8.3s-3.7-8.3-8.3-8.3-8.3 3.7-8.3 8.3 3.7 8.3 8.3 8.3zm0-14.9c3.6 0 6.6 2.9 6.6 6.6s-2.9 6.6-6.6 6.6-6.6-2.9-6.6-6.6 3-6.6 6.6-6.6z"/></svg>'; 4058 4059 4060 4061</script>
4061 4062 <!-- BEGIN sections: overlay-group --> 4063<aside id="shopify-section-sections--27659512578416__click_to_top_PwCke4" class="shopify-section shopify-section-group-overlay-group section-click-to-top"><style data-shopify> 4064 .click-to-top{ 4065 width:36px; 4066 height:36px; 4067 cursor:pointer; 4068 background-color:rgb(var(--color-background)); 4069 4070 box-shadow:0 0 1px 8px rgba(var(--color-foreground),0.2); 4071 4072 z-index:1024; 4073 overflow: hidden; 4074 } 4075 .click-to-top svg{ 4076 width:12px; 4077 } 4078 @media screen and (min-width:768px){ 4079 .click-to-top{ 4080 width:48px; 4081 height:48px; 4082 4083 box-shadow:0 0 1px 12px rgba(var(--color-foreground),0.2); 4084 4085 } 4086 } 4087</style> 4088<div> 4089<a href="#click-to-top" 4090 aria-label="Scroll to top" 4091 title="click-to-top" 4092 class="footer_scrollbar click-to-top position-fixed bottom-0 translate-middle end-0 rounded-circle d-flex justify-content-center align-items-center d-none color-scheme-3 gradient" 4093 id="click-to-top"> 4094 4095<svg width="19" height="45" viewBox="0 0 9 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 4096 <path d="M4.28049 1.02461L7.54079 4.28289C7.59813 4.34242 7.63122 4.42165 7.63122 4.5035V6.55472C7.63122 6.83267 7.29593 6.97186 7.09961 6.77531L5.30622 4.98192V14.6084C5.30622 14.7805 5.16503 14.9194 4.99298 14.9194H3.12899C2.95693 14.9194 2.81801 14.7805 2.81801 14.6084V4.98192L1.02084 6.77531C0.824523 6.97186 0.489219 6.83267 0.489219 6.55472V4.5035C0.489219 4.42165 0.522318 4.34242 0.579659 4.28289L3.83997 1.02461C3.96129 0.903301 4.15761 0.903301 4.28049 1.02461Z" fill="currentColor"/> 4097</svg> 4098 4099</a> 4100</div> 4101 4102
4102<script> 4103 4104let clickToTopButton = null; 4105let clickToTopInitialized = false; 4106 4107function handleScroll() { 4108 if (!clickToTopButton) return; 4109 4110 if (window.scrollY > 300) { 4111 clickToTopButton.classList.remove("d-none"); 4112 } else { 4113 clickToTopButton.classList.add("d-none"); 4114 } 4115} 4116function handleClick(event) { 4117 event.preventDefault(); 4118 window.scrollTo({ top: 0, behavior: "smooth" }); 4119} 4120 4121function initClickToTop() { 4122 const button = document.getElementById("click-to-top"); 4123 clickToTopButton = button; 4124 4125 if (!button) { 4126 return; 4127 } 4128 4129 if (!clickToTopInitialized) { 4130 window.addEventListener("scroll", handleScroll); 4131 button.addEventListener("click", handleClick); 4132 clickToTopInitialized = true; 4133 } 4134 handleScroll(); 4135} 4136 4137document.addEventListener("DOMContentLoaded", initClickToTop); 4138 4139if (typeof Shopify !== "undefined") { 4140 document.addEventListener("shopify:section:load", () => { 4141 initClickToTop(); 4142 }); 4143 4144 document.addEventListener("shopify:section:select", () => { 4145 initClickToTop(); 4146 }); 4147 document.addEventListener("shopify:section:change", () => { 4148 initClickToTop(); 4149 }); 4150 4151 document.addEventListener("shopify:section:deselect", () => { 4152 initClickToTop(); 4153 }); 4154 if (window.location.href.includes('customize') || typeof Shopify !== 'undefined') { 4155 initClickToTop(); 4156 } 4157 4158 setTimeout(initClickToTop, 500); 4159} 4160</script>
4160 4161</aside> 4162<!-- END sections: overlay-group --> 4163 <style> .breadcrumb {display: none;} </style> 4164<div id="shopify-block-ARlBBMm9LTU5kTkVVW__16162820827775340088" class="shopify-block shopify-app-block">
4165<script> 4166 window.StoreLocatorDefaultPageAssets = { 4167 placeholderSelector: "[data-store-locator-default-page='true']", 4168 templateId: "sl-default-store-locator-template", 4169 maplibreAssets: { 4170 js: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-vendor.js", 4171 css: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-vendor.css" 4172 }, 4173 mapboxAssets: { 4174 js: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-vendor.js", 4175 css: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-vendor.css" 4176 }, 4177 scripts: [ 4178 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-logger.js", 4179 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-data.js", 4180 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-helpers.js", 4181 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-render.js", 4182 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-loader.js", 4183 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-loader.js", 4184 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-map.js", 4185 "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-core.js" 4186 ] 4187 }; 4188</script>
4188 4189 4190<template id="sl-default-store-locator-template"> 4191 <!-- BEGIN app snippet: store-locator-widget --> 4192 4193 4194<div 4195 class="sl-widget-host" 4196 data-store-locator-host="true" 4197 data-locale="en" 4198 data-widget-id="ARlBBMm9LTU5kTkVVW__16162820827775340088" 4199 data-proxy-path="/apps/mapmigo" 4200 data-legacy-proxy-path="/apps/store-locator" 4201 data-base-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-base.css" 4202 data-panel-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-panel.css" 4203 data-map-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-map.css?popup_v=20260314a" 4204 style="display:block;position:relative;z-index:0;isolation:isolate;width:100%;max-width:100%;min-width:0;min-height:360px;overflow:hidden;background:#ffffff;container-type:inline-size" 4205> 4206<div 4207 data-store-locator-host-shell="true" 4208 aria-hidden="true" 4209 style="position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff" 4210> 4211 <div 4212 style="width:min(320px,70%);height:6px;border-radius:999px;overflow:hidden;background:#e5e7eb" 4213 > 4214 <span 4215 style="display:block;width:40%;height:100%;border-radius:inherit;background:#111827" 4216 ></span> 4217 </div> 4218</div> 4219<template data-store-locator-template="true"> 4220 <div 4221 class="sl-widget sl-widget--loading" 4222 data-widget-id="ARlBBMm9LTU5kTkVVW__16162820827775340088" 4223 data-tooltip-close-icon-url="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg" 4224 aria-busy="true" 4225 > 4226 <div class="sl-widget__loading" data-role="loading" aria-live="polite"> 4227 <div class="sl-widget__progress" aria-hidden="true"> 4228 <span class="sl-widget__progress-bar"></span> 4229 </div> 4230 </div> 4231 4232 <svg aria-hidden="true" focusable="false" class="sl-icons" style="position:absolute;width:0;height:0;overflow:hidden"> 4233 <symbol id="sl-icon-search" viewBox="0 0 24 24"> 4234 <path d="M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"></path> 4235 <path d="M21 21l-4.35-4.35"></path> 4236 </symbol> 4237 <symbol id="sl-icon-nearest" viewBox="0 0 24 24"> 4238 <circle cx="4.5" cy="7" r="1.25"></circle> 4239 <circle cx="9.5" cy="3.75" r="1.25"></circle> 4240 <circle cx="14.75" cy="8.5" r="1.25"></circle> 4241 <circle cx="6.75" cy="13.75" r="1.25"></circle> 4242 <path d="M5.6 6.3l2.8-1.9"></path> 4243 <path d="M10.5 4.6l3.2 2.9"></path> 4244 <path d="M13.5 9.6l-5.3 3.5"></path> 4245 <path d="M7.4 12.5l-2.2-4.1"></path> 4246 <path d="M16.5 14.5c0 2-2.5 4.4-3.5 5.3-.3.3-.8.3-1.1 0-1-.9-3.5-3.3-3.5-5.3a4.1 4.1 0 0 1 8.1 0Z"></path> 4247 <circle cx="12.5" cy="14.5" r="1.2"></circle> 4248 </symbol> 4249 <symbol id="sl-icon-location" viewBox="0 0 24 24"> 4250 <path d="M3 11.5l18-8-7.5 18-2.5-7-7-3Z"></path> 4251 </symbol> 4252 <symbol id="sl-icon-plus" viewBox="0 0 24 24"> 4253 <path d="M12 5v14"></path> 4254 <path d="M5 12h14"></path> 4255 </symbol> 4256 <symbol id="sl-icon-minus" viewBox="0 0 24 24"> 4257 <path d="M5 12h14"></path> 4258 </symbol> 4259 </svg> 4260 4261 <div class="sl-panel"> 4262 <div class="sl-search"> 4263 <form class="sl-search__field" data-role="search-form"> 4264 <input 4265 class="sl-search__input" 4266 data-role="search" 4267 type="search" 4268 placeholder="Search for a place..." 4269 aria-label="Search for a place" 4270 /> 4271 <button 4272 class="sl-search__submit" 4273 type="submit" 4274 aria-label="Submit search" 4275 > 4276 <svg class="sl-icon" aria-hidden="true"><use href="#sl-icon-search"></use></svg> 4277 </button> 4278 </form> 4279 <div class="sl-suggestions" data-role="suggestions" hidden></div> 4280 </div> 4281 <div class="sl-panel__notice" data-role="notice" hidden></div> 4282 <div class="sl-panel__list" data-role="list-pane"> 4283 <div class="sl-empty" data-role="empty" hidden> 4284 <img 4285 class="sl-empty__icon" 4286 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon.svg" 4287 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon.svg" 4288 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon_
4288inverted.svg" 4289 alt="" 4290 aria-hidden="true" 4291 width="76" 4292 height="76" 4293 > 4294 <p class="sl-empty__message" data-role="empty-message">No stores match your search.</p> 4295 </div> 4296 <div class="sl-list" data-role="list"></div> 4297 </div> 4298 <div class="sl-detail" data-role="detail"> 4299 <button class="sl-detail__close" type="button" data-action="close-detail" aria-label="Close store details"> 4300 <img 4301 class="sl-detail__close-icon" 4302 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location.svg" 4303 alt="" 4304 aria-hidden="true" 4305 width="36" 4306 height="36" 4307 > 4308 </button> 4309 <div class="sl-detail__scroll"> 4310 <div class="sl-detail__image" data-role="detail-image"></div> 4311 <div class="sl-detail__body"> 4312 <div class="sl-detail__title" data-role="detail-title">Store name</div> 4313 <div class="sl-detail__address" data-role="detail-address">Store address</div> 4314 <div class="sl-detail__meta"> 4315 <div class="sl-detail__meta-item" data-role="detail-phone"> 4316 <img 4317 class="sl-detail__meta-icon" 4318 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon.svg" 4319 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon.svg" 4320 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon_inverted.svg" 4321 alt="" 4322 aria-hidden="true" 4323 width="16" 4324 height="16" 4325 > 4326 <span>Phone</span> 4327 </div> 4328 <div class="sl-detail__meta-item" data-role="detail-email"> 4329 <img 4330 class="sl-detail__meta-icon" 4331 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon.svg" 4332 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon.svg" 4333 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon_inverted.svg" 4334 alt="" 4335 aria-hidden="true" 4336 width="16" 4337 height="16" 4338 > 4339 <a data-role="detail-email-link" href="mailto:">Email</a> 4340 </div> 4341 <div class="sl-detail__meta-item" data-role="detail-website"> 4342 <div class="sl-detail__meta-links"> 4343 <div class="sl-detail__meta-link-row sl-detail__meta-link-row--primary" data-role="detail-website-primary-row"> 4344 <img 4345 class="sl-detail__meta-icon" 4346 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon.svg" 4347 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon.svg" 4348 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon_inverted.svg" 4349 alt="" 4350 aria-hidden="true" 4351 width="16" 4352 height="16" 4353 > 4354 <a data-role="detail-website-primary" href="#" target="_blank" rel="noopener">Website</a> 4355 </div> 4356 <div class="sl-detail__meta-link-row sl-detail__meta-link-row--additional" data-role="detail-website-additional-row" hidden> 4357 <a data-role="detail-website-additional" href="#" target="_blank" rel="noopener">Additional website</a> 4358 </div> 4359 </div> 4360 </div> 4361 <div class="sl-detail__meta-item" data-role="detail-social"> 4362 <div class="sl-detail__meta-social-links"> 4363 <div class="sl-detail__meta-social-row" data-role="detail-social-instagram" hidden> 4364 <img 4365 class="sl-detail__meta-icon" 4366 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon.svg" 4367 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon.svg" 4368 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon_inverted.svg" 4369 alt="" 4370 aria-hidden="true" 4371 width="16" 4372 height="16" 4373 > 4374 <a data-role="detail-social-instagram-link" href="#" target="_blank" rel="noopener">Instagram</a> 4375 </div> 4376 <div class="sl-detail__meta-social-row" data-role="detail-social-facebook" hidden> 4377 <img 4378 class="sl-detail__meta-icon" 4379 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon.svg" 4380 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon.svg" 4381 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon_inverted.svg" 4382 alt="" 4383 aria-hidden="true" 4384 width="16" 4385 height="16" 4386 > 4387 <a data-role="detail-social-facebook-link" href="#" target="_blank" rel="noopener">Facebook</a> 4388 </div> 4389 <div class="sl-detail__meta-social-row" data-role="detail-social-tiktok" hidden> 4390 <img 4391 class="sl-detail__meta-icon" 4392 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon.svg" 4393 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon.svg" 4394 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon_inverted.svg" 4395 alt="" 4396 aria-hidden="true" 4397 width="16" 4398 height="16" 4399 > 4400 <a data-role="detail-social-tiktok-link" href="#" target="_blank" rel="noopener">TikTok</a> 4401 </div> 4402 <div class="sl-detail__meta-social-row" data-role="detail-social-x" hidden> 4403 <img 4404 class="sl-detail__meta-icon" 4405 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon.svg" 4406 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon.svg" 4407 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon_inverted.svg" 4408 alt="" 4409 aria-hidden="true" 4410 width="16" 4411 height="16" 4412 > 4413 <a data-role="detail-social-x-link" href="#" target="_blank" rel="noopener">X</a> 4414 </div> 4415 </div> 4416 </div> 4417 </div> 4418 <button class="sl-detail__cta" type="button" data-action="directions"> 4419 <img 4420 class="sl-detail__cta-icon" 4421 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon.svg" 4422 data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon.svg" 4423 data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon_inverted.svg" 4424 alt="" 4425 aria-hidden="true" 4426 width="19" 4427 height="19" 4428 >
4429 <span data-role="detail-directions-label">Get directions</span> 4430 </button> 4431 </div> 4432 <div class="sl-detail__hours" data-role="detail-hours-section"> 4433 <div class="sl-detail__hours-header"> 4434 <button 4435 class="sl-detail__hours-toggle" 4436 type="button" 4437 data-action="toggle-hours" 4438 aria-label="Toggle store hours" 4439 aria-expanded="true" 4440 > 4441 <span class="sl-detail__hours-title" data-role="detail-hours-title">Store hours</span> 4442 </button> 4443 </div> 4444 <div class="sl-detail__hours-body" data-role="detail-hours"></div> 4445 </div> 4446 <div class="sl-detail__description" data-role="detail-description" hidden></div> 4447 </div> 4448 </div> 4449 </div> 4450 4451 <div class="sl-map"> 4452 <div class="sl-map__canvas" data-role="map"></div> 4453 <div class="sl-map__placeholder" data-role="map-placeholder">Map will appear here.</div> 4454 <div 4455 class="sl-map__geo-blocked" 4456 data-role="geo-blocked" 4457 role="status" 4458 aria-live="polite" 4459 aria-label="Location access is blocked" 4460 hidden 4461 > 4462 <div class="sl-map__geo-blocked-card"> 4463 <button 4464 class="sl-map__geo-blocked-close" 4465 type="button" 4466 data-action="dismiss-geo-blocked" 4467 aria-label="Dismiss location access message" 4468 > 4469 <img 4470 class="sl-map__geo-blocked-close-icon" 4471 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg" 4472 alt="" 4473 aria-hidden="true" 4474 width="15" 4475 height="15" 4476 > 4477 </button> 4478 <img 4479 class="sl-map__geo-blocked-icon" 4480 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/map_load_icon.svg" 4481 alt="" 4482 aria-hidden="true" 4483 width="57" 4484 height="57" 4485 > 4486 <h3 class="sl-map__geo-blocked-title" data-role="geo-blocked-title">Location access is blocked.</h3> 4487 <p class="sl-map__geo-blocked-message" data-role="geo-blocked-message">Location access blocked. Search by city instead.</p> 4488 </div> 4489 </div> 4490 <div 4491 class="sl-map__mobile-zoom-hint" 4492 data-role="mobile-zoom-hint" 4493 aria-hidden="true" 4494 hidden 4495 > 4496 <div class="sl-map__mobile-zoom-hint-content"> 4497 <img 4498 class="sl-map__mobile-zoom-hint-icon" 4499 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/mobile_zoom_icon.svg" 4500 alt="" 4501 aria-hidden="true" 4502 width="32" 4503 height="32" 4504 > 4505 <p class="sl-map__mobile-zoom-hint-text">Use two fingers to zoom the map</p> 4506 </div> 4507 </div> 4508 <div class="sl-map__cta"> 4509 <button type="button" data-action="nearest"> 4510 <img 4511 class="sl-map__cta-icon" 4512 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/geolocation_icon.svg" 4513 alt="" 4514 aria-hidden="true" 4515 width="14" 4516 height="14" 4517 > 4518 <span data-role="nearest-label">Show nearest stores to your location</span> 4519 </button> 4520 </div> 4521 <div class="sl-map__controls"> 4522 <div class="sl-map__control-group" role="group" aria-label="Zoom controls"> 4523 <button class="sl-map__control sl-map__control--grouped" type="button" data-action="zoom-in" aria-label="Zoom in"> 4524 <img 4525 class="sl-map__control-icon" 4526 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/zoom_in_icon.svg" 4527 alt="" 4528 aria-hidden="true" 4529 width="16" 4530 height="16" 4531 > 4532 </button> 4533 <button class="sl-map__control sl-map__control--grouped" type="button" data-action="zoom-out" aria-label="Zoom out"> 4534 <img 4535 class="sl-map__control-icon" 4536 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/zoom_out_icon.svg" 4537 alt="" 4538 aria-hidden="true" 4539 width="16" 4540 height="16" 4541 > 4542 </button> 4543 </div> 4544 <button class="sl-map__control" type="button" data-action="zoom-fit" aria-label="Fit map"> 4545 <img 4546 class="sl-map__control-icon" 4547 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/full_screen_icon.svg" 4548 alt="" 4549 aria-hidden="true" 4550 width="16" 4551 height="16" 4552 > 4553 </button> 4554 </div> 4555 </div> 4556 <div class="sl-map__privacy is-hidden" data-role="privacy" role="dialog" aria-live="polite" aria-label="Map loading confirmation"> 4557 <div class="sl-map__privacy-card"> 4558 <button class="sl-map__privacy-close" type="button" data-action="dismiss-load-map" aria-label="Close map loading prompt"> 4559 <img 4560 class="sl-map__privacy-close-icon" 4561 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg" 4562 alt="" 4563 aria-hidden="true" 4564 width="15" 4565 height="15" 4566 > 4567 </button> 4568 <img 4569 class="sl-map__privacy-icon" 4570 src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/map_load_icon.svg" 4571 alt="" 4572 aria-hidden="true" 4573 width="56" 4574 height="56" 4575 > 4576 <h3 class="sl-map__privacy-title" data-role="privacy-title">Load the map</h3> 4577 <p class="sl-map__privacy-message" data-role="privacy-description">This map is hosted by a third-party provider. Click to load it.</p> 4578 <button class="sl-map__privacy-button" type="button" data-action="load-map">Load map</button> 4579 </div> 4580 </div> 4581 </div> 4582</template> 4583</div> 4584<!-- END app snippet --> 4585</template> 4586
4587<script src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-logger.js" defer></script>
vendor: 1 bytes, line 4587
4587
4588<script src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-default-page-bootstrap.js" defer></script>
4588 4589 4590 4591</div>
4591<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4591 4592</body> 4593</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.