PageSourceSearch

https://milfordbaysmokehaus.com/cart

html milfordbaysmokehaus.com collected 2026-10-10 00:38:47 UTC 216,336 bytes, 4,593 lines download raw bytes

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 &ndash; 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&amp;width=335" alt="Milford Bay SmokeHaus" srcset="//milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_white__PNG.png?v=1781210713&amp;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                &copy; 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&amp;utm_medium=shopify&amp;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.