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 – 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&width=335" alt="Milford Bay SmokeHaus" srcset="//milfordbaysmokehaus.com/cdn/shop/files/MilfordBay_hrz_white__PNG.png?v=1781210713&width=335 335w" width="335" height="123.01247771836007" loading="lazy" class="img-fluid w-100" sizes="(max-width: 670px) 50vw, 335px"> 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 © 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&utm_medium=shopify&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.