PageSourceSearch

https://milfordbaysmokehaus.com/pages/store-locator

html milfordbaysmokehaus.com collected 2026-10-10 00:38:46 UTC 202,691 bytes, 4,246 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/pages/store-locator">
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      Store Locator
29 &ndash; Milford Bay SmokeHaus</title>
30
31    
32      <meta name="description" content=" ">
33    
34    
35
36<meta property="og:site_name" content="Milford Bay SmokeHaus">
37<meta property="og:url" content="https://milfordbaysmokehaus.com/pages/store-locator">
38<meta property="og:title" content="Store Locator">
39<meta property="og:type" content="website">
40<meta property="og:description" content=" "><meta property="og:image" content="http://milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_blue__JPG.jpg?v=1781900533">
41  <meta property="og:image:secure_url" content="https://milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_blue__JPG.jpg?v=1781900533">
42  <meta property="og:image:width" content="561">
43  <meta property="og:image:height" content="206"><meta name="twitter:card" content="summary_large_image">
44<meta name="twitter:title" content="Store Locator">
45<meta name="twitter:description" content=" ">
46 
47    
48    <link href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/style.css?v=158250224291314789041779745795" rel="stylesheet" type="text/css" media="all" />
49    <link href="//milfordbaysmokehaus.com/cdn/shop/t/3/assets/theme.css?v=21071293304246238111790743857" rel="stylesheet" type="text/css" media="all" />
50
51    
51<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
51<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/100959814000/digital_wallets/dialog">
52<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">
53<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
53<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script>
vendor: 1 bytes, line 53
53
54<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 54
54
55<script>var Shopify = Shopify || {};
56Shopify.shop = "p1gf7f-1d.myshopify.com";
57Shopify.locale = "en";
58Shopify.currency = {"active":"CAD","rate":"1.0"};
59Shopify.country = "CA";
60Shopify.theme = {"name":"Brave","id":190776770928,"schema_name":"Elegance","schema_version":"1.2.0","theme_store_id":4091,"role":"main"};
61Shopify.theme.handle = "null";
62Shopify.theme.style = {"id":null,"handle":null};
63Shopify.cdnHost = "milfordbaysmokehaus.com/cdn";
64Shopify.routes = Shopify.routes || {};
65Shopify.routes.root = "/";
66Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
67Shopify.SignInWithShop = Shopify.SignInWithShop || {};
68Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
69Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 69
69
70<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 70
70
71<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 71
71
72<script>
73  window.Shopify = window.Shopify || {};
74  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
75  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
76  window.Shopify.SignInWithShop.eligible = true;
77</script>
vendor: 1 bytes, line 77
77
78<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 78
78
79<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 79
79
80<script type="module">
81  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
82
83  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
84
85</script>
vendor: 1 bytes, line 85
85
86<script>
87  window.Shopify = window.Shopify || {};
88  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
89  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"]};
90</script>
vendor: 1 bytes, line 90
90
91<script id="__st">var __st={"a":100959814000,"offset":-14400,"reqid":"de375a81-35fd-41a9-a6ab-6a08bad08500-1791592726","pageurl":"milfordbaysmokehaus.com\/pages\/store-locator","s":"pages-708950622576","u":"c3c9cdabd847","p":"page","rtyp":"page","rid":708950622576};</script>
vendor: 1 bytes, line 91
91
92<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 92
92
93<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 93
93
94<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 94
94
95<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>
95<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 95
95
96<script>
97  window.Shopify = window.Shopify || {};
98  window.Shopify.MCP = window.Shopify.MCP || {};
99  window.Shopify.MCP.enabled = true;
100  window.Shopify.MCP.shop = "p1gf7f-1d.myshopify.com";
101  window.Shopify.MCP.mcpEndpoint = "https:\/\/milfordbaysmokehaus.com\/api\/mcp";
102  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"]}}];
103</script>
vendor: 1 bytes, line 103
103
104<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=");})();
105</script>
vendor: 1 bytes, line 105
105
106<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)}};
107</script>
vendor: 1 bytes, line 107
107
108<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
109  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);
110</script>
vendor: 1 bytes, line 110
110
111<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})}}));
112</script>
112
113<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">
114<style id="shopify-accelerated-checkout-cart">
115        #shopify-buyer-consent {
116  margin-top: 1em;
117  display: inline-block;
118  width: 100%;
119}
120
121#shopify-buyer-consent.hidden {
122  display: none;
123}
124
125#shopify-subscription-policy-button {
126  background: none;
127  border: none;
128  padding: 0;
129  text-decoration: underline;
130  font-size: inherit;
131  cursor: pointer;
132}
133
134#shopify-subscription-policy-button::before {
135  box-shadow: none;
136}
137
138      </style>
139
140<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
140
141
142    <style data-shopify>
143         @font-face {
144  font-family: "Anonymous Pro";
145  font-weight: 700;
146  font-style: normal;
147  font-display: swap;
148  src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
149       url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
150}
151
152         @font-face {
153  font-family: "Anonymous Pro";
154  font-weight: 700;
155  font-style: normal;
156  font-display: swap;
157  src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2") format("woff2"),
158       url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.72f538c813c55fd861df0050c3a89911062226b9.woff") format("woff");
159}
160
161         @font-face {
162  font-family: "Anonymous Pro";
163  font-weight: 700;
164  font-style: italic;
165  font-display: swap;
166  src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
167       url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
168}
169
170         @font-face {
171  font-family: "Anonymous Pro";
172  font-weight: 700;
173  font-style: italic;
174  font-display: swap;
175  src: url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.ee4faea594767398c1a7c2d939c79e197bcdaf0b.woff2") format("woff2"),
176       url("//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_i7.d1ad252be5feb58dd0c7443a002463a98964f452.woff") format("woff");
177}
178
179         @font-face {
180  font-family: Oswald;
181  font-weight: 600;
182  font-style: normal;
183  font-display: swap;
184  src: url("//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2") format("woff2"),
185       url("//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.2feb7f52d7eb157822c86dfd93893da013b08d5d.woff") format("woff");
186}
187
188
189         
190         :root,
191         .color-scheme-1 {
192         --color-background: 247,242,228;
193         --gradient-background: #f7f2e4;
194         
195         --color-foreground: 63,37,36;
196         --color-heading: 63,37,36;
197         --color-bg-hex: #f7f2e4;
198         --color-background-contrast: 218,195,130;
199         --color-primary-button-bg: 253,198,7;
200         --color-primary-button-text: 63,37,36;
201         --color-primary-button-border:,,;
202         --color-secondary-button-bg: 41,49,111;
203         --color-secondary-button-text: 255,255,255;
204         --color-secondary-button-border:,,;
205         --color-link: 63,37,36;
206         --color-input-bg: 255,244,204;
207         --color-border: 63,37,36;
208         --color-input-border: 63,37,36;
209         --color-input-text-color: 63,37,36;
210         --color-badge-foreground: 63,37,36;
211         --color-sale-badge-background: 62,56,44 ;
212         --color-sale-badge-text: 224,210,181 ;
213
214         --color-sold-badge-background: 62,44,44 ;
215         --color-sold-badge-text: 255,255,255 ;
216
217         --color-badge-border: 63,37,36;
218         --payment-terms-background-color: rgb(247 242 228);
219         --bs-link-color-rgb: var(--color-link);
220         --bs-link-color: rgb(var(--color-link));
221         --bs-link-hover-color-rgb:var(--color-link);
222         --bs-bg-input:rgb(var(--color-input-bg));
223         --bs-border-color: rgb(var(--color-border));
224         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
225         --bs-navbar-color: rgba(var(--color-foreground), 1);
226         --bs-navbar-active-color:rgba(var(--color-link),1);
227         --border-color:rgba(var(--color-input-border),1.0)
228         }
229
230             
231
232            
233         
234         .color-scheme-2 {
235         --color-background: 63,37,36;
236         --gradient-background: #3f2524;
237         
238         --color-foreground: 247,242,228;
239         --color-heading: 247,242,228;
240         --color-bg-hex: #3f2524;
241         --color-background-contrast: 79,47,45;
242         --color-primary-button-bg: 255,244,204;
243         --color-primary-button-text: 63,37,36;
244         --color-primary-button-border:,,;
245         --color-secondary-button-bg: 253,198,7;
246         --color-secondary-button-text: 63,37,36;
247         --color-secondary-button-border:,,;
248         --color-link: 247,242,228;
249         --color-input-bg: 63,37,36;
250         --color-border: 255,244,204;
251         --color-input-border: 255,244,204;
252         --color-input-text-color: 255,244,204;
253         --color-badge-foreground: 247,242,228;
254         --color-sale-badge-background: 62,56,44 ;
255         --color-sale-badge-text: 224,210,181 ;
256
257         --color-sold-badge-background: 62,44,44 ;
258         --color-sold-badge-text: 255,255,255 ;
259
260         --color-badge-border: 247,242,228;
261         --payment-terms-background-color: rgb(63 37 36);
262         --bs-link-color-rgb: var(--color-link);
263         --bs-link-color: rgb(var(--color-link));
264         --bs-link-hover-color-rgb:var(--color-link);
265         --bs-bg-input:rgb(var(--color-input-bg));
266         --bs-border-color: rgb(var(--color-border));
267         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
268         --bs-navbar-color: rgba(var(--color-foreground), 1);
269         --bs-navbar-active-color:rgba(var(--color-link),1);
270         --border-color:rgba(var(--color-input-border),1.0)
271         }
272
273             
274
275            
276         
277         .color-scheme-3 {
278         --color-background: 253,198,7;
279         --gradient-background: #fdc607;
280         
281         --color-foreground: 63,37,36;
282         --color-heading: 63,37,36;
283         --color-bg-hex: #fdc607;
284         --color-background-contrast: 131,102,1;
285         --color-primary-button-bg: 63,37,36;
286         --color-primary-button-text: 255,244,204;
287         --color-primary-button-border:,,;
288         --color-secondary-button-bg: 255,244,204;
289         --color-secondary-button-text: 63,37,36;
290         --color-secondary-button-border:,,;
291         --color-link: 63,37,36;
292         --color-input-bg: 253,198,7;
293         --color-border: 63,37,36;
294         --color-input-border: 63,37,36;
295         --color-input-text-color: 63,37,36;
296         --color-badge-foreground: 63,37,36;
297         --color-sale-badge-background: 62,56,44 ;
298         --color-sale-badge-text: 224,210,181 ;
299
300         --color-sold-badge-background: 62,44,44 ;
301         --color-sold-badge-text: 255,255,255 ;
302
303         --color-badge-border: 63,37,36;
304         --payment-terms-background-color: rgb(253 198 7);
305         --bs-link-color-rgb: var(--color-link);
306         --bs-link-color: rgb(var(--color-link));
307         --bs-link-hover-color-rgb:var(--color-link);
308         --bs-bg-input:rgb(var(--color-input-bg));
309         --bs-border-color: rgb(var(--color-border));
310         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
311         --bs-navbar-color: rgba(var(--color-foreground), 1);
312         --bs-navbar-active-color:rgba(var(--color-link),1);
313         --border-color:rgba(var(--color-input-border),1.0)
314         }
315
316             
317
318            
319         
320         .color-scheme-4 {
321         --color-background: 0,30,96;
322         --gradient-background: #001E60;
323         
324         --color-foreground: 255,255,255;
325         --color-heading: 255,255,255;
326         --color-bg-hex: #001E60;
327         --color-background-contrast: 0,38,122;
328         --color-primary-button-bg: 63,37,36;
329         --color-primary-button-text: 255,244,204;
330         --color-primary-button-border:,,;
331         --color-secondary-button-bg: 253,198,7;
332         --color-secondary-button-text: 63,37,36;
333         --color-secondary-button-border:,,;
334         --color-link: 63,37,36;
335         --color-input-bg: 141,244,208;
336         --color-border: 63,37,36;
337         --color-input-border: 63,37,36;
338         --color-input-text-color: 63,37,36;
339         --color-badge-foreground: 255,255,255;
340         --color-sale-badge-background: 62,56,44 ;
341         --color-sale-badge-text: 224,210,181 ;
342
343         --color-sold-badge-background: 62,44,44 ;
344         --color-sold-badge-text: 255,255,255 ;
345
346         --color-badge-border: 255,255,255;
347         --payment-terms-background-color: rgb(0 30 96);
348         --bs-link-color-rgb: var(--color-link);
349         --bs-link-color: rgb(var(--color-link));
350         --bs-link-hover-color-rgb:var(--color-link);
351         --bs-bg-input:rgb(var(--color-input-bg));
352         --bs-border-color: rgb(var(--color-border));
353         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
354         --bs-navbar-color: rgba(var(--color-foreground), 1);
355         --bs-navbar-active-color:rgba(var(--color-link),1);
356         --border-color:rgba(var(--color-input-border),1.0)
357         }
358
359             
360               .offcanvas.color-scheme-4 .btn-close{
361                  filter: var(--bs-btn-close-white-filter);
362               }
363               .modal-content.password-modal__content .btn-close {
364                   filter: var(--bs-btn-close-white-filter);
365               }
366             
367
368            
369         
370         .color-scheme-0c4e4ae4-dfc4-4f20-8628-bb0485be0a13 {
371         --color-background: 0,30,96;
372         --gradient-background: #001E60;
373         
374         --color-foreground: 0,0,0;
375         --color-heading: 0,0,0;
376         --color-bg-hex: #001E60;
377         --color-background-contrast: 0,38,122;
378         --color-primary-button-bg: 63,37,36;
379         --color-primary-button-text: 255,244,204;
380         --color-primary-button-border:,,;
381         --color-secondary-button-bg: 253,198,7;
382         --color-secondary-button-text: 63,37,36;
383         --color-secondary-button-border:,,;
384         --color-link: 63,37,36;
385         --color-input-bg: 255,244,204;
386         --color-border: 63,37,36;
387         --color-input-border: 63,37,36;
388         --color-input-text-color: 63,37,36;
389         --color-badge-foreground: 0,0,0;
390         --color-sale-badge-background: 62,56,44 ;
391         --color-sale-badge-text: 224,210,181 ;
392
393         --color-sold-badge-background: 62,44,44 ;
394         --color-sold-badge-text: 255,255,255 ;
395
396         --color-badge-border: 0,0,0;
397         --payment-terms-background-color: rgb(0 30 96);
398         --bs-link-color-rgb: var(--color-link);
399         --bs-link-color: rgb(var(--color-link));
400         --bs-link-hover-color-rgb:var(--color-link);
401         --bs-bg-input:rgb(var(--color-input-bg));
402         --bs-border-color: rgb(var(--color-border));
403         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
404         --bs-navbar-color: rgba(var(--color-foreground), 1);
405         --bs-navbar-active-color:rgba(var(--color-link),1);
406         --border-color:rgba(var(--color-input-border),1.0)
407         }
408
409             
410               .offcanvas.color-scheme-0c4e4ae4-dfc4-4f20-8628-bb0485be0a13 .btn-close{
411                  filter: var(--bs-btn-close-white-filter);
412               }
413               .modal-content.password-modal__content .btn-close {
414                   filter: var(--bs-btn-close-white-filter);
415               }
416             
417
418            
419         
420         .color-scheme-d319f50a-f4a4-4a15-ba5e-8b9c15da1ba4 {
421         --color-background: 255,244,204;
422         --gradient-background: #fff4cc;
423         
424         --color-foreground: 0,0,0;
425         --color-heading: 0,0,0;
426         --color-bg-hex: #fff4cc;
427         --color-background-contrast: 255,217,77;
428         --color-primary-button-bg: 0,30,96;
429         --color-primary-button-text: 63,37,36;
430         --color-primary-button-border:,,;
431         --color-secondary-button-bg: 255,244,204;
432         --color-secondary-button-text: 63,37,36;
433         --color-secondary-button-border:,,;
434         --color-link: 0,30,96;
435         --color-input-bg: 255,244,204;
436         --color-border: 63,37,36;
437         --color-input-border: 63,37,36;
438         --color-input-text-color: 63,37,36;
439         --color-badge-foreground: 0,0,0;
440         --color-sale-badge-background: 62,56,44 ;
441         --color-sale-badge-text: 224,210,181 ;
442
443         --color-sold-badge-background: 62,44,44 ;
444         --color-sold-badge-text: 255,255,255 ;
445
446         --color-badge-border: 0,0,0;
447         --payment-terms-background-color: rgb(255 244 204);
448         --bs-link-color-rgb: var(--color-link);
449         --bs-link-color: rgb(var(--color-link));
450         --bs-link-hover-color-rgb:var(--color-link);
451         --bs-bg-input:rgb(var(--color-input-bg));
452         --bs-border-color: rgb(var(--color-border));
453         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
454         --bs-navbar-color: rgba(var(--color-foreground), 1);
455         --bs-navbar-active-color:rgba(var(--color-link),1);
456         --border-color:rgba(var(--color-input-border),1.0)
457         }
458
459             
460
461            
462         
463         .color-scheme-28071c62-cdc6-495f-87d0-cf12aade111e {
464         --color-background: 0,30,96;
465         --gradient-background: #001E60;
466         
467         --color-foreground: 255,255,255;
468         --color-heading: 255,255,255;
469         --color-bg-hex: #001E60;
470         --color-background-contrast: 0,38,122;
471         --color-primary-button-bg: 255,255,255;
472         --color-primary-button-text: 63,37,36;
473         --color-primary-button-border:,,;
474         --color-secondary-button-bg: 255,244,204;
475         --color-secondary-button-text: 63,37,36;
476         --color-secondary-button-border:,,;
477         --color-link: 255,255,255;
478         --color-input-bg: 255,244,204;
479         --color-border: 63,37,36;
480         --color-input-border: 63,37,36;
481         --color-input-text-color: 63,37,36;
482         --color-badge-foreground: 255,255,255;
483         --color-sale-badge-background: 62,56,44 ;
484         --color-sale-badge-text: 224,210,181 ;
485
486         --color-sold-badge-background: 62,44,44 ;
487         --color-sold-badge-text: 255,255,255 ;
488
489         --color-badge-border: 255,255,255;
490         --payment-terms-background-color: rgb(0 30 96);
491         --bs-link-color-rgb: var(--color-link);
492         --bs-link-color: rgb(var(--color-link));
493         --bs-link-hover-color-rgb:var(--color-link);
494         --bs-bg-input:rgb(var(--color-input-bg));
495         --bs-border-color: rgb(var(--color-border));
496         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
497         --bs-navbar-color: rgba(var(--color-foreground), 1);
498         --bs-navbar-active-color:rgba(var(--color-link),1);
499         --border-color:rgba(var(--color-input-border),1.0)
500         }
501
502             
503               .offcanvas.color-scheme-28071c62-cdc6-495f-87d0-cf12aade111e .btn-close{
504                  filter: var(--bs-btn-close-white-filter);
505               }
506               .modal-content.password-modal__content .btn-close {
507                   filter: var(--bs-btn-close-white-filter);
508               }
509             
510
511            
512         
513         .color-scheme-variants-active-reversed {
514         --color-background: 247,242,228;
515         --gradient-background: #f7f2e4;
516         
517         --color-foreground: 63,37,36;
518         --color-heading: 63,37,36;
519         --color-bg-hex: #f7f2e4;
520         --color-background-contrast: 218,195,130;
521         --color-primary-button-bg: 253,198,7;
522         --color-primary-button-text: 63,37,36;
523         --color-primary-button-border:,,;
524         --color-secondary-button-bg: 41,49,111;
525         --color-secondary-button-text: 255,255,255;
526         --color-secondary-button-border:,,;
527         --color-link: 63,37,36;
528         --color-input-bg: 255,244,204;
529         --color-border: 63,37,36;
530         --color-input-border: 63,37,36;
531         --color-input-text-color: 63,37,36;
532         --color-badge-foreground: 63,37,36;
533         --color-sale-badge-background: 62,56,44 ;
534         --color-sale-badge-text: 224,210,181 ;
535
536         --color-sold-badge-background: 62,44,44 ;
537         --color-sold-badge-text: 255,255,255 ;
538
539         --color-badge-border: 63,37,36;
540         --payment-terms-background-color: rgb(247 242 228);
541         --bs-link-color-rgb: var(--color-link);
542         --bs-link-color: rgb(var(--color-link));
543         --bs-link-hover-color-rgb:var(--color-link);
544         --bs-bg-input:rgb(var(--color-input-bg));
545         --bs-border-color: rgb(var(--color-border));
546         --swiper-pagination-color:rgb(var(--color-primary-button-bg));
547         --bs-navbar-color: rgba(var(--color-foreground), 1);
548         --bs-navbar-active-color:rgba(var(--color-link),1);
549         --border-color:rgba(var(--color-input-border),1.0)
550         }
551
552             
553
554            
555           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 {
556             --bs-body-color: rgba(var(--color-foreground));
557             --bs-body-color-rgb: var(--color-foreground);
558             color: rgba(var(--color-foreground), 1);
559             background-color: rgb(var(--color-background));
560           }
561           :root {
562           --bs-body-bg:var(--color-bg-hex);
563           --bs-body-bg-rgb:var(--color-background);
564           --bs-body-font-family: "Anonymous Pro", monospace;
565           --font-body-style: normal;
566           --font-body-weight: 700;
567           --font-body-weight-bold: 1000;
568           --bs-body-line-height:1.5; /*settings.body_line_height*/
569           --bs-body-letter-space:0px; /*settings.body_letter_space*/
570
571           --font-heading-family: Oswald, sans-serif;
572           --font-heading-transform: uppercase;
573           --font-heading-style: normal;
574           --font-heading-weight: 600;
575           --font-heading-color:var(--color-foreground);
576           --heading-line-height:1.2; /* settings.heading_line_height */
577           --heading-letter-space:0px; /*settings.heading_letter_space*/
578
579           --page-width: 99.5rem;
580           --page-width-margin: 0rem;
581           --bs-btn-border:0px;
582           
583           --bs-btn-outline-border:1px;
584           
585           --bs-input-border:1px;
586           --bs-btn-border-opacity:1.0;
587
588           --bs-style-border:0px;
589           --bs-radius:30px;
590
591           
592             --btn-border-radius:.5rem !important;
593           
594           
595             --input-btn-border-radius:0rem;
596           
597
598           --circle-bg:#E0D2B5;
599           --head-h1:clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
600           --head-h2:clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
601           --head-h3:clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem);
602           --head-h4:clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
603           --head-h5:clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
604           --head-h6:clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
605           --bg-white: #fff;
606           --head-font-scale:1.1;
607           --body-font-scale:0.9;
608           --h1:calc(var(--head-h1) * var(--head-font-scale));
609           --h2:calc(var(--head-h2) * var(--head-font-scale));
610           --h3:calc(var(--head-h3) * var(--head-font-scale));
611           --h4:calc(var(--head-h4) * var(--head-font-scale));
612           --h5:calc(var(--head-h5) * var(--head-font-scale));
613           --h6:calc(var(--head-h6) * var(--head-font-scale));
614           --btn-transform:uppercase;
615           --email-btn-width: 0px;
616           --bs-font-xs: 12px;
617           --bs-font-sm: 14px;
618           --bs-font-md: 16px;
619           }
620           .gradient {
621           background: rgb(var(--color-background));
622           background: var(--gradient-background);
623           background-attachment: fixed;
624           }
625           h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
626           --bs-heading-color:rgba(var(--color-heading),var(--wdt-text-opacity));
627           --wdt-text-opacity: 1;
628           font-family: var(--font-heading-family);
629           text-transform: var(--font-heading-transform);
630           }
631           @media (min-width: 1540px) {
632           .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
633           max-width: calc(var(--page-width) + var(--bs-gutter-x) * 2);
634           }
635           .container {
636           width: 90%;
637           }
638           }
639         .offcanvas .line-decor .container{width:100%;}
640      
641         @media (min-width: 992px) {
642         .offcanvas .line-decor .container{max-width: 75%;width: 100%;}
643         }
644       
645           @media (min-width: 992px) {
646           [id*="OffCanvas"],[class*="OffCanvas"] {
647           
648           clip-path: ellipse(100% 100% at 100% 50%);
649           
650           }
651           }
652           @media (min-width: 1925px) {
653           [id*="OffCanvas"],[class*="OffCanvas"] {
654           
655           clip-path: ellipse(100% 100% at 100% 50%);
656           
657           }
658           }
659           @media (max-width: 991.98px){
660           [id*="OffCanvas"],[class*="OffCanvas"] {
661           
662           width:clamp(22rem, 17.4rem + 23vw, 45rem) !important;
663           max-width:100%;
664           
665           }
666           }
667           
668           .btn{
669           text-transform: uppercase;
670           font-family:  var(--bs-body-font-family); 
671           }
672           button.shopify-payment-button__button--unbranded{
673           text-transform: uppercase;
674           font-family:  var(--bs-body-font-family); 
675           }
676           .btn_radius, button.shopify-payment-button__button--unbranded { border-radius:var(--btn-border-radius); }
677           .form-control, .input-group-text,.cart-item__quantity, .input_button  { border-radius:var(--input-btn-border-radius) !important; }
678           
679           .card_product_detail, .card_images{
680           border: var(--bs-style-border) solid var(--bs-border-color);
681           border-radius:var(--bs-radius);
682           }
683           .collection_card{
684           border: var(--bs-style-border) solid var(--bs-border-color);
685           border-radius:var(--bs-radius);
686           overflow:hidden;
687           }
688           .collection_cards{
689           border: var(--bs-style-border) solid var(--bs-border-color);
690           border-radius:var(--bs-radius);
691           overflow:hidden;
692           }
693           /*common border and radius*/
694           
695           .produc_card .card-img:has(a:focus-visible){
696           outline: 2px dashed currentcolor !important;
697           }
698           .produc_card .card-image:has(a:focus-visible){
699           outline: 2px dashed currentcolor !important;
700           }
701           .card_product_detail, .card_images{
702           overflow:hidden;
703           }
704           
705
706           
707           .collection_card .card-img:has(a:focus-visible){
708           outline: 2px dashed  currentcolor !important;
709           }
710           .card_product_detail, .card_images{
711           overflow:hidden;
712           }
713           
714
715           
716           .blog_card .card-img:has(a:focus-visible){
717           outline: 2px dashed  currentcolor !important;
718           }
719           .card_product_detail, .card_images{
720           overflow:hidden;
721           }
722           
723
724           .blog-article{
725           border: var(--bs-style-border) solid var(--bs-border-color);
726           border-radius:var(--bs-radius);
727           overflow:hidden;
728           }
729
730           [id*="OffCanvas"] .body-container{
731           max-width: 75%;
732           margin: auto;
733           width: 100%;
734           overflow:hidden;
735           padding: 5px;
736           }
737           @media (max-width: 991.98px) {
738           [id*="OffCanvas"] .body-container{
739           max-width: 100%;
740           width: 100%;
741           }
742           }
743           
744
745           input{
746           color: rgb(var(--color-input-text-color));
747           background: rgb(var(--color-input-bg));
748           }
749    </style>
750
751      <link rel="preload" as="font" href="//milfordbaysmokehaus.com/cdn/fonts/anonymous_pro/anonymouspro_n7.1abf60a1262a5f61d3e7f19599b5bc79deae580f.woff2" type="font/woff2" crossorigin>
752      
753
754      <link rel="preload" as="font" href="//milfordbaysmokehaus.com/cdn/fonts/oswald/oswald_n6.26b6bffb711f770c328e7af9685d4798dcb4f0b3.woff2" type="font/woff2" crossorigin>
755      
756
757
758    
759  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
760<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: "page"};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 760
760
761<script>
762  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
763</script>
vendor: 1 bytes, line 763
763
764<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}
764).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":"5b54c491-f8ad-404c-908a-266c11e8b06e","pageType":"page","resourceId":"708950622576","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>
764<script>
765  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
766  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
767  window.ShopifyAnalytics.meta.currency = 'CAD';
768  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":708950622576,"requestId":"de375a81-35fd-41a9-a6ab-6a08bad08500-1791592726"}};
769  for (var attr in meta) {
770    window.ShopifyAnalytics.meta[attr] = meta[attr];
771  }
772</script>
vendor: 1 bytes, line 772
772
773<script class="analytics">
774  (function () {
775    var customDocumentWrite = function(content) {
776      var jquery = null;
777
778      if (window.jQuery) {
779        jquery = window.jQuery;
780      } else if (window.Checkout && window.Checkout.$) {
781        jquery = window.Checkout.$;
782      }
783
784      if (jquery) {
785        jquery('body').append(content);
786      }
787    };
788
789    var hasLoggedConversion = function(token) {
790      if (token) {
791        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
792      }
793      return false;
794    }
795
796    var setCookieIfConversion = function(token) {
797      if (token) {
798        var twoMonthsFromNow = new Date(Date.now());
799        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
800
801        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
802      }
803    }
804
805    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
806    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
807    if (trekkie.integrations) {
808      return;
809    }
810    trekkie.methods = [
811      'identify',
812      'page',
813      'ready',
814      'track',
815      'trackForm',
816      'trackLink'
817    ];
818    trekkie.factory = function(method) {
819      return function() {
820        var args = Array.prototype.slice.call(arguments);
821        args.unshift(method);
822        trekkie.push(args);
823        if (method == 'track' || method == 'page') {
824          var pageUrl;
825          try {
826            pageUrl = window.location.href;
827          } catch (e) {}
828          var pageReferrer;
829          try {
830            pageReferrer = document.referrer;
831          } catch (e) {}
832          try {
833            if (window.__TREKKIE_SHIM_QUEUE == null) {
834              window.__TREKKIE_SHIM_QUEUE = [];
835            }
836            window.__TREKKIE_SHIM_QUEUE.push({
837              from: 'trekkie-stub',
838              method: method,
839              args: args.slice(1),
840              pageContext: {
841                url: pageUrl,
842                referrer: pageReferrer
843              }
844            });
845          } catch (e) {
846            // no-op
847          }
848        }
849        return trekkie;
850      };
851    };
852    for (var i = 0; i < trekkie.methods.length; i++) {
853      var key = trekkie.methods[i];
854      trekkie[key] = trekkie.factory(key);
855    }
856    trekkie.load = function(config) {
857      trekkie.config = config || {};
858      trekkie.config.initialDocumentCookie = document.cookie;
859      var first = document.getElementsByTagName('script')[0];
860var script = document.createElement('script');
861script.type = 'text/javascript';
862script.onerror = function(e) {
863  var scriptFallback = document.createElement('script');
864  scriptFallback.type = 'text/javascript';
865  scriptFallback.onerror = function(error) {
866          var Monorail = {
867      produce: function produce(monorailDomain, schemaId, payload) {
868        var currentMs = new Date().getTime();
869        var event = {
870          schema_id: schemaId,
871          payload: payload,
872          metadata: {
873            event_created_at_ms: currentMs,
874            event_sent_at_ms: currentMs
875          }
876        };
877        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
878      },
879      sendRequest: function sendRequest(endpointUrl, payload) {
880        // Try the sendBeacon API
881        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
882          var blobData = new window.Blob([payload], {
883            type: 'text/plain'
884          });
885
886          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
887            return true;
888          } // sendBeacon was not successful
889
890        } // XHR beacon
891
892        var xhr = new XMLHttpRequest();
893
894        try {
895          xhr.open('POST', endpointUrl);
896          xhr.setRequestHeader('Content-Type', 'text/plain');
897          xhr.send(payload);
898        } catch (e) {
899          console.log(e);
900        }
901
902        return false;
903      },
904      isIos12: function isIos12() {
905        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
906      }
907    };
908    Monorail.produce('monorail-edge.shopifysvc.com',
909      'trekkie_storefront_load_errors/1.1',
910      {shop_id: 100959814000,
911      theme_id: 190776770928,
912      app_name: "storefront",
913      context_url: window.location.href,
914      source_url: "//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
915
916  };
917  scriptFallback.async = true;
918  scriptFallback.src = '//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
919  first.parentNode.insertBefore(scriptFallback, first);
920};
921script.async = true;
922script.src = '//milfordbaysmokehaus.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
923first.parentNode.insertBefore(script, first);
924
925    };
926    trekkie.load(
927      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":100959814000,"isMerchantRequest":null,"themeId":190776770928,"themeCityHash":"5928326325432600671","contentLanguage":"en","currency":"CAD","eventMetadataId":"5b54c491-f8ad-404c-908a-266c11e8b06e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
928    );
929
930    var loaded = false;
931    trekkie.ready(function() {
932      if (loaded) return;
933      loaded = true;
934
935      window.ShopifyAnalytics.lib = window.trekkie;
936
937      var originalDocumentWrite = document.write;
938      document.write = customDocumentWrite;
939      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
940      document.write = originalDocumentWrite;
941
942      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
943      var token = match? match[1]: undefined;
944      if (!hasLoggedConversion(token)) {
945        setCookieIfConversion(token);
946        
947      }
948    });
949
950    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":708950622576,"requestId":"de375a81-35fd-41a9-a6ab-6a08bad08500-1791592726","shopifyEmitted":true});
951
952    var eventsListenerScript = document.createElement('script');
953    eventsListenerScript.async = true;
954    eventsListenerScript.src = "//milfordbaysmokehaus.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
955    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
956})();</script>
vendor: 1 bytes, line 956
956
957<script
958  defer
959  src="https://milfordbaysmokehaus.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
960  data-application="storefront-renderer"
961  data-shop-id="100959814000"
962  data-render-region="gcp-us-central1"
963  data-page-type="page"
964  data-theme-instance-id="190776770928"
965  data-theme-name="Elegance"
966  data-theme-version="1.2.0"
967  data-monorail-region="shop_domain"
968  data-resource-timing-sampling-rate="10"
969  data-shs="true"
970  data-shs-beacon="true"
971  data-shs-export-with-fetch="true"
972  data-shs-logs-sample-rate="1"
973  data-shs-beacon-endpoint="https://milfordbaysmokehaus.com/api/collect"
974></script>
974
975<meta name="shopify-y" content="4bdecd2a-b88d-4bb6-8f46-4dbebd278122" data-expiration="1823150326000"><meta name="shopify-s" content="f29c2d0a-d8cf-42d5-9665-27aa2e3fd99d" data-expiration="1791594526000">
976</head>
977
978  <body class="gradient">
979    <a
980      class="skip-to-content-link btn btn-primary visually-hidden btn position-absolute start-0 w-auto py-2 px-3 m-2"
981      href="#MainContent"
982    >
983      Skip to content
984    </a><style data-shopify>
985    .line-decor .container > div {width:100%; margin:auto; }
986    .line-right, .line-left{ width:40% !important; }
987   div#cart-items-list1 .cart-item:last-child {
988    border: none !important;
989}
990  .btn-close:focus-visible{
991    outline: 2px dotted;
992    outline-offset:2px;
993  }
994  .cart-items-list .cart-img.card_product_detail:focus-within {
995    outline: 2px dotted;
996  }
997  .cart-items-list .cart-img.card_product_detail {
998    width:170px;
999    height:100%;
1000}
1001  .cart-items-list .card .card-body{
1002    width:calc(100% - 170px);
1003  }
1004  @media (max-width: 767.98px) {
1005    .cartDrawer .offcanvas-body #cart-details1, .cartDrawer .offcanvas-footer .form-text {
1006      width:100% !important;
1007      margin:0 !important;
1008    }
1009    .offcanvas-footer > div { width:100% !important; }
1010  }
1011  @media (max-width: 575.98px) {
1012    .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .cart-img {
1013      width:150px;
1014    }
1015    .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .card-body{ width:calc(100% - 150px);}
1016  }
1017  @media (max-width: 425px) {
1018    .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .cart-img {
1019      width:100px;
1020    }
1021    .cartDrawer .offcanvas-body #cart-details1 .cart-items-list .card .card-body{ width:calc(100% - 100px);}
1022  }
1023   @media screen and (max-width:480px){
1024    .cart-img .cart-remove-button{
1025      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>');
1026      width:18px;
1027      height:18px;
1028      background-repeat:no-repeat;
1029    }
1030    .card .card-body .card-title cart_item_name, .product-option, .cart-remove-button{ font-size:1rem; }
1031    .cart-items-list .card{ gap:10px !important; }
1032    .cart-item__quantity{ width:120px; }
1033     .cart-item__quantity button { padding: 3px 12px; }
1034     .cart-item__quantity .decrement-item, .cart-item__quantity .increment-item{ padding: 18px 20px !important; }
1035  }
1036
1037.cart-item__quantity .decrement-item, .cart-item__quantity .increment-item{
1038  position:relative;
1039}
1040.cartDrawer :is(.cart-item__quantity, textarea){ background:var(--bs-bg-input);}
1041/* .cartDrawer :is(textarea) { border-radius: 10px !important; }   */
1042.cartDrawer :is(.card-body .variants), .cartDrawer :is(.card-body .discount, .product-priceoption, .subscription_minicart) {
1043    font-size: var(--bs-font-md);
1044}
1045.cartDrawer :is(.card-body .vendor) { font-size: var(--bs-font-xs); }
1046.cart-item__quantity .decrement-item::before{
1047  content:"";
1048  position:absolute;
1049  mask-image:url('data:image/svg+xml,<svg width="10" height="11" viewB
1049ox="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>');
1050  mask-position: center;
1051  mask-repeat:no-repeat;
1052  width:20px;
1053  height:20px;
1054  background-color:currentcolor;
1055}
1056.cart-item__quantity .increment-item::before{
1057  content:"";
1058  position:absolute;
1059  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>');
1060  mask-position: center;
1061  mask-repeat:no-repeat;
1062  width:20px;
1063  height:20px;
1064  background-color:currentcolor;
1065}
1066.form-message1{
1067  display:flex;
1068  align-items:baseline;
1069  gap:4px;
1070  padding:0px 8px;
1071  font-size: var(--bs-font-md);
1072}
1073.form-message1 >*{margin-top:8px;}
1074#cart_totalinfo .cart_total{ font-size: var(--h5);}
1075.cartDrawer .cart-items-list .cart-item:last-child{padding-bottom:0 !important;}
1076.cartDrawer .cart-items-list .cart-item:first-child{padding-top: 0 !important;}
1077 .cleared-items:empty {display:none}
1078</style>
1079
1080
1081<script>
1082  window.cartNestedLabel = "cart" ;
1083</script>
1083
1084<div
1085  class="offcanvas offcanvas-end cartDrawer color-scheme-1 gradient"
1086  data-bs-scroll="false"
1087  tabindex="-1"
1088  id="cartOffCanvas"
1089  aria-labelledby="cartDrawer"
1090  role="dialog"
1091  aria-modal="true"
1092>
1093  <div class="offcanvas-header  text-center justify-content-center position-relative">
1094    <h2 class="offcanvas-title h1 offcanvas-title" id="cartDrawer">Cart</h2>
1095    <div class="close m-3  position-absolute d-flex top-0 end-0 shadow-none">
1096    <button type="button" class="btn-close m-0" data-bs-dismiss="offcanvas" aria-label="Close"></button>
1097    </div>
1098  </div>
1099
1100  <div class="line-decor position-relative">
1101  <div class="container">
1102    <div class="d-flex flex-nowrap align-items-center"
1103      style=" ">
1104      
1105      
1106          <span class="line-left flex-grow-1"></span>
1107          <div class="d-inline-flex divide-icon">
1108  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
1109  	 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve">
1110  <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
1111  	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
1112  	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
1113  	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
1114  	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
1115  	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
1116  	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
1117  	 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
1118  	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
1119  	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"/>
1120  </svg>
1121</div>
1122
1123          <span class="line-right flex-grow-1"></span>
1124      
1125
1126    </div>
1127  </div>
1128</div>
1129
1130
1131  <div class="offcanvas-body pt-sm-5 pb-0 default">
1132    <div id="custom-div1" class="body-container " style="display: block;">
1133      <div id="cart-details1" style="display: block;" class="m-auto">
1134        <div class="d-flex">
1135
1136        </div>
1137        <div id="cart-items-list1" class="cart-items-list">
1138          <!-- Cart items will be dynamically inserted here -->
1139        </div>
1140        <!-- Section to show cleared cart items -->
1141        <div id="cleared-items" style="margin-top: 10px;"></div>
1142      </div>
1143
1144      <div class="collections_info">
1145        <div class="text-center">
1146          <h3 class="cart__empty-text mb-1">Your cart is empty</h3>
1147          <p class="my-5 mt-4"> Not sure where to start? Try below</p>
1148          <div class="d-flex flex-wrap justify-content-center align-items-center">
1149             
1150            <a href="/collections/all" class="btn btn-primary rounded-pill ">Continue shopping</a>
1151             
1152             
1153          </div>
1154        </div>
1155      </div>
1156    </div>
1157  </div>
1158
1159  <div class="offcanvas-footer p-3" id="cart_totalinfo">
1160    <div class="body-container border-top border-1">
1161      <div class="d-flex justify-content-between align-items-center my-4">
1162        <p class="m-0 h4 text-box-trim"> Subtotal : </p>
1163        <p  class="m-0 cart_total fw-medium "> <span id="cart-total1"></span> <span> </span></p>
1164      </div>
1165      <div class="mb-3 px-1">
1166        
1167        <div class="d-flex flex-wrap gap-3">
1168  <a href="https://milfordbaysmokehaus.com/collections/all" class="btn btn-secondary flex-grow-1">
1169    Keep Shopping
1170  </a>
1171
1172          <a href="/checkout" class="btn btn-primary flex-grow-1">
1173            Checkout
1174          </a>
1175        </div>
1176      </div>
1177    </div>
1178  </div>
1179</div>
1180
1181<script>
1182document.addEventListener('DOMContentLoaded', function () {
1183  var collections_info = document.querySelector('.collections_info');
1184
1185  $('#cart_totalinfo').hide();
1186  if (collections_info) {
1187    collections_info.style.display = 'none';
1188  }
1189
1190  const cart_totalinfo = document.querySelector('.cart_totalinfo');
1191  if (cart_totalinfo) {
1192    cart_totalinfo.style.display = 'none';
1193  }
1194
1195  showPopup();
1196
1197  function showPopup() {
1198    var popup = document.getElementById('custom-div1');
1199    if (popup) {
1200      fetchCart();
1201    }
1202  }
1203
1204  function hidePopup() {
1205    var popup = document.getElementById('custom-div1');
1206    if (popup) {
1207      // reserved for future use
1208    }
1209  }
1210
1211  var getLocale = () => {
1212    var lang =
1213      (window.Shopify && Shopify.language) ||
1214      (window.Shopify && Shopify.locale) ||
1215      (typeof navigator !== 'undefined' && navigator.language.split('-')[0]) ||
1216      'en';
1217    var country = (window.Shopify && Shopify.country) || '';
1218    return country ? `${lang}-${country}` : lang;
1219  };
1220
1221  var formatPrice = (price) => {
1222    var value = price / 100;
1223    var currency =
1224      (window.Shopify && Shopify.currency && Shopify.currency.active) || 'USD';
1225    var locale = getLocale();
1226    return new Intl.NumberFormat(locale, {
1227      style: 'currency',
1228      currency: currency,
1229      currencyDisplay: 'symbol'
1230    }).format(value);
1231  };
1232
1233  /*
1234   * Used ONLY for individual product/unit prices.
1235   * This does not modify Shopify cart prices or calculations.
1236   */
1237  var formatEachPrice = (price) => {
1238    return `${formatPrice(price)} Ea`;
1239  };
1240
1241  function fetchCart() {
1242  fetch('/cart.js')
1243    .then(response => response.json())
1244    .then(cart => {
1245      const cartItemsList = document.getElementById('cart-items-list1');
1246      const totalElement = document.getElementById('cart-total1');
1247
1248      if (!cartItemsList || !totalElement) return;
1249
1250      collections_info.style.display = 'block';
1251      cartItemsList.innerHTML = '';
1252      let total = 0;
1253
1254      /*
1255       * Format product weight.
1256       * Shopify's cart.js returns item.grams as the weight in grams.
1257       */
1258      function formatCartWeight(grams) {
1259        if (!grams || grams <= 0) return '';
1260
1261        if (grams >= 1000) {
1262          const kg = grams / 1000;
1263
1264          // Remove unnecessary decimal places
1265          return `${Number.isInteger(kg) ? kg : kg.toFixed(2).replace(/\.?0+$/, '')} kg`;
1266        }
1267
1268        return `${grams} grams per package`;
1269      }
1270
1271      /*
1272       * Get the options to display.
1273       *
1274       * If the only option is "Default Title", this means the product
1275       * does not have real variants, so we show the product weight instead.
1276       */
1277      function getCartItemOptions(item) {
1278        const options = Array.isArray(item.options_with_values)
1279          ? item.options_with_values
1280          : [];
1281
1282        const hasOnlyDefaultVariant =
1283          options.length === 1 &&
1284          options[0].value === 'Default Title';
1285
1286        if (hasOnlyDefaultVariant) {
1287          const weight = formatCartWeight(item.grams);
1288
1289          return weight
1290            ? `<span class="d-flex align-items-center gap-2 flex-wrap">${weight}</span>`
1291            : '';
1292        }
1293
1294        return options
1295          .filter(function (option) {
1296            return (
1297              option.value !== 'Default Title' &&
1298              option.name !== 'Title'
1299            );
1300          })
1301          .map(function (option, index, filteredOptions) {
1302            return `
1303              <span class="d-flex align-items-center gap-2 flex-wrap">
1304                ${option.value}${index < filteredOptions.length - 1 ? ' /' : ''}
1305              </span>
1306            `;
1307          })
1308          .join('');
1309      }
1310
1311      if (cart.items.length === 0) {
1312        var cartTotalInfo = document.getElementById('cart_totalinfo');
1313        var collectionsInfo = document.getElementById('collections_info');
1314
1315        if (cartTotalInfo) cartTotalInfo.style.display = 'none';
1316        if (collectionsInfo) collectionsInfo.style.display = 'block';
1317
1318        collections_info.style.display = 'block';
1319
1320      } else {
1321        collections_info.style.display = 'none';
1322
1323        var cartTotalInfo = document.getElementById('cart_totalinfo');
1324        if (cartTotalInfo) cartTotalInfo.style.display = 'block';
1325
1326        // Nested cart
1327        const parents = [];
1328        const childrenByParentKey = {};
1329
1330        cart.items.forEach(function (item) {
1331          if (
1332            item.parent_relationship &&
1333            item.parent_relationship.parent_key
1334          ) {
1335            const parentKey = item.parent_relationship.parent_key;
1336
1337            if (!childrenByParentKey[parentKey]) {
1338              childrenByParentKey[parentKey] = [];
1339            }
1340
1341            childrenByParentKey[parentKey].push(item);
1342          } else {
1343            parents.push(item);
1344          }
1345        });
1346
1347        parents.forEach(function (item) {
1348          total += item.line_price;
1349
1350          var recipientEmail =
1351            item.properties &&
1352            item.properties['Recipient email']
1353              ? `<p class="mb-1">Recipient email: ${item.properties['Recipient email']}</p>`
1354              : '';
1355
1356          var recipientName =
1357            item.properties &&
1358            item.properties['Recipient name']
1359              ? `<p class="mb-1">Recipient name: ${item.properties['Recipient name']}</p>`
1360              : '';
1361
1362          var giftMessage =
1363            item.properties &&
1364            item.properties['Message']
1365              ? `<p class="mb-1">Additional message: ${item.properties['Message']}</p>`
1366              : '';
1367
1368          var sendOnDate =
1369            item.properties &&
1370            item.properties['Send on']
1371              ? `<p class="mb-1">Send on: ${item.properties['Send on']}</p>`
1372              : '';
1373
1374          const children = childrenByParentKey[item.key] || [];
1375
1376          children.forEach(function (child) {
1377            total += child.line_price;
1378          });
1379
1380          // Parent item options / weight
1381          const itemOptionsHtml = getCartItemOptions(item);
1382
1383          // Nested child HTML
1384          const childHtml = children
1385            .map(function (child) {
1386              const childOptionsHtml = getCartItemOptions(child);
1387
1388              return `
1389                <div class="cart-item cart-item--nested py-3 ps-5 border-1 border-bottom" id="CartItem-${child.key}">
1390                  <div class="card flex-row gap-4">
1391
1392                    <div class="cart-img card_product_detail common_card_details">
1393                      <a href="${child.url}" class="cart-item__link" aria-hidden="true" tabindex="0">
1394                        ${
1395                          child.image
1396                            ? `<img src="${child.image}&width=200" srcset="
1397                                ${child.image}&width=100 100w,
1398                                ${child.image}&width=200 200w,
1399                                ${child.image}&width=300 300w
1400                              " class="cart-item__image object-fit-cover" alt="${child.title}" loading="lazy">`
1401                            : `<svg class="placeholder-svg h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5"></svg>`
1402                        }
1403                      </a>
1404                    </div>
1405
1406                    <div class="card-body cart-item__details py-0 px-1 position-relative">
1407
1408                      <div class="d-flex flex-column flex-sm-row justify-content-between mb-2 gap-2">
1409                        <div class="h5 m-0 card-title">
1410                          <a href="${child.url}" class="cart_item_name text-break text-decoration-none">
1411                            ${child.product_title}
1412                          </a>
1413                        </div>
1414                      </div>
1415
1416                      <div class="mb-2 d-flex gap-1 flex-wrap variants">
1417                        ${childOptionsHtml}
1418                      </div>
1419
1420                      <div class="product-priceoption d-flex flex-wrap gap-2 mb-2 justify-content-between">
1421                        ${
1422                          child.original_price !== child.final_price
1423                            ? `<div class="d-flex gap-2 flex-wrap">
1424                                <s class="cart-item__original-price product-option opacity-50">
1425                                  ${formatEachPrice(child.original_price)}
1426                                </s>
1427
1428                                <strong class="cart-item__final-price product-option fw-medium">
1429                                  ${formatEachPrice(child.final_price)}
1430                                  
1431                                </strong>
1432                              </div>`
1433                            : `<div class="product-option default-price">
1434                                ${formatEachPrice(child.final_price)}
1435                                
1436                              </div>`
1437                        }
1438
1439                        <div class="product-option">
1440                          <p class="mb-0 fw-bold text-nowrap">
1441                            ${formatPrice(child.final_price * child.quantity)}
1442                            
1443                          </p>
1444                        </div>
1445                      </div>
1446
1447                      <div class="discount">
1448                        ${
1449                          child.line_level_discount_allocations &&
1450                          child.line_level_discount_allocations.length > 0
1451                            ? `<span class="cart-product-discounts">
1452                                <ul class="cart-product-discounts-list p-0" role="list" aria-label="Discount">
1453                                  ${child.line_level_discount_allocations
1454                                    .map(
1455                                      discount_allocation => `
1456                                        <li class="cart-product-discounts-list-item list-unstyled">
1457                                          <span class="badges sale_badge d-flex align-items-center gap-2">
1458
1459                                            <span class="discount_tag">
1460                                              <svg class="icon icon-discount" width="10" height="10" viewBox="0 0 12 12">
1461                                                <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>
1462                                              </svg>
1463                                            </span>
1464
1465                                            <span class="cart-product-discounts-list-item__title">
1466                                              <span class="fw-bold text-uppercase">
1467                                                ${discount_allocation.discount_application.title}
1468                                              </span>
1469                                            </span>
1470
1471                                          </span>
1472                                        </li>
1473                                      `
1474                                    )
1475                                    .join('')}
1476                                </ul>
1477                              </span>`
1478                            : ''
1479                        }
1480                      </div>
1481
1482                      <div class="d-flex flex-wrap justify-content-between row-gap-2 align-items-center">
1483
1484                        <div class="cart-item__quantity d-flex justify-content-between align-items-center">
1485
1486                          <button
1487                            aria-label="Decrement"
1488                            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"
1489                            data-line="${child.key}"
1490                            data-quantity="${child.quantity - 1}">
1491                          </button>
1492
1493                          <div class="visually-hidden label">Order note</div>
1494
1495                          <input
1496                            type="number"
1497                            aria-label="Quantity for item"
1498                            min="0"
1499                            id="input_quantity${child.key}"
1500                            name="input_quantity_${child.key}"
1501                            class="input_quantity mt-1 w-100 text-center border-0"
1502                            value="${child.quantity}"
1503                            data-line="${child.key}"
1504                            data-quantity="${child.quantity}"
1505                          />
1506
1507                          <button
1508                            aria-label="Increament"
1509                            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"
1510                            data-line="${child.key}"
1511                            data-quantity="${child.quantity + 1}">
1512                          </button>
1513
1514                        </div>
1515
1516                        <button
1517                          aria-label="Remove"
1518                          class="cart-remove-button border-0 bg-transparent p-1 text-decoration-underline btn h-auto rounded-0"
1519                          data-line="${child.key}">
1520                          Remove
1521                        </button>
1522
1523                      </div>
1524
1525                      <div class="form-message1 d-flex align-items-baseline gap-1"></div>
1526
1527                    </div>
1528                  </div>
1529                </div>
1530              `;
1531            })
1532            .join('');
1533
1534          // Parent item + child items
1535          cartItemsList.innerHTML += `
1536            <div class="cart-item py-3 border-1 border-bottom" id="CartItem-${item.key}">
1537
1538              <div class="card flex-row gap-4">
1539
1540                <div class="cart-img card_product_detail common_card_details">
1541                  <a href="${item.url}" class="cart-item__link" aria-hidden="true" tabindex="0">
1542
1543                    ${
1544                      item.image
1545                        ? `<img
1546                            src="${item.image}
1546&width=200"
1547                            srcset="
1548                              ${item.image}&width=100 100w,
1549                              ${item.image}&width=200 200w,
1550                              ${item.image}&width=300 300w
1551                            "
1552                            class="cart-item__image object-fit-cover"
1553                            alt="${item.title}"
1554                            loading="lazy">`
1555                        : `<svg class="placeholder-svg h-auto" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525.5 525.5">
1556                            <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 
155660.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>
1557                            <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>
1558                          </svg>`
1559                    }
1560                  </a>
1561                </div>
1562
1563                <div class="card-body cart-item__details py-0 px-1 position-relative">
1564
1565                  
1566                    <div class="vendor text-uppercase mb-2">
1567                      <p class="mb-0">${item.vendor}</p>
1568                    </div>
1569                  
1570
1571                  <div class="d-flex flex-column flex-sm-row justify-content-between mb-2 gap-2">
1572                    <div class="h5 m-0 card-title">
1573                      <a href="${item.url}" class="cart_item_name text-break text-decoration-none">
1574                        ${item.product_title}
1575                      </a>
1576                    </div>
1577                  </div>
1578
1579                  ${
1580                    item.unit_price && item.unit_price_measurement
1581                      ? `<p class="unit_price mb-1 fs-6">
1582                          ${formatPrice(item.unit_price)} /
1583                          ${item.unit_price_measurement.reference_value}
1584                          ${item.unit_price_measurement.reference_unit}
1585                        </p>`
1586                      : ''
1587                  }
1588
1589                  <!-- VARIANT / WEIGHT -->
1590                  <div class="mb-2 d-flex d-sm-flex gap-1 flex-wrap variants">
1591                    ${itemOptionsHtml}
1592                  </div>
1593
1594                  <div class="product-priceoption d-flex flex-wrap gap-2 mb-2 justify-content-between">
1595
1596                    ${
1597                      item.original_price !== item.final_price
1598                        ? `<div class="d-flex gap-2 flex-wrap">
1599
1600                            <s class="cart-item__original-price product-option opacity-50">
1601                              ${formatEachPrice(item.original_price)}
1602                            </s>
1603
1604                            <strong class="cart-item__final-price product-option fw-medium">
1605                              ${formatEachPrice(item.final_price)}
1606                              
1607                            </strong>
1608
1609                          </div>`
1610                        : `<div class="product-option default-price">
1611                            ${formatEachPrice(item.final_price)}
1612                            
1613                          </div>`
1614                    }
1615
1616                    <div class="product-option">
1617                      <p class="mb-0 fw-bold text-nowrap">
1618                        ${formatPrice(item.final_price * item.quantity)}
1619                        
1620                      </p>
1621                    </div>
1622
1623                  </div>
1624
1625                  <span class="subscription_minicart mb-2">
1626                    ${
1627                      item.selling_plan_allocation
1628                        ? item.selling_plan_allocation.selling_plan.name
1629                        : ''
1630                    }
1631                  </span>
1632
1633                  ${
1634                    item.gift_card
1635                      ? `<div class="gift-card-details mt-2">
1636                          ${recipientEmail}
1637                          ${recipientName}
1638                          ${giftMessage}
1639                          ${sendOnDate}
1640                        </div>`
1641                      : ''
1642                  }
1643
1644                  <div class="discount">
1645
1646                    ${
1647                      item.line_level_discount_allocations &&
1648                      item.line_level_discount_allocations.length > 0
1649                        ? `<span class="cart-product-discounts">
1650
1651                            <ul
1652                              class="cart-product-discounts-list p-0"
1653                              role="list"
1654                              aria-label="Discount"
1655                            >
1656
1657                              ${item.line_level_discount_allocations
1658                                .map(
1659                                  discount_allocation => `
1660                                    <li class="cart-product-discounts-list-item list-unstyled">
1661
1662                                      <span class="badges sale_badge d-flex align-items-center gap-2">
1663
1664                                        <span class="discount_tag">
1665                                          <svg class="icon icon-discount" width="10" height="10" viewBox="0 0 12 12">
1666                                            <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>
1667                                          </svg>
1668                                        </span>
1669
1670                                        <span class="cart-product-discounts-list-item__title">
1671                                          <span class="fw-bold text-uppercase">
1672                                            ${discount_allocation.discount_application.title}
1673                                          </span>
1674                                        </span>
1675
1676                                      </span>
1677
1678                                    </li>
1679                                  `
1680                                )
1681                                .join('')}
1682
1683                            </ul>
1684
1685                          </span>`
1686                        : ''
1687                    }
1688
1689                  </div>
1690
1691                  <div class="d-flex flex-wrap justify-content-between row-gap-2 align-items-center">
1692
1693                    <div class="cart-item__quantity d-flex justify-content-between align-items-center">
1694
1695                      <button
1696                        aria-label="Decrement"
1697                        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"
1698                        data-line="${item.key}"
1699                        data-quantity="${item.quantity - 1}">
1700                      </button>
1701
1702                      <div class="visually-hidden label">Order note</div>
1703
1704                      <input
1705                        type="number"
1706                        aria-label="Quantity for item"
1707                        min="0"
1708                        id="input_quantity${item.key}"
1709                        name="input_quantity_${item.key}"
1710                        class="input_quantity mt-1 w-100 text-center border-0"
1711                        value="${item.quantity}"
1712                        data-line="${item.key}"
1713                        data-quantity="${item.quantity}"
1714                      />
1715
1716                      <button
1717                        aria-label="Increament"
1718                        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"
1719                        data-line="${item.key}"
1720                        data-quantity="${item.quantity + 1}">
1721                      </button>
1722
1723                    </div>
1724
1725                    <button
1726                      aria-label="Remove"
1727                      class="cart-remove-button border-0 bg-transparent p-1 text-decoration-underline btn h-auto rounded-0"
1728                      data-line="${item.key}">
1729                      Remove
1730                    </button>
1731
1732                  </div>
1733
1734                  <div class="form-message1 d-flex align-items-baseline gap-1"></div>
1735
1736                </div>
1737              </div>
1738
1739            </div>
1740
1741            ${childHtml}
1742          `;
1743        });
1744      }
1745
1746      totalElement.textContent = formatPrice(total);
1747    })
1748    .catch(() => {});
1749}
1750
1751
1752  window.cartStrings = {
1753    lowQuantity: "Only [quantity] item was added to your cart due to availability."
1754  };
1755
1756  function updateQuantity(line, quantity) {
1757    const lineElement = document.getElementById(`CartItem-${line}`);
1758    if (!lineElement) return;
1759
1760    const messageContainer = lineElement.querySelector('.form-message1');
1761    if (!messageContainer) return;
1762
1763    fetch(`/cart/change.js`, {
1764      method: 'POST',
1765      headers: {
1766        'Content-Type': 'application/json',
1767        'X-Requested-With': 'XMLHttpRequest'
1768      },
1769      body: JSON.stringify({ id: line, quantity: quantity })
1770    })
1771    .then(response => response.json().then(data => {
1772      if (!response.ok) {
1773        throw new Error(data.message || data.description || 'An unexpected error occurred.');
1774      }
1775      return data;
1776    }))
1777    .then((data) => {
1778      const updatedItem = data.items.find(item => item.key === line);
1779      $.getJSON('/cart.js', function (cart) {
1780        let cartItemCount = cart.item_count;
1781        $('.open-cart-drawer a > span:last-child').html(cartItemCount);
1782      });
1783
1784      if (!updatedItem) {
1785        messageContainer.innerHTML = '';
1786        messageContainer.classList.add('d-none');
1787        fetchCart();
1788        return;
1789      }
1790
1791      const updatedQuantity = updatedItem.quantity;
1792      if (updatedQuantity < quantity) {
1793        let lowQuantity = window.cartStrings.lowQuantity.replace('[quantity]', updatedQuantity);
1794        messageContainer.classList.remove('d-none');
1795        messageContainer.innerHTML = `<span class="d-flex gap-2 pro_error">
1796          <span class="lh-sm">
1797            <svg width="14px" height="14px" viewBox="0 0 24 24" fill="red" xmlns="http://www.w3.org/2000/svg">
1798              <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"/>
1799            </svg>
1800          </span>
1801          <span>${lowQuantity}</span>
1802        </span>`;
1803      } else {
1804        messageContainer.classList.add('d-none');
1805        messageContainer.innerHTML = '';
1806        fetchCart();
1807      }
1808    })
1809    .catch(error => {
1810      messageContainer.classList.remove('d-none');
1811      messageContainer.innerHTML = `<div class="d-flex gap-1 align-items-baseline">
1812        <div class="error_icon">
1813          <svg width="14px" height="14px" viewBox="0 0 24 24" fill="red" xmlns="http://www.w3.org/2000/svg">
1814            <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"/>
1815          </svg>
1816        </div>
1817        <div class="pro_error">${error.message || 'An unexpected error occurred.'}</div>
1818      </div>`;
1819    });
1820  }
1821
1822  function removeItem(line) {
1823    updateQuantity(line, 0);
1824    
1825      collections_info.style.display = 'none';
1826    
1827  }
1828
1829  var checkoutButton = document.getElementById('checkout-button');
1830  if (checkoutButton) {
1831    checkoutButton.addEventListener('click', function () {
1832      window.location.href = '/checkout';
1833    });
1834  }
1835
1836  var cartButton = document.getElementById('cart-button');
1837  if (cartButton) {
1838    cartButton.addEventListener('click', function () {
1839      window.location.href = '/cart';
1840    });
1841  }
1842
1843  var cartIcon = document.getElementById('cart-icon');
1844  if (cartIcon) {
1845    cartIcon.addEventListener('click', function (event) {
1846      event.preventDefault();
1847      fetchCart();
1848      showPopup();
1849
1850      var modalElement = document.querySelector('.modal.show');
1851      if (modalElement) {
1852        var modalInstance = bootstrap.Modal.getInstance(modalElement);
1853        if (modalInstance) {
1854          modalInstance.hide();
1855        }
1856      }
1857    });
1858  }
1859
1860  document.addEventListener('change', function (event) {
1861    event.preventDefault();
1862    if (event.target && event.target.matches('.input_quantity')) {
1863      const line = event.target.getAttribute('data-line');
1864      const newQuantity = parseInt(event.target.value);
1865      if (line) {
1866        updateQuantity(line, newQuantity);
1867      }
1868    }
1869  });
1870
1871  document.addEventListener('click', function (event) {
1872    scrollPreventc();
1873    function scrollPreventc() {
1874      const scrollPosition = window.scrollY;
1875      document.getElementById('cartOffCanvas').addEventListener('hidden.bs.offcanvas', function () {
1876        window.scrollTo(0, scrollPosition);
1877      });
1878    }
1879    if (event.target && event.target.matches('.btn-close')) {
1880      scrollPreventc();
1881      hidePopup();
1882    }
1883    if (event.target && event.target.matches('.increment-item')) {
1884      event.preventDefault();
1885      const line = event.target.getAttribute('data-line');
1886      const newQuantity = parseInt(event.target.getAttribute('data-quantity'));
1887      if (line) {
1888        updateQuantity(line, newQuantity);
1889      }
1890    }
1891    if (event.target && event.target.matches('.decrement-item')) {
1892      event.preventDefault();
1893      const line = event.target.getAttribute('data-line');
1894      const newQuantity = parseInt(event.target.getAttribute('data-quantity'));
1895      if (line && newQuantity >= 0) {
1896        updateQuantity(line, newQuantity);
1897      }
1898    }
1899    if (event.target && event.target.matches('.cart-remove-button')) {
1900      event.preventDefault();
1901      const line = event.target.getAttribute('data-line');
1902      removeItem(line);
1903    }
1904    if (event.target && event.target.matches('#clear-cart')) {
1905      event.preventDefault();
1906      clearCart();
1907    }
1908  });
1909
1910  const observer = new MutationObserver(() => {
1911    if (jQuery('#cart-note').length) {
1912      observer.disconnect();
1913      jQuery(document).on('input', '#cart-note', function () {
1914        var note = jQuery(this).val();
1915        jQuery.ajax({
1916          url: '/cart/update.js',
1917          type: 'POST',
1918          dataType: 'json',
1919          data: { note: note },
1920          success: function (cart) {
1921            console.log('Order note updated:', cart.note);
1922          },
1923          error: function () {}
1924        });
1925      });
1926    }
1927  });
1928
1929  observer.observe(document.body, { childList: true, subtree: true });
1930
1931});
1932
1933
1934</script>
1934<style data-shopify>
1935.search .offcanvas-body .search-bar #header-search{max-width:100%;}
1936/* .search .svg-circle{
1937    margin:0 0.3rem;
1938} */
1939.search .line-decor{ padding-bottom:1.8rem;}
1940 @media (min-width: 576px) {
1941   .search .line-decor{ padding-bottom:2.7rem;}
1942 }
1943
1944.search_clear_btn{
1945  width:12px !important;
1946  height:12px !important;
1947  right:min( var(--email-btn-width) + 15px, 100%) !important;
1948  display: inline-flex;
1949  align-self: center;
1950}
1951@media (min-width:1025px){
1952  
1953  /* .offcanvas .search-bar .search_clear_btn{
1954  right:max(30%, 230px);
1955  }
1956.offcanvas .search-bar .search-btn-group{
1957    width: max(30%, 230px);
1958} */
1959 /* .offcanvas .search-bar .form-control{
1960 padding-right: clamp(60px, 31%, 200px) !important;
1961}    */
1962
1963}
1964/* .offcanvas .search-bar .form-control{
1965 padding-right: clamp(60px, 41%, 160px) !important;
1966}   */
1967.offcanvas .search-bar .search-btn-group{
1968    /* width: max(25%, 100px); */
1969    /* text-wrap-mode: nowrap;
1970    padding: 0; */
1971    display:flex;
1972    align-items:center;
1973    justify-content:center;
1974}
1975input[type='search']::-webkit-search-cancel-button{
1976  -webkit-appearance: none;
1977  display: inline-block;
1978  cursor:pointer;
1979  width: 12px;
1980  height: 12px;
1981  margin-left: 10px;
1982  background:
1983    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%),
1984    linear-gradient(135deg, transparent 0%,transparent 43%,#000 45%,#000 55%,transparent 57%,transparent 100%);
1985}
1986 input[type="search"]::-webkit-search-cancel-button{
1987  display:none;
1988  -webkit-appearance: none;
1989}
1990input[type="search"]::-ms-clear {
1991  display: none;
1992}
1993 .search .search-btn-group{
1994   top: 2px;
1995   bottom: 2px;
1996   right: 2px;
1997 }
1998
1999 @media (max-width: 575.98px){
2000   .predictive-search .form-control {
2001    padding: .75rem 1rem;
2002}
2003.predictive-search .search-btn-group{ padding: 20px; }
2004 }
2005 .search-bar.body-container{ padding: 0; }
2006</style>
2007
2008
2009<div class="search offcanvas offcanvas-end color-scheme-1 gradient" data-bs-scroll="false" tabindex="-1" id="searchOffCanvas" aria-labelledby="searchDrawer">
2010  <div class="offcanvas-header text-center  justify-content-center position-relative">
2011    <h2 class="offcanvas-title h1" id="searchDrawer"> Search </h2>
2012    <div class="close m-3 my-md-4 position-absolute d-flex top-0 end-0 shadow-none">
2013    <button type="button" class="btn-close m-0" data-bs-dismiss="offcanvas" aria-label="Close"></button>
2014    </div>
2015  </div>
2016  <div class="line-decor position-relative">
2017  <div class="container">
2018    <div class="d-flex flex-nowrap align-items-center"
2019      style=" ">
2020      
2021      
2022          <span class="line-left flex-grow-1"></span>
2023          <div class="d-inline-flex divide-icon">
2024  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2025  	 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve">
2026  <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
2027  	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
2028  	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
2029  	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
2030  	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
2031  	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
2032  	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
2033  	 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
2034  	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
2035  	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"/>
2036  </svg>
2037</div>
2038
2039          <span class="line-right flex-grow-1"></span>
2040      
2041
2042    </div>
2043  </div>
2044</div>
2045
2046  <div class="offcanvas-body pt-0">
2047      <div class="search-bar body-container">
2048            <predictive-search class="predictive-search" data-locale="en" data-locales="en">
2049                 <!--pre>/search</pre-->
2050              <form action="/search">
2051              <div class="position-relative m-1 form_input">
2052                <label for="Search" class="visually-hidden">Search</label>
2053                <input id="Search" type="search" class="form-control input_control"
2054                  name="q"
2055                  placeholder="What are you looking for?"
2056                  value=""
2057                  role="combobox"
2058                  autofocus="autofocus"
2059                  autocomplete="off"
2060                  aria-owns="predictive-search-results"
2061                  aria-controls="predictive-search-results"
2062                  aria-haspopup="listbox"
2063                  tabindex="0"
2064                  aria-autocomplete="list"
2065                  aria-label="Search">
2066                  <button aria-label="Clear" type="button" class="position-absolute search_clear_btn btn btn-close rounded-0 top-0 bottom-0 d-none"></button>
2067                  <button class="btn btn-secondary flex-grow-1 input_button search-btn-group position-absolute" type="submit">
2068                     <span class="d-none d-lg-block lh-0"> Search </span>
2069                     <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">
2070<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"/>
2071<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
2072</svg>
2073</span>
2074                  </button>
2075
2076              </div>
2077                  <input name="options[prefix]" type="hidden" value="last"> <div id="header-search" tabindex="-1" class="mx-1 mx-sm-3 mt-5"></div>
2078              </form>
2079          </predictive-search>
2080        <div class="mt-5 search-collectionbase">
2081              <div class="d-flex flex-column align-items-center justify-content-center gap-4" id="">
2082     <div>
2083       <p class="m-0 frequent_search" data-pagetype="drawer"> Frequently searched collections: </p>
2084     </div>
2085     <ul class="search_collection list-group flex-row gap-3 flex-wrap justify-content-center list-unstyled">  
2086     
2087            
2088        <li> 
2089          <a href="/collections/frontpage" class="text-decoration-none btn btn-secondary">
2090            
2091                  
2092                  <span class="text-nowrap">09</span>
2093                  
2094                  <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">
2095  <circle cx="3" cy="3.5" r="3" fill="currentColor"/>
2096</svg>
2097
2098            All Products
2099          </a>
2100        </li>     
2101        <li> 
2102          <a href="/collections/ready-to-eat" class="text-decoration-none btn btn-secondary">
2103            
2104                  
2105                  <span class="text-nowrap">04</span>
2106                  
2107                  <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">
2108  <circle cx="3" cy="3.5" r="3" fill="currentColor"/>
2109</svg>
2110
2111            Ready to Cook
2112          </a>
2113        </li>     
2114        <li> 
2115          <a href="/collections/recipes" class="text-decoration-none btn btn-secondary">
2116            
2117                  
2118                  <span class="text-nowrap">06</span>
2119                  
2120                  <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">
2121  <circle cx="3" cy="3.5" r="3" fill="currentColor"/>
2122</svg>
2123
2124            Recipes
2125          </a>
2126        </li>     
2127        <li> 
2128          <a href="/collections/smoked-specialties" class="text-decoration-none btn btn-secondary">
2129            
2130                  
2131                  <span class="text-nowrap">05</span>
2132                  
2133                  <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">
2134  <circle cx="3" cy="3.5" r="3" fill="currentColor"/>
2135</svg>
2136
2137            Smoked
2138          </a>
2139        </li>
2140     </ul>
2141</div>
2142           </div>
2143        </div>
2144    </div>
2145</div><div class="modal fade video-modal" id="videoModalLabel" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
2146  <div class="modal-dialog modal-dialog-centered modal-xl"  >
2147    <div class="modal-content">
2148      <div class="modal-header">
2149        
2150        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
2151      </div>
2152      <div class="modal-body p-0">
2153        <div class="quickview-modal row row-cols-2">
2154          <div class="quickview_swiper swiper">
2155            <div class="swiper-wrapper">
2156              <div class="swiper-slide">
2157                
2158                  <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 
215860.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>
2159                
2160              </div>
2161            </div>
2162            <div class="swiper-next"></div>
2163            <div class="swiper-prev"></div>
2164          </div>
2165          <div class="quickview_content mt-3">
2166            <div class="quickview_vendor"></div>
2167            <div class="description"></div>
2168            <div class="product_title"></div>
2169            <div class="product_price"></div>
2170            <div class="product_tax"></div>
2171            <div id="variant-list"></div>
2172            <button class="quickadd-to-cart">Add to cart</button>
2173          </div>
2174          <!-- Content will be populated dynamically -->
2175        </div>
2176      </div>
2177    </div>
2178  </div>
2179</div>
2180<div class="wrapper">
2181      <div class="inner-wrapper">
2182        <!-- BEGIN sections: header-group -->
2183<section id="shopify-section-sections--27659512545648__announcement_bar_VAFzww" class="shopify-section shopify-section-group-header-group announcement-bar-section"><style data-shopify>
2184  .marquee_announcement.reverse {
2185    animation-direction: reverse;
2186  }
2187
2188  
2189  .announcement_bar_style-horizontal{
2190    position:relative;
2191  }
2192  .section-sections--27659512545648__announcement_bar_VAFzww .marquee_announcement.no-marquee{
2193    animation:none;
2194  }
2195  .section-sections--27659512545648__announcement_bar_VAFzww .marquee_announcement {
2196    animation: scroll-left 30s linear infinite;min-width: 100%;
2197  }
2198  
2199
2200  @keyframes scroll-left{
2201    0%{
2202      transform:translateX(0%);
2203    }
2204    100%{
2205      transform:translateX(-100%);
2206    }
2207  }
2208  .announcement-bar-section{
2209    z-index: 1032;
2210    position: relative;
2211  }
2212  .announcement_bar .disclosure button {
2213    text-align: right;
2214}
2215.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text){
2216    background-color: inherit;
2217    color: inherit;
2218}
2219.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text) > a{padding:0 !important;}
2220.announcement-bar-section #social_icons :is(.social_icons-item):has(.visually-hidden.social-text) > a svg{width:20px; height:20px;}
2221</style>
2222
2223<div class="section-sections--27659512545648__announcement_bar_VAFzww announcement-bar-section color-scheme-4 gradient  ">
2224  <div class="container">
2225    <div class="row announcement_bar  align-items-center  justify-content-start ">
2226      
2227      <div class="col-3 d-none d-lg-flex justify-content-lg-start justify-content-center my-2 pe-0">
2228        <ul id="social_icons" class="d-flex flex-wrap p-0 m-0 text-decoration-none gap-3 " role="list"></ul>
2229
2230      </div>
2231      
2232       <div class=" col-lg-6  announcement_bar_style-horizontal d-flex flex-wrap justify-content-center">
2233        <div class="w-100 d-flex align-items-center overflow-hidden  py-2 py-md-2">
2234          
2235          
2236          <div class="marquee_announcement  no-marquee   reverse  d-flex align-items-center justify-content-around   text-center ">
2237                
2238<div
2239                    class="px-3"
2240                    
2241                  ><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.
2242</p></div>
2243          </div>
2244          
2245          <div class="marquee_announcement  no-marquee   reverse  d-flex align-items-center justify-content-around   text-center ">
2246                
2247<div
2248                    class="px-3"
2249                    
2250                  ><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.
2251</p></div>
2252          </div>
2253          
2254        </div>
2255      </div>
2256      
2257      
2258        
2259          <div class="localization col-3 d-none d-lg-flex gap-2 justify-content-center justify-content-md-end">
2260            
2261          </div>
2262      
2263      
2264    </div>
2265  </div>
2266</div>
2267<style>
2267 #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>
2268        .section-header header.header__wrapper {
2269          padding: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem) 0px;
2270          
2271
2272        }
2273      .section-header header.header__wrapper .header__content+.line-decor {
2274        padding: clamp(1.125rem, 1.0962rem + 0.1282vw, 1.25rem) 0px 0px;
2275        width:100%;
2276        margin:0 !important;
2277      }
2278      .header__wrapper .line-decor .container > div{
2279        width:100%;
2280        margin:0 !important;
2281      }
2282      .header__wrapper .submenu-drawer.offcanvas .line-decor .container > div{
2283        width:75%;
2284        margin:auto !important;
2285        min-width: 280px;
2286      }
2287      header ul.submenu--banner-only li.img_banner:first-child {
2288        margin-top: 0!important;
2289      }
2290      header .navbar-nav.menu_type-drawer ul.submenu-list > li:not(.img_banner):nth-child(-n+2)  {
2291        margin-top: 0!important;
2292      }
2293      header.index .top_main-title {
2294        padding: .5rem 0;
2295        margin: 3rem 0;
2296        text-align:center;
2297        text-wrap: pretty;
2298        font-size: clamp(1.875rem, 1.5rem + 1.875vw, 3.75rem);
2299      
2300          max-width: 95%;
2301        
2302      }
2303      
2304      header .nav-item .top_level{
2305        /* font-size:inherit; */
2306      }
2307      @media (min-width: 992px) {
2308        header .navbar-nav .nav-link {
2309          padding-right: var(--bs-navbar-nav-link-padding-x);
2310          padding-left: var(--bs-navbar-nav-link-padding-x);
2311        }
2312        header.header--middle-center .header__content>a.nav-link.btn-icon{
2313          flex: 1 1 0%!important;
2314        }
2315        .header__logo-container.left-area .header-logo{margin-right:auto;  margin-left: 0;}
2316      }
2317      header .navbar-nav .nav-link{ text-wrap-mode: wrap; position: relative; width: fit-content;}
2318      @media (max-width: 991.98px) {
2319        header.header--middle-left .header__content>:is(.navbar-nav,.menu-toggler-link){
2320           flex: initial!important;
2321        }
2322        header.header--middle-center .header__content>:is(.navbar-nav,.menu-toggler-link){
2323          flex: initial!important;
2324        }
2325      }
2326      .submenu-drawer .offcanvas-body ul li ul li.submenu-item a, .sub_menu li{
2327        font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
2328      }
2329      .sub_menu li ul li{
2330        font-size:1rem;
2331      }
2332      .submenu-drawer .offcanvas-body ul li ul li.submenu-item a svg{
2333        width:7px;
2334      }
2335       
2336         
2337        
2338      
2339      
2340
2341      
2342      .navbar .header__content{
2343        transition: all 0.5s linear;
2344      }
2345      .navbar .header__content:before{
2346        content: "";
2347        position: absolute;
2348        background: rgb(var(--color-background), 0.75);
2349        width: 100vw;
2350        height: 0%;
2351        top: -1em;
2352        left: 50%;
2353        transform: translate(-50%, 0);
2354        backdrop-filter: blur(6px);
2355        transition: height 0.3s ease,opacity 0.2s ease,top 0.3s ease;
2356        z-index: -1;
2357        opacity:0;
2358        box-shadow: 0 4px 8px rgb(var(--color-foreground), 0.2);
2359      }
2360      .navbar .header__content.sticky-header:before{
2361        top: 0;
2362        opacity:1;
2363        height: 100%;
2364      }
2365      .navbar .sticky-header {
2366        position: fixed !important;
2367        top: 0 !important;
2368        z-index: 1040 !important;
2369        background: transparent;
2370        transition: all 0.5s linear;
2371        padding-top:15px;
2372        padding-bottom:15px;
2373      }
2374      .open-cart-drawer .cart_count.menu-as-icon-count{
2375        top: 0;
2376        right: 0;
2377      }
2378    .desktop_header-menu .nav-item:hover:has(.mega-menu ) .nav-link:before{
2379       content: "";
2380      position: absolute;
2381      top: 50%;
2382      left: 0;
2383      width: 100%;
2384      height: 20rem;
2385      z-index: 0;
2386    }
2387    .desktop_header-menu .nav-item:hover:has(.mega-menu ) .nav-link:focus-visible:before{
2388      height:0;
2389    }
2390   .dropdown-menu.sub-menu .child-menu a:hover:before{
2391     content: "";
2392      position: absolute;
2393      top: 50%;
2394      left: 0;
2395      width: 100%;
2396      height: fit-content;
2397      z-index: 1;
2398   }
2399  .desktop_header-menu .nav-item:hover .mega-menu,
2400  .desktop_header-menu .nav-item:focus-within .mega-menu {
2401    opacity: 1;
2402    transition: all 0.3s linear;
2403    pointer-events: all;
2404  }
2405      header .mega-menu {
2406        position: absolute !important;
2407        top: 100%;
2408        left: 0;
2409        right: 0;
2410        z-index: 1040;
2411        transition: all 0.5s ease-in-out;
2412        box-shadow: 0 4px 8px rgba(var(--color-foreground),0.1);
2413        --bs-dropdown-spacer: 1.325rem;
2414        display:block;
2415        opacity: 0;
2416        pointer-events: none;
2417    }
2418    header .mega-menu .card img{
2419      border-radius: var(--bs-radius);
2420      border: var(--bs-style-border) solid var(--bs-border-color);
2421     }
2422    .desktop_header-menu  li.nav-item.text-menu:is(:hover,:focus-within)>.dropdown-toggle ~ .dropdown-menu.sub-menu,
2423    .desktop_header-menu .menu-item-has-grandchild:is(:hover,:focus-within)>.dropdown-toggle ~ .grandchild-menu {
2424          opacity: 1;
2425      visibility: visible;
2426      pointer-events: all;
2427    }
2428    .desktop_header-menu  li.nav-item.text-menu >.dropdown-toggle ~ .dropdown-menu.sub-menu,
2429    .desktop_header-menu .menu-item-has-grandchild >.dropdown-toggle ~ .grandchild-menu{
2430      display:block;
2431      visibility:hidden;
2432      pointer-events: none;
2433      opacity: 0;
2434      transition: all .3s linear;
2435    }
2436
2437    .dropdown-menu.sub-menu .child-menu .dropdown-menu{
2438      position: absolute;
2439      right: auto;
2440      left: 100%;
2441      top: 0;
2442      z-index: -2;
2443      /* border: none; */
2444      box-shadow: 0 4px 8px rgba(var(--color-foreground), 0.1);
2445    }
2446    .dropdown-menu.sub-menu .child-menu .dropdown-menu a {
2447      padding: 10px;
2448      width: 100%;
2449      display: block;
2450  }
2451    .nav-item .dropdown-menu.sub-menu {
2452      transition:all .3s linear;
2453      /* border: none; */
2454      box-shadow: 0 4px 8px rgba(var(--color-foreground), 0.1);
2455      max-width:var(--bs-dropdown-min-width);
2456      min-width:var(--bs-dropdown-min-width);
2457      width:fit-content;
2458  }
2459      header .menu-toggler-link{
2460      color: rgba(var(--color-foreground), 1);
2461    }
2462      header .navbar-nav.menu_type-megamenu ul.submenu-list>li.img_banner:only-child{
2463      padding:0!important;
2464    }
2465    .mega-menu ul li ul li:last-child {
2466        margin: 0 !important;
2467    }
2468    .mega-menu ul li.submenu-item a{
2469      font-size: var(--bs-body-font-size);
2470      font-weight: var(--bs-body-font-weight);
2471      font-family: var(--bs-body-font-family);
2472      line-height: var(--bs-body-line-height);
2473      text-transform: capitalize;
2474    }
2475    .navbar-nav#mobileOffCanvas--nav li.nav-item a{
2476        width: fit-content;
2477        color: var(--bs-navbar-color);
2478    }
2479     .default-submenu .dropdown-menu .grandchild-menu .submenu-item a {
2480      padding: 6px 10px;
2481      display: block;
2482     }
2483    .sticky-header .dropdown-menu[data-bs-popper]{
2484        margin-top:0 !important;
2485      }
2486    .submenu-list.drawer-menu .dropdown-toggle::after {
2487      transform: none;
2488    }
2489    .submenu-list .dropdown-toggle::after {
2490      transform: rotate(-90deg) translateX(-5px);
2491      position: absolute;
2492      right: 10px;
2493      top: 0;
2494      bottom: 0;
2495    }
2496   @media (max-width: 991px) {
2497    .header__logo-container > .container {    display: flex; justify-content: center;}
2498   }
2499  .nav-item-menu button:after {
2500      margin: 0;
2501  }
2502  .header__logo-container .header-logo {
2503      width: fit-content;
2504      margin: auto;
2505  }
2506  .header__logo-container .header-logo:focus-visible img {
2507      outline: none !important;
2508  }
2509 .cart_count  .cart_count_items{
2510  display:flex;
2511  align-items:center;
2512  justify-content:center;
2513  position:relative;
2514  inset:0;
2515  margin:0;
2516 }
2517  .cart_count.menu-as-icon-count .cart_count_items{
2518  top: 0px;
2519  left: 1px;
2520  }
2521
2522
2523@media (min-width: 992px) {
2524 .navbar-nav :is(.submenu-list, .grandchild-menu) {
2525    padding: 15px 0;
2526    display: flex !important;
2527    gap: 10px;
2528    flex-direction: column;
2529    min-width: 12rem !important;
2530    max-width: 12rem !important;
2531}
2532.navbar-nav :is(.child-menu a, .grandchild-menu a) {
2533    padding: 0px 15px !important;
2534}
2535}
2536.header__content .flex-2{flex: 2 1 0% !important;}
2537
2538
2539:root {
2540  shopify-account {
2541  /* =========================   Typography (Fonts) ========================= */
2542  --shopify-account-font-heading:var(--font-heading-family);
2543  --shopify-account-font-heading-weight:var(--font-heading-weight);
2544  --shopify-account-font-body:var(--bs-body-font-family);
2545  --shopify-account-font-body-weight:var(--font-body-weight);
2546
2547  /* =========================   Radius (Border radius / rounding) ========================= */
2548  --shopify-account-radius-button:
2549  
2550    0rem
2551  ;
2552
2553  --shopify-account-radius-button-small:var(--bs-border-radius-sm);
2554  --shopify-account-radius-dialog:var(--bs-radius);
2555  --shopify-account-radius-base:var(--input-btn-border-radius);
2556
2557  /* =========================   Avatar (User icon styling) ========================= */
2558  --shopify-account-avatar-size:36px;
2559  --shopify-account-signed-in-avatar-size:36px;
2560  /* --shopify-account-signed-in-avatar-color-background:red;
2561  --shopify-account-signed-in-avatar-color-text:white; */
2562
2563  /* ========================= Colors (Global UI colors) ========================= */
2564  --shopify-account-color-background:var(--gradient-background);
2565
2566  /* =========================   Layout / Positioning  ========================= */
2567  --shopify-account-dialog-position-top:
2568    
2569    var(--header-ele-height)
2570    ;
2571  }
2572
2573
2574  shopify-account::slotted(p) {
2575  font-size: var(--bs-nav-link-font-size);
2576  font-family: var(--bs-font-sans-serif);
2577  }
2578 }</style>
2579
2580
2581<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">
2582  <div
2583    class="header__content  container flex-row flex-nowrap gap-2 gap-sm-0 row-gap-2 position-relative"
2584    data-stickyheader="true"
2585  >
2586    <!-- Mobile Offcanvas Menu -->
2587    <a
2588      href="#mobileOffCanvas"
2589      class="nav-link btn-icon px-0 pe-sm-2 d-lg-none menu-toggler-link order-0"
2590      data-bs-toggle="offcanvas"
2591      aria-controls="mobileOffCanvas"
2592      aria-expanded="false"
2593      aria-label="Toggle Mobile Menu"
2594    >
2595      
2596        <span class="navbar-toggler-icon">
2597<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2598<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"/>
2599</svg>
2600</span>
2601      
2602    </a>
2603
2604
2605    
2606      <div class="header__logo-container d-flex flex-1 left-area order-0 justify-content-center justify-content-lg-start">
2607  <div class=" text-sm-start">
2608
2609    
2610
2611      <a
2612        href="/"
2613        class="header-logo d-block"
2614        aria-label="Milford Bay SmokeHaus - Home"
2615      >
2616        <img
2617          src="//milfordbaysmokehaus.com/cdn/shop/t/3/assets//logo-02.svg?v=908"
2618          class="img-fluid header-logo-svg"
2619          alt="Milford Bay SmokeHaus"
2620          width="200"
2621          height="auto"
2622        >
2623      </a>
2624
2625    
2626
2627  </div>
2628</div>
2629
2630<style>
2631  .header-logo-svg {
2632    display: block;
2633    width: 200px;
2634    max-width: 100%;
2635    height: auto;
2636  }
2637</style>
2638    
2639
2640    <!-- Desktop Offcanvas Menu -->
2641    
2642      <div class="desktop_header-menu d-none d-lg-block  order-1 flex-2 ">
2643        <ul class="navbar-nav text-break w-100  justify-content-center  flex-row flex-wrap column-gap-3 menu_type-">
2644            <li class="nav-item  text-menu">
2645              <a
2646                href="/"
2647                class="nav-link "
2648                role="button"
2649                
2650                
2651              >
2652                Home
2653              </a></li>
2654            <li class="nav-item  text-menu">
2655              <a
2656                href="#"
2657                class="nav-link d-flex align-items-center dropdown-toggle "
2658                role="button"
2659                
2660                  aria-expanded="false"
2661                
2662                
2663                  
2664
2665                  
2666                
2667              >
2668                About Us
2669              </a>
2670                
2671                
2672                <!-- Offcanvas submenu -->
2673                
2674                  
2675                   <ul class="dropdown-menu sub-menu position-absolute list-unstyled submenu-list"><li class="child-menu  position-relative">
2676                          <a
2677                            href="/pages/about-us"
2678                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2679                            role="button"
2680                            
2681                              
2682                            
2683                          >
2684                              Our Story
2685                          </a></li><li class="child-menu  position-relative">
2686                          <a
2687                            href="https://milford-bay-smokehaus.myshopify.com/collections/all"
2688                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2689                            role="button"
2690                            
2691                              
2692                            
2693                          >
2694                              Our Products
2695                          </a></li><li class="child-menu  position-relative">
2696                          <a
2697                            href="/pages/certifications"
2698                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2699                            role="button"
2700                            
2701                              
2702                            
2703                          >
2704                              Certifications
2705                          </a></li><li class="child-menu  position-relative">
2706                          <a
2707                            href="/pages/faq"
2708                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2709                            role="button"
2710                            
2711                              
2712                            
2713                          >
2714                              FAQ
2715                          </a></li>
2716                        
2717                    </ul>
2718                
2719</li>
2720            <li class="nav-item  text-menu">
2721              <a
2722                href="#"
2723                class="nav-link d-flex align-items-center dropdown-toggle "
2724                role="button"
2725                
2726                  aria-expanded="false"
2727                
2728                
2729                  
2730
2731                  
2732                
2733              >
2734                Shop
2735              </a>
2736                
2737                
2738                <!-- Offcanvas submenu -->
2739                
2740                  
2741                   <ul class="dropdown-menu sub-menu position-absolute list-unstyled submenu-list"><li class="active child-menu  position-relative">
2742                          <a
2743                            href="/pages/store-locator"
2744                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2745                            role="button"
2746                            
2747                              
2748                            
2749                          >
2750                              Where to Buy
2751                          </a></li><li class="child-menu  position-relative">
2752                          <a
2753                            href="/pages/our-retail-store"
2754                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2755                            role="button"
2756                            
2757                              
2758                            
2759                          >
2760                              Our Retail Store
2761                          </a></li><li class="child-menu  position-relative">
2762                          <a
2763                            href="https://milford-bay-smokehaus.myshopify.com/collections"
2764                            class="nav-link d-flex align-items-baseline  justify-content-between w-100"
2765                            role="button"
2766                            
2767                              
2768                            
2769                          >
2770                              Our Online Store
2771                          </a></li>
2772                        
2773                    </ul>
2774                
2775</li>
2776            <li class="nav-item  text-menu">
2777              <a
2778                href="/pages/recipes"
2779                class="nav-link "
2780                role="button"
2781                
2782                
2783              >
2784                Recipes
2785              </a></li>
2786            <li class="nav-item  text-menu">
2787              <a
2788                href="/pages/contact"
2789                class="nav-link "
2790                role="button"
2791                
2792                
2793              >
2794                Contact
2795              </a></li></ul>
2796      </div>
2797    
2798    
2799    <!-- Header Icons -->
2800    
2801      <div class="navbar-nav flex-nowrap flex-row align-items-center gap-sm-3 justify-content-end  header-localization flex-1 order-3">
2802        
2803
2804        
2805          <div id="header_search" class="word-keep d-lg-block d-none">
2806            
2807              <a
2808                href="/cart"
2809                class="nav-link btn-icon px-2"
2810                id="search-icon"
2811                data-bs-toggle="offcanvas"
2812                data-bs-target="#searchOffCanvas"
2813                data-action="search"
2814                aria-label="Search"
2815              >
2816                
2817                  <span class="menu-as-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2818<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"/>
2819<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
2820</svg>
2821</span>
2822                
2823              </a>
2824            
2825          </div>
2826        
2827        <div class="open-cart-drawer word-keep">
2828          
2829            <a
2830              href="/cart"
2831              class="nav-link btn-icon  px-2  d-flex align-items-center position-relative"
2832              
2833              id="cart-icon"
2834              data-bs-toggle="offcanvas"
2835              data-bs-target="#cartOffCanvas"
2836              data-action="cart"
2837              
2838              aria-label="cart"
2839              aria-expanded="false"
2840              aria-controls="cartOffCanvas"
2841              role="button"
2842              tabindex="0"
2843            >
2844              
2845                <span class="menu-as-icon">
2846
2847<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2848<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"/>
2849<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"/>
2850</svg>
2851
2852</span>
2853                <span class="cart_count ms-1 menu-as-icon-count position-absolute">
2854                  <span class="cart_count_items"> 0 </span>
2855                </span>
2856              
2857            </a>
2858          
2859        </div>
2860      </div>
2861    
2862  </div>
2863  <!-- Header Divider -->
2864  <div class="line-decor position-relative">
2865  <div class="container">
2866    <div class="d-flex flex-nowrap align-items-center"
2867      style="height: 1px; background: linear-gradient(180deg, var(--bs-border-color) 0 0);   ">
2868      
2869      
2870
2871    </div>
2872  </div>
2873</div>
2874
2875  <!-- Header Title || breadcrumb -->
2876  
2877    
2878      <div class="breadcrumb-section w-100 text-break">
2879        <div class="position-relative  container">
2880          <div class=" top_main-title-container mx-auto py-2 border-bottom">
2881            <div class="position-relative">
2882              
2883
2884              
2885                <div class="breadcrumb justify-content-start d-block align-items-center mb-0">
2886                  <span class="breadcrumb-item">
2887                    <a
2888                      href="/"
2889                      title="Back to home"
2890                      class="text-decoration-none"
2891                      aria-label="Home"
2892                    >
2893                      Home
2894                    </a>
2895                  </span>
2896                  
2897                    <span class="breadcrumb-item active" aria-current="page" style="gap:var(--bs-breadcrumb-item-padding-x)"> Store Locator </span>
2898                  
2899
2900
2901                  
2902
2903                  
2904
2905                
2906
2907
2908                </div>
2909              
2910            </div>
2911          </div>
2912        </div>
2913      </div>
2914    
2915  
2916
2917
2918
2919
2920
2921
2922</header>
2923
2924   
2925
2926<div
2927  class="offcanvas offcanvas-end text-break d-lg-none color-scheme-1 gradient"
2928  data-bs-scroll="false"
2929  tabindex="-1"
2930  id="mobileOffCanvas"
2931  aria-labelledby="mobileOffCanvasLabel"
2932>
2933  <div class="offcanvas-header  text-center justify-content-center position-relative">
2934    <h2 class="offcanvas-title h1" id="mobileOffCanvasLabel">Menu</h2>
2935    <button
2936      type="button"
2937      class="btn-close position-absolute top-0 end-0 m-3 d-flex"
2938      data-bs-dismiss="offcanvas"
2939      aria-label="Close"
2940    ></button>
2941  </div>
2942
2943  <div class="line-decor position-relative">
2944  <div class="container">
2945    <div class="d-flex flex-nowrap align-items-center"
2946      style=" ">
2947      
2948      
2949          <span class="line-left flex-grow-1"></span>
2950          <div class="d-inline-flex divide-icon">
2951  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
2952  	 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve">
2953  <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
2954  	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
2955  	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
2956  	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
2957  	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
2958  	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
2959  	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
2960  	 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
2961  	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
2962  	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"/>
2963  </svg>
2964</div>
2965
2966          <span class="line-right flex-grow-1"></span>
2967      
2968
2969    </div>
2970  </div>
2971</div>
2972
2973
2974  <div class="offcanvas-body offset-1 ms-3">
2975    <ul class="navbar-nav body-container row-gap-2" id="mobileOffCanvas--nav"><li class="nav-item">
2976          <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
2977            <a
2978              href="/"
2979              class="top_level nav-link"
2980            >
2981              Home
2982            </a>
2983            
2984          </div></li><li class="nav-item">
2985          <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
2986            <a
2987              href="#"
2988              class="top_level nav-link"
2989            >
2990              About Us
2991            </a>
2992            
2993              <button
2994                class="top_level nav-link h-100 p-2   d-flex dropdown-toggle"
2995                data-bs-toggle="collapse"
2996                data-bs-target="#mobile-collapse-2"
2997                aria-expanded="false"
2998                aria-controls="mobile-collapse-2"
2999                aria-label="Toggle submenu"
3000              >
3001                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
3002                  <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'/>
3003                </svg>
3004              </button>
3005            
3006          </div><div class="collapse" id="mobile-collapse-2" data-bs-parent="#mobileOffCanvas--nav">
3007              <ul class="list-unstyled ms-3 sub_menu"><li class="nav-item pt-2">
3008                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3009                      <a
3010                        href="/pages/about-us"
3011                        class="nav-link d-inline text-decoration-none"
3012                      >
3013                        Our Story
3014                      </a>
3015                      
3016                    </div></li><li class="nav-item pt-2">
3017                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3018                      <a
3019                        href="https://milford-bay-smokehaus.myshopify.com/collections/all"
3020                        class="nav-link d-inline text-decoration-none"
3021                      >
3022                        Our Products
3023                      </a>
3024                      
3025                    </div></li><li class="nav-item pt-2">
3026                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3027                      <a
3028                        href="/pages/certifications"
3029                        class="nav-link d-inline text-decoration-none"
3030                      >
3031                        Certifications
3032                      </a>
3033                      
3034                    </div></li><li class="nav-item pt-2">
3035                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3036                      <a
3037                        href="/pages/faq"
3038                        class="nav-link d-inline text-decoration-none"
3039                      >
3040                        FAQ
3041                      </a>
3042                      
3043                    </div></li></ul>
3044            </div></li><li class="nav-item">
3045          <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3046            <a
3047              href="#"
3048              class="top_level nav-link"
3049            >
3050              Shop
3051            </a>
3052            
3053              <button
3054                class="top_level nav-link h-100 p-2   d-flex dropdown-toggle"
3055                data-bs-toggle="collapse"
3056                data-bs-target="#mobile-collapse-3"
3057                aria-expanded="false"
3058                aria-controls="mobile-collapse-3"
3059                aria-label="Toggle submenu"
3060              >
3061                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
3062                  <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'/>
3063                </svg>
3064              </button>
3065            
3066          </div><div class="collapse" id="mobile-collapse-3" data-bs-parent="#mobileOffCanvas--nav">
3067              <ul class="list-unstyled ms-3 sub_menu"><li class="nav-item pt-2">
3068                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3069                      <a
3070                        href="/pages/store-locator"
3071                        class="nav-link d-inline text-decoration-none active"
3072                      >
3073                        Where to Buy
3074                      </a>
3075                      
3076                    </div></li><li class="nav-item pt-2">
3077                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3078                      <a
3079                        href="/pages/our-retail-store"
3080                        class="nav-link d-inline text-decoration-none"
3081                      >
3082                        Our Retail Store
3083                      </a>
3084                      
3085                    </div></li><li class="nav-item pt-2">
3086                    <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3087                      <a
3088                        href="https://milford-bay-smokehaus.myshopify.com/collections"
3089                        class="nav-link d-inline text-decoration-none"
3090                      >
3091                        Our Online Store
3092                      </a>
3093                      
3094                    </div></li></ul>
3095            </div></li><li class="nav-item">
3096          <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3097            <a
3098              href="/pages/recipes"
3099              class="top_level nav-link"
3100            >
3101              Recipes
3102            </a>
3103            
3104          </div></li><li class="nav-item">
3105          <div class="nav-item-menu d-flex gap-3 align-items-baseline justify-content-between">
3106            <a
3107              href="/pages/contact"
3108              class="top_level nav-link"
3109            >
3110              Contact
3111            </a>
3112            
3113          </div></li></ul>
3114  </div>
3115  <div class="offcanvas-footer container mt-3 d-lg-none">
3116    <div class="nav nav-justified w-100 body-container border-top">
3117
3118      
3119        <a
3120          href="/cart"
3121          class="nav-link btn-icon px-2"
3122          id="search-icon"
3123          data-bs-toggle="offcanvas"
3124          data-bs-target="#searchOffCanvas"
3125          data-action="search"
3126          aria-label="Search"
3127        >
3128          <span class="d-block">
3129            
3130              <span class="menu-as-icon"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
3131<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"/>
3132<path d="M13.2734 13.2747L16.001 16.0023" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3133</svg>
3134</span>
3135            </span>
3136        </a>
3137      
3138    </div>
3139  </div>
3140</div>
3141
3142 
3143
3144  
3144<script>
3145
3146 let isStickyActive = true;
3147let scrollHandler = null;
3148let currentHeader = null;
3149
3150function initStickyHeader() {
3151  if (scrollHandler && currentHeader) {
3152    window.removeEventListener('scroll', scrollHandler);
3153    currentHeader.classList.remove('sticky-header');
3154  }
3155
3156  const headerContent = document.querySelector('.header__content');
3157  if (!headerContent) return;
3158  if (window.Shopify && window.Shopify.designMode) {
3159    const currentStickyStatus = headerContent.dataset.stickyheader;
3160    if (currentStickyStatus !== undefined) {
3161      isStickyActive = currentStickyStatus === 'true';
3162    }
3163  }
3164
3165  currentHeader = headerContent;
3166  const stickyOffset = headerContent.offsetTop;
3167
3168  scrollHandler = function() {
3169    if (window.scrollY > stickyOffset && isStickyActive) {
3170      headerContent.classList.add('sticky-header');
3171    } else {
3172      headerContent.classList.remove('sticky-header');
3173    }
3174  };
3175
3176  window.addEventListener('scroll', scrollHandler);
3177  scrollHandler();
3178}
3179document.addEventListener('DOMContentLoaded', function() {
3180  initStickyHeader();
3181});
3182
3183if (window.Shopify && window.Shopify.designMode) {
3184  document.addEventListener('shopify:section:load', function(event) {
3185    if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) {
3186      setTimeout(initStickyHeader, 100);
3187    }
3188  });
3189
3190  document.addEventListener('shopify:section:select', function(event) {
3191    if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) {
3192      setTimeout(initStickyHeader, 100);
3193    }
3194  });
3195
3196  document.addEventListener('shopify:section:deselect', function(event) {
3197    if (event.target.querySelector('.header__content') || event.target.classList.contains('header-section')) {
3198      setTimeout(initStickyHeader, 100);
3199    }
3200  });
3201
3202  document.addEventListener('shopify:section:reorder', function() {
3203    setTimeout(initStickyHeader, 150);
3204  });
3205
3206  document.addEventListener('shopify:section:select', function(event) {
3207    const stickySettingInput = event.target.querySelector('[name*="sticky_header"]');
3208    if (stickySettingInput) {
3209      stickySettingInput.addEventListener('change', function() {
3210        setTimeout(initStickyHeader, 50);
3211      });
3212    }
3213  });
3214
3215  if (document.readyState === 'complete') {
3216    setTimeout(initStickyHeader, 200);
3217  }
3218}
3219  </script>
3219
3220
3221<script type="application/ld+json">
3222  {
3223    "@context": "http://schema.org",
3224    "@type": "Organization",
3225    "name": "Milford Bay SmokeHaus",
3226    
3227    "sameAs": [
3228      "",
3229      "",
3230      "",
3231      "",
3232      "",
3233      "",
3234      "",
3235      "",
3236      ""
3237    ],
3238    "url": "https:\/\/milfordbaysmokehaus.com\/pages\/store-locator"
3239  }
3240</script>
3240
3241<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>
3242<!-- END sections: header-group -->
3243        <main id="MainContent" class="content-for-layout shadow-none outline-none" role="main" tabindex="-1">
3244          <section id="shopify-section-template--27659512381808__main" class="shopify-section section-main-page"><style data-shopify>.section-template--27659512381808__main-padding {
3245    padding-top: 30px;
3246    padding-bottom: 30px;
3247  }
3248
3249  @media screen and (min-width: 768px) {
3250    .section-template--27659512381808__main-padding {
3251      padding-top: 45px;
3252      padding-bottom: 45px;
3253    }
3254  }
3255  @media screen and (min-width: 1200px) {
3256    .section-template--27659512381808__main-padding {
3257      padding-top: 60px;
3258      padding-bottom: 60px;
3259    }
3260  }</style>
3261
3262<div class="container section-template--27659512381808__main-padding">
3263  <h1 class="main-page-title page-title mb-0 text-start" >
3264    Store Locator
3265  </h1>
3266  <div class="mt-2" >
3267    <style>#sl-default-store-locator-page{width:90vw !important;margin-left:calc(50% - 45vw) !important;margin-right:calc(50% - 45vw) !important;box-sizing:border-box;}</style>
3268<div id="sl-default-store-locator-page" data-store-locator-default-page="true"></div>
3269<p> </p>
3270  </div>
3271</div>
3272
3273
3274</section>
3275        </main>
3276        <!-- BEGIN sections: footer-group -->
3277<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" />
3278<style data-shopify>.section-sections--27659512512880__footer-padding {
3279    padding-top: 16px;
3280    padding-bottom: 0px;
3281  }
3282  @media screen and (min-width: 768px) {
3283    .section-sections--27659512512880__footer-padding {
3284      padding-top: 32px;
3285      padding-bottom: 0px;
3286    }
3287   .footer .two-columns> *{flex-basis:50%;flex-grow:1}
3288  }
3289  
3290
3291  .footer__localization .disclosure__select{
3292    background:transparent;
3293    border:none;
3294    outline:none;
3295    appearance:none;
3296    text-align:start;
3297    text-transform:capitalize;
3298  }
3299  footer :is(.newsletter) .form_container{
3300    max-width:48rem;
3301  }
3302  .copyright__content a{
3303    color:currentColor;
3304  }
3305  /* Svg Stroke */
3306  .footer .wdt-separator-stroke {
3307    margin-top: 120px;
3308  }
3309  .footer {
3310    position: relative;
3311    z-index: 8;
3312  }
3313  .footer .wdt-separator.wdt-separator__stroke {
3314    overflow: visible;
3315    width: calc(100% + 40px);
3316    left: -20px;
3317    -webkit-transform: translate(0%, -10%);
3318    transform: translate(0%, -10%);
3319    z-index: 8;
3320  }
3321  .footer .wdt-separator.wdt-separator__stroke .separator__stroke {
3322    stroke-width: 100;
3323  }
3324  .footer :is(.line-decor), .footer :is(.line-decor .container > div){
3325    width:100%;
3326    margin:0;
3327  }
3328  .footer .bottom-footer--line-decor .line-decor>.container {
3329    padding: 0;
3330    max-width: unset !important;
3331    width:100%;
3332  }
3333
3334  #ContactFooter label.form-check-label {
3335    cursor: pointer;
3336  }
3337  .brand-img_wrapper>.brand-info{
3338    max-width:75%;
3339  }
3340  #footerMenuprimary:only-child {
3341    margin-bottom: 0;
3342  }
3343  footer .menu_wrapper--primary + .menu_wrapper--secondary {
3344    margin-top: 2.5rem;
3345 }
3346
3347footer .menu_wrapper--secondary:first-of-type {
3348    margin-top: 0;
3349}
3350.footer-newsletter .newsletter_field .form_input button{ width: max(30%, 230px); bottom:2px; right:2px; top:2px;}
3351  .footer label.form-check-label > input {
3352    margin-top: 0.1rem;
3353}
3354.footer__localization .dropdown-item{transition: color 0.5s ease;}.footer svg.placeholder_svg.logo-placeholder{width: min(100%, 335px);height:120px;}
3355.footer svg.placeholder_svg.logo-placeholder{width: min(100%, px);height:120px;}
3356
3357</style>
3358
3359<footer class="footer color-scheme-2 gradient" ><div class=" position-relative">
3360
3361    
3362
3363    <div class="container section-sections--27659512512880__footer-padding  mt-md-0 text-break" >
3364      
3365<div class="my-3 footer--align-end" id="footer-accordion"><div class="row gy-3 d-flex flex-wrap two-columns "><div
3366                  class=" col-12 mb-4  brand   align-self-center"
3367                  
3368                ><div class="d-flex flex-column ">
3369                        
3370
3371                        <div class="brand-img_wrapper d-flex  gap-3 justify-content-md-start justify-content-center "><div
3372                              class="brand__image-wrapper   "
3373                              style="max-width: min(100%, 335px);"
3374                            >
3375                              <a href="/" class="d-block" aria-label="Milford Bay SmokeHaus">
3376                              
3377                              <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">
3378                              </a>
3379                            </div>
3380                            </div>
3381                        
3382                      </div></div><div
3383                  class=" col-12 mb-4  menu   align-items-end justify-content-start flex-column py-0  align-self-center"
3384                  
3385                ><div class="menu_wrapper--primary mb-3 text-break">
3386  
3387  <ul
3388    class= "justify-content-center 
3389     justify-content-md-end 
3390       
3391         column-gap-3 column-gap-sm-5 row-gap-2 d-flex
3392          flex-column 
3393            flex-md-row flex-wrap list-unstyled"
3394
3395    id="footerMenuprimary"
3396  ><li class="p-0">
3397        <a href="https://milford-bay-smokehaus.myshopify.com/collections/all" class="nav-link">
3398          Products
3399        </a>
3400      </li><li class="p-0">
3401        <a href="https://milford-bay-smokehaus.myshopify.com/collections" class="nav-link">
3402          Online Store
3403        </a>
3404      </li><li class="p-0">
3405        <a href="/pages/our-retail-store" class="nav-link">
3406          Retail Store
3407        </a>
3408      </li></ul>
3409</div>
3410
3411</div></div></div><div class="bottom-footer--line-decor">
3412        <div class="line-decor position-relative">
3413  <div class="container">
3414    <div class="d-flex flex-nowrap align-items-center"
3415      style=" ">
3416      
3417      
3418          <span class="line-left flex-grow-1"></span>
3419          <div class="d-inline-flex divide-icon">
3420  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3421  	 viewBox="0 0 102 64.9" style="enable-background:new 0 0 102 64.9;" xml:space="preserve">
3422  <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
3423  	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
3424  	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
3425  	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
3426  	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
3427  	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
3428  	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
3429  	 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
3430  	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
3431  	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"/>
3432  </svg>
3433</div>
3434
3435          <span class="line-right flex-grow-1"></span>
3436      
3437
3438    </div>
3439  </div>
3440</div>
3441
3442      </div>
3443       
3444      <div class="bottom-footer  align-items-center py-3">
3445        <div class="row flex-column mx-0 flex-lg-row row-gap-3 align-items-center justify-content-between ">
3446          
3447            <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">
3448            
3449<style data-shopify>
3450  .disclosure .dropdown-toggle:hover{
3451    color:rgb(var(--color-primary-button-bg));
3452  }
3453  .dropdown button,
3454  .disclosure .dropdown-item{
3455    text-wrap-mode: wrap;
3456  }
3457  .disclosure .btn.show{
3458    color:rgb(var(--color-primary-button-bg));
3459  }
3460  .disclosure .dropdown-menu{
3461  max-height: 15rem;
3462  overflow: auto;
3463  scrollbar-width:thin;
3464  padding: 0px;
3465  }
3466#LanguageSelect,
3467#CountrySelect{
3468  font-size:var(--bs-font-sm);
3469  min-width: 11rem;
3470}
3471
3472</style>
3473
3474
3475<script>
3476  document.addEventListener("DOMContentLoaded", function () {
3477    if (!customElements.get('localization-form')) {
3478    class LocalizationForm extends HTMLElement {
3479      constructor() {
3480        super();
3481        this.elements = {
3482          languageDropdown: this.querySelector('#LanguageSelect'),
3483          countryDropdown: this.querySelector('#CountrySelect'),
3484        };
3485
3486        // if (this.elements.languageDropdown) {
3487        //   this.elements.languageDropdown.addEventListener('click', this.onLanguageSelect.bind(this));
3488        // }
3489if (this.elements.languageDropdown) { 
3490  this.elements.languageDropdown.addEventListener('click', this.onLanguageSelect.bind(this)); 
3491  this.elements.languageDropdown.addEventListener('keydown', (event) => {
3492    if ((event.key === 'Enter' || event.keyCode === 13)) {
3493      const targetLi = event.target.closest('li');
3494      if (targetLi) {
3495        event.preventDefault();
3496        targetLi.click();  
3497      }
3498    }
3499  });
3500}
3501        
3502
3503        // if (this.elements.countryDropdown) {
3504        //   this.elements.countryDropdown.addEventListener('click', this.onCountrySelect.bind(this));
3505        // }
3506if (this.elements.countryDropdown) { 
3507  this.elements.countryDropdown.addEventListener('click', this.onCountrySelect.bind(this)); 
3508  this.elements.countryDropdown.addEventListener('keydown', (event) => {
3509    if ((event.key === 'Enter' || event.keyCode === 13)) {
3510      const targetLi = event.target.closest('li');
3511      if (targetLi) {
3512        event.preventDefault();
3513        targetLi.click();  
3514      }
3515    }
3516  });
3517}
3518
3519
3520
3521        
3522      }
3523      onLanguageSelect(event) {
3524        const selectedItem = event.target.closest('li');
3525        if (selectedItem && selectedItem.dataset.value) {
3526          const button = this.querySelector('.dropdown-toggle');
3527          if (button) {
3528            button.textContent = selectedItem.textContent.trim();
3529          }
3530          const form = this.querySelector('form');
3531          if (form) {
3532            const languageCode = selectedItem.dataset.value;
3533            const input = form.querySelector('input[name="language_code"]') || document.createElement('input');
3534            input.type = 'hidden';
3535            input.name = 'language_code';
3536            input.value = languageCode;
3537            form.appendChild(input);
3538            form.submit();
3539          }
3540        }
3541      }
3542      onCountrySelect(event) {
3543        const selectedItem = event.target.closest('li');
3544        if (selectedItem && selectedItem.dataset.value) {
3545          const button = this.querySelector('#CountryDropdown');
3546          if (button) {
3547            button.textContent = selectedItem.textContent.trim();
3548          }
3549          const form = this.querySelector('form');
3550          if (form) {
3551            const countryCode = selectedItem.dataset.value;
3552            const input = form.querySelector('input[name="country_code"]') || document.createElement('input');
3553            input.type = 'hidden';
3554            input.name = 'country_code';
3555            input.value = countryCode;
3556            form.appendChild(input);
3557            form.submit();
3558          }
3559        }
3560      }
3561    }
3562    customElements.define('localization-form', LocalizationForm);
3563  }
3564  });
3565</script>
3565
3566
3567          </div>
3568          
3569          <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">
3570            <p class="footer-copyright mb-0 d-flex flex-wrap gap-2 align-items-center justify-content-center  justify-content-lg-end text-end ">
3571              <span class="copyright__content">
3572                &copy; 2026, <a href="/" title="">Milford Bay SmokeHaus</a></span>
3573              <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>
3574            </p><ul class="policies list-unstyled d-flex flex-wrap gap-2 mb-0  justify-content-lg-end  "><li>
3575                      <div class="copyright__content"><a href="/policies/privacy-policy">Privacy policy</a></div>
3576                    </li></ul></div></div>
3577      </div>
3578    </div>
3579  </div>
3580</footer>
3581
3582
3583<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>
3584<!-- END sections: footer-group -->
3585      </div>
3586    </div>
3587
3588    
3588<script>
3589        /* Overlay Tab comtrol */
3590        var main = document.getElementById('MainContent');
3591
3592      function focusMain() {
3593        if (main) {
3594          if (!main.hasAttribute('tabindex')) {
3595            main.setAttribute('tabindex', '-1');
3596          }
3597          main.focus();
3598        }
3599      }
3600
3601      document.addEventListener('click', function(event) {
3602        var target = event.target;
3603        if (!target.closest) return;
3604
3605        if (target.closest('[data-newsletter-popup-close]')) {
3606          focusMain();
3607        }
3608      });
3609
3610      document.addEventListener('keyup', function(event) {
3611        if (event.key === 'Escape') {
3612          var popup = document.querySelector('[data-newsletter-popup]');
3613          if (popup && !popup.hasAttribute('hidden')) {
3614            focusMain();
3615          }
3616        }
3617      });
3618
3619        
3620        $(document).ready(function () {
3621          function checkHashAndToggle() {
3622            if (window.location.hash === '#recover') {
3623              $('#reset_password').show();
3624              $('#login_panel').hide();
3625            } else {
3626              $('#reset_password').hide();
3627              $('#login_panel').show();
3628            }
3629          }
3630          checkHashAndToggle();
3631
3632          $(window).on('hashchange', function () {
3633            checkHashAndToggle();
3634          });
3635
3636          $('#header_searchresult').hide();
3637
3638          $('#header_search').click(function () {
3639            setTimeout(function () {
3640              $('input#Search').focus();
3641            }, 500);
3642            $('#header_searchresult').slideToggle();
3643            $('#header_searchresult').attr('style', 'width:1000px;height:200px; border:2px solid #ccc;');
3644          });
3645          $('.search_clear_btn').click(function (e) {
3646            e.preventDefault();
3647            if ($('input#Search').length) {
3648              $('input#Search').val('');
3649              $(this).addClass('d-none');
3650              $('.filter_top_bar').addClass('d-none');
3651            }
3652            if ($('input#SearchFormSearch').length) {
3653              $('input#SearchFormSearch').val('');
3654               $(this).addClass('d-none');
3655
3656            }
3657            $('.predictive-search-empty').addClass('d-none');
3658              $('.frequent_search').removeAttr('style');
3659              $('.search_collection').removeAttr('style');
3660               $('#predictive-search-results').addClass('d-none');
3661          });
3662          $('#SearchFormSearch').keyup(function (e) {
3663              var SearchFormSearchLen = $(this).val().length;
3664              if(SearchFormSearchLen == "0") { $('.search_clear_btn').addClass('d-none') }
3665              else {  $('.search_clear_btn').removeClass('d-none') }
3666
3667          });
3668
3669          $('.edit_address,.address_details').hide();
3670          $('.editaddress_button').click(function () {
3671            $(this).siblings('.edit_address').toggle();
3672          });
3673           $('.addnew_address').click(function () {
3674            $('.address_details').removeClass('d-none');
3675            $('.address_details').toggle();
3676          });
3677
3678          $('.search-container').hide();
3679          $('.toggle_filter').click(function () {
3680            $('.search-container').toggle();
3681          });
3682        });
3683    </script>
3683
3684    
3684<script>  
3685    
3686   window.shopUrl = 'https://milfordbaysmokehaus.com';
3687      window.routes = {
3688        cart_add_url: '/cart/add',
3689        cart_change_url: '/cart/change',
3690        cart_update_url: '/cart/update',
3691        cart_url: '/cart',
3692        currency_symbol: '$',
3693        predictive_search_url: '/search/suggest',
3694        search_url: 'https://milfordbaysmokehaus.com/search',
3695        cart_type: `drawer`,
3696        cart_currency: 'CAD',
3697        canvas_color_scheme: 'scheme-1'
3698      };
3699        window.cartTotStrings = { 
3700          quantityError: `You can only add [quantity] of this item to your cart.`,
3701        };
3702         window.settingStrings = {
3703          cartType: `drawer`,
3704        }
3705        
3706        
3707        window.Shopify = window.Shopify || {};
3708        window.Shopify.language = 'en';  
3709        window.Shopify.country = 'CA';   
3710        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>'; 
3711      
3712
3713      
3714</script>
3714
3715    <!-- BEGIN sections: overlay-group -->
3716<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>
3717  .click-to-top{
3718    width:36px;
3719    height:36px;
3720    cursor:pointer;
3721    background-color:rgb(var(--color-background));
3722    
3723    box-shadow:0 0 1px 8px rgba(var(--color-foreground),0.2);
3724      
3725    z-index:1024;
3726    overflow: hidden;
3727  }
3728  .click-to-top svg{
3729    width:12px;
3730  }
3731  @media screen and (min-width:768px){
3732    .click-to-top{
3733      width:48px;
3734      height:48px;
3735      
3736      box-shadow:0 0 1px 12px rgba(var(--color-foreground),0.2);
3737      
3738    }
3739  }
3740</style>
3741<div>
3742<a href="#click-to-top" 
3743  aria-label="Scroll to top"
3744  title="click-to-top"
3745   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"
3746   id="click-to-top">
3747    
3748<svg width="19" height="45" viewBox="0 0 9 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
3749  <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"/>
3750</svg>
3751
3752</a>
3753</div>
3754
3755 
3755<script>
3756
3757let clickToTopButton = null;
3758let clickToTopInitialized = false;
3759 
3760function handleScroll() {
3761  if (!clickToTopButton) return;
3762
3763  if (window.scrollY > 300) {
3764    clickToTopButton.classList.remove("d-none");
3765  } else {
3766    clickToTopButton.classList.add("d-none");
3767  }
3768} 
3769function handleClick(event) {
3770  event.preventDefault();
3771  window.scrollTo({ top: 0, behavior: "smooth" });
3772}
3773 
3774function initClickToTop() {
3775  const button = document.getElementById("click-to-top");
3776  clickToTopButton = button;
3777
3778  if (!button) {
3779    return;
3780  }
3781 
3782  if (!clickToTopInitialized) {
3783    window.addEventListener("scroll", handleScroll);
3784    button.addEventListener("click", handleClick);
3785    clickToTopInitialized = true;
3786  } 
3787  handleScroll();
3788}
3789 
3790document.addEventListener("DOMContentLoaded", initClickToTop);
3791 
3792if (typeof Shopify !== "undefined") {
3793  document.addEventListener("shopify:section:load", () => { 
3794    initClickToTop();
3795  });
3796
3797  document.addEventListener("shopify:section:select", () => {
3798    initClickToTop();
3799  });
3800  document.addEventListener("shopify:section:change", () => {
3801    initClickToTop();
3802  });
3803
3804  document.addEventListener("shopify:section:deselect", () => {
3805    initClickToTop();
3806  });
3807  if (window.location.href.includes('customize') || typeof Shopify !== 'undefined') {
3808    initClickToTop();
3809  }
3810 
3811  setTimeout(initClickToTop, 500);
3812}
3813</script>
3813
3814</aside>
3815<!-- END sections: overlay-group -->
3816  <style> .breadcrumb {display: none;} </style>
3817<div id="shopify-block-ARlBBMm9LTU5kTkVVW__16162820827775340088" class="shopify-block shopify-app-block">
3818<script>
3819  window.StoreLocatorDefaultPageAssets = {
3820    placeholderSelector: "[data-store-locator-default-page='true']",
3821    templateId: "sl-default-store-locator-template",
3822    maplibreAssets: {
3823      js: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-vendor.js",
3824      css: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-vendor.css"
3825    },
3826    mapboxAssets: {
3827      js: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-vendor.js",
3828      css: "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-vendor.css"
3829    },
3830    scripts: [
3831      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-logger.js",
3832      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-data.js",
3833      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-helpers.js",
3834      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-render.js",
3835      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-maplibre-loader.js",
3836      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-mapbox-loader.js",
3837      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-map.js",
3838      "https:\/\/cdn.shopify.com\/extensions\/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e\/production-20261002-5c5531a\/assets\/store-locator-core.js"
3839    ]
3840  };
3841</script>
3841
3842
3843<template id="sl-default-store-locator-template">
3844  <!-- BEGIN app snippet: store-locator-widget -->
3845
3846
3847<div
3848  class="sl-widget-host"
3849  data-store-locator-host="true"
3850  data-locale="en"
3851  data-widget-id="ARlBBMm9LTU5kTkVVW__16162820827775340088"
3852  data-proxy-path="/apps/mapmigo"
3853  data-legacy-proxy-path="/apps/store-locator"
3854  data-base-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-base.css"
3855  data-panel-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-panel.css"
3856  data-map-stylesheet="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-map.css?popup_v=20260314a"
3857  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"
3858>
3859<div
3860  data-store-locator-host-shell="true"
3861  aria-hidden="true"
3862  style="position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffff"
3863>
3864  <div
3865    style="width:min(320px,70%);height:6px;border-radius:999px;overflow:hidden;background:#e5e7eb"
3866  >
3867    <span
3868      style="display:block;width:40%;height:100%;border-radius:inherit;background:#111827"
3869    ></span>
3870  </div>
3871</div>
3872<template data-store-locator-template="true">
3873  <div
3874    class="sl-widget sl-widget--loading"
3875    data-widget-id="ARlBBMm9LTU5kTkVVW__16162820827775340088"
3876    data-tooltip-close-icon-url="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg"
3877    aria-busy="true"
3878  >
3879    <div class="sl-widget__loading" data-role="loading" aria-live="polite">
3880      <div class="sl-widget__progress" aria-hidden="true">
3881        <span class="sl-widget__progress-bar"></span>
3882      </div>
3883    </div>
3884
3885    <svg aria-hidden="true" focusable="false" class="sl-icons" style="position:absolute;width:0;height:0;overflow:hidden">
3886      <symbol id="sl-icon-search" viewBox="0 0 24 24">
3887        <path d="M11 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"></path>
3888        <path d="M21 21l-4.35-4.35"></path>
3889      </symbol>
3890      <symbol id="sl-icon-nearest" viewBox="0 0 24 24">
3891        <circle cx="4.5" cy="7" r="1.25"></circle>
3892        <circle cx="9.5" cy="3.75" r="1.25"></circle>
3893        <circle cx="14.75" cy="8.5" r="1.25"></circle>
3894        <circle cx="6.75" cy="13.75" r="1.25"></circle>
3895        <path d="M5.6 6.3l2.8-1.9"></path>
3896        <path d="M10.5 4.6l3.2 2.9"></path>
3897        <path d="M13.5 9.6l-5.3 3.5"></path>
3898        <path d="M7.4 12.5l-2.2-4.1"></path>
3899        <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>
3900        <circle cx="12.5" cy="14.5" r="1.2"></circle>
3901      </symbol>
3902      <symbol id="sl-icon-location" viewBox="0 0 24 24">
3903        <path d="M3 11.5l18-8-7.5 18-2.5-7-7-3Z"></path>
3904      </symbol>
3905      <symbol id="sl-icon-plus" viewBox="0 0 24 24">
3906        <path d="M12 5v14"></path>
3907        <path d="M5 12h14"></path>
3908      </symbol>
3909      <symbol id="sl-icon-minus" viewBox="0 0 24 24">
3910        <path d="M5 12h14"></path>
3911      </symbol>
3912    </svg>
3913
3914    <div class="sl-panel">
3915      <div class="sl-search">
3916        <form class="sl-search__field" data-role="search-form">
3917          <input
3918            class="sl-search__input"
3919            data-role="search"
3920            type="search"
3921            placeholder="Search for a place..."
3922            aria-label="Search for a place"
3923          />
3924          <button
3925            class="sl-search__submit"
3926            type="submit"
3927            aria-label="Submit search"
3928          >
3929            <svg class="sl-icon" aria-hidden="true"><use href="#sl-icon-search"></use></svg>
3930          </button>
3931        </form>
3932        <div class="sl-suggestions" data-role="suggestions" hidden></div>
3933      </div>
3934      <div class="sl-panel__notice" data-role="notice" hidden></div>
3935        <div class="sl-panel__list" data-role="list-pane">
3936        <div class="sl-empty" data-role="empty" hidden>
3937          <img
3938            class="sl-empty__icon"
3939            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon.svg"
3940            data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon.svg"
3941            data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/empty_state_icon_
3941inverted.svg"
3942            alt=""
3943            aria-hidden="true"
3944            width="76"
3945            height="76"
3946          >
3947          <p class="sl-empty__message" data-role="empty-message">No stores match your search.</p>
3948        </div>
3949        <div class="sl-list" data-role="list"></div>
3950      </div>
3951      <div class="sl-detail" data-role="detail">
3952        <button class="sl-detail__close" type="button" data-action="close-detail" aria-label="Close store details">
3953          <img
3954            class="sl-detail__close-icon"
3955            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location.svg"
3956            alt=""
3957            aria-hidden="true"
3958            width="36"
3959            height="36"
3960          >
3961        </button>
3962        <div class="sl-detail__scroll">
3963          <div class="sl-detail__image" data-role="detail-image"></div>
3964          <div class="sl-detail__body">
3965            <div class="sl-detail__title" data-role="detail-title">Store name</div>
3966            <div class="sl-detail__address" data-role="detail-address">Store address</div>
3967            <div class="sl-detail__meta">
3968              <div class="sl-detail__meta-item" data-role="detail-phone">
3969                <img
3970                  class="sl-detail__meta-icon"
3971                  src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon.svg"
3972                  data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon.svg"
3973                  data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/phone_icon_inverted.svg"
3974                  alt=""
3975                  aria-hidden="true"
3976                  width="16"
3977                  height="16"
3978                >
3979                <span>Phone</span>
3980              </div>
3981              <div class="sl-detail__meta-item" data-role="detail-email">
3982                <img
3983                  class="sl-detail__meta-icon"
3984                  src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon.svg"
3985                  data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon.svg"
3986                  data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/email_icon_inverted.svg"
3987                  alt=""
3988                  aria-hidden="true"
3989                  width="16"
3990                  height="16"
3991                >
3992                <a data-role="detail-email-link" href="mailto:">Email</a>
3993              </div>
3994              <div class="sl-detail__meta-item" data-role="detail-website">
3995                <div class="sl-detail__meta-links">
3996                  <div class="sl-detail__meta-link-row sl-detail__meta-link-row--primary" data-role="detail-website-primary-row">
3997                    <img
3998                      class="sl-detail__meta-icon"
3999                      src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon.svg"
4000                      data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon.svg"
4001                      data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/website_icon_inverted.svg"
4002                      alt=""
4003                      aria-hidden="true"
4004                      width="16"
4005                      height="16"
4006                    >
4007                    <a data-role="detail-website-primary" href="#" target="_blank" rel="noopener">Website</a>
4008                  </div>
4009                  <div class="sl-detail__meta-link-row sl-detail__meta-link-row--additional" data-role="detail-website-additional-row" hidden>
4010                    <a data-role="detail-website-additional" href="#" target="_blank" rel="noopener">Additional website</a>
4011                  </div>
4012                </div>
4013              </div>
4014              <div class="sl-detail__meta-item" data-role="detail-social">
4015                <div class="sl-detail__meta-social-links">
4016                  <div class="sl-detail__meta-social-row" data-role="detail-social-instagram" hidden>
4017                    <img
4018                      class="sl-detail__meta-icon"
4019                      src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon.svg"
4020                      data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon.svg"
4021                      data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/instagram_icon_inverted.svg"
4022                      alt=""
4023                      aria-hidden="true"
4024                      width="16"
4025                      height="16"
4026                    >
4027                    <a data-role="detail-social-instagram-link" href="#" target="_blank" rel="noopener">Instagram</a>
4028                  </div>
4029                  <div class="sl-detail__meta-social-row" data-role="detail-social-facebook" hidden>
4030                    <img
4031                      class="sl-detail__meta-icon"
4032                      src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon.svg"
4033                      data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon.svg"
4034                      data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/facebook_icon_inverted.svg"
4035                      alt=""
4036                      aria-hidden="true"
4037                      width="16"
4038                      height="16"
4039                    >
4040                    <a data-role="detail-social-facebook-link" href="#" target="_blank" rel="noopener">Facebook</a>
4041                  </div>
4042                  <div class="sl-detail__meta-social-row" data-role="detail-social-tiktok" hidden>
4043                    <img
4044                      class="sl-detail__meta-icon"
4045                      src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon.svg"
4046                      data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon.svg"
4047                      data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/tiktok_icon_inverted.svg"
4048                      alt=""
4049                      aria-hidden="true"
4050                      width="16"
4051                      height="16"
4052                    >
4053                    <a data-role="detail-social-tiktok-link" href="#" target="_blank" rel="noopener">TikTok</a>
4054                  </div>
4055                  <div class="sl-detail__meta-social-row" data-role="detail-social-x" hidden>
4056                    <img
4057                      class="sl-detail__meta-icon"
4058                      src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon.svg"
4059                      data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon.svg"
4060                      data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/x_icon_inverted.svg"
4061                      alt=""
4062                      aria-hidden="true"
4063                      width="16"
4064                      height="16"
4065                    >
4066                    <a data-role="detail-social-x-link" href="#" target="_blank" rel="noopener">X</a>
4067                  </div>
4068                </div>
4069              </div>
4070            </div>
4071            <button class="sl-detail__cta" type="button" data-action="directions">
4072              <img
4073                class="sl-detail__cta-icon"
4074                src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon.svg"
4075                data-light-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon.svg"
4076                data-dark-src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/directions_icon_inverted.svg"
4077                alt=""
4078                aria-hidden="true"
4079                width="19"
4080                height="19"
4081              >
4082              <span data-role="detail-directions-label">Get directions</span>
4083            </button>
4084          </div>
4085          <div class="sl-detail__hours" data-role="detail-hours-section">
4086            <div class="sl-detail__hours-header">
4087              <button
4088                class="sl-detail__hours-toggle"
4089                type="button"
4090                data-action="toggle-hours"
4091                aria-label="Toggle store hours"
4092                aria-expanded="true"
4093              >
4094                <span class="sl-detail__hours-title" data-role="detail-hours-title">Store hours</span>
4095              </button>
4096            </div>
4097            <div class="sl-detail__hours-body" data-role="detail-hours"></div>
4098          </div>
4099          <div class="sl-detail__description" data-role="detail-description" hidden></div>
4100        </div>
4101      </div>
4102    </div>
4103
4104    <div class="sl-map">
4105      <div class="sl-map__canvas" data-role="map"></div>
4106      <div class="sl-map__placeholder" data-role="map-placeholder">Map will appear here.</div>
4107      <div
4108        class="sl-map__geo-blocked"
4109        data-role="geo-blocked"
4110        role="status"
4111        aria-live="polite"
4112        aria-label="Location access is blocked"
4113        hidden
4114      >
4115        <div class="sl-map__geo-blocked-card">
4116          <button
4117            class="sl-map__geo-blocked-close"
4118            type="button"
4119            data-action="dismiss-geo-blocked"
4120            aria-label="Dismiss location access message"
4121          >
4122            <img
4123              class="sl-map__geo-blocked-close-icon"
4124              src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg"
4125              alt=""
4126              aria-hidden="true"
4127              width="15"
4128              height="15"
4129            >
4130          </button>
4131          <img
4132            class="sl-map__geo-blocked-icon"
4133            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/map_load_icon.svg"
4134            alt=""
4135            aria-hidden="true"
4136            width="57"
4137            height="57"
4138          >
4139          <h3 class="sl-map__geo-blocked-title" data-role="geo-blocked-title">Location access is blocked.</h3>
4140          <p class="sl-map__geo-blocked-message" data-role="geo-blocked-message">Location access blocked. Search by city instead.</p>
4141        </div>
4142      </div>
4143      <div
4144        class="sl-map__mobile-zoom-hint"
4145        data-role="mobile-zoom-hint"
4146        aria-hidden="true"
4147        hidden
4148      >
4149        <div class="sl-map__mobile-zoom-hint-content">
4150          <img
4151            class="sl-map__mobile-zoom-hint-icon"
4152            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/mobile_zoom_icon.svg"
4153            alt=""
4154            aria-hidden="true"
4155            width="32"
4156            height="32"
4157          >
4158          <p class="sl-map__mobile-zoom-hint-text">Use two fingers to zoom the map</p>
4159        </div>
4160      </div>
4161      <div class="sl-map__cta">
4162        <button type="button" data-action="nearest">
4163          <img
4164            class="sl-map__cta-icon"
4165            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/geolocation_icon.svg"
4166            alt=""
4167            aria-hidden="true"
4168            width="14"
4169            height="14"
4170          >
4171          <span data-role="nearest-label">Show nearest stores to your location</span>
4172        </button>
4173      </div>
4174      <div class="sl-map__controls">
4175        <div class="sl-map__control-group" role="group" aria-label="Zoom controls">
4176          <button class="sl-map__control sl-map__control--grouped" type="button" data-action="zoom-in" aria-label="Zoom in">
4177            <img
4178              class="sl-map__control-icon"
4179              src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/zoom_in_icon.svg"
4180              alt=""
4181              aria-hidden="true"
4182              width="16"
4183              height="16"
4184            >
4185          </button>
4186          <button class="sl-map__control sl-map__control--grouped" type="button" data-action="zoom-out" aria-label="Zoom out">
4187            <img
4188              class="sl-map__control-icon"
4189              src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/zoom_out_icon.svg"
4190              alt=""
4191              aria-hidden="true"
4192              width="16"
4193              height="16"
4194            >
4195          </button>
4196        </div>
4197        <button class="sl-map__control" type="button" data-action="zoom-fit" aria-label="Fit map">
4198          <img
4199            class="sl-map__control-icon"
4200            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/full_screen_icon.svg"
4201            alt=""
4202            aria-hidden="true"
4203            width="16"
4204            height="16"
4205          >
4206        </button>
4207      </div>
4208    </div>
4209    <div class="sl-map__privacy is-hidden" data-role="privacy" role="dialog" aria-live="polite" aria-label="Map loading confirmation">
4210      <div class="sl-map__privacy-card">
4211        <button class="sl-map__privacy-close" type="button" data-action="dismiss-load-map" aria-label="Close map loading prompt">
4212          <img
4213            class="sl-map__privacy-close-icon"
4214            src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/exit_location_tooltip.svg"
4215            alt=""
4216            aria-hidden="true"
4217            width="15"
4218            height="15"
4219          >
4220        </button>
4221        <img
4222          class="sl-map__privacy-icon"
4223          src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/map_load_icon.svg"
4224          alt=""
4225          aria-hidden="true"
4226          width="56"
4227          height="56"
4228        >
4229        <h3 class="sl-map__privacy-title" data-role="privacy-title">Load the map</h3>
4230        <p class="sl-map__privacy-message" data-role="privacy-description">This map is hosted by a third-party provider. Click to load it.</p>
4231        <button class="sl-map__privacy-button" type="button" data-action="load-map">Load map</button>
4232      </div>
4233    </div>
4234  </div>
4235</template>
4236</div>
4237<!-- END app snippet -->
4238</template>
4239
4240<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 4240
4240
4241<script src="https://cdn.shopify.com/extensions/01a0fbed-29a8-7a31-b4a8-fb2c0c6cfb2e/production-20261002-5c5531a/assets/store-locator-default-page-bootstrap.js" defer></script>
4241
4242
4243
4244</div>
4244<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4244
4245</body>
4246</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.