PageSourceSearch

https://www.joeskc.com/search

html joeskc.com collected 2026-10-02 02:43:42 UTC 505,308 bytes, 8,432 lines download raw bytes

1<!doctype html>
2<html class="no-js " lang="en">
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="theme-color" content="">
8    
9      <link rel="canonical" href="https://www.joeskc.com/search">
10    
11<link rel="icon" type="image/png" href="//www.joeskc.com/cdn/shop/files/logo_favicon.png?crop=center&height=32&v=1763403016&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
12      Search
13 &ndash; SendJoesKCBBQ</title>
14    
15      <meta name="description" content="The original Joe&#39;s Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, &amp; more! Stop by or send BBQ online.">
16    
17    <link href="//www.joeskc.com/cdn/shop/t/80/assets/theme.css?v=23787051409108878181785482773" rel="stylesheet" type="text/css" media="all" />
18    
19    
20    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/secondary-css.css?v=124842348671814217191785247873" as="style" onload="this.onload=null;this.rel='stylesheet'">
21    <noscript>
22      <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/secondary-css.css?v=124842348671814217191785247873">
23    </noscript>
24    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" as="style" media="(min-width: 768px)">
25    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-md.css?v=73783615780051519011785247873" type="text/css" media="(min-width: 768px)">
26    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" as="style" media="(min-width: 1024px)">
27    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-lg.css?v=35461467089789139181785247873" type="text/css" media="(min-width: 1024px)">
28    <link rel="preload" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" as="style" media="(min-width: 1280px)">
29    <link rel="stylesheet" href="//www.joeskc.com/cdn/shop/t/80/assets/theme-xl.css?v=41831075581784254051785247873" type="text/css" media="(min-width: 1280px)">
30    
31    
32    
33<link rel="preload" href="//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
34    
35    
36    
37
38<meta property="og:site_name" content="SendJoesKCBBQ">
39<meta property="og:url" content="https://www.joeskc.com/search">
40<meta property="og:title" content="Search">
41<meta property="og:type" content="website">
42<meta property="og:description" content="The original Joe&#39;s Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, &amp; more! Stop by or send BBQ online."><meta property="og:image" content="http://www.joeskc.com/cdn/shop/files/2025_square_logo_RED_5c2dcd08-8d38-44c4-9b96-93914f0779d6.jpg?v=1781631837">
43  <meta property="og:image:secure_url" content="https://www.joeskc.com/cdn/shop/files/2025_square_logo_RED_5c2dcd08-8d38-44c4-9b96-93914f0779d6.jpg?v=1781631837">
44  <meta property="og:image:width" content="1000">
45  <meta property="og:image:height" content="1000"><meta name="twitter:site" content="@https://x.com/joeskc"><meta name="twitter:card" content="summary_large_image">
46<meta name="twitter:title" content="Search">
47<meta name="twitter:description" content="The original Joe&#39;s Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, &amp; more! Stop by or send BBQ online.">
48<style data-shopify>@font-face {
49  font-family: Aleo;
50  font-weight: 700;
51  font-style: normal;
52  font-display: swap;
53  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"),
54       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff");
55}
56
57  @font-face {
58  font-family: Aleo;
59  font-weight: 400;
60  font-style: normal;
61  font-display: swap;
62  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.136670fa4cfe14df9f97954729b65c53d88b12be.woff2") format("woff2"),
63       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n4.5d64991d1f526
63ac4e19640bbdebcbc191ef24ad0.woff") format("woff");
64}
65
66  @font-face {
67  font-family: Oswald;
68  font-weight: 400;
69  font-style: normal;
70  font-display: swap;
71  src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"),
72       url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff");
73}
74
75  @font-face {
76  font-family: Aleo;
77  font-weight: 600;
78  font-style: normal;
79  font-display: swap;
80  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.ca9fe1a6a5d87bfc6fa1d3eba5708c6cbb930708.woff2") format("woff2"),
81       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n6.cf70594e03c7b51a690ad9a94ac8de64550f5476.woff") format("woff");
82}
83
84  @font-face {
85  font-family: "Libre Bodoni";
86  font-weight: 600;
87  font-style: italic;
88  font-display: swap;
89  src: url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.1f20d8369ce8b99ca0d4bc581754ae66ea738849.woff2") format("woff2"),
90       url("//www.joeskc.com/cdn/fonts/libre_bodoni/librebodoni_i6.7bc65d08c38cec452607361f1b63e6a368606744.woff") format("woff");
91}
92
93
94  @font-face {
95  font-family: Aleo;
96  font-weight: 700;
97  font-style: normal;
98  font-display: swap;
99  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.bb6a195ae8203890c5b6ffd628bee17104cc686d.woff2") format("woff2"),
100       url("//www.joeskc.com/cdn/fonts/aleo/aleo_n7.071af82e6c05ec82c5ab10eface7d1bae9723490.woff") format("woff");
101}
102
103  @font-face {
104  font-family: Aleo;
105  font-weight: 400;
106  font-style: italic;
107  font-display: swap;
108  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.88a25861c09f2509923c34ba3366e47df60bc543.woff2") format("woff2"),
109       url("//www.joeskc.com/cdn/fonts/aleo/aleo_i4.7b233ab952f02df341ea5501e4220a671d323710.woff") format("woff");
110}
111
112  @font-face {
113  font-family: Aleo;
114  font-weight: 700;
115  font-style: italic;
116  font-display: swap;
117  src: url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.6db85f6e645c64d34d8e29efcc908fa9de7ecbca.woff2") format("woff2"),
118       url("//www.joeskc.com/cdn/fonts/aleo/aleo_i7.3a33fa5ea79edeaa5ef94d93d95ff1b74cc7781f.woff") format("woff");
119}
120
121  @font-face {
122  font-family: Oswald;
123  font-weight: 400;
124  font-style: normal;
125  font-display: swap;
126  src: url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.7760ed7a63e536050f64bb0607ff70ce07a480bd.woff2") format("woff2"),
127       url("//www.joeskc.com/cdn/fonts/oswald/oswald_n4.ae5e497f60fc686568afe76e9ff1872693c533e9.woff") format("woff");
128}
129
130</style>
131<style data-shopify>:root,
132  *:before {
133    --base-font-size: 0.875rem;
134    --font-size-medium-mobile: 0.9rem;
135    --font-size-medium: 1.0rem;
136    --font-size-small: 0.625rem;
137    --font-size-small-mobile: 0.5625rem;
138    --font-size-normal: 0.75rem;
139    --font-size-normal-mobile: 0.675rem;
140    --font-size-large: 1.25rem;
141    --font-size-large-mobile: 1.125rem;
142    --heading-highlight-font-size: 100%;
143    --h1-font-size: 3.825rem;
144    --h2-font-size: 2.25rem;
145    --h3-font-size: 1.35rem;
146    --h4-font-size: 1.2375rem;
147    --h5-font-size: 1.125rem;
148    --h6-font-size: 1.0125rem;
149    --base-font-size-mobile: 0.7875rem;
150    --h1-font-size-mobile: 1.9125rem;
151    --h2-font-size-mobile: 1.35rem;
152    --h3-font-size-mobile: 0.945rem;
153    --h4-font-size-mobile: 0.86625rem;
154    --h5-font-size-mobile: 0.7875rem;
155    --h6-font-size-mobile: 0.70875rem;
156    --rating-star-size: 0.7rem;
157    --border-radius: 100px;
158    --page-width: 1300px;
159    --width-countdown: 7.875rem;
160    --font-menu: Oswald, sans-serif;
161    --font-menu-weight: 400;
162    --font-menu-style: normal;
163    --font-button: Aleo, serif;
164    --font-button-weight: 600;
165    --font-button-style: normal;
166    --font-body-family: Aleo, serif;
167    --font-body-style: normal;
168    --font-body-weight: 400;
169    --font-heading-family: Aleo, serif;
170    --font-heading-highlight: "Libre Bodoni", serif;
171    --font-heading-highlight-style: italic;
172    --font-heading-highlight-weight: 600;
173    --font-heading-style: normal;
174    --font-heading-weight: 700;
175    --heading-text-tranform: none;
176    --advanced-sections-spacing: 0px;
177    --divider-spacing: -0;
178
179    --colors-pulse-speech: 251, 133, 0;
180    --image-treatment-overlay: 35, 31, 32;
181    --image-treatment-text: 255, 255, 255;
182    --colors-line-and-border: 255, 255, 255;
183    --colors-line-and-border-base: 255, 255, 255;
184    --colors-line-header: 127, 38, 41;
185    --colors-line-footer: 127, 38, 41;
186    --colors-background: 255, 255, 255;
187    --colors-text: 35, 31, 32;
188    --colors-text-base: 35, 31, 32;
189    --colors-heading: 35, 31, 32;
190    --colors-heading-base: 35, 31, 32;
191    --colors-background-secondary: 255, 255, 255;
192    --colors-text-secondary: 35, 31, 32;
193    --colors-heading-secondary: 35, 31, 32;
194    --colors-text-link: 127, 38, 41;
195    --background-color:  255, 255, 255;
196    --background-color-base:  255, 255, 255;
197    --background-color-header: 35, 31, 32;
198    --colors-text-header: 255, 255, 255;
199    --background-color-footer: 35, 31, 32;
200    --colors-text-footer: 255, 255, 255;
201    --colors-heading-footer: 255, 255, 255;
202    --colors-text-link-footer: 35, 31, 32;
203    --color-error: 35, 31, 32;
204    --color-success: 35, 31, 32;
205    --colors-price: 35, 31, 32;
206    --colors-price-sale: 35, 31, 32;
207    --colors-button-text: 255, 255, 255;
208    --colors-button: 127, 38, 41;
209    --colors-button-text-hover: 127, 38, 41;
210    --colors-secondary-button: 255, 255, 255;
211    --colors-button-hover: rgb(255, 255, 255);
212    --colors-cart: 127, 38, 41;
213    --colors-cart-text: 127, 38, 41;
214    --colors-icon-rating: 127, 38, 41;
215    --colors-transition-arrows: 36, 36, 36;
216    --color-highlight: rgb(127, 38, 41);
217    --background-pagination-slideshow: 32, 32, 32;
218    --text-color-pagination-slideshow: 255, 255, 255;
219    
220      --background-secondary-button: 127, 38, 41;
221      --colors-line-secondary-button: 127, 38, 41;
222    
223    
224      --button-width: 102%;
225      --button-height: 500%;
226      --button-transform: rotate3d(0,0,1,-10deg) translate3d(-130%,-10em,0);
227      --button-transform-origin: 100% 0%;
228    
229    
230      --height-parallax: 110%;
231    
232    
233      --image-zoom: 1.05;
234    
235    --card-product-bg: #ffffff;
236    --card-product-padding: 20px;
237    --card-product-padding-mobile: 5px;
238    --card-product-alignment: center;
239    
240    --width-scrollbar: 0;
241    --card-product-ratio: 100.0%;
242    --card-product-img-position:  absolute;
243    --card-product-img-height:  0;
244    --card-product-img-zoom:  scale(1.1);
245    --height-header: 0px;
246    --transition-card-loading: 600ms;
247    --transition-card-image-hover: 500ms;
248    --transition-slideshow: 600ms;
249    --transition-image-hover: 600ms;
250  }
251  .dark,
252  .dark *:before {
253    --image-treatment-overlay: 32, 32, 32;
254    --image-treatment-text: 255, 255, 255;
255    --colors-line-and-border: 94, 94, 94;
256    --colors-line-and-border-base: 94, 94, 94;
257    --colors-line-header: 94, 94, 94;
258    --colors-line-footer: 82, 80, 81;
259    --colors-background: 32, 32, 32;
260    --colors-text: 35, 31, 32;
261    --colors-text-base: 35, 31, 32;
262    --colors-heading: 255, 255, 255;
263    --colors-heading-base: 255, 255, 255;
264    --background-color: 32, 32, 32;
265    --background-color-base: 32, 32, 32;
266    --colors-text-link: 127, 38, 41;
267    --color-error: 255, 88, 88;
268    --color-success: 66, 162, 70;
269    --background-color-header: 32, 32, 32;
270    --colors-text-header: 137, 137, 137;
271    --background-color-footer: 41, 41, 41;
272    --colors-text-footer: 137, 137, 137;
273    --colors-heading-footer: 255, 255, 255;
274    --colors-text-link-footer: 107, 112, 80;
275    --colors-price: 195, 195, 195;
276    --colors-price-sale: 255, 88, 88;
277    --colors-button-text: 255, 255, 255;
278    --colors-button: 0, 0, 0;
279    --colors-button-text-hover: 36, 36, 36;
280    --colors-secondary-button: 255, 255, 255;
281    --colors-button-hover: rgb(255, 255, 255);
282    --colors-cart: 107, 112, 80;
283    --colors-cart-text: 255, 255, 255;
284    --colors-background-secondary: 58, 58, 58;
285    --colors-text-secondary: 255, 255, 255;
286    --colors-heading-secondary: 255, 255, 255;
287    --colors-icon-rating: 200, 184, 159;
288    --colors-pulse-speech: 251, 133, 0;
289    --colors-transition-arrows: 36, 36, 36;
290    --color-highlight: rgb(127, 38, 41);
291    
292      --background-secondary-button: transparent;
293      --colors-line-secondary-button: 255, 255, 255;
294    
295    --card-product-bg: rgba(0,0,0,0);
296  }
297  shopify-accelerated-checkout {
298    --shopify-accelerated-checkout-button-border-radius: 100px;
299  }
300  shopify-accelerated-checkout-cart {
301    --shopify-accelerated-checkout-button-border-radius: 100px;
302    --shopify-accelerated-checkout-inline-alignment: end;
303    --shopify-accelerated-checkout-button-block-size: 48px;
304    --shopify-accelerated-checkout-button-inline-size: 48px;
305  }
306  shopify-account {
307    --shopify-account-color-accent: rgba(var(--colors-button));
308    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
309    --shopify-account-color-background: rgb(var(--background-color-base));
310    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
311    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
312    --shopify-account-radius-button-small: 9999px;
313    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
314    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
315    --shopify-account-color-control-background: rgb(var(--background-color-base));
316    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
317    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
318    --shopify-account-dialog-position-top: 30px;
319    --shopify-account-font-body: var(--font-body-family);
320    --shopify-account-font-body-weight: var(--font-body-weight);
321    --shopify-account-font-heading: var(--font-heading-family);
322    --shopify-account-font-heading-weight: var(--font-heading-weight);
323    --shopify-account-radius-base:  8px;
324    --shopify-account-radius-button: 100px;
325    --shopify-account-radius-dialog:  12px;
326    --shopify-account-radius-input:  8px;
327    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
328    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
329  }
330  
331    [role="button"],
332    [type="button"],
333    .button {
334      color: rgb(var(--colors-button-text-hover));
335    }
336    button.button-solid,
337    .button.button-solid {
338      border: none;
339      background-color: var(--colors-button-hover);
340    }
341    button.button-disable-effect,
342    .button.button-disable-effect {
343      color: rgba(var(--colors-button-text-hover));
344      background-color: var(--colors-button-hover);
345    }
346    .button-action {
347      border: none;
348      color: rgba(var(--colors-button-text-hover));
349      background-color: var(--colors-button-hover);
350    }
351  
352  .header, .header *::before {
353    --colors-text: var(--colors-text-header);
354    --colors-heading: var(--colors-text-header);
355    --colors-price: var(--colors-text-header);
356    --colors-line-and-border: var(--colors-line-header);
357  }
358  #sticky-header-content .divider {
359    --colors-line-and-border: var(--colors-line-header);
360  }
361  .paginate-slide-image {
362    background: rgba(var(--background-pagination-slideshow));
363    color: rgba(var(--text-color-pagination-slideshow));
364  }
365  body {
366    touch-action: manipulation;
367  }
368  @media (min-width: 1024px) {
369    .paginate-slide-image {
370      color: rgba(var(--text-color-pagination-slideshow));
371    }
372    .paginate-slide-image:hover {
373      color: rgba(var(--text-color-pagination-slideshow));
374    }
375  }
376
377  .section-quick-links,
378  .section-quick-links *::before,
379  .section-footer,
380  .section-footer *::before {
381    --colors-text: var(--colors-text-footer);
382    --colors-heading: var(--colors-heading-footer);
383    --colors-text-link: var(--colors-text-link-footer);
384    --colors-line-and-border: var(--colors-line-footer);
385  }
386  .sticky-header {
387    --font-body-weight: 700;
388  }
389
390  .scrollbar-horizontal {
391    position: relative;
392    -ms-overflow-style: none;
393  }
394  .scrollbar-horizontal::-webkit-scrollbar-track {
395    background-color: #ececec;
396  }
397  .scrollbar-horizontal::-webkit-scrollbar {
398    height: 3px;
399  }
400
401  .scrollbar-horizontal::-webkit-scrollbar-track {
402    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
403  }
404
405  .scrollbar-horizontal::-webkit-scrollbar-thumb {
406    visibility: visible;
407    background-color: #747474;
408  }
409
410  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
411    background-color: #747474;
412  }
413  body.scrollbar-body::-webkit-scrollbar{
414    width: 5px;
415  }
416  .scrollbar-body::-webkit-scrollbar-track{
417    background: #ececec;
418  }
419  .scrollbar-horizontal {
420    position: relative;
421    -ms-overflow-style: none;
422  }
423  .scrollbar-horizontal::-webkit-scrollbar-track {
424    background-color: #ececec;
425  }
426  .scrollbar-horizontal::-webkit-scrollbar {
427    height: 3px;
428  }
429
430  .scrollbar-horizontal::-webkit-scrollbar-track {
431    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
432  }
433
434  .scrollbar-horizontal::-webkit-scrollbar-thumb {
435    visibility: visible;
436    background-color: #747474;
437  }
438
439  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
440    background-color: #747474;
441  }
442  .scrollbar-body::-webkit-scrollbar{
443    width: 3px;
444  }
445  .scrollbar-body::-webkit-scrollbar-track{
446    background: #ececec;
447  }
448  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
449  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
450  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
451    background: #747474;
452    visibility: visible;
453  }
454  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
455    background: transparent;
456  }
457  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
458    background: transparent;
459    visibility: visible;
460  }
461  .scrollbar-body::-webkit-scrollbar-thumb{
462    background: #747474;
463  }
464  .animate-scroll-banner {
465    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
466  }
467  .padding-scrollbar, .padding-scrollbar-header {
468    padding-right: min(var(--width-scrollbar), 20px);
469  }
470  
471  
472  .des-block iframe {
473    width: 100%;
474    height: 100%;
475  }
476  .toggle-compare  + label span:first-child,
477  .toggle-compare:checked + label span:last-child {
478    display: block
479  }
480  .toggle-compare  + label span:last-child,
481  .toggle-compare:checked + label span:first-child {
482    display: none;
483  }
484  .card-product:not(.recommendations) {background: rgb(255, 255, 255);}
485  .dark .card-product:not(.recommendations) {background: transparent;}
486  .card-product:not(.recommendations) .card-info,
487  .card-product:not(.recommendations) .x-variants-data {
488    padding-left: 5px;
489    padding-right: 5px;
490  }
491  .card-product:not(.recommendations) .x-variants-separator::before {
492    content: var(--tw-content);
493    position: absolute;
494    width: calc(100% - 2 * 5px);
495    top: 0;
496    left: 0;
497    margin-left: 5px;
498    margin-right: 5px;
499  }
500  .card-product:not(.recommendations) .card-info .x-variants-data
501  {
502    padding-left: 0;
503    padding-right: 0;
504  }
505  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
506    width: 100%;
507    margin-left: 0;
508    margin-right: 0;
509  }
510  .card-product-slideshow {background: rgb(255, 255, 255);
511    }
512  .dark .card-product-slideshow {
513      background: rgb(58, 58, 58);}
514  button.shopify-payment-button__more-options {
515    color: rgba(var(--colors-text));
516  }
517  .group-discount:before,.group-discount:after {
518    background-color: rgba(var(--colors-price-sale), 5%);
519    content: "";
520    position: absolute;
521    right: 100%;
522    height: 100%;
523    top: 0;
524    width: 1.25rem;
525  }
526  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
527    background-color: rgb(var(--colors-background-secondary));
528  }
529  .group-discount:after {
530    left: 100%;
531    right: auto;
532  }
533  .card-product-list-atc {
534    padding-left: 5px;
535    padding-right: 5px;
536  }
537  .list-layout .card-product-list-atc {
538    padding-left: 0;
539    padding-right: 0;
540  }
541  @media (min-width: 768px){
542    .list-layout .card-product:not(.recommendations) {
543      padding-bottom: 0;
544    }
545    .list-layout .card-product:not(.recommendations) .card-info,
546    .list-layout .card-product:not(.recommendations) .x-variants-data{
547      padding-left: 0;
548      padding-right: 0;
549    }
550    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
551      width: 100%;
552      margin-left: 0;
553      margin-right: 0;
554    }
555    shopify-accelerated-checkout-cart {
556    --shopify-accelerated-checkout-button-block-size: 46px;
557    --shopify-accelerated-checkout-button-inline-size: 46px;
558  }
559  }
560  @media (min-width: 1024px){
561    .card-product-list-atc {
562      padding-left: 20px;
563      padding-right: 20px;
564    }
565    .group-discount:before,.group-discount:after {
566       width: 0;
567    }
568    .card-product:not(.recommendations) .card-info,
569    .card-product:not(.recommendations) .x-variants-data {
570      padding-left: 20px;
571      padding-right: 20px;
572    }
573    .card-product:not(.recommendations) .x-variants-separator::before {
574      width: calc(100% - 2 * 20px);
575      margin-left: 20px;
576      margin-right: 20px;
577    }
578    [role="button"],
579    [type="button"],
580    .button {
581      color: rgba(var(--colors-button-text));
582    }
583    button.button-solid,
584    .button.button-solid {
585      border: none;
586      box-shadow: none;
587      color: rgb(var(--colors-button-text));
588      background-color: rgba(var(--colors-button));
589      overflow: hidden;
590      background-origin: border-box;
591    }
592    button.button-solid:hover,
593    .button.button-solid:hover {
594      
595      transition-delay: 0.5s;
596      
597      transition-property: background-color;
598      background-color: var(--colors-button-hover);
599      color: rgba(var(--colors-button-text-hover));
600      background-origin: border-box;
601    }
602    .button-action {
603      border: none;
604      color: rgba(var(--colors-button-text-hover));
605      background-color: var(--colors-button-hover);
606    }
607    button.button-disable-effect,
608    .button.button-disable-effect {
609      color: rgb(var(--colors-button-text));
610      background-color: rgba(var(--colors-button));
611    }
612    button.button-disable-effect:hover,
613    .button.button-disable-effect:hover {
614      color: rgba(var(--colors-button-text-hover));
615      background-color: var(--colors-button-hover);
616    }
617    
618      button.button-solid:before,
619      .button.button-solid:before {
620        content: "";
621        z-index: -1;
622        position: absolute;
623        top: 0;
624        right: 0;
625        bottom: 0;
626        left: 0;
627        width: var(--button-width);
628        height: var(--button-height);
629        background-color: var(--colors-button-hover);
630        backface-visibility: hidden;
631        will-change: transform;
632        transform: var(--button-transform);
633        transform-origin: var(--button-transform-origin);
634        transition: transform 0.5s ease;
635      }
636      button.button-solid:hover:before,
637      .button.button-solid:hover:before {
638        transform: rotate3d(0,0,1,0) translateZ(0);
639      }
640    
641    
642  }
643  .inventory-low-stock-status {
644    
645      --stock-color: rgba(127, 38, 41);
646    
647      color: var(--stock-color);
648    }
649  .dark .inventory-low-stock-status {
650    
651      --stock-color: rgba(127, 38, 41);
652    
653  }
654  .inventory-in-stock-status {
655    
656      --stock-color: rgba(127, 38, 41);
657    
658      color: var(--stock-color);
659  }
660  .dark .inventory-in-stock-status {
661    
662      --stock-color: rgba(127, 38, 41);
663    
664  }
665  .inventory-out-of-stock-status {
666    
667      --stock-color: rgba(127, 38, 41);
668    
669      color: var(--stock-color);
670  }
671  .dark .inventory-out-of-stock-status {
672    
673      --stock-color: rgba(127, 38, 41);
674    
675  }
676  .inventory-status {
677    background-color: var(--stock-color);
678  }
679  .card-testimonial {background: #ffffff;
680    }
681  .dark .card-testimonial {
682      background: #3a3a3a;}
683  /* App Shopify Subscription */
684  .shopify_subscriptions_app_policy a {
685    position: relative;
686    margin-top: .5rem;
687    margin-bottom: .5rem;
688    color: rgba(var(--colors-text-link)) !important;
689    text-decoration-thickness: 1px;
690    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
691    background-size: 100% 0.1em, 0 0.1em;
692    background-position: 100% 100%,100% 100%;
693    background-repeat: no-repeat;
694    transition: background-size 250ms;
695  }
696  .shopify_subscriptions_app_policy:after {
697    clear: both;
698    content: var(--tw-content);
699    display: block;
700  }
701  @media (min-width: 1024px) {
702    .shopify_subscriptions_app_policy a:hover {
703      background-size: 0 .1em, 100% .1em;
704      background-position: 100% 100%, 0% 100%;
705    }
706  }
707
708  /* Recurpay Subscription App */
709  #recurpay-account-widget {
710    margin-top: 1rem;
711  }
712
713  /* Seal Subscriptions */
714  .sls-widget-branding {
715    z-index: 20 !important;
716  }
717  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
718    display: none !important;
719  }
720  .seal-portal-link a {
721    position: relative;
722    margin-top: .5rem;
723    margin-bottom: .5rem;
724    color: rgba(var(--colors-text-link)) !important;
725    text-decoration-thickness: 1px;
726    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
727    background-size: 100% 0.1em, 0 0.1em;
728    background-position: 100% 100%,100% 100%;
729    background-repeat: no-repeat;
730    transition: background-size 250ms;
731  }
732  .seal-portal-link:after {
733    clear: both;
734    content: var(--tw-content);
735    display: block;
736  }
737  @media (min-width: 1024px) {
738    .seal-portal-link a:hover {
739      background-size: 0 .1em, 100% .1em;
740      background-position: 100% 100%, 0% 100%;
741    }
742  }
743  .x-card-title {
744    font-size: 0.9rem;
745    font-family: var(--font-heading-family);
746    font-weight: var(--font-heading-weight);
747  }
748  .x-card-price, .x-card-price-init {
749    font-size: 0.9rem;
750    font-family: var(--font-body-family);
751    font-weight: var(--font-body-weight);
752  }
753  @media (min-width: 768px) {
754    .x-card-title {
755      font-size: 1.0rem;
756    }
757    .x-card-price, .x-card-price-init {
758      font-size: 1.0rem;
759    }
760  }
761  .dbtap-overlay{
762    display: none
763  }
764  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
765    .dbtap-overlay{
766      display: block
767    }
768  }
769  .swatch-count-small {
770    min-height: 28px;
771    min-width: 28px;
772  }
773  .swatch-count-medium {
774    min-height: 32px;
775    min-width: 32px;
776  }
777  .swatch-count-large {
778    min-height: 38px;
779    min-width: 38px;
780  }
781  .paginate-testimonial {
782    background: rgba(255, 255, 255, 0.2);
783  }
784  .dark .paginate-testimonial {
785    background: rgba(255, 255, 255, 0.2);
786  }</style><style data-shopify>
787  
788    /* Judge.me */
789      #judgeme_product_reviews .jdgm-rev-widg{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
790      .jdgm-rev-widg__header .jdgm-write-rev-link{margin-top:1.25rem;margin-bottom:1.25rem}
791      .jdgm-rev-widg__header .jdgm-rev-widg__sort-wrapper{margin-top:1.25rem;margin-bottom:1.25rem}
792      .jdgm-form-wrapper .jdgm-form__title{font-weight:500}
793      .jdgm-widget .jdgm-write-rev-link,
794      .jdgm-widget .jdgm-btn.jdgm-btn,
795      .jdgm-widget input[type=submit].jdgm-btn {
796        border-width: 1px;
797        font-family: var(--font-button);
798        font-weight: var(--font-button-weight);
799        font-style: var(--font-button-style);
800      }
801      .jdgm-paginate .jdgm-paginate__page {
802        padding: 12px;
803      }
804      .jdgm-widget .jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
805        padding: 14px 20px;
806      }
807      .fera-testimonialCarousel-testimonial-body {
808        word-break: break-word;
809        padding-left:1.25rem;
810        padding-right:1.25rem;
811      }
812    /* end Judge.me */
813  
814div[data-block-handle="featured_carousel"] {
815      width: 100%;
816      direction: ltr;
817    }</style><style data-shopify>
818  .body-text-base-size {
819    font-size: 0.7875rem;
820  }
821  .text-pickup-availability {
822    font-size: 0.875rem;
823  }
824  .text-result-filter {
825    font-size: 0.9625rem;
826  }
827  .text-filter {
828    font-size: 0.70875rem;
829  }
830  .heading-text-base-h3 {
831    font-size: 1.125rem;
832  }
833  .heading-text-base-h2 {
834    font-size: 1.35rem;
835  }
836  .text-suggest-search {
837    font-size: 0.875rem;
838  }
839  .text-review-count {
840    font-size: 0.7rem;
841  }
842  @media (min-width: 768px) {
843    .body-text-base-size {
844      font-size: 0.875rem;
845    }
846    .text-pickup-availability {
847      font-size: 0.9625rem;
848    }
849    .text-filter {
850      font-size: 0.7875rem;
851    }
852    .heading-text-base-h3 {
853      font-size: 1.35rem;
854    }
855    .heading-text-base-h2 {
856      font-size: 2.25rem;
857    }
858    .text-suggest-search {
859      font-size: 1.0rem;
860    }
861  }
862</style>
863    
864    
864<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
864<meta name="google-site-verification" content="8OeBhMOTc6WOONNmOClnr69IeFytJTAWjMIUGZHIeJE">
865<meta name="google-site-verification" content="PHKldZEUoQkgj3xarbuYL7AftbkBefUyweo_Ktphi2w">
866<meta name="facebook-domain-verification" content="kr1hy7j1pwhdxw0zdkep378xah36zx">
867<meta name="facebook-domain-verification" content="93vzfxp3u1zdvamf2fedzml578mygs">
868<meta name="facebook-domain-verification" content="wcn3jfnrmfwc37hae4q63mrklt3a8j">
869<meta name="facebook-domain-verification" content="fgr221nleej3t8660jz5gidz40ef8o">
870<meta name="facebook-domain-verification" content="gusbmwp04zdntx96s49zb1y40e65m9">
871<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8185843/digital_wallets/dialog">
872<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
872<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=746455107"></script>
vendor: 1 bytes, line 872
872
873<script id="shopify-features" type="application/json">{"accessToken":"abcc42d148127da732d599c50120b54b","betas":["rich-media-storefront-analytics"],"domain":"www.joeskc.com","predictiveSearch":true,"shopId":8185843,"locale":"en"}</script>
vendor: 1 bytes, line 873
873
874<script>var Shopify = Shopify || {};
875Shopify.shop = "send-joes-bar-b-que.myshopify.com";
876Shopify.locale = "en";
877Shopify.currency = {"active":"USD","rate":"1.0"};
878Shopify.country = "US";
879Shopify.theme = {"name":"Copy of **Zman-Quantity edits | JULY 2026","id":145037918275,"schema_name":"Eurus","schema_version":"10.1.0","theme_store_id":2048,"role":"main"};
880Shopify.theme.handle = "null";
881Shopify.theme.style = {"id":null,"handle":null};
882Shopify.cdnHost = "www.joeskc.com/cdn";
883Shopify.routes = Shopify.routes || {};
884Shopify.routes.root = "/";
885Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
886Shopify.SignInWithShop = Shopify.SignInWithShop || {};
887Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
888Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 888
888
889<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 889
889
890<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 890
890
891<script>
892  window.Shopify = window.Shopify || {};
893  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
894  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
895  window.Shopify.SignInWithShop.eligible = true;
896</script>
vendor: 1 bytes, line 896
896
897<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 897
897
898<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 898
898
899<script type="module">
900  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
901
902  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
903
904</script>
vendor: 1 bytes, line 904
904
905<script>
906  window.Shopify = window.Shopify || {};
907  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
908  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"]};
909</script>
vendor: 1 bytes, line 909
909
910<script>(function() {
911  var isLoaded = false;
912  function asyncLoad() {
913    if (isLoaded) return;
914    isLoaded = true;
915    var urls = ["\/\/www.powr.io\/powr.js?powr-token=send-joes-bar-b-que.myshopify.com\u0026external-type=shopify\u0026shop=send-joes-bar-b-que.myshopify.com"];
916    for (var i = 0; i < urls.length; i++) {
917      var s = document.createElement('script');
918      s.type = 'text/javascript';
919      s.async = true;
920      s.src = urls[i];
921      var x = document.getElementsByTagName('script')[0];
922      x.parentNode.insertBefore(s, x);
923    }
924  };
925  if(window.attachEvent) {
926    window.attachEvent('onload', asyncLoad);
927  } else {
928    window.addEventListener('load', asyncLoad, false);
929  }
930})();</script>
vendor: 1 bytes, line 930
930
931<script id="__st">var __st={"a":8185843,"offset":-18000,"reqid":"3a53dc5b-35d4-4f5e-880f-154c3effacd7-1790909021","pageurl":"www.joeskc.com\/search","u":"bb72e2cfbf08","p":"searchresults"};</script>
vendor: 1 bytes, line 931
931
932<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 932
932
933<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 933
933
934<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.joeskc.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 934
934
935<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 = "//www.joeskc.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>
935<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 935
935
936<script>
937  window.Shopify = window.Shopify || {};
938  window.Shopify.MCP = window.Shopify.MCP || {};
939  window.Shopify.MCP.enabled = true;
940  window.Shopify.MCP.shop = "send-joes-bar-b-que.myshopify.com";
941  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.joeskc.com\/api\/mcp";
942  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?\"\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."}},"required":["query"]}}];
943</script>
vendor: 1 bytes, line 943
943
944<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("\/\/www.joeskc.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
945</script>
vendor: 1 bytes, line 945
945
946<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://www.joeskc.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
947</script>
vendor: 1 bytes, line 947
947
948<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
949  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);
950</script>
vendor: 1 bytes, line 950
950
951<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})}}));
952</script>
vendor: 1 bytes, line 952
952
953<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M3X7XZNB2E9DW4W2RRRS4B9D&quot;,&quot;publisher_shop_id&quot;:8185843,&quot;theme_id&quot;:145037918275,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:2048,&quot;placement&quot;:&quot;search&quot;,&quot;event_data&quot;:{&quot;search_query&quot;:null},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//www.joeskc.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
953
954<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.joeskc.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
955<style id="shopify-accelerated-checkout-cart">
956        #shopify-buyer-consent {
957  margin-top: 1em;
958  display: inline-block;
959  width: 100%;
960}
961
962#shopify-buyer-consent.hidden {
963  display: none;
964}
965
966#shopify-subscription-policy-button {
967  background: none;
968  border: none;
969  padding: 0;
970  text-decoration: underline;
971  font-size: inherit;
972  cursor: pointer;
973}
974
975#shopify-subscription-policy-button::before {
976  box-shadow: none;
977}
978
979      </style>
980
981<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
981
982    
983    <style>#powrIframeLoader{display:none !important;height:0 !important;}</style>
984  <!-- BEGIN app block: shopify://apps/seo-manager-venntov/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 -->
985<meta name='seomanager' content='4.0.5' /> 
986
987
988<script>
989	function sm_htmldecode(str) {
990		var txt = document.createElement('textarea');
991		txt.innerHTML = str;
992		return txt.value;
993	}
994
995	var venntov_title = sm_htmldecode("Joe’s Kansas City Bar-B-Que (BBQ) - Shipped Nationwide");
996	var venntov_description = sm_htmldecode("Shop Joe’s Kansas City Bar-B-Que online. Order legendary Kansas City BBQ, smoked meats, sauces, sides, and BBQ kits shipped nationwide.");
997	
998	if (venntov_title != '') {
999		document.title = venntov_title;	
1000	}
1001	else {
1002		document.title = "Search";	
1003	}
1004
1005	if (document.querySelector('meta[name="description"]') == null) {
1006		var venntov_desc = document.createElement('meta');
1007		venntov_desc.name = "description";
1008		venntov_desc.content = venntov_description;
1009		var venntov_head = document.head;
1010		venntov_head.appendChild(venntov_desc);
1011	} else {
1012		document.querySelector('meta[name="description"]').setAttribute("content", venntov_description);
1013	}
1014</script>
1014
1015
1016<script>
1017	var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1";
1018	if (venntov_robotVals !== "") {
1019		document.querySelectorAll("[name='robots']").forEach(e => e.remove());
1020		var venntov_robotMeta = document.createElement('meta');
1021		venntov_robotMeta.name = "robots";
1022		venntov_robotMeta.content = venntov_robotVals;
1023		var venntov_head = document.head;
1024		venntov_head.appendChild(venntov_robotMeta);
1025	}
1026</script>
1026
1027
1028<script>
1029	var venntov_googleVals = "";
1030	if (venntov_googleVals !== "") {
1031		document.querySelectorAll("[name='google']").forEach(e => e.remove());
1032		var venntov_googleMeta = document.createElement('meta');
1033		venntov_googleMeta.name = "google";
1034		venntov_googleMeta.content = venntov_googleVals;
1035		var venntov_head = document.head;
1036		venntov_head.appendChild(venntov_googleMeta);
1037	}
1038	</script>
1038
1039	<!-- JSON-LD support -->
1040			
1040<script type="application/ld+json">
1041			{
1042				"@context": "http://schema.org",
1043				"@type": "Organization",
1044				"name": "Joe's Kansas City Bar-B-Que",
1045				"url": "https://www.joeskc.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888"
1046						,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","contactPoint": [{ 
1047						"@type": "ContactPoint",
1048						"telephone": "913-764-5637",
1049						"contactType": "customer service" 
1050					},{ 
1051						"@type": "ContactPoint",
1052						"telephone": "913-764-5637",
1053						"contactType": "technical support"
1054					},{ 
1055						"@type": "ContactPoint",
1056						"telephone": "913-764-5637",
1057						"contactType": "sales"
1058					}],"sameAs": ["http://facebook.com/joeskcbbq", "http://twitter.com/joeskc", "https://www.instagram.com/joeskc/", "https://pinterest.com/joeskc", "", "", "", ""]}
1059			</script>
1059
1060			
1060<script type="application/ld+json">
1061			{
1062				"@context": "https://schema.org",
1063				"@type": "Restaurant",
1064				"name": "SendJoesKCBBQ",
1065				"url": "https://www.joeskc.com",
1066				"description": "The original Joe's Kansas City BBQ, born out of a gas station in Kansas City and world-famous for our ribs, Z-man sandwich, burnt ends, brisket, \u0026 more! Stop by or send BBQ online."
1067,"image": "https://customers.seomanager.com/knowledgegraph/logo/send-joes-bar-b-que_myshopify_com_logo.png?cache=8888","telephone": "913-722-3366","brand": {
1068						"@type": "Brand",
1069						"name": "Joe's Kansas City Bar-B-Que"
1070					},"hasMap": "https://www.google.com/maps/place/Joe%27s+Kansas+City+Bar-B-Que/%4039.0444523%2C-94.6229292%2C17z/data%3D%213m1%214b1%214m5%213m4%211s0x87c0ee3f1759e979:0x154ee193794197f8%218m2%213d39.0444482%214d-94.6207405","geo": {
1071					"@type": "GeoCoordinates",
1072					"latitude": "38.9115309",
1073					"longitude": "-94.7667087"
1074				}
1075				,"address": {
1076					"@type": "PostalAddress",
1077					"streetAddress": "3002 West 47th Street",
1078					"addressLocality": "Kansas City",
1079					"addressRegion": "Kansas",
1080					"postalCode": "66062",
1081					"addressCountry": "US"
1082				}
1083			}
1084			</script>
1084
1085			
1085<script type="application/ld+json">
1086			{
1087				"@context": "https://schema.org",
1088				"@type": "WebSite",
1089				"name": "Joe's Kansas City Bar-B-Que",
1090				"url": "www.joeskc.com",
1091				"potentialAction": {
1092					"@type": "SearchAction",
1093					"target": {
1094						"@type": "EntryPoint",
1095						"urlTemplate": "https://www.joeskc.com/search?q={search_term_string}"
1096					},
1097					"query-input": "required name=search_term_string"
1098				}
1099			}
1100			</script>
1100
1101
1102<!-- 524F4D20383A3331 --><!-- END app snippet -->
1103
1104<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116  
1117    
1117<script
1118      async
1119      type="text/javascript"
1120      src="https://cdn.506.io/eg/script.js?shop=send-joes-bar-b-que.myshopify.com&v=12"
1121    ></script>
1121
1122  
1123
1124
1125
1126  <meta id="easygift-shop" itemid="c2hvcF8kXzE3OTA5MDkwMjE=" content="{&quot;isInstalled&quot;:true,&quot;installedOn&quot;:&quot;2024-06-03T16:34:43.688Z&quot;,&quot;appVersion&quot;:&quot;3.0&quot;,&quot;subscriptionName&quot;:&quot;Unlimited&quot;,&quot;cartAnalytics&quot;:true,&quot;freeTrialEndsOn&quot;:null,&quot;settings&quot;:{&quot;reminderBannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;primaryColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:&quot;&quot;,&quot;headerFontSize&quot;:&quot;&quot;,&quot;subHeaderFontSize&quot;:&quot;&quot;,&quot;cssStyles&quot;:&quot;&quot;,&quot;headerText&quot;:&quot;Click here to reopen missed deals&quot;,&quot;subHeaderText&quot;:null,&quot;showImage&quot;:true,&quot;imageUrl&quot;:&quot;https:\/\/cdn.506.io\/eg\/eg_notification_default_512x512.png&quot;,&quot;displayAfter&quot;:5,&quot;closingMode&quot;:&quot;doNotAutoClose&quot;,&quot;selfcloseAfter&quot;:5,&quot;reshowBannerAfter&quot;:&quot;everyNewSession&quot;,&quot;fontFamily&quot;:null},&quot;addedItemIdentifier&quot;:&quot;_Gifted&quot;,&quot;ignoreOtherAppLineItems&quot;:null,&quot;customVariantsInfoLifetimeMins&quot;:1440,&quot;redirectPath&quot;:null,&quot;ignoreNonStandardCartRequests&quot;:false,&quot;bannerStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;top&quot;},&quot;primaryColor&quot;:&quot;#000000&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:&quot;&quot;,&quot;headerFontSize&quot;:&quot;&quot;,&quot;subHeaderFontSize&quot;:&quot;&quot;,&quot;cssStyles&quot;:&quot;&quot;,&quot;fontFamily&quot;:null},&quot;themePresetId&quot;:&quot;0&quot;,&quot;notificationStyle&quot;:{&quot;position&quot;:{&quot;horizontal&quot;:&quot;right&quot;,&quot;vertical&quot;:&quot;bottom&quot;},&quot;primaryColor&quot;:&quot;#3A3A3A&quot;,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;duration&quot;:&quot;3.0&quot;,&quot;headerFontSize&quot;:&quot;&quot;,&quot;subHeaderFontSize&quot;:&quot;&quot;,&quot;padding&quot;:&quot;&quot;,&quot;cssStyles&quot;:&quot;#aca-notifications-wrapper {\n  display: block;\n  right: 0;\n  bottom: 0;\n  position: fixed;\n  z-index: 99999999;\n  max-height: 100%;\n  overflow: auto;\n}\n.aca-notification-container {\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  font-size: 16px;\n  margin: 12px;\n  padding: 8px;\n  background-color: #FFFFFF;\n  width: fit-content;\n  box-shadow: rgb(170 170 170) 0px 0px 5px;\n  border-radius: 8px;\n  opacity: 0;\n  transition: opacity 0.4s ease-in-out;\n}\n.aca-notification-container .aca-notification-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 60px;\n  min-width: 60px;\n  height: 60px;\n  width: 60px;\n  background-color: #FFFFFF;\n  margin: 8px;\n}\n.aca-notification-image img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  border-radius: 6px;\n  box-shadow: rgba(99, 115, 129, 0.29) 0px 0px 4px 1px;\n}\n.aca-notification-container .aca-notification-text {\n  flex-grow: 1;\n  margin: 8px;\n  max-width: 260px;\n}\n.aca-notification-heading {\n  font-size: 24px;\n  margin: 0 0 0.3em 0;\n  line-height: normal;\n  word-break: break-word;\n  line-height: 1.2;\n  max-height: 3.6em;\n  overflow: hidden;\n  color: #3A3A3A;\n}\n.aca-notification-subheading {\n  font-size: 18px;\n  margin: 0;\n  line-height: normal;\n  word-break: break-word;\n  line-height: 1.4;\n  max-height: 5.6em;\n  overflow: hidden;\n  color: #3A3A3A;\n}\n@media screen and (max-width: 450px) {\n  #aca-notifications-wrapper {\n    left: null;\n right: null;\n  }\n  .aca-notification-container {\n    width: auto;\n display: block;\n flex-wrap: wrap;\n }\n.aca-notification-container .aca-notification-text {\n    max-width: none;\n  }\n}&quot;,&quot;hasCustomizations&quot;:false,&quot;fontFamily&quot;:null},&quot;fetchCartData&quot;:false,&quot;useLocalStorage&quot;:{&quot;enabled&quot;:false,&quot;expiryMinutes&quot;:null},&quot;popupStyle&quot;:{&quot;priceShowZeroDecimals&quot;:true,&quot;primaryColor&quot;:&quot;#7F2629&quot;,&quot;secondaryColor&quot;:&quot;#000000&quot;,&quot;buttonTextColor&quot;:null,&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;,&quot;borderRadius&quot;:null,&quot;padding&quot;:&quot;&quot;,&quot;headerFontSize&quot;:&quot;&quot;,&quot;subHeaderFontSize&quot;:&quot;&quot;,&quot;bodyColor&quot;:null,&quot;bodyFontSize&quot;:&quot;&quot;,&quot;cssStyles&quot;:&quot;#aca-modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 99999999;\n  overflow-x: hidden;\n  overflow-y: auto;\n  display: block;\n}\n#aca-modal-wrapper {\n  display: flex;\n  align-items: center;\n  width: 80%;\n  height: auto;\n  max-width: 1000px;\n  min-height: calc(100% - 60px);\n  margin: 30px auto;\n}\n#aca-modal-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 1.5rem rgba(17, 17, 17, 0.7);\n  width: 100%;\n  padding: 20px;\n  background-color: #FFFFFF;\n}\n#aca-close-icon-container {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 25px;\n  display: none;\n}\n#aca-close-icon {\n  stroke: #333333;\n}\n#aca-modal-custom-image-container {\n  background-color: #FFFFFF;\n  margin: 0.5em 0;\n}\n#aca-modal-custom-image-container img {\n  display: block;\n  min-width: 60px;\n  min-height: 60px;\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n#aca-modal-headline {\n  text-align: center;\n  text-transform: none;\n  letter-spacing: normal;\n  margin: 0.5em 0;\n  font-size: 30px;\n  color: #000000;\n}\n#aca-modal-subheadline {\n  text-align: center;\n  font-weight: normal;\n  margin: 0 0 0.5em 0;\n  font-size: 20px;\n  color: #000000;\n}\n#aca-products-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-wrap: wrap;\n  width: 85%;\n}\n#aca-products-container .aca-product {\n  text-align: center;\n  margin: 30px;\n  width: 200px;\n}\n.aca-product-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 200px;\n  background-color: #FFFFFF;\n  margin-bottom: 1em;\n}\n.aca-product-image img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n}\n.aca-product-name {\ndisplay: none;\n}\n.aca-product-name, .aca-subscription-name {\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-size: 16px;\n}\n.aca-product-variant-name {\n  margin-top: 1em;\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-size: 16px;\n}
1126\n.aca-product-price {\n  color: #333333;\n  line-height: inherit;\n  font-size: 16px;\n}\n.aca-subscription-label {\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-weight: 600;\n  font-size: 16px;\n}\n.aca-product-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 100%;\n  height: 42px;\n  background-color: #FFFFFF;\n  line-height: inherit;\n  margin-bottom: 1em;\n}\n.aca-product-dropdown .dropdown-icon {\n  position: absolute;\n  right: 8px;\n  height: 12px;\n  width: 12px;\n  fill: #E1E3E4;\n}\n.aca-product-dropdown select::before,\n.aca-product-dropdown select::after {\n  box-sizing: border-box;\n}\nselect.aca-product-dropdown::-ms-expand {\n  display: none;\n}\n.aca-product-dropdown select {\n  box-sizing: border-box;\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  cursor: inherit;\n  line-height: inherit;\n  outline: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background-image: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  border: 1px solid #E1E3E4;\n  border-radius: 2px;\n  color: #333333;\n  padding: 0 30px 0 10px;\n  font-size: 15px;\n}\n.aca-product-button {\n  border: none;\n  cursor: pointer;\n  width: 100%;\n  min-height: 42px;\n  word-break: break-word;\n  padding: 8px 14px;\n  background-color: #7f2629;\n  text-transform: uppercase;\n  line-height: inherit;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font-size: 14px;\n  color: #FFFFFF;\n  font-weight: bold;\n  letter-spacing: 1.039px;\n}\n.aca-product-button.aca-product-out-of-stock-button {\n  cursor: default;\n  border: 1px solid #7f2629;\n  background-color: #FFFFFF;\n  color: #7f2629;\n}\n.aca-button-loader {\n  display: block;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  border-top: 3px solid #FFFFFF;\n  width: 20px;\n  height: 20px;\n  background: transparent;\n  margin: 0 auto;\n  -webkit-animation: aca-loader 0.5s linear infinite;\n  animation: aca-loader 0.5s linear infinite;\n}\n@-webkit-keyframes aca-loader {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n@keyframes aca-loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.aca-button-tick {\n  display: block;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  height: 19px;\n  width: 9px;\n  margin: 0 auto;\n  border-bottom: 3px solid #FFFFFF;\n  border-right: 3px solid #FFFFFF;\n}\n.aca-button-cross \u003e svg {\n  width: 22px;\n  margin-bottom: -6px;\n}\n.aca-button-cross .button-cross-icon {\n  stroke: #FFFFFF;\n}\n#aca-bottom-close {\n  cursor: pointer;\n  text-align: center;\n  word-break: break-word;\n  color: #7f2629;\n  font-size: 16px;\n}\n@media screen and (min-width: 951px) and (max-width: 1200px) {\n   #aca-products-container {\n    width: 95%;\n    padding: 20px 0;\n  }\n  #aca-products-container .aca-product {\n    margin: 20px 3%;\n    padding: 0;\n  }\n}\n@media screen and (min-width: 951px) and (max-width: 1024px) {\n  #aca-products-container .aca-product {\n    margin: 20px 2%;\n  }\n}\n@media screen and (max-width: 950px) {\n  #aca-products-container {\n    width: 95%;\n    padding: 0;\n  }\n  #aca-products-container .aca-product {\n    width: 45%;\n    max-width: 200px;\n    margin: 2.5%;\n  }\n}\n@media screen and (min-width: 602px) and (max-width: 950px) {\n  #aca-products-container .aca-product {\n    margin: 4%;\n  }\n}\n@media screen and (max-width: 767px) {\n  #aca-modal-wrapper {\n    width: 90%;\n  }\n}\n@media screen and (max-width: 576px) {\n  #aca-modal-container {\n    padding: 23px 0 0;\n  }\n  #aca-close-icon-container {\n    display: block;\n  }\n  #aca-bottom-close {\n    margin: 10px;\n    font-size: 14px;\n  }\n  #aca-modal-headline {\n    margin: 10px 5%;\n    font-size: 20px;\n  }\n  #aca-modal-subheadline {\n    margin: 0 0 5px 0;\n    font-size: 16px;\n  }\n  .aca-product-image {\n    height: 100px;\n    margin: 0;\n  }\n  .aca-product-name, .aca-subscription-name, .aca-product-variant-name {\n    font-size: 12px;\n    margin: 5px 0;\n  }\n  .aca-product-dropdown select, .aca-product-button, .aca-subscription-label {\n    font-size: 12px;\n  }\n  .aca-product-dropdown {\n    height: 30px;\n    margin-bottom: 7px;\n  }\n  .aca-product-button {\n    min-height: 30px;\n    padding: 4px;\n    margin-bottom: 7px;\n  }\n  .aca-button-loader {\n    border: 2px solid transparent;\n    border-top: 2px solid #FFFFFF;\n    width: 12px;\n    height: 12px;\n  }\n  .aca-button-tick {\n    height: 12px;\n    width: 6px;\n    border-bottom: 2px solid #FFFFFF;\n    border-right: 2px solid #FFFFFF;\n  }\n  .aca-button-cross \u003e svg {\n    width: 15px;\n    margin-bottom: -4px;\n  }\n  .aca-button-cross .button-cross-icon {\n    stroke: #FFFFFF;\n  }\n}&quot;,&quot;hasCustomizations&quot;:true,&quot;addButtonText&quot;:&quot;Choose gift&quot;,&quot;
1126dismissButtonText&quot;:&quot;Remember to make a selection before closing!&quot;,&quot;outOfStockButtonText&quot;:&quot;Out of Stock&quot;,&quot;imageUrl&quot;:null,&quot;showProductLink&quot;:false,&quot;subscriptionLabel&quot;:&quot;Subscription Plan&quot;,&quot;closeModalOutsideClick&quot;:true,&quot;headerFontFamily&quot;:null,&quot;bodyFontFamily&quot;:null},&quot;refreshAfterBannerClick&quot;:false,&quot;disableReapplyRules&quot;:false,&quot;disableReloadOnFailedAddition&quot;:false,&quot;autoReloadCartPage&quot;:false,&quot;ajaxRedirectPath&quot;:null,&quot;allowSimultaneousRequests&quot;:false,&quot;applyRulesOnCheckout&quot;:false,&quot;enableCartCtrlOverrides&quot;:true,&quot;customRedirectFromCart&quot;:null,&quot;scriptSettings&quot;:{&quot;branding&quot;:{&quot;show&quot;:false,&quot;removalRequestSent&quot;:null},&quot;productPageRedirection&quot;:{&quot;enabled&quot;:false,&quot;products&quot;:[],&quot;redirectionURL&quot;:&quot;\/&quot;},&quot;debugging&quot;:{&quot;enabled&quot;:false,&quot;enabledOn&quot;:null,&quot;stringifyObj&quot;:false},&quot;reApplyValueBasedRulesInCart&quot;:false,&quot;fetchProductInfoFromSavedDomain&quot;:false,&quot;enableBuyNowInterceptions&quot;:false,&quot;removeProductsAddedFromExpiredRules&quot;:false,&quot;useFinalPrice&quot;:false,&quot;useFinalPriceGetEntireCart&quot;:false,&quot;hideGiftedPropertyText&quot;:false,&quot;fetchCartDataBeforeRequest&quot;:false,&quot;disableRedirectAfterFormSubmit&quot;:false,&quot;delayUpdates&quot;:2000,&quot;decodePayload&quot;:false,&quot;hideAlertsOnFrontend&quot;:false,&quot;removeEGPropertyFromSplitActionLineItems&quot;:false,&quot;customCSS&quot;:null},&quot;promoCodeMessageStyle&quot;:{&quot;message&quot;:&quot;Free gift added!&quot;},&quot;egDiscount&quot;:{&quot;cartValueStopCollectionCheck&quot;:false},&quot;accessToEnterprise&quot;:true},&quot;translations&quot;:null,&quot;defaultLocale&quot;:&quot;en&quot;,&quot;shopDomain&quot;:&quot;www.joeskc.com&quot;}">
1127
1128
1129<script defer>
1130  (async function() {
1131    try {
1132
1133      const blockVersion = "v3"
1134      if (blockVersion != "v3") {
1135        return
1136      }
1137
1138      let metaErrorFlag = false;
1139      if (metaErrorFlag) {
1140        return
1141      }
1142
1143      // Parse metafields as JSON
1144      const metafields = {};
1145
1146      // Process metafields in JavaScript
1147      let savedRulesArray = [];
1148      for (const [key, value] of Object.entries(metafields)) {
1149        if (value) {
1150          for (const prop in value) {
1151            // avoiding Object.Keys for performance gain -- no need to make an array of keys.
1152            savedRulesArray.push(value);
1153            break;
1154          }
1155        }
1156      }
1157
1158      const metaTag = document.createElement('meta');
1159      metaTag.id = 'easygift-rules';
1160      metaTag.content = JSON.stringify(savedRulesArray);
1161      metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzkwOTA5MDIx');
1162
1163      document.head.appendChild(metaTag);
1164      } catch (err) {
1165        
1166      }
1167  })();
1168</script>
1168
1169
1170
1171  
1171<script
1172    type="text/javascript"
1173    defer
1174  >
1175
1176    (function () {
1177      try {
1178        window.EG_INFO = window.EG_INFO || {};
1179        var shopInfo = {"isInstalled":true,"installedOn":"2024-06-03T16:34:43.688Z","appVersion":"3.0","subscriptionName":"Unlimited","cartAnalytics":true,"freeTrialEndsOn":null,"settings":{"reminderBannerStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","headerText":"Click here to reopen missed deals","subHeaderText":null,"showImage":true,"imageUrl":"https:\/\/cdn.506.io\/eg\/eg_notification_default_512x512.png","displayAfter":5,"closingMode":"doNotAutoClose","selfcloseAfter":5,"reshowBannerAfter":"everyNewSession","fontFamily":null},"addedItemIdentifier":"_Gifted","ignoreOtherAppLineItems":null,"customVariantsInfoLifetimeMins":1440,"redirectPath":null,"ignoreNonStandardCartRequests":false,"bannerStyle":{"position":{"horizontal":"right","vertical":"top"},"primaryColor":"#000000","backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","cssStyles":"","fontFamily":null},"themePresetId":"0","notificationStyle":{"position":{"horizontal":"right","vertical":"bottom"},"primaryColor":"#3A3A3A","backgroundColor":"#FFFFFF","borderRadius":null,"duration":"3.0","headerFontSize":"","subHeaderFontSize":"","padding":"","cssStyles":"#aca-notifications-wrapper {\n  display: block;\n  right: 0;\n  bottom: 0;\n  position: fixed;\n  z-index: 99999999;\n  max-height: 100%;\n  overflow: auto;\n}\n.aca-notification-container {\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  font-size: 16px;\n  margin: 12px;\n  padding: 8px;\n  background-color: #FFFFFF;\n  width: fit-content;\n  box-shadow: rgb(170 170 170) 0px 0px 5px;\n  border-radius: 8px;\n  opacity: 0;\n  transition: opacity 0.4s ease-in-out;\n}\n.aca-notification-container .aca-notification-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 60px;\n  min-width: 60px;\n  height: 60px;\n  width: 60px;\n  background-color: #FFFFFF;\n  margin: 8px;\n}\n.aca-notification-image img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  border-radius: 6px;\n  box-shadow: rgba(99, 115, 129, 0.29) 0px 0px 4px 1px;\n}\n.aca-notification-container .aca-notification-text {\n  flex-grow: 1;\n  margin: 8px;\n  max-width: 260px;\n}\n.aca-notification-heading {\n  font-size: 24px;\n  margin: 0 0 0.3em 0;\n  line-height: normal;\n  word-break: break-word;\n  line-height: 1.2;\n  max-height: 3.6em;\n  overflow: hidden;\n  color: #3A3A3A;\n}\n.aca-notification-subheading {\n  font-size: 18px;\n  margin: 0;\n  line-height: normal;\n  word-break: break-word;\n  line-height: 1.4;\n  max-height: 5.6em;\n  overflow: hidden;\n  color: #3A3A3A;\n}\n@media screen and (max-width: 450px) {\n  #aca-notifications-wrapper {\n    left: null;\n right: null;\n  }\n  .aca-notification-container {\n    width: auto;\n display: block;\n flex-wrap: wrap;\n }\n.aca-notification-container .aca-notification-text {\n    max-width: none;\n  }\n}","hasCustomizations":false,"fontFamily":null},"fetchCartData":false,"useLocalStorage":{"enabled":false,"expiryMinutes":null},"popupStyle":{"priceShowZeroDecimals":true,"primaryColor":"#7F2629","secondaryColor":"#000000","buttonTextColor":null,"backgroundColor":"#FFFFFF","borderRadius":null,"padding":"","headerFontSize":"","subHeaderFontSize":"","bodyColor":null,"bodyFontSize":"","cssStyles":"#aca-modal {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 99999999;\n  overflow-x: hidden;\n  overflow-y: auto;\n  display: block;\n}\n#aca-modal-wrapper {\n  display: flex;\n  align-items: center;\n  width: 80%;\n  height: auto;\n  max-width: 1000px;\n  min-height: calc(100% - 60px);\n  margin: 30px auto;\n}\n#aca-modal-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 0 1.5rem rgba(17, 17, 17, 0.7);\n  width: 100%;\n  padding: 20px;\n  background-color: #FFFFFF;\n}\n#aca-close-icon-container {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 25px;\n  display: none;\n}\n#aca-close-icon {\n  stroke: #333333;\n}\n#aca-modal-custom-image-container {\n  background-color: #FFFFFF;\n  margin: 0.5em 0;\n}\n#aca-modal-custom-image-container img {\n  display: block;\n  min-width: 60px;\n  min-height: 60px;\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n#aca-modal-headline {\n  text-align: center;\n  text-transform: none;\n  letter-spacing: normal;\n  margin: 0.5em 0;\n  font-size: 30px;\n  color: #000000;\n}\n#aca-modal-subheadline {\n  text-align: center;\n  font-weight: normal;\n  margin: 0 0 0.5em 0;\n  font-size: 20px;\n  color: #000000;\n}\n#aca-products-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  flex-wrap: wrap;\n  width: 85%;\n}\n#aca-products-container .aca-product {\n  text-align: center;\n  margin: 30px;\n  width: 200px;\n}\n.aca-product-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 200px;\n  background-color: #FFFFFF;\n  margin-bottom: 1em;\n}\n.aca-product-image img {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n}\n.aca-product-name {\ndisplay: none;\n}\n.aca-product-name, .aca-subscription-name {\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-size: 16px;\n}\n.aca-product-variant-name {\n  margin-top: 1em;\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-size: 16px;\n}
1179\n.aca-product-price {\n  color: #333333;\n  line-height: inherit;\n  font-size: 16px;\n}\n.aca-subscription-label {\n  color: #333333;\n  line-height: inherit;\n  word-break: break-word;\n  font-weight: 600;\n  font-size: 16px;\n}\n.aca-product-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 100%;\n  height: 42px;\n  background-color: #FFFFFF;\n  line-height: inherit;\n  margin-bottom: 1em;\n}\n.aca-product-dropdown .dropdown-icon {\n  position: absolute;\n  right: 8px;\n  height: 12px;\n  width: 12px;\n  fill: #E1E3E4;\n}\n.aca-product-dropdown select::before,\n.aca-product-dropdown select::after {\n  box-sizing: border-box;\n}\nselect.aca-product-dropdown::-ms-expand {\n  display: none;\n}\n.aca-product-dropdown select {\n  box-sizing: border-box;\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  cursor: inherit;\n  line-height: inherit;\n  outline: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background-image: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  border: 1px solid #E1E3E4;\n  border-radius: 2px;\n  color: #333333;\n  padding: 0 30px 0 10px;\n  font-size: 15px;\n}\n.aca-product-button {\n  border: none;\n  cursor: pointer;\n  width: 100%;\n  min-height: 42px;\n  word-break: break-word;\n  padding: 8px 14px;\n  background-color: #7f2629;\n  text-transform: uppercase;\n  line-height: inherit;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font-size: 14px;\n  color: #FFFFFF;\n  font-weight: bold;\n  letter-spacing: 1.039px;\n}\n.aca-product-button.aca-product-out-of-stock-button {\n  cursor: default;\n  border: 1px solid #7f2629;\n  background-color: #FFFFFF;\n  color: #7f2629;\n}\n.aca-button-loader {\n  display: block;\n  border: 3px solid transparent;\n  border-radius: 50%;\n  border-top: 3px solid #FFFFFF;\n  width: 20px;\n  height: 20px;\n  background: transparent;\n  margin: 0 auto;\n  -webkit-animation: aca-loader 0.5s linear infinite;\n  animation: aca-loader 0.5s linear infinite;\n}\n@-webkit-keyframes aca-loader {\n  0% {\n    -webkit-transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n@keyframes aca-loader {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.aca-button-tick {\n  display: block;\n  transform: rotate(45deg);\n  -webkit-transform: rotate(45deg);\n  height: 19px;\n  width: 9px;\n  margin: 0 auto;\n  border-bottom: 3px solid #FFFFFF;\n  border-right: 3px solid #FFFFFF;\n}\n.aca-button-cross \u003e svg {\n  width: 22px;\n  margin-bottom: -6px;\n}\n.aca-button-cross .button-cross-icon {\n  stroke: #FFFFFF;\n}\n#aca-bottom-close {\n  cursor: pointer;\n  text-align: center;\n  word-break: break-word;\n  color: #7f2629;\n  font-size: 16px;\n}\n@media screen and (min-width: 951px) and (max-width: 1200px) {\n   #aca-products-container {\n    width: 95%;\n    padding: 20px 0;\n  }\n  #aca-products-container .aca-product {\n    margin: 20px 3%;\n    padding: 0;\n  }\n}\n@media screen and (min-width: 951px) and (max-width: 1024px) {\n  #aca-products-container .aca-product {\n    margin: 20px 2%;\n  }\n}\n@media screen and (max-width: 950px) {\n  #aca-products-container {\n    width: 95%;\n    padding: 0;\n  }\n  #aca-products-container .aca-product {\n    width: 45%;\n    max-width: 200px;\n    margin: 2.5%;\n  }\n}\n@media screen and (min-width: 602px) and (max-width: 950px) {\n  #aca-products-container .aca-product {\n    margin: 4%;\n  }\n}\n@media screen and (max-width: 767px) {\n  #aca-modal-wrapper {\n    width: 90%;\n  }\n}\n@media screen and (max-width: 576px) {\n  #aca-modal-container {\n    padding: 23px 0 0;\n  }\n  #aca-close-icon-container {\n    display: block;\n  }\n  #aca-bottom-close {\n    margin: 10px;\n    font-size: 14px;\n  }\n  #aca-modal-headline {\n    margin: 10px 5%;\n    font-size: 20px;\n  }\n  #aca-modal-subheadline {\n    margin: 0 0 5px 0;\n    font-size: 16px;\n  }\n  .aca-product-image {\n    height: 100px;\n    margin: 0;\n  }\n  .aca-product-name, .aca-subscription-name, .aca-product-variant-name {\n    font-size: 12px;\n    margin: 5px 0;\n  }\n  .aca-product-dropdown select, .aca-product-button, .aca-subscription-label {\n    font-size: 12px;\n  }\n  .aca-product-dropdown {\n    height: 30px;\n    margin-bottom: 7px;\n  }\n  .aca-product-button {\n    min-height: 30px;\n    padding: 4px;\n    margin-bottom: 7px;\n  }\n  .aca-button-loader {\n    border: 2px solid transparent;\n    border-top: 2px solid #FFFFFF;\n    width: 12px;\n    height: 12px;\n  }\n  .aca-button-tick {\n    height: 12px;\n    width: 6px;\n    border-bottom: 2px solid #FFFFFF;\n    border-right: 2px solid #FFFFFF;\n  }\n  .aca-button-cross \u003e svg {\n    width: 15px;\n    margin-bottom: -4px;\n  }\n  .aca-button-cross .button-cross-icon {\n    stroke: #FFFFFF;\n  }\n}","hasCustomizations":true,"addButtonText":"Choose gift","dismissButtonText":"Remember to make a selection before closing!","outOfStockButtonText":"Out of Stock","imageUrl":null,"showProductLink":false,"subscriptionLabel":"Subscription Plan","closeModalOutsideClick":true,"headerFontFamily":null,"bodyFontFamily":null},"refreshAfterBannerClick":false,"disableReapplyRules":false,"disableReloadOnFailedAddition":false,"autoReloadCartPage":false,"ajaxRedirectPath":null,"allowSimultaneousRequests":false,"applyRulesOnCheckout":false,"enableCartCtrlOverrides":true,"customRedirectFromCart":null,"scriptSettings":{"branding":{"show":false,"removalRequestSent":null},"productPageRedirection":{"enabled":false,"products":[],"redirectionURL":"\/"},"debugging":{"enabled":false,"enabledOn":null,"stringifyObj":false}
1179,"reApplyValueBasedRulesInCart":false,"fetchProductInfoFromSavedDomain":false,"enableBuyNowInterceptions":false,"removeProductsAddedFromExpiredRules":false,"useFinalPrice":false,"useFinalPriceGetEntireCart":false,"hideGiftedPropertyText":false,"fetchCartDataBeforeRequest":false,"disableRedirectAfterFormSubmit":false,"delayUpdates":2000,"decodePayload":false,"hideAlertsOnFrontend":false,"removeEGPropertyFromSplitActionLineItems":false,"customCSS":null},"promoCodeMessageStyle":{"message":"Free gift added!"},"egDiscount":{"cartValueStopCollectionCheck":false},"accessToEnterprise":true},"translations":null,"defaultLocale":"en","shopDomain":"www.joeskc.com"};
1180        var productRedirectionEnabled = shopInfo.settings.scriptSettings.productPageRedirection.enabled;
1181        if (["Unlimited", "Enterprise"].includes(shopInfo.subscriptionName) && productRedirectionEnabled) {
1182          var products = shopInfo.settings.scriptSettings.productPageRedirection.products;
1183          if (products.length > 0) {
1184            var productIds = products.map(function(prod) {
1185              var productGid = prod.id;
1186              var productIdNumber = parseInt(productGid.split('/').pop());
1187              return productIdNumber;
1188            });
1189            var productInfo = null;
1190            var isProductInList = productIds.includes(productInfo.id);
1191            if (isProductInList) {
1192              var redirectionURL = shopInfo.settings.scriptSettings.productPageRedirection.redirectionURL;
1193              if (redirectionURL) {
1194                window.location = redirectionURL;
1195              }
1196            }
1197          }
1198        }
1199
1200        
1201      } catch(err) {
1202      return
1203    }}
1203)()
1204  </script>
1204
1205
1206
1207
1208<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
1208<script src="https://limits.minmaxify.com/limitsv2/send-joes-bar-b-que.myshopify.com?v=149&r=20260504170955" defer></script>
1208
1209
1210<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1211
1212
1213
1214
1215
1216
1217
1218<link rel="dns-prefetch" href="https://cdn.judge.me">
1219<link rel="dns-prefetch" href="https://cdn1.judge.me">
1220<link rel="dns-prefetch" href="https://api.judge.me">
1221
1222<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#7F2629","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Write a review for shipped frozen BBQ","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1222ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#7F2629","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Smoked Local, Loved Nationwide","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"Hear what BBQ fans coast to co
1222ast are saying from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":true,"featured_carousel_height":250,"featured_carousel_width":85,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#231F20","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"card","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#7F2629","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1222itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#231F20","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#231F20","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"Summarized and selected by AI from recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#231F20","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#231F20","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1222youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1222:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"SendJoesKCBBQ","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1222shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"SendJoesKCBBQ"};</script>
1222 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #231F20;--jdgm-secondary-color: rgba(35,31,32,0.1);--jdgm-star-color: #7F2629;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #231F20;--jdgm-paginate-color: #231F20;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #231F20}.jdgm-histogram__bar-content{background-color:#231F20}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#231F20}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#7F2629}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #231F20;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#231F20}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'SendJoesKCBBQ'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1223</style> <style class='jdgm-settings-style'></style>
1224
1225  
1226  
1227  
1228  <style class='jdgm-miracle-styles'>
1229  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1229/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
1230
1231</style>
1232
1233
1234  
1235  
1236   
1237
1238
1239
1240
1241<script data-cfasync='false' class='jdgm-script'>
1242!function(e){window.jdgm=window.jdgm||{};
1243/* INF-1976 */
1244var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1245if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1246jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1247jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1248setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1249!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1250(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1251a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1252jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1253t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1254t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1255".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1256parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1257jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1258)}))}(document);
1259</script>
1259
1260<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/shopify_v2.css"></noscript>
1261
1262<!-- BEGIN app snippet: theme_fix_tags -->
1262<script>
1263  (function() {
1264    var jdgmThemeFixes = {"131463249987":{"html":"","css":".prod-th .product-title {\n    padding-top: 5px !important;\n}\n\n.prod-th  .price {\n    margin-top: -5px !important;\n}","js":""}};
1265    if (!jdgmThemeFixes) return;
1266
1267    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1268    // before the per-theme fix so the theme-specific CSS wins the cascade.
1269    // HTML is never applied globally (too risky).
1270    var allThemesFix = jdgmThemeFixes['all'];
1271    if (allThemesFix && allThemesFix.css) {
1272      var allStyleTag = document.createElement('style');
1273      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1274      allStyleTag.innerHTML = allThemesFix.css;
1275      document.head.append(allStyleTag);
1276    };
1277
1278    if (allThemesFix && allThemesFix.js) {
1279      var allScriptTag = document.createElement('script');
1280      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1281      allScriptTag.innerHTML = allThemesFix.js;
1282      document.head.append(allScriptTag);
1283    };
1284
1285    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1286    if (!thisThemeFix) return;
1287
1288    if (thisThemeFix.html) {
1289      document.addEventListener("DOMContentLoaded", function() {
1290        var htmlDiv = document.createElement('div');
1291        htmlDiv.classList.add('jdgm-theme-fix-html');
1292        htmlDiv.innerHTML = thisThemeFix.html;
1293        document.body.append(htmlDiv);
1294      });
1295    };
1296
1297    if (thisThemeFix.css) {
1298      var styleTag = document.createElement('style');
1299      styleTag.classList.add('jdgm-theme-fix-style');
1300      styleTag.innerHTML = thisThemeFix.css;
1301      document.head.append(styleTag);
1302    };
1303
1304    if (thisThemeFix.js) {
1305      var scriptTag = document.createElement('script');
1306      scriptTag.classList.add('jdgm-theme-fix-script');
1307      scriptTag.innerHTML = thisThemeFix.js;
1308      document.head.append(scriptTag);
1309    };
1310  })();
1311</script>
1311
1312<!-- END app snippet -->
1313<!-- End of Judge.me Core -->
1314
1315
1316
1317<!-- END app block -->
1317<script src="https://cdn.shopify.com/extensions/01a0f885-56f4-79de-af41-45a261d7aae9/forms-2605/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1317
1317
1318<script src="https://cdn.shopify.com/extensions/01a0f7ee-ce98-7d31-a984-9b515ba7600e/qb-cleanup-1145-817eb735/assets/v3-banner.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1318
1318
1319<script src="https://cdn.shopify.com/extensions/01a0f7ee-ce98-7d31-a984-9b515ba7600e/qb-cleanup-1145-817eb735/assets/v3-cart-savings.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1319
1319
1320<script src="https://cdn.shopify.com/extensions/01a0f14c-14c3-7c54-8630-ec498be121ab/judgeme-770/assets/loader.js" type="text/javascript" defer="defer"></script>
1320
1321<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1322<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: 8185843,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 1322
1322
1323<script>
1324  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1325</script>
vendor: 1 bytes, line 1325
1325
1326<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}
1326).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: 8185843,storefrontBaseUrl: "https://www.joeskc.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.joeskc.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2068742211","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1326,"dataSharingState":"unrestricted"},{"id":"808550467","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"357498947","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\",\\\"GT-KFHHKFX\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/1jF9CN_k74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/a1VzCN3i74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/J3kQCNfi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/398pCNTi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/r4aJCNHi74sBEITOoIcD\\\",\\\"MC-4K0GJ2B8T3\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/KGpVCOLk74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-6PHC0YLVBD\\\",\\\"AW-820520708\\\/w9B8CNri74sBEITOoIcD\\\",\\\"AW-820520708\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-6PHC0YLVBD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"147947587","configuration":"{\"pixel_id\":\"439887966991862\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"44990531","configuration":"{\"tagID\":\"2613901531929\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"56361027","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"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":"SendJoesKCBBQ","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"send-joes-bar-b-que.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.joeskc.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.joeskc.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"145037918275","themeStoreId":"2048","themePublished":"true","eventMetadataId":"39f2ae73-af06-43c8-86dc-fe65b07e0b97","pageType":"searchresults","shopId":"8185843","storefrontBaseUrl":"https:\/\/www.joeskc.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
1326<script>
1327  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1328  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1329  window.ShopifyAnalytics.meta.currency = 'USD';
1330  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"3a53dc5b-35d4-4f5e-880f-154c3effacd7-1790909021"}};
1331  for (var attr in meta) {
1332    window.ShopifyAnalytics.meta[attr] = meta[attr];
1333  }
1334</script>
vendor: 1 bytes, line 1334
1334
1335<script class="analytics">
1336  (function () {
1337    var customDocumentWrite = function(content) {
1338      var jquery = null;
1339
1340      if (window.jQuery) {
1341        jquery = window.jQuery;
1342      } else if (window.Checkout && window.Checkout.$) {
1343        jquery = window.Checkout.$;
1344      }
1345
1346      if (jquery) {
1347        jquery('body').append(content);
1348      }
1349    };
1350
1351    var hasLoggedConversion = function(token) {
1352      if (token) {
1353        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1354      }
1355      return false;
1356    }
1357
1358    var setCookieIfConversion = function(token) {
1359      if (token) {
1360        var twoMonthsFromNow = new Date(Date.now());
1361        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1362
1363        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1364      }
1365    }
1366
1367    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1368    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1369    if (trekkie.integrations) {
1370      return;
1371    }
1372    trekkie.methods = [
1373      'identify',
1374      'page',
1375      'ready',
1376      'track',
1377      'trackForm',
1378      'trackLink'
1379    ];
1380    trekkie.factory = function(method) {
1381      return function() {
1382        var args = Array.prototype.slice.call(arguments);
1383        args.unshift(method);
1384        trekkie.push(args);
1385        if (method == 'track' || method == 'page') {
1386          var pageUrl;
1387          try {
1388            pageUrl = window.location.href;
1389          } catch (e) {}
1390          var pageReferrer;
1391          try {
1392            pageReferrer = document.referrer;
1393          } catch (e) {}
1394          try {
1395            if (window.__TREKKIE_SHIM_QUEUE == null) {
1396              window.__TREKKIE_SHIM_QUEUE = [];
1397            }
1398            window.__TREKKIE_SHIM_QUEUE.push({
1399              from: 'trekkie-stub',
1400              method: method,
1401              args: args.slice(1),
1402              pageContext: {
1403                url: pageUrl,
1404                referrer: pageReferrer
1405              }
1406            });
1407          } catch (e) {
1408            // no-op
1409          }
1410        }
1411        return trekkie;
1412      };
1413    };
1414    for (var i = 0; i < trekkie.methods.length; i++) {
1415      var key = trekkie.methods[i];
1416      trekkie[key] = trekkie.factory(key);
1417    }
1418    trekkie.load = function(config) {
1419      trekkie.config = config || {};
1420      trekkie.config.initialDocumentCookie = document.cookie;
1421      var first = document.getElementsByTagName('script')[0];
1422var script = document.createElement('script');
1423script.type = 'text/javascript';
1424script.onerror = function(e) {
1425  var scriptFallback = document.createElement('script');
1426  scriptFallback.type = 'text/javascript';
1427  scriptFallback.onerror = function(error) {
1428          var Monorail = {
1429      produce: function produce(monorailDomain, schemaId, payload) {
1430        var currentMs = new Date().getTime();
1431        var event = {
1432          schema_id: schemaId,
1433          payload: payload,
1434          metadata: {
1435            event_created_at_ms: currentMs,
1436            event_sent_at_ms: currentMs
1437          }
1438        };
1439        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1440      },
1441      sendRequest: function sendRequest(endpointUrl, payload) {
1442        // Try the sendBeacon API
1443        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1444          var blobData = new window.Blob([payload], {
1445            type: 'text/plain'
1446          });
1447
1448          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1449            return true;
1450          } // sendBeacon was not successful
1451
1452        } // XHR beacon
1453
1454        var xhr = new XMLHttpRequest();
1455
1456        try {
1457          xhr.open('POST', endpointUrl);
1458          xhr.setRequestHeader('Content-Type', 'text/plain');
1459          xhr.send(payload);
1460        } catch (e) {
1461          console.log(e);
1462        }
1463
1464        return false;
1465      },
1466      isIos12: function isIos12() {
1467        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1468      }
1469    };
1470    Monorail.produce('monorail-edge.shopifysvc.com',
1471      'trekkie_storefront_load_errors/1.1',
1472      {shop_id: 8185843,
1473      theme_id: 145037918275,
1474      app_name: "storefront",
1475      context_url: window.location.href,
1476      source_url: "//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1477
1478  };
1479  scriptFallback.async = true;
1480  scriptFallback.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1481  first.parentNode.insertBefore(scriptFallback, first);
1482};
1483script.async = true;
1484script.src = '//www.joeskc.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1485first.parentNode.insertBefore(script, first);
1486
1487    };
1488    trekkie.load(
1489      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8185843,"isMerchantRequest":null,"themeId":145037918275,"themeCityHash":"121510237
148971129374854","contentLanguage":"en","currency":"USD","eventMetadataId":"39f2ae73-af06-43c8-86dc-fe65b07e0b97"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1490    );
1491
1492    var loaded = false;
1493    trekkie.ready(function() {
1494      if (loaded) return;
1495      loaded = true;
1496
1497      window.ShopifyAnalytics.lib = window.trekkie;
1498
1499      var originalDocumentWrite = document.write;
1500      document.write = customDocumentWrite;
1501      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1502      document.write = originalDocumentWrite;
1503
1504      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1505      var token = match? match[1]: undefined;
1506      if (!hasLoggedConversion(token)) {
1507        setCookieIfConversion(token);
1508        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
1509      }
1510    });
1511
1512    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"3a53dc5b-35d4-4f5e-880f-154c3effacd7-1790909021","shopifyEmitted":true});
1513
1514    var eventsListenerScript = document.createElement('script');
1515    eventsListenerScript.async = true;
1516    eventsListenerScript.src = "//www.joeskc.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1517    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1518})();</script>
1518
1519  
1519<script>
1520  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1521    window.ga = function ga() {
1522      (window.ga.q = window.ga.q || []).push(arguments);
1523      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1524        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1525      }
1526      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1527    };
1528    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1529      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1530    }
1531  }
1532</script>
vendor: 1 bytes, line 1532
1532
1533<script
1534  defer
1535  src="https://www.joeskc.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1536  data-application="storefront-renderer"
1537  data-shop-id="8185843"
1538  data-render-region="gcp-us-central1"
1539  data-page-type="search"
1540  data-theme-instance-id="145037918275"
1541  data-theme-name="Eurus"
1542  data-theme-version="10.1.0"
1543  data-monorail-region="shop_domain"
1544  data-resource-timing-sampling-rate="10"
1545  data-shs="true"
1546  data-shs-beacon="true"
1547  data-shs-export-with-fetch="true"
1548  data-shs-logs-sample-rate="1"
1549  data-shs-beacon-endpoint="https://www.joeskc.com/api/collect"
1550></script>
vendor: 1 bytes, line 1550
1550
1551<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1551<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"8185843","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[],"legacyCustomerAccounts":true,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1551
1552<meta name="shopify-y" content="bb91048b-ed14-4c73-ba71-2fa5fa20bc5b" data-expiration="1822466621000"><meta name="shopify-s" content="7b363eec-f06b-4ce0-8e7b-ca5ecab474bc" data-expiration="1790910821000"><meta name="new-cookie-storage-activated" content="t">
1553</head>
1554  <body 
1555    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
1556    x-data
1557    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
1558    
1559    x-intersect.once="$store.xPopup.setWidthScrollbar();"
1560  >
1560<script>
1561        window.addEventListener('DOMContentLoaded', (event) => {
1562          const transitionEl = document.getElementById('x-page-transition');
1563          transitionEl.style.opacity = '0';
1564          setTimeout(() => {
1565            transitionEl.remove();
1566          }, 1000); 
1567        });
1568      </script>
1568
1569      <div id="x-page-transition" class="transition-all ease-in-out duration-1000 opacity-100 fixed top-0 left-0 w-full h-full bg-black z-[9999]"></div><div class="main-container flex flex-col min-h-screen relative">
1570      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
1571        Skip to content
1572      </a>
1573      
1574      
1575          <!-- BEGIN sections: header-group-puff -->
1576<section id="shopify-section-sections--19816061632579__custom_liquid_ijxgFw" class="shopify-section shopify-section-group-header-group-puff section section-custom-liquid x-section"><style data-shopify>
1577  .custom-liquid ul {
1578    list-style: disc;
1579  }
1580  .section-padding-sections--19816061632579__custom_liquid_ijxgFw {
1581    padding-top: 0px;
1582    padding-bottom: 0px;
1583  }
1584  @media (min-width: 768px) { 
1585    .section-padding-sections--19816061632579__custom_liquid_ijxgFw {
1586      padding-top: 0px;
1587      padding-bottom: 0px;
1588    }
1589  }
1590</style>
1591
1592<div class="relative mr-auto ml-auto section-padding-sections--19816061632579__custom_liquid_ijxgFw">
1593  <div class="custom-liquid  x-pgw page-width">
1594    <style>
1595@media (min-width: 768px) {
1596  .section-header {
1597    z-index: 60;
1598  }
1599
1600  a.w-logo-header {
1601    width: 200px;
1602    position: relative;
1603    z-index: 60; /* Added so it stays in same stacking context as header */
1604  }
1605
1606  a.w-logo-header .header-logo {
1607    position: absolute;
1608    bottom: -69px;
1609    left: 20px;
1610    right: 20px;
1611    z-index: 61; /* Lowered from 110 so it can't cover overlays */
1612  }
1613}
1614</style>
1615  </div>
1616</div>
1617<style> #shopify-section-sections--19816061632579__custom_liquid_ijxgFw.section-header {position: relative; z-index: 2000;} </style></section><div id="shopify-section-sections--19816061632579__announcement-bar" class="shopify-section shopify-section-group-header-group-puff section-announcement"><style data-shopify>
1618  @media (min-width: 1024px) {
1619    .announcement-bar-toolbar #localization_form button {
1620      padding-bottom: 0.375rem;
1621      padding-top: 0.375rem;
1622    }
1623    .announcement-bar-toolbar #localization_form ul {
1624      z-index: 100;
1625    }
1626    .announcement-bar-right .menu-position-left, 
1627    .announcement-bar-left .menu-position-left {
1628      padding-left: 1.25rem;
1629    }
1630    .announcement-bar-right .menu-position-right,
1631    .announcement-bar-left .menu-position-right {
1632      padding-right: 1.25rem;
1633    }
1634  }
1635  .announcement-bar-toolbar #localization_form > .localization-form-child {
1636    width: -moz-max-content;
1637    width: max-content;
1638  }
1639  .announcement-bar-toolbar .social-list a {
1640    height: 1.5rem;
1641    padding-top: 0.125rem;
1642    padding-right: 0.375rem;
1643    padding-left: 0.375rem;
1644    padding-bottom: 0.125rem;
1645    width: 30px;
1646  }
1647  .announcement-bar-toolbar.toolbar-align-left #selector-social {
1648    flex-direction: row-reverse;
1649  }
1650  .announcement-bar-toolbar .social-list {
1651    max-width: 200px;
1652  }
1653  @media (max-width: 767px) {
1654    .announcement-bar-toolbar .social-list {
1655      max-width: unset;
1656    }
1657  }
1658</style>
1659<style data-shopify>#shopify-section-sections--19816061632579__announcement-bar {
1660    contain: style;
1661  }
1662  #x-announcement-bar .arrow {
1663    background: transparent;
1664    border: 0;
1665    box-shadow: none;
1666    color: #e3a6a8;
1667  }
1668  .dark #x-announcement-bar .arrow {
1669    color: #ffffff;
1670  }
1671  .announcement-bar_container-sections--19816061632579__announcement-bar {
1672    
1673      background: #7f2629;
1674    
1675    
1676  }
1677  .dark .announcement-bar_container-sections--19816061632579__announcement-bar {
1678    
1679      background: #ffffff;
1680    
1681
1682      --colors-text-link: 127, 38, 41;
1683    
1684  }
1685  .announcement-bar_text {
1686    
1687      color: #e3a6a8;
1688      --colors-line-and-border: 227,166,168;
1689    
1690  }
1691  .dark .announcement-bar_text {
1692    
1693      color: #ffffff;
1694      --colors-line-and-border: 255,255,255;
1695    
1696  }
1697  
1698</style><div 
1699    id="x-announcement" 
1700    class="announcement-bar_container-sections--19816061632579__announcement-bar ltr mr-auto ml-auto flex items-center has-toolbar lg:pr-5 rtl:lg:pr-0 rtl:lg:pl-5 rtl:announcement-bar-right announcement-bar-left flex-r rtl:flex-row-reverse"
1701    
1702  >
1703        
1704          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative">
1705            <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0">
1706              <div class="splide__list w-full flex  md:block">
1707<style data-shopify>.text--announcement_yFVPhV .width-countdown {
1708                      width: 9.45rem;
1709                    }.text--announcement_yFVPhV,
1710                      .btn--announcement_yFVPhV {
1711                        font-size: 0.945rem;
1712                      }
1713                      @media (min-width: 768px) {
1714                        .text--announcement_yFVPhV,
1715                        .btn--announcement_yFVPhV {
1716                          font-size: 1.05rem;
1717                        }
1718                      }.icon--announcement_yFVPhV {
1719                      width: 1.05rem;
1720                      height: 1.05rem;
1721                    }
1722                    .button.text_button_announ--announcement_yFVPhV {
1723                      
1724                        color: rgb(var(--colors-button-text-hover));
1725                      
1726                      
1727                        background: var(--colors-button-hover);
1728                      
1729                    }
1730                    .dark .button.text_button_announ--announcement_yFVPhV {
1731                      
1732                        color: rgb(var(--colors-button-text-hover));
1733                      
1734                      
1735                        background: var(--colors-button-hover);
1736                      
1737                    } 
1738                    @media(min-width: 768px){
1739                      .button.text_button_announ--announcement_yFVPhV {
1740                        
1741                          color: rgba(var(--colors-button-text-hover));
1742                        
1743                        
1744                          background: rgba(var(--colors-button));
1745                        
1746                      }
1747                      .dark .button.text_button_announ--announcement_yFVPhV {
1748                        
1749                          color: rgba(var(--colors-button-text-hover));
1750                        
1751                        
1752                          background: rgba(var(--colors-button));
1753                        
1754                      } 
1755                    }
1756                    .text-link-with-arrow--announcement_yFVPhV {
1757                      
1758                        color: rgb(var(--colors-text-link));
1759                      
1760                    }
1761                    .dark .text-link-with-arrow--announcement_yFVPhV {
1762                      
1763                        color: rgb(var(--colors-text-link));
1764                      
1765                    }
1766                    .hyperlink-circle-color--announcement_yFVPhV {
1767                      
1768                        background-color: rgba(var(--colors-text-link));
1769                      
1770                    }
1771                    .dark .hyperlink-circle-color--announcement_yFVPhV {
1772                      
1773                        background-color: rgba(var(--colors-button-text-hover));
1774                      
1775                    }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
1776                        
1777                        class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
1778                        
1779                        <div class="text--announcement_yFVPhV announcement-bar_text flex rtl:order-1">
1780
1781<p class="x-announcement-bar-block-data leading-[initial]">KANSAS CITY BAR-B-QUE MADE FAMOUS IN A GAS STATION</p></div></div></div>
1782                
1783</div>
1784            </div></div>
1785        
1786
1787
1788<style data-shopify>.announcement-bar-toolbar #localization_form button {
1789          font-size: 0.86625rem;
1790        }
1791        @media (min-width: 1025px){
1792          .announcement-bar-toolbar #localization_form button {
1793            font-size: 0.9625rem; 
1794          }
1795        }
1796        .announcement-bar-toolbar .locale-options {
1797          
1798            background: #7f2629;
1799          
1800        }
1801        .announcement-bar-toolbar .country-options {
1802          
1803            background: #7f2629;
1804          
1805          
1806            left: auto;
1807            right: 0;
1808          
1809        }
1810        .dark .announcement-bar-toolbar .locale-options {
1811          
1812            background: #ffffff;
1813          
1814        }
1815        .dark .announcement-bar-toolbar .country-options {
1816          
1817            background: #ffffff;
1818          
1819        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right rtl:toolbar-align-left hidden relative lg:flex items-center">
1820        
1821<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto">
1822    
1823      <ul class="social-list flex  flex-wrap opacity-70" role="list">
1824<li>
1825      <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24">
1826      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
1827    </svg>
1828</a>
1829    </li><li>
1830      <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
1831      <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
1832    </svg>
1833</a>
1834    </li><li>
1835      <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
1836      <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
1837    </svg>
1838</a>
1839    </li></ul>
1840     </div>
1841      </div></div>
1842</div><div id="shopify-section-sections--19816061632579__header" class="shopify-section shopify-section-group-header-group-puff section-header z-50"><style data-shopify>
1843    #x-header-container {
1844      contain: style layout;
1845    }
1846  
1847  
1848    .back{
1849      position: absolute;
1850      top: 50%;
1851      left: 50%;
1852      white-space: nowrap;
1853      opacity: 0;
1854      transform: translate(-50%, -50%) translateY(100%) translateZ(0);
1855      transition-behavior: normal, normal;
1856      transition-duration: 0.6s, 0.6s;
1857      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
1858      transition-delay: 0s, 0s;
1859      transition-property: transform, opacity;
1860    }
1861    .front{
1862      transform: translateZ(0);
1863      transition-behavior: normal, normal;
1864      transition-duration: 0.6s, 0.6s;
1865      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), cubic-bezier(0.165, 0.84, 0.44, 1);
1866      transition-delay: 0s, 0s;
1867      transition-property: transform, opacity;
1868      border-bottom: 1px solid transparent;
1869    }
1870    .flip-container:hover .front{
1871      opacity: 0;
1872      transform: translateY(-100%) translateZ(0);
1873    }
1874    .flip-container:hover .back{
1875      opacity: 1;
1876      transform: translate(-50%, -50%) translateY(0%) translateZ(0);
1877      border-bottom: 1px solid rgba(var(--colors-text-link));
1878    }
1879  
1880  .w-logo-header {
1881    width: 150px;
1882    min-width: 150px;
1883  }
1884  @media(min-width: 768px) {
1885    .w-logo-header {
1886      width: 150px;
1887      min-width: 150px;
1888    }
1889  }
1890  
1891  
1892    .section-header.is-sticky {
1893      position: sticky;
1894      z-index: 50;
1895      top: var(--announcement-height);
1896    }
1897    .is-sticky #x-header-container:not(.on-scroll-up-animation) {
1898      box-shadow: 0 5px 15px rgba(var(--colors-text), .1);
1899    }
1900    #x-header-container {
1901      transform: translateY(0);
1902      transition: transform 0.4s ease-in-out 0.1s;
1903      will-change: transform;
1904    }
1905    #x-header-container.on-scroll-up-animation {
1906      transform: translateY(var(--header-sticky-transform));
1907    }
1908    .section-header:has(#x-header-container.on-scroll-up-animation) {
1909      pointer-events: none
1910    }
1911    
1912      @media (min-width: 768px) {
1913        .scroll-sticky-popup-cart {
1914          transform: translateY(0);
1915          transition: transform 0.4s ease-in-out 0.1s;
1916        }
1917        .section-header:has(#x-header-container.on-scroll-up-animation) .scroll-sticky-popup-cart {
1918          transform: translateY(var(--header-sticky-transform));
1919        }
1920      }
1921    
1922  
1923.logo-name {
1924    font-size: 1.125rem;
1925  }
1926  header {
1927    grid-template-areas: "drawer heading icons";
1928    
1929  }
1930  @media (min-width: 1024px) {
1931    header {
1932      grid-template-areas: "heading navigation icons" ". . .";
1933      grid-template-columns: auto 1fr auto;
1934    } 
1935    .logo-name {
1936      font-size: 2.25rem;
1937    }
1938    .pt-header {
1939      padding-top: 0px;
1940    }
1941    .pb-header {
1942      padding-bottom: 4px;
1943    }
1944  }
1945  .h-hamburger {
1946    height: var(--hamburger-menu-height);
1947  }
1948  @media (max-width: 1023px) {
1949    .section-padding-sections--19816061632579__header {
1950      padding-top: 4px;
1951      padding-bottom: 0px;
1952    }
1953  }</style><div x-show="$store.xHeaderMenu.overlay" 
1954  x-transition:enter="ease-in-out duration-300"
1955  x-transition:enter-start="opacity-0"
1956  x-transition:enter-end="opacity-100"
1957  x-transition:leave="transition-all ease-in-out duration-300"
1958  x-transition:leave-end="opacity-0"
1959  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
1960<div
1961  id="x-header-container"
1962  class="relative text-[rgb(var(--colors-text-header))] background-header"
1963  
1964  
1965    data-is-sticky="true"
1966    data-section-index="3"
1967  
1968  x-init='() => {
1969    $store.xHeaderMenu.sectionId = "sections--19816061632579__header";
1970    $store.xHeaderMenu.mobileHeaderLayout = "center-left";
1971    $store.xHeaderMenu.initSticky($el, "on-scroll-up");
1972    
1973  }'
1974  
1975    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
1976  
1977  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
1978  
1979>
1980  <div
1981    id="sticky-header-content"
1982    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
1983     header-full-width"
1984    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
1985    
1986  >
1987    <header 
1988      class="header lg:pb-0 section-padding-sections--19816061632579__header pt-header lg:pb-0 full-width grid lg:mr-auto lg:ml-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
1989      x-on:mouseleave="$store.xHeaderMenu.closeMenu()"
1990    >
1991      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
1992        
1993        
1994        <style data-shopify>
1995          
1996            .mobile-navigation-modern-icon-bg {
1997              background: rgba(var(--colors-line-header),1);
1998            }
1999          
2000        </style>
2001        <div 
2002          id="mobile-navigation"
2003          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
2004          class="relative w-11 h-8 pt-2.5 pb-2.5 pl-3 pr-3 -left-3 rounded-full cursor-pointer "
2005        > 
2006          <div class=""><svg viewBox="0 0 400 280" xmlns="http://www.w3.org/2000/svg">
2007    <path fill="currentColor" fill-rule="evenodd" d="M0 0v40h400V0H0zm0 120v40h400v-40H0zm0 120v40h280v-40H0z"/>
2008  </svg>
2009</div>            
2010        </div>
2011      </div>
2012        <div class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center pb-header flex items-center lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:ml-0 lg:justify-left lg:[grid-area:auto]"
2013        >
2014      
2015        
2016
2017<div class="flex lg:mr-3 lg:pr-11">
2018  <a href="/" class="w-logo-header h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mr-auto ml-auto md:ml-0">SendJoesKCBBQ</span><img
2019        src="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=816"
2020        alt="Logo of Joe&#39;s Kansas City Bar-B-Que with a red border and white text"
2021        sizes="(min-width: 768px) 150px, 150px"
2022        srcset="//www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=50 50w,
2023          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=100 100w,
2024          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=150 150w,
2025          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=200 200w,
2026          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=250 250w,
2027          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=300 300w,
2028          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=400 400w,
2029          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=500 500w,
2030          //www.joeskc.com/cdn/shop/files/red_LOGO_2025_CUTOUT.png?v=1756928334&width=600 600w"
2031        width="816"
2032        height="664"
2033        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:ml-0"
2034        loading="lazy"
2035      /></a>
2036</div>
2037
2038        </div>
2039      <div
2040        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex"
2041      >
2042        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
2043        
2044        
2045<style data-shopify>
2046            
2047          </style>
2048          <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
2049            <a 
2050              id="SearchOpen"
2051              href="/search" 
2052              aria-label="search"
2053              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
2054              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
2055              <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2"><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
2056    <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2057  </svg>
2058</span>
2059            </a>
2060          </div><shopify-store store-domain="https://www.joeskc.com" country="US" language="en"></shopify-store>
2061<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu">
2062            <div slot="signed-out-avatar">
2063              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
2064                <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2065    <path fill="none" d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999"/>
2066  </svg>
2067
2068              </span>
2069            </div>
2070          </shopify-account><a 
2071            id="cart-icon"
2072            href="/cart"
2073            class="relative flex items-center header-icon-cart cursor-pointer"   
2074                       
2075              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
2076              :class="$store.xMiniCart.open && 'pointer-events-none'"
2077            
2078            aria-controls="CartDrawer"
2079            aria-expanded="false"
2080            aria-label="Cart Icon,0"
2081          >
2082            <span class="relative w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
2083              <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 22 22" fill="currentColor" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round">
2084    <path stroke-width="0.2" fill-rule="evenodd" d="M8.59556 15.0449C7.33025 15.0449 6.30389 16.0713 6.30389 17.3366C6.30389 18.6019 7.33025 19.6283 8.59556 19.6283C9.86087 19.6283 10.8872 18.6019 10.8872 17.3366C10.8872 16.0713 9.86087 15.0449 8.59556 15.0449ZM8.59556 18.1201C8.16073 18.1201 7.81209 17.7675 7.81209 17.3366C7.81209 16.9057 8.16465 16.5531 8.59556 16.5531C9.03039 16.5531 9.37904 16.9057 9.37904 17.3366C9.37904 17.7675 9.03039 18.1201 8.59556 18.1201Z M15.9289 15.0449C14.6636 15.0449 13.6372 16.0713 13.6372 17.3366C13.6372 18.6019 14.6636 19.6283 15.9289 19.6283C17.1942 19.6283 18.2205 18.6019 18.2205 17.3366C18.2205 16.0713 17.1942 15.0449 15.9289 15.0449ZM15.9289 18.1201C15.494 18.1201 15.1454 17.7675 15.1454 17.3366C15.1454 16.9057 15.498 16.5531 15.9289 16.5531C16.3637 16.5531 16.7123 16.9057 16.7123 17.3366C16.7123 17.7675 16.3637 18.1201 15.9289 18.1201Z"/>
2085    <path stroke-width="0.5" fill-rule="evenodd" d="M20.9 4.64037C20.4557 4.51721 19.9981 4.79088 19.8793 5.25156L19.8574 5.33367C19.8222 5.39752 19.7914 5.46594 19.7738 5.53892L18.0448 12.1572C18.014 12.4309 17.8953 12.5039 17.8073 12.5175H7.80321L7.41607 12.4218L5.12843 3.27657C4.82487 1.86716 3.23672 2.004 3.23672 2.004H1.63537C1.17344 2.004 0.803894 2.3917 0.803894 2.86606C0.803894 3.34043 1.17784 3.72813 1.63537 3.72813H3.26751L5.88071 13.1926C6.30744 14.0775 6.97614 14.2189 7.46447 14.2417H18.1944C18.278 14.2417 18.3572 14.228 18.4364 14.2052C19.1975 14.0182 19.501 13.1972 19.6418 12.7274L21.4939 5.69856C21.6083 5.23788 21.3443 4.76352 20.9 4.64037Z"/>
2086  </svg>
2087              <div id="cart-icon-bubble" >
2088                <div 
2089                  class="count_item absolute text-center place-content-center -top-0.5 -right-1.5 md:right-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 
2090                  data-value="0"
2091                >0</div>
2092              </div>
2093            </span>
2094          </a></div>
2095
2096      
2097
2098      
2099        
2100
2101<style data-shopify>
2102    .svg-highlight-sections--19816061632579__header {
2103      --color-highlight: #7f2629;
2104    }
2105    .dark .svg-highlight-sections--19816061632579__header {
2106      --color-highlight: rgb(127, 38, 41);
2107    }
2108  
2109  .x-icon-caret svg {
2110    color: var(--colors-text-header);
2111    --tw-rotate: 0deg;
2112    transform: rotate(var(--tw-rotate));
2113    transition: transform 0.5s ease 0.1s;
2114  }
2115  .is-focus .x-icon-caret svg {
2116      color: var(--colors-text-link);
2117      --tw-rotate: 180deg;
2118    }
2119</style><nav 
2120  x-on:click.away="$store.xHeaderMenu.closeMenu()"
2121  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:auto]"
2122>
2123  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center"
2124  >
2125    
2126
2127<li
2128              id="tree_menu_FdPtda"
2129              class="tree-menu pl-0 relative has-dropdown"
2130              
2131                
2132                  @mouseover="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
2133                  @focusin="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
2134                
2135                :class="$store.xHeaderMenu.show === 1 && 'is-focus'"
2136              
2137            >
2138              <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
2138is-focus:link-active" x-data='{ active: false }' 
2139                
2140                  
2141                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 1)"
2142                  
2143                
2144              >
2145                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2146                  <div class="relative x-anm">
2147                    <a
2148                      href="/pages/our-story"
2149                      class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2150                      
2151                    > 
2152                      
2153          
2154          
2155            
2156            
2157              OUR STORY
2158            
2159          
2160        
2161                    </a><a
2162                        href="/pages/our-story"
2163                        tabindex="-1"
2164                        class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2165                        
2166                      > 
2167                        
2168          
2169          
2170            
2171            
2172              OUR STORY
2173            
2174          
2175        
2176                      </a></div>
2177                </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2178    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2179  </svg>
2180</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 1, 'toggle-menu-show': $store.xHeaderMenu.show === 1, 'active': $store.xHeaderMenu.initIndex.has(1) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2181                  <div class="tree-menu-nav" id="menu-1">
2182
2183<template x-if="!$store.xInit.runDispatch">
2184      <ul class="pt-5 pb-5">
2185        
2186<li  
2187            x-data="{ openSub: false }" 
2188            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2189            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2190            @mouseleave="$el.classList.remove('is-focus-child');"
2191            @mouseover.away="openSub = false"
2192            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2193            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2194          >
2195            <div class="flex tree-menu-item-container items-center">
2196              
2197              
2198              <span class="flex-1 menu-item-container rtl:text-end">
2199                <a href="/pages/our-story" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2200                  
2201                  
2202                    
2203                    
2204                      <span class="p-break-words">Our Story</span>
2205                    
2206                  
2207</a>
2208              </span>
2209            </div></li><li  
2210            x-data="{ openSub: false }" 
2211            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2212            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2213            @mouseleave="$el.classList.remove('is-focus-child');"
2214            @mouseover.away="openSub = false"
2215            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2216            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2217          >
2218            <div class="flex tree-menu-item-container items-center pt-3">
2219              
2220              
2221              <span class="flex-1 menu-item-container rtl:text-end">
2222                <a href="/pages/we-ship-bbq" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2223                  
2224                  
2225                    
2226                    
2227                      <span class="p-break-words">We Ship BBQ</span>
2228                    
2229                  
2230</a>
2231              </span>
2232            </div></li><li  
2233            x-data="{ openSub: false }" 
2234            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2235            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2236            @mouseleave="$el.classList.remove('is-focus-child');"
2237            @mouseover.away="openSub = false"
2238            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2239            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2240          >
2241            <div class="flex tree-menu-item-container items-center pt-3">
2242              
2243              
2244              <span class="flex-1 menu-item-container rtl:text-end">
2245                <a href="/pages/the-legend-of-the-z-man" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2246                  
2247                  
2248                    
2249                    
2250                      <span class="p-break-words">The Legend of the Z-Man</span>
2251                    
2252                  
2253</a>
2254              </span>
2255            </div></li></ul>
2256    </template> </div>
2257                </div></li>
2258<li
2259              id="tree_menu_dXFfER"
2260              class="tree-menu pl-0 relative has-dropdown"
2261              
2262                
2263                  @mouseover="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
2264                  @focusin="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
2265                
2266                :class="$store.xHeaderMenu.show === 2 && 'is-focus'"
2267              
2268            >
2269              <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2270                
2271                  
2272                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 2)"
2273                  
2274                
2275              >
2276                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2277                  <div class="relative x-anm">
2278                    <a
2279                      href="/pages/locations"
2280                      class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2281                      
2282                    > 
2283                      
2284          
2285          
2286            
2287            
2288              LOCATIONS
2289            
2290          
2291        
2292                    </a><a
2293                        href="/pages/locations"
2294                        tabindex="-1"
2295                        class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2296                        
2297                      > 
2298                        
2299          
2300          
2301            
2302            
2303              LOCATIONS
2304            
2305          
2306        
2307                      </a></div>
2308                </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2309    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2310  </svg>
2311</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 2, 'toggle-menu-show': $store.xHeaderMenu.show === 2, 'active': $store.xHeaderMenu.initIndex.has(2) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2312                  <div class="tree-menu-nav" id="menu-2">
2313
2314<template x-if="!$store.xInit.runDispatch">
2315      <ul class="pt-5 pb-5">
2316        
2317<li  
2318            x-data="{ openSub: false }" 
2319            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2320            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2321            @mouseleave="$el.classList.remove('is-focus-child');"
2322            @mouseover.away="openSub = false"
2323            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2324            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2325          >
2326            <div class="flex tree-menu-item-container items-center">
2327              
2328              
2329              <span class="flex-1 menu-item-container rtl:text-end">
2330                <a href="/pages/the-original-gas-station-restaurant" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2331                  
2332                  
2333                    
2334                    
2335                      <span class="p-break-words">The Original Gas Station Restaurant</span>
2336                    
2337                  
2338</a>
2339              </span>
2340            </div></li><li  
2341            x-data="{ openSub: false }" 
2342            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2343            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2344            @mouseleave="$el.classList.remove('is-focus-child');"
2345            @mouseover.away="openSub = false"
2346            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2347            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2348          >
2349            <div class="flex tree-menu-item-container items-center pt-3">
2350              
2351              
2352              <span class="flex-1 menu-item-container rtl:text-end">
2353                <a href="/pages/joes-kansas-city-olathe" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2354                  
2355                  
2356                    
2357                    
2358                      <span class="p-break-words">Joe&#39;s Kansas City - Olathe</span>
2359                    
2360                  
2361</a>
2362              </span>
2363            </div></li><li  
2364            x-data="{ openSub: false }" 
2365            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2366            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2367            @mouseleave="$el.classList.remove('is-focus-child');"
2368            @mouseover.away="openSub = false"
2369            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2370            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2371          >
2372            <div class="flex tree-menu-item-container items-center pt-3">
2373              
2374              
2375              <span class="flex-1 menu-item-container rtl:text-end">
2376                <a href="/pages/joes-kansas-city-leawood" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2377                  
2378                  
2379                    
2380                    
2381                      <span class="p-break-words">Joe&#39;s Kansas City - Leawood</span>
2382                    
2383                  
2384</a>
2385              </span>
2386            </div></li><li  
2387            x-data="{ openSub: false }" 
2388            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2389            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2390            @mouseleave="$el.classList.remove('is-focus-child');"
2391            @mouseover.away="openSub = false"
2392            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2393            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2394          >
2395            <div class="flex tree-menu-item-container items-center pt-3">
2396              
2397              
2398              <span class="flex-1 menu-item-container rtl:text-end">
2399                <a href="http://www.the180room.com" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2400                  
2401                  
2402                    
2403                    
2404                      <span class="p-break-words">The 180 Room Event Space</span>
2405                    
2406                  
2407</a>
2408              </span>
2409            </div></li></ul>
2410    </template> </div>
2411                </div></li>
2412<li
2413              id="tree_menu_nGbaxp"
2414              class="tree-menu pl-0 relative has-dropdown"
2415              
2416                
2417                  @mouseover="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
2418                  @focusin="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
2419                
2420                :class="$store.xHeaderMenu.show === 3 && 'is-focus'"
2421              
2422            >
2423              <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
2424                
2425                  
2426                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 3)"
2427                  
2428                
2429              >
2430                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2431                  <div class="relative x-anm">
2432                    <a
2433                      href="#"
2434                      class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
2434is-focus:link-active" 
2435                      
2436                    > 
2437                      
2438          
2439          
2440            
2441            
2442              MENUS
2443            
2444          
2445        
2446                    </a><a
2447                        href="#"
2448                        tabindex="-1"
2449                        class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
2450                        
2451                      > 
2452                        
2453          
2454          
2455            
2456            
2457              MENUS
2458            
2459          
2460        
2461                      </a></div>
2462                </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2463    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2464  </svg>
2465</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 3, 'toggle-menu-show': $store.xHeaderMenu.show === 3, 'active': $store.xHeaderMenu.initIndex.has(3) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
2466                  <div class="tree-menu-nav" id="menu-3">
2467
2468<template x-if="!$store.xInit.runDispatch">
2469      <ul class="pt-5 pb-5">
2470        
2471<li  
2472            x-data="{ openSub: false }" 
2473            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2474            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2475            @mouseleave="$el.classList.remove('is-focus-child');"
2476            @mouseover.away="openSub = false"
2477            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2478            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2479          >
2480            <div class="flex tree-menu-item-container items-center">
2481              
2482              
2483              <span class="flex-1 menu-item-container rtl:text-end">
2484                <a href="/pages/restaurant-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2485                  
2486                  
2487                    
2488                    
2489                      <span class="p-break-words">Restaurant Menu</span>
2490                    
2491                  
2492</a>
2493              </span>
2494            </div></li><li  
2495            x-data="{ openSub: false }" 
2496            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2497            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2498            @mouseleave="$el.classList.remove('is-focus-child');"
2499            @mouseover.away="openSub = false"
2500            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2501            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2502          >
2503            <div class="flex tree-menu-item-container items-center pt-3">
2504              
2505              
2506              <span class="flex-1 menu-item-container rtl:text-end">
2507                <a href="/pages/party-planner-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2508                  
2509                  
2510                    
2511                    
2512                      <span class="p-break-words">The Party Planner</span>
2513                    
2514                  
2515</a>
2516              </span>
2517            </div></li><li  
2518            x-data="{ openSub: false }" 
2519            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2520            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2521            @mouseleave="$el.classList.remove('is-focus-child');"
2522            @mouseover.away="openSub = false"
2523            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2524            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2525          >
2526            <div class="flex tree-menu-item-container items-center pt-3">
2527              
2528              
2529              <span class="flex-1 menu-item-container rtl:text-end">
2530                <a href="/pages/catering-menu" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2531                  
2532                  
2533                    
2534                    
2535                      <span class="p-break-words">Catering Menu</span>
2536                    
2537                  
2538</a>
2539              </span>
2540            </div></li><li  
2541            x-data="{ openSub: false }" 
2542            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2543            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2544            @mouseleave="$el.classList.remove('is-focus-child');"
2545            @mouseover.away="openSub = false"
2546            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2547            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2548          >
2549            <div class="flex tree-menu-item-container items-center pt-3">
2550              
2551              
2552              <span class="flex-1 menu-item-container rtl:text-end">
2553                <a href="/pages/restaurant-allergen-information" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2554                  
2555                  
2556                    
2557                    
2558                      <span class="p-break-words">Allergen Info</span>
2559                    
2560                  
2561</a>
2562              </span>
2563            </div></li><li  
2564            x-data="{ openSub: false }" 
2565            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
2566            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
2567            @mouseleave="$el.classList.remove('is-focus-child');"
2568            @mouseover.away="openSub = false"
2569            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
2570            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
2571          >
2572            <div class="flex tree-menu-item-container items-center pt-3">
2573              
2574              
2575              <span class="flex-1 menu-item-container rtl:text-end">
2576                <a href="/pages/joes-kc-bbq-reheating-instructions" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
2577                  
2578                  
2579                    
2580                    
2581                      <span class="p-break-words">Reheat Instructions</span>
2582                    
2583                  
2584</a>
2585              </span>
2586            </div></li></ul>
2587    </template> </div>
2588                </div></li>
2589<li class="simple_menu pl-0" 
2590                
2591                  @mouseover="$store.xHeaderMenu.openMenu(4);"
2592                  @focusin="$store.xHeaderMenu.openMenu(4)"
2593                  :class="$store.xHeaderMenu.show === 4 && 'is-focus'"
2594                
2595              >
2596                <div class="flip-container simple_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
2597                  
2598                >
2599                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center mr-2">
2600                    <div class="relative x-anm">
2601                      <a href="/pages/restaurant-allergen-information"
2602                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2603                      >
2604                        
2605          
2606          
2607            
2608            
2609              ALLERGEN MENU
2610            
2611          
2612        
2613                      </a>
2614                      
2615                        <a href="/pages/restaurant-allergen-information"
2616                          tabindex="-1"
2617                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2618                        >
2619                          
2620          
2621          
2622            
2623            
2624              ALLERGEN MENU
2625            
2626          
2627        
2628                        </a>
2629                      
2630                    </div>
2631                  </div></div></li>
2632<li x-data='{ selectedMenu: false, active: false }' 
2633                class="tabbed_menu tabbed_menu  pl-0 has-dropdown tabbed-animation-change"
2634                
2635                  
2636                    @mouseover="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true"
2637                    @focusin="$store.xHeaderMenu.openMenu(5, true); selectedMenu = true"
2638                  
2639                  :class="$store.xHeaderMenu.show === 5 && 'is-focus'"
2640                
2641              >
2642                <div class="tabbed_menu_item flip-container relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link 
2642is-focus:link-active"
2643                  
2644                    
2645                      x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 5)"
2646                    
2647                  
2648                >
2649                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
2650                    <div class="relative x-anm">
2651                      <a href="/collections"
2652                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2653                      >
2654                        
2655          
2656          
2657            
2658            
2659              
2660
2661
2662<span 
2663  class="highlight relative inline-block" 
2664  x-data="{ isIntersecting: false }" 
2665  x-intersect.once="isIntersecting = true"
2666  :class="isIntersecting && 'highlight-anm-start'"
2667>
2668  SHIP JOE'S
2669  
2670  
2671    <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
2672      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/>
2673    </svg>
2674  
2675
2676</span>
2677            
2678          
2679        
2680                      </a>
2681                      
2682                        <a href="/collections"
2683                          tabindex="-1"
2684                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
2685                        >
2686                          
2687          
2688          
2689            
2690            
2691              
2692
2693
2694<span 
2695  class="highlight relative inline-block" 
2696  x-data="{ isIntersecting: false }" 
2697  x-intersect.once="isIntersecting = true"
2698  :class="isIntersecting && 'highlight-anm-start'"
2699>
2700  SHIP JOE'S
2701  
2702  
2703    <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
2704      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/>
2705    </svg>
2706  
2707
2708</span>
2709            
2710          
2711        
2712                        </a>
2713                      
2714                    </div>
2715                  </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2716    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2717  </svg>
2718</span></div>
2719
2720<template x-if="!$store.xInit.runDispatch">
2721        <div 
2722          :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 5, 'toggle-menu-show': $store.xHeaderMenu.show === 5, 'active': $store.xHeaderMenu.initIndex.has(5) }" 
2723          id="menu-5" 
2724          class="toggle-menu top-full background-header is-focus:text-[rgba(var(--colors-text))] text-[rgba(var(--colors-text))] absolute w-full background-header left-0 z-50 shadow-md ltr mega-menu-vertical"
2725        >
2726          <div x-intersect.once.full="$store.xHeaderMenu.updateHeight($el, 'menu-5')" class="mega-menu-container toggle-menu-child x-pgw page-width mr-auto ml-auto promotion-horizontal image-count-0 md:max-h-[80vh]">
2727            <div class="mega-nav pt-8  pb-8 overflow-hidden relative grid-cols-4  mega-menu-vertical"><style data-shopify>.color-sub-label-tabbed_menu_i3nJmG {
2728                    background: #ce021e;
2729                    color: #ffffff;
2730                  }
2731                  .color-sub-label-tabbed_menu_i3nJmG:before{
2732                    border-top-color: #ce021e; 
2733                  }
2734                  .dark .color-sub-label-tabbed_menu_i3nJmG {
2735                    background: #ce021e;
2736                    color: #ffffff
2737                  }
2738                  .dark .color-sub-label-tabbed_menu_i3nJmG:before {
2739                    border-top-color: #ce021e;
2740                  }</style>
2741              
2742                
2743                <style data-shopify>
2744                  .grid-cols-tabbed_menu_i3nJmG {
2745                    grid-template-columns: auto 1fr;
2746                  }
2747                </style>
2748                <div class="mega-list-nav grid grid-cols-tabbed_menu_i3nJmG items-start w-full" x-refs="mega_nav"> 
2749                  <div class="md:max-h-[calc(80vh-3rem)] md:overflow-y-auto scrollbar-body flex flex-col w-72">
2750                    
2751<div 
2752                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]  border-t"
2753                        
2754                          x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');"
2755                        
2756                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'active'"
2757                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')"
2758                        @mouseleave="$el.classList.remove('is-focus-child')"
2759                        @focusin="$dispatch('focusin-tabbedmenui3njmg-1'); $el.classList.add('is-focus-child')"
2760                        @focusout="$el.classList.remove('is-focus-child')"
2761                      >
2762                        
2763                        
2764                        <span class="flex-1">
2765                          <a
2766                            href="/collections"
2767                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2768                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 1)"
2769                          >
2770                            
2771                            
2772                            
2773                              
2774                              
2775                                <span class="p-break-words">Shop By Collection</span>
2776                              
2777                            
2778                            
2779<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2780                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2781    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2782  </svg>
2783
2784                              </span></a>
2785                        </span>
2786                      </div>
2787                      
2788                      
2789<div 
2790                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2791                        
2792                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'active'"
2793                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')"
2794                        @mouseleave="$el.classList.remove('is-focus-child')"
2795                        @focusin="$dispatch('focusin-tabbedmenui3njmg-2'); $el.classList.add('is-focus-child')"
2796                        @focusout="$el.classList.remove('is-focus-child')"
2797                      >
2798                        
2799                        
2800                        <span class="flex-1">
2801                          <a
2802                            href="/collections/smoked-meats"
2803                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2804                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 2)"
2805                          >
2806                            
2807                            
2808                            
2809                              
2810                              
2811                                <span class="p-break-words">Shop By Smoked Meat</span>
2812                              
2813                            
2814                            
2815<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2816                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2817    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2818  </svg>
2819
2820                              </span></a>
2821                        </span>
2822                      </div>
2823                      
2824                      
2825<div 
2826                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2827                        
2828                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'active'"
2829                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')"
2830                        @mouseleave="$el.classList.remove('is-focus-child')"
2831                        @focusin="$dispatch('focusin-tabbedmenui3njmg-3'); $el.classList.add('is-focus-child')"
2832                        @focusout="$el.classList.remove('is-focus-child')"
2833                      >
2834                        
2835                        
2836                        <span class="flex-1">
2837                          <a
2838                            href="/collections/sides-extras"
2839                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2840                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 3)"
2841                          >
2842                            
2843                            
2844                            
2845                              
2846                              
2847                                <span class="p-break-words">Sauces &amp; Sides</span>
2848                              
2849                            
2850                            
2851<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2852                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2853    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2854  </svg>
2855
2856                              </span></a>
2857                        </span>
2858                      </div>
2859                      
2860                      
2861<div 
2862                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2863                        
2864                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'active'"
2865                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')"
2866                        @mouseleave="$el.classList.remove('is-focus-child')"
2867                        @focusin="$dispatch('focusin-tabbedmenui3njmg-4'); $el.classList.add('is-focus-child')"
2868                        @focusout="$el.classList.remove('is-focus-child')"
2869                      >
2870                        
2871                        
2872                        <span class="flex-1">
2873                          <a
2874                            href="/collections/joes-digital-gift-cards"
2875                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2876                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 4)"
2877                          >
2878                            
2879                            
2880                            
2881                              
2882                              
2883                                <span class="p-break-words">Joe&#39;s Digital Gift Cards</span>
2884                              
2885                            
2886                            
2887<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2888                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2889    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2890  </svg>
2891
2892                              </span></a>
2893                        </span>
2894                      </div>
2895                      
2896                      
2897<div 
2898                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2899                        
2900                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'active'"
2901                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')"
2902                        @mouseleave="$el.classList.remove('is-focus-child')"
2903                        @focusin="$dispatch('focusin-tabbedmenui3njmg-5'); $el.classList.add('is-focus-child')"
2904                        @focusout="$el.classList.remove('is-focus-child')"
2905                      >
2906                        
2907                        
2908                        <span class="flex-1">
2909                          <a
2910                            href="https://joeskansascitybarbecuestore.com/"
2911                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
2912                            
2913                          >
2914                            
2915                            
2916                            
2917                              
2918                              
2919                                <span class="p-break-words">Sauces, Rubs, &amp; Merch</span>
2920                              
2921                            
2922                            
2923</a>
2924                        </span>
2925                      </div>
2926                      
2927                      
2928<div 
2929                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2930                        
2931                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'active'"
2932                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')"
2933                        @mouseleave="$el.classList.remove('is-focus-child')"
2934                        @focusin="$dispatch('focusin-tabbedmenui3njmg-6'); $el.classList.add('is-focus-child')"
2935                        @focusout="$el.classList.remove('is-focus-child')"
2936                      >
2937                        
2938                        
2939                        <span class="flex-1">
2940                          <a
2941                            href="/pages/how-we-ship-joe-s-kc-bar-b-que"
2942                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
2943                            @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true, 6)"
2944                          >
2945                            
2946                            
2947                            
2948                              
2949                              
2950                                <span class="p-break-words">Shipping Information</span>
2951                              
2952                            
2953                            
2954<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 rtl:rotate-90 right-1.5 rtl:right-auto rtl:left-1.5">
2955                                <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2956    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
2957  </svg>
2958
2959                              </span></a>
2960                        </span>
2961                      </div>
2962                      
2963                      
2964<div 
2965                        class="sub-menu flex items-center z-10 relative pl-2.5 pr-2.5 w-[15.6rem]"
2966                        
2967                        :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'active'"
2968                        @mouseover="$dispatch('mouseover-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')"
2969                        @mouseleave="$el.classList.remove('is-focus-child')"
2970                        @focusin="$dispatch('focusin-tabbedmenui3njmg-7'); $el.classList.add('is-focus-child')"
2971                        @focusout="$el.classList.remove('is-focus-child')"
2972                      >
2973                        
2974                        
2975                        <span class="flex-1">
2976                          <a
2977                            href="/pages/corporate-gifting"
2978                            class="nav-link p-break-words z-10 pt-3 pb-3 flex flex-wrap gap-2 items-center hover-text-link is-focus-child:effect-inline"
2979                            
2980                          >
2981                            
2982                            
2983                            
2984                              
2985                              
2986                                <span class="p-break-words">Corporate Gifting</span>
2987                              
2988                            
2989                            
2990</a>
2991                        </span>
2992                      </div>
2993                      
2994                      
2995</div>
2996                  <ul class="md:max-h-[calc(80vh-3rem)] md:overflow-y-scroll scrollbar-body scrollbar-visible">
2997                    
2998                        <li
2999                          class="sub-menu-item has-dropdown tabbed-animation-change"
3000                          
3001                            x-intersect.once="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1');"
3002                          
3003                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '1' && 'is-active'"
3004                          @mouseover-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');"
3005                          @mouseleave="$el.classList.remove('is-focus-child');"
3006                          @focusin-tabbedmenui3njmg-1.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '1'); $el.classList.add('is-focus-child');"
3007                          @focusout="$el.classList.remove('is-focus-child');"
3008                        >
3009                          
3010                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3011                            <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48">
3012                                      <div class="">
3013                                        <a href="/collections/best-sellers" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3014                                          
3015                                          
3016                                          
3017                                            
3018                                            
3019                                              <span class="p-break-words">Best Sellers</span>
3020                                            
3021                                          
3022                                          
3023                                        </a>
3024                                        
3025                                        
3026
3027
3028  <a
3029    href="/collections/best-sellers" 
3030    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3031    aria-label="image"
3032    
3033  >
3034    
3035    <img
3036      srcset="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=100 100w,
3037      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=225 225w,
3038      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=375 375w,
3039      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=450 450w,
3040      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=750 750w,
3041      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=900 900w,
3042      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1100 1100w,
3043      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1500 1500w,
3044      //www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=1780 1780w"
3045      src="//www.joeskc.com/cdn/shop/collections/Best_Sellers_collection_banner..jpg?v=1761599088&width=3840"
3046      sizes="(min-width: 768px) calc(1300px / 5),
3047      
3048      (min-width: 768px) 100px"
3049      alt="Joe’s Kansas City Bar-B-Que (BBQ) Best Sellers collection banner."
3050      height="1969"
3051      width="3499"
3052      loading="lazy"
3053      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3054      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3055    >
3056    
3057  </a>
3058
3059                                      </div></li><li class="relative w-24 lg:w-48">
3060                                      <div class="">
3061                                        <a href="/collections/z-man-kits" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3061inline-block">
3062                                          
3063                                          
3064                                          
3065                                            
3066                                            
3067                                              <span class="p-break-words">The Z-Man</span>
3068                                            
3069                                          
3070                                          
3071                                        </a>
3072                                        
3073                                        
3074
3075
3076  <a
3077    href="/collections/z-man-kits" 
3078    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3079    aria-label="image"
3080    
3081  >
3082    
3083    <img
3084      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=100 100w,
3085      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=225 225w,
3086      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=375 375w,
3087      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=450 450w,
3088      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=750 750w,
3089      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=900 900w,
3090      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1100 1100w,
3091      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1500 1500w,
3092      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=1780 1780w"
3093      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-full-set-zman_454da2e1-47c1-41c6-8866-8937e9b8e1f9.png?v=1759958342&width=3840"
3094      sizes="(min-width: 768px) calc(1300px / 5),
3095      
3096      (min-width: 768px) 100px"
3097      alt="Joe’s Kansas City Bar-B-Que (BBQ) Z-Man Kits collection banner."
3098      height="1024"
3099      width="1024"
3100      loading="lazy"
3101      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3102      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3103    >
3104    
3105  </a>
3106
3107                                      </div></li><li class="relative w-24 lg:w-48">
3108                                      <div class="">
3109                                        <a href="/collections/smoked-meats" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3110                                          
3111                                          
3112                                          
3113                                            
3114                                            
3115                                              <span class="p-break-words">Smoked Meats</span>
3116                                            
3117                                          
3118                                          
3119                                        </a>
3120                                        
3121                                        
3122
3123
3124  <a
3125    href="/collections/smoked-meats" 
3126    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3127    aria-label="image"
3128    
3129  >
3130    
3131    <img
3132      srcset="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=100 100w,
3133      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=225 225w,
3134      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=375 375w,
3135      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=450 450w,
3136      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=750 750w,
3137      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=900 900w,
3138      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1100 1100w,
3139      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1500 1500w,
3140      //www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=1780 1780w"
3141      src="//www.joeskc.com/cdn/shop/collections/AllMeat-Joeskc1348.jpg?v=1761598612&width=3840"
3142      sizes="(min-width: 768px) calc(1300px / 5),
3143      
3144      (min-width: 768px) 100px"
3145      alt="Joe’s Kansas City Bar-B-Que (BBQ) Smoked Meats collection banner."
3146      height="2474"
3147      width="4398"
3148      loading="lazy"
3149      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3150      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3151    >
3152    
3153  </a>
3154
3155                                      </div></li><li class="relative w-24 lg:w-48">
3156                                      <div class="">
3157                                        <a href="/collections/a-la-carte-meats" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3157inline-block">
3158                                          
3159                                          
3160                                          
3161                                            
3162                                            
3163                                              <span class="p-break-words">A La Carte Meats</span>
3164                                            
3165                                          
3166                                          
3167                                        </a>
3168                                        
3169                                        
3170
3171
3172  <a
3173    href="/collections/a-la-carte-meats" 
3174    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3175    aria-label="image"
3176    
3177  >
3178    
3179    <img
3180      srcset="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=100 100w,
3181      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=225 225w,
3182      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=375 375w,
3183      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=450 450w,
3184      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=750 750w,
3185      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=900 900w,
3186      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1100 1100w,
3187      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1500 1500w,
3188      //www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=1780 1780w"
3189      src="//www.joeskc.com/cdn/shop/collections/PACKAGES_09956f91-3f97-4920-a426-e3035050216a.png?v=1759957731&width=3840"
3190      sizes="(min-width: 768px) calc(1300px / 5),
3191      
3192      (min-width: 768px) 100px"
3193      alt="Joe’s Kansas City Bar-B-Que (BBQ) A La Carte Meats collection banner."
3194      height="1933"
3195      width="2020"
3196      loading="lazy"
3197      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3198      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3199    >
3200    
3201  </a>
3202
3203                                      </div></li><li class="relative w-24 lg:w-48">
3204                                      <div class="">
3205                                        <a href="/collections/sides-extras" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3206                                          
3207                                          
3208                                          
3209                                            
3210                                            
3211                                              <span class="p-break-words">Sauces &amp; Side Dishes</span>
3212                                            
3213                                          
3214                                          
3215                                        </a>
3216                                        
3217                                        
3218
3219
3220  <a
3221    href="/collections/sides-extras" 
3222    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3223    aria-label="image"
3224    
3225  >
3226    
3227    <img
3228      srcset="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=100 100w,
3229      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=225 225w,
3230      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=375 375w,
3231      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=450 450w,
3232      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=750 750w,
3233      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=900 900w,
3234      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1100 1100w,
3235      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1500 1500w,
3236      //www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=1780 1780w"
3237      src="//www.joeskc.com/cdn/shop/collections/Side_combo_with_sauce_2.png?v=1762795284&width=3840"
3238      sizes="(min-width: 768px) calc(1300px / 5),
3239      
3240      (min-width: 768px) 100px"
3241      alt="Joe’s Kansas City Bar-B-Que (BBQ) Sides collection banner."
3242      height="900"
3243      width="1200"
3244      loading="lazy"
3245      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3246      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3247    >
3248    
3249  </a>
3250
3251                                      </div></li><li class="relative w-24 lg:w-48">
3252                                      <div class="">
3253                                        <a href="/collections/shop-gifts" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3253inline-block">
3254                                          
3255                                          
3256                                          
3257                                            
3258                                            
3259                                              <span class="p-break-words">Shop Gifts</span>
3260                                            
3261                                          
3262                                          
3263                                        </a>
3264                                        
3265                                        
3266
3267
3268  <a
3269    href="/collections/shop-gifts" 
3270    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3271    aria-label="image"
3272    
3273  >
3274    
3275    <img
3276      srcset="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=100 100w,
3277      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=225 225w,
3278      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_
3278santa_hat.png?v=1762185264&width=375 375w,
3279      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=450 450w,
3280      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=750 750w,
3281      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=900 900w,
3282      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1100 1100w,
3283      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1500 1500w,
3284      //www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=1780 1780w"
3285      src="//www.joeskc.com/cdn/shop/collections/SJ_logo_with_santa_hat.png?v=1762185264&width=3840"
3286      sizes="(min-width: 768px) calc(1300px / 5),
3287      
3288      (min-width: 768px) 100px"
3289      alt="Joe’s Kansas City Bar-B-Que (BBQ) Shop Gifts collection banner"
3290      height="900"
3291      width="1200"
3292      loading="lazy"
3293      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3294      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3295    >
3296    
3297  </a>
3298
3299                                      </div></li><li class="relative w-24 lg:w-48">
3300                                      <div class="">
3301                                        <a href="/collections/all-items" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3302                                          
3303                                          
3304                                          
3305                                            
3306                                            
3307                                              <span class="p-break-words">All Items</span>
3308                                            
3309                                          
3310                                          
3311                                        </a>
3312                                        
3313                                        
3314
3315
3316  <a
3317    href="/collections/all-items" 
3318    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3319    aria-label="image"
3320    
3321  >
3322    
3323    <img
3324      srcset="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=100 100w,
3325      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=225 225w,
3326      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=375 375w,
3327      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=450 450w,
3328      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=750 750w,
3329      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=900 900w,
3330      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1100 1100w,
3331      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1500 1500w,
3332      //www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=1780 1780w"
3333      src="//www.joeskc.com/cdn/shop/collections/all_items_collection_banner.png?v=1761598087&width=3840"
3334      sizes="(min-width: 768px) calc(1300px / 5),
3335      
3336      (min-width: 768px) 100px"
3337      alt="Joe&#39;s Kansas City Bar-B-Que All Items Collection Banner"
3338      height="900"
3339      width="1200"
3340      loading="lazy"
3341      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3342      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3343    >
3344    
3345  </a>
3346
3347                                      </div></li><li class="relative w-24 lg:w-48">
3348                                      <div class="">
3349                                        <a href="/products/joes-trucker-hat-copy" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3349inline-block">
3350                                          
3351                                          
3352                                          
3353                                            
3354                                            
3355                                              <span class="p-break-words">Joe&#39;s Trucker Hat</span>
3356                                            
3357                                          
3358                                          
3359                                        </a>
3360                                        
3361                                        
3362
3363
3364  <a
3365    href="/products/joes-trucker-hat-copy" 
3366    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3367    aria-label="image"
3368    
3369  >
3370    
3371    <img
3372      srcset="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=100 100w,
3373      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=225 225w,
3374      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=375 375w,
3375      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=450 450w,
3376      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=750 750w,
3377      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=900 900w,
3378      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1100 1100w,
3379      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1500 1500w,
3380      //www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=1780 1780w"
3381      src="//www.joeskc.com/cdn/shop/files/Joe_s_Trucker_Hat.png?v=1753207652&width=3840"
3382      sizes="(min-width: 768px) calc(1300px / 5),
3383      
3384      (min-width: 768px) 100px"
3385      alt="Joe&#39;s Trucker Hat - SendJoesKCBBQ"
3386      height="1080"
3387      width="1080"
3388      loading="lazy"
3389      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3390      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3391    >
3392    
3393  </a>
3394
3395                                      </div></li></ul></div>
3396                            
3397                          </div>
3398                        </li>
3399                      
3400                        <li
3401                          class="sub-menu-item has-dropdown tabbed-animation-change"
3402                          
3403                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '2' && 'is-active'"
3404                          @mouseover-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');"
3405                          @mouseleave="$el.classList.remove('is-focus-child');"
3406                          @focusin-tabbedmenui3njmg-2.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '2'); $el.classList.add('is-focus-child');"
3407                          @focusout="$el.classList.remove('is-focus-child');"
3408                        >
3409                          
3410                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3411                            <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48">
3412                                      <div class="">
3413                                        <a href="/collections/brisket" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3414                                          
3415                                          
3416                                          
3417                                            
3418                                            
3419                                              <span class="p-break-words">Brisket</span>
3420                                            
3421                                          
3422                                          
3423                                        </a>
3424                                        
3425                                        
3426
3427
3428  <a
3429    href="/collections/brisket" 
3430    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3431    aria-label="image"
3432    
3433  >
3434    
3435    <img
3436      srcset="//www.joeskc.com/cdn/shop/collections/BrisketOnePoun
3436dweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=100 100w,
3437      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=225 225w,
3438      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=375 375w,
3439      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=450 450w,
3440      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=750 750w,
3441      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=900 900w,
3442      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1100 1100w,
3443      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1500 1500w,
3444      //www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=1780 1780w"
3445      src="//www.joeskc.com/cdn/shop/collections/BrisketOnePoundweb_ef6ab608-0fc4-4688-b777-8311dda2dbb9.jpg?v=1762544439&width=3840"
3446      sizes="(min-width: 768px) calc(1300px / 5),
3447      
3448      (min-width: 768px) 100px"
3449      alt="Joe’s Kansas City Bar-B-Que (BBQ) Brisket collection banner."
3450      height="1542"
3451      width="2313"
3452      loading="lazy"
3453      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3454      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3455    >
3456    
3457  </a>
3458
3459                                      </div></li><li class="relative w-24 lg:w-48">
3460                                      <div class="">
3461                                        <a href="/collections/burnt-ends" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3462                                          
3463                                          
3464                                          
3465                                            
3466                                            
3467                                              <span class="p-break-words">Burnt Ends</span>
3468                                            
3469                                          
3470                                          
3471                                        </a>
3472                                        
3473                                        
3474
3475
3476  <a
3477    href="/collections/burnt-ends" 
3478    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3479    aria-label="image"
3480    
3481  >
3482    
3483    <img
3484      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=100 100w,
3485      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=225 225w,
3486      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=375 375w,
3487      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=450 450w,
3488      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=750 750w,
3489      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=900 900w,
3490      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1100 1100w,
3491      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1500 1500w,
3492      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=1780 1780w"
3493      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-burnt-ends-4-lbs.png?v=1759959698&width=3840"
3494      sizes="(min-width: 768px) calc(1300px / 5),
3495      
3496      (min-width: 768px) 100px"
3497      alt="Joe’s Kansas City Bar-B-Que (BBQ) Burnt Ends collection banner."
3498      height="1024"
3499      width="1024"
3500      loading="lazy"
3501      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3502      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3503    >
3504    
3505  </a>
3506
3507                                      </div></li><li class="relative w-24 lg:w-48">
3508                                      <div class="">
3509                                        <a href="/collections/ribs" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3509inline-block">
3510                                          
3511                                          
3512                                          
3513                                            
3514                                            
3515                                              <span class="p-break-words">Ribs</span>
3516                                            
3517                                          
3518                                          
3519                                        </a>
3520                                        
3521                                        
3522
3523
3524  <a
3525    href="/collections/ribs" 
3526    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3527    aria-label="image"
3528    
3529  >
3530    
3531    <img
3532      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=100 100w,
3533      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=225 225w,
3534      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=375 375w,
3535      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=450 450w,
3536      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=750 750w,
3537      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=900 900w,
3538      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1100 1100w,
3539      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1500 1500w,
3540      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=1780 1780w"
3541      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-Ribs_-Shingled2_a9a6d48f-8eaf-4bd2-855d-043434e50787.png?v=1762545678&width=3840"
3542      sizes="(min-width: 768px) calc(1300px / 5),
3543      
3544      (min-width: 768px) 100px"
3545      alt="Joe’s Kansas City Bar-B-Que (BBQ) Ribs collection banner."
3546      height="1024"
3547      width="1024"
3548      loading="lazy"
3549      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3550      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3551    >
3552    
3553  </a>
3554
3555                                      </div></li><li class="relative w-24 lg:w-48">
3556                                      <div class="">
3557                                        <a href="/collections/pork" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3558                                          
3559                                          
3560                                          
3561                                            
3562                                            
3563                                              <span class="p-break-words">Pork</span>
3564                                            
3565                                          
3566                                          
3567                                        </a>
3568                                        
3569                                        
3570
3571
3572  <a
3573    href="/collections/pork" 
3574    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3575    aria-label="image"
3576    
3577  >
3578    
3579    <img
3580      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=100 100w,
3581      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=225 225w,
3582      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=375 375w,
3583      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=450 450w,
3584      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=750 750w,
3585      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=900 900w,
3586      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1100 1100w,
3587      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1500 1500w,
3588      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=1780 1780w"
3589      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-hogamaniac_2048x2048_431138c9-5409-4a5c-a01e-7c653e23757d.png?v=1759959518&width=3840"
3590      sizes="(min-width: 768px) calc(1300px / 5),
3591      
3592      (min-width: 768px) 100px"
3593      alt="Joe’s Kansas City Bar-B-Que (BBQ) Pork collection banner."
3594      height="1024"
3595      width="1024"
3596      loading="lazy"
3597      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3598      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3599    >
3600    
3601  </a>
3602
3603                                      </div></li><li class="relative w-24 lg:w-48">
3604                                      <div class="">
3605                                        <a href="/collections/poultry" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3605inline-block">
3606                                          
3607                                          
3608                                          
3609                                            
3610                                            
3611                                              <span class="p-break-words">Poultry</span>
3612                                            
3613                                          
3614                                          
3615                                        </a>
3616                                        
3617                                        
3618
3619
3620  <a
3621    href="/collections/poultry" 
3622    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3623    aria-label="image"
3624    
3625  >
3626    
3627    <img
3628      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=100 100w,
3629      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=225 225w,
3630      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=375 375w,
3631      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=450 450w,
3632      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=750 750w,
3633      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=900 900w,
3634      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1100 1100w,
3635      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1500 1500w,
3636      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=1780 1780w"
3637      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-half-chicken.png?v=1759959595&width=3840"
3638      sizes="(min-width: 768px) calc(1300px / 5),
3639      
3640      (min-width: 768px) 100px"
3641      alt="Joe’s Kansas City Bar-B-Que (BBQ) Poultry collection banner."
3642      height="600"
3643      width="600"
3644      loading="lazy"
3645      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3646      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3647    >
3648    
3649  </a>
3650
3651                                      </div></li><li class="relative w-24 lg:w-48">
3652                                      <div class="">
3653                                        <a href="/collections/sausage" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3654                                          
3655                                          
3656                                          
3657                                            
3658                                            
3659                                              <span class="p-break-words">Sausage</span>
3660                                            
3661                                          
3662                                          
3663                                        </a>
3664                                        
3665                                        
3666
3667
3668  <a
3669    href="/collections/sausage" 
3670    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3671    aria-label="image"
3672    
3673  >
3674    
3675    <img
3676      srcset="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=100 100w,
3677      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=225 225w,
3678      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=375 375w,
3679      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=450 450w,
3680      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=750 750w,
3681      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=900 900w,
3682      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1100 1100w,
3683      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1500 1500w,
3684      //www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=1780 1780w"
3685      src="//www.joeskc.com/cdn/shop/collections/Send-Joes-KC-sausage-2-lbs.png?v=1759958597&width=3840"
3686      sizes="(min-width: 768px) calc(1300px / 5),
3687      
3688      (min-width: 768px) 100px"
3689      alt="Joe’s Kansas City Bar-B-Que (BBQ) Sausage collection banner."
3690      height="1024"
3691      width="1024"
3692      loading="lazy"
3693      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3694      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3695    >
3696    
3697  </a>
3698
3699                                      </div></li><li class="relative w-24 lg:w-48">
3700                                      <div class="">
3701                                        <a href="/collections/smokie-joe" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3701inline-block">
3702                                          
3703                                          
3704                                          
3705                                            
3706                                            
3707                                              <span class="p-break-words">Smokie Joe</span>
3708                                            
3709                                          
3710                                          
3711                                        </a>
3712                                        
3713                                        
3714
3715
3716  <a
3717    href="/collections/smokie-joe" 
3718    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3719    aria-label="image"
3720    
3721  >
3722    
3723    <img
3724      srcset="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=100 100w,
3725      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=225 225w,
3726      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=375 375w,
3727      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=450 450w,
3728      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=750 750w,
3729      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=900 900w,
3730      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1100 1100w,
3731      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1500 1500w,
3732      //www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=1780 1780w"
3733      src="//www.joeskc.com/cdn/shop/collections/Smokie_Joe_collection_banner..jpg?v=1761598723&width=3840"
3734      sizes="(min-width: 768px) calc(1300px / 5),
3735      
3736      (min-width: 768px) 100px"
3737      alt="Joe’s Kansas City Bar-B-Que (BBQ) Smokie Joe collection banner."
3738      height="3240"
3739      width="5760"
3740      loading="lazy"
3741      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3742      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3743    >
3744    
3745  </a>
3746
3747                                      </div></li></ul></div>
3748                            
3749                          </div>
3750                        </li>
3751                      
3752                        <li
3753                          class="sub-menu-item has-dropdown tabbed-animation-change"
3754                          
3755                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '3' && 'is-active'"
3756                          @mouseover-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');"
3757                          @mouseleave="$el.classList.remove('is-focus-child');"
3758                          @focusin-tabbedmenui3njmg-3.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '3'); $el.classList.add('is-focus-child');"
3759                          @focusout="$el.classList.remove('is-focus-child');"
3760                        >
3761                          
3762                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
3763                            <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48">
3764                                      <div class="">
3765                                        <a href="/products/joes-kansas-city-bar-b-que-sauce-14-oz" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3766                                          
3767                                          
3768                                          
3769                                            
3770                                            
3771                                              <span class="p-break-words">Joe&#39;s Kansas City Bar-B-Que Sauce, 14 oz.</span>
3772                                            
3773                                          
3774                                          
3775                                        </a>
3776                                        
3777                                        
3778
3779
3780  <a
3781    href="/products/joes-kansas-city-bar-b-que-sauce-14-oz" 
3782    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3783    aria-label="image"
3784    
3785  >
3786    
3787    <img
3788      srcset="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=100 100w,
3789      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=225 225w,
3790      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=375 375w,
3791      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=450 450w,
3792      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=750 750w,
3793      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=900 900w,
3794      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1100 1100w,
3795      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1500 1500w,
3796      //www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=1780 1780w"
3797      src="//www.joeskc.com/cdn/shop/products/Joeskcbbqsauce.jpg?v=1572992379&width=3840"
3798      sizes="(min-width: 768px) calc(1300px / 5),
3799      
3800      (min-width: 768px) 100px"
3801      alt="Joe&#39;s Kansas City Bar-B-Que Sauce, 14 oz., Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
3802      height="600"
3803      width="600"
3804      loading="lazy"
3805      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3806      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3807    >
3808    
3809  </a>
3810
3811                                      </div></li><li class="relative w-24 lg:w-48">
3812                                      <div class="">
3813                                        <a href="/products/night-of-the-living-bar-b-q-sauce-14-oz-copy" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3814                                          
3815                                          
3816                                          
3817                                            
3818                                            
3819                                              <span class="p-break-words">Night of the Living Bar-B-Q Sauce, 14 oz.</span>
3820                                            
3821                                          
3822                                          
3823                                        </a>
3824                                        
3825                                        
3826
3827
3828  <a
3829    href="/products/night-of-the-living-bar-b-q-sauce-14-oz-copy" 
3830    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3831    aria-label="image"
3832    
3833  >
3834    
3835    <img
3836      srcset="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=100 100w,
3837      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=225 225w,
3838      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=375 375w,
3839      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=450 450w,
3840      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=750 750w,
3841      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=900 900w,
3842      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1100 1100w,
3843      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1500 1500w,
3844      //www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=1780 1780w"
3845      src="//www.joeskc.com/cdn/shop/products/night-of-the-living-sauce.jpg?v=1572993252&width=3840"
3846      sizes="(min-width: 768px) calc(1300px / 5),
3847      
3848      (min-width: 768px) 100px"
3849      alt="Night of the Living Bar-B-Q Sauce, 14 oz., Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
3850      height="600"
3851      width="600"
3852      loading="lazy"
3853      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3854      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3855    >
3856    
3857  </a>
3858
3859                                      </div></li><li class="relative w-24 lg:w-48">
3860                                      <div class="">
3861                                        <a href="/products/baked-beans-in-bbq-sauce-1-pint" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
3861inline-block">
3862                                          
3863                                          
3864                                          
3865                                            
3866                                            
3867                                              <span class="p-break-words">Baked Beans in BBQ Sauce, 1 pint</span>
3868                                            
3869                                          
3870                                          
3871                                        </a>
3872                                        
3873                                        
3874
3875
3876  <a
3877    href="/products/baked-beans-in-bbq-sauce-1-pint" 
3878    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3879    aria-label="image"
3880    
3881  >
3882    
3883    <img
3884      srcset="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=100 100w,
3885      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=225 225w,
3886      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=375 375w,
3887      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=450 450w,
3888      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=750 750w,
3889      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=900 900w,
3890      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1100 1100w,
3891      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1500 1500w,
3892      //www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=1780 1780w"
3893      src="//www.joeskc.com/cdn/shop/products/beans-small-web_d9a89a95-3714-435f-b77b-bb9f27898235.jpg?v=1572986568&width=3840"
3894      sizes="(min-width: 768px) calc(1300px / 5),
3895      
3896      (min-width: 768px) 100px"
3897      alt="Baked Beans in BBQ Sauce, 1 pint, Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
3898      height="600"
3899      width="600"
3900      loading="lazy"
3901      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3902      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3903    >
3904    
3905  </a>
3906
3907                                      </div></li><li class="relative w-24 lg:w-48">
3908                                      <div class="">
3909                                        <a href="/products/dirty-rice-1-lb" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3910                                          
3911                                          
3912                                          
3913                                            
3914                                            
3915                                              <span class="p-break-words">Dirty Rice, 1 lb.</span>
3916                                            
3917                                          
3918                                          
3919                                        </a>
3920                                        
3921                                        
3922
3923
3924  <a
3925    href="/products/dirty-rice-1-lb" 
3926    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3927    aria-label="image"
3928    
3929  >
3930    
3931    <img
3932      srcset="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=100 100w,
3933      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=225 225w,
3934      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=375 375w,
3935      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=450 450w,
3936      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=750 750w,
3937      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=900 900w,
3938      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1100 1100w,
3939      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1500 1500w,
3940      //www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=1780 1780w"
3941      src="//www.joeskc.com/cdn/shop/products/dirty-rice-web.jpg?v=1527204114&width=3840"
3942      sizes="(min-width: 768px) calc(1300px / 5),
3943      
3944      (min-width: 768px) 100px"
3945      alt="Dirty Rice, 1 lb., Joe&#39;s Kansas City Bar-B-Que, Joe&#39;s KC, BBQ, Barbecue, Kansas City, Ship BBQ"
3946      height="600"
3947      width="600"
3948      loading="lazy"
3949      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3950      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3951    >
3952    
3953  </a>
3954
3955                                      </div></li><li class="relative w-24 lg:w-48">
3956                                      <div class="">
3957                                        <a href="/products/smoked-poblano-cheesy-corn-1-lb" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
3958                                          
3959                                          
3960                                          
3961                                            
3962                                            
3963                                              <span class="p-break-words">Cheesy Corn, 1 lb.</span>
3964                                            
3965                                          
3966                                          
3967                                        </a>
3968                                        
3969                                        
3970
3971
3972  <a
3973    href="/products/smoked-poblano-cheesy-corn-1-lb" 
3974    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
3975    aria-label="image"
3976    
3977  >
3978    
3979    <img
3980      srcset="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=100 100w,
3981      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=225 225w,
3982      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=375 375w,
3983      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=450 450w,
3984      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=750 750w,
3985      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=900 900w,
3986      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1100 1100w,
3987      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1500 1500w,
3988      //www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=1780 1780w"
3989      src="//www.joeskc.com/cdn/shop/files/joes_kansas_city_BBQ_poblano_cheesy_corn.jpg?v=1775486074&width=3840"
3990      sizes="(min-width: 768px) calc(1300px / 5),
3991      
3992      (min-width: 768px) 100px"
3993      alt="joes kansas city BBQ poblano cheesy corn"
3994      height="3038"
3995      width="3038"
3996      loading="lazy"
3997      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
3998      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
3999    >
4000    
4001  </a>
4002
4003                                      </div></li></ul></div>
4004                            
4005                          </div>
4006                        </li>
4007                      
4008                        <li
4009                          class="sub-menu-item has-dropdown tabbed-animation-change"
4010                          
4011                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '4' && 'is-active'"
4012                          @mouseover-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');"
4013                          @mouseleave="$el.classList.remove('is-focus-child');"
4014                          @focusin-tabbedmenui3njmg-4.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '4'); $el.classList.add('is-focus-child');"
4015                          @focusout="$el.classList.remove('is-focus-child');"
4016                        >
4017                          
4018                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4019                            <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48">
4020                                      <div class="">
4021                                        <a href="/products/digital-gift-card" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4022                                          
4023                                          
4024                                          
4025                                            
4026                                            
4027                                              <span class="p-break-words">Digital Gift Card</span>
4028                                            
4029                                          
4030                                          
4031                                        </a>
4032                                        
4033                                        
4034
4035
4036  <a
4037    href="/products/digital-gift-card" 
4038    class="menu-item-image inline-block relative overflow-hidden w-full h-0 mt-1 pb-[100%] rounded-md" 
4039    aria-label="image"
4040    
4041  >
4042    
4043    <img
4044      srcset="//www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=100 100w,
4045      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=225 225w,
4046      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=375 375w,
4047      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=450 450w,
4048      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=750 750w,
4049      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=900 900w,
4050      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1100 1100w,
4051      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1500 1500w,
4052      //www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=1780 1780w"
4053      src="//www.joeskc.com/cdn/shop/files/joe-s-kansas-city-bar-b-que-gift-card-for-restaurant-use-only-29374198251587_2048x2048_734a5938-326b-4fa4-b91d-d9ef6de804b3.webp?v=1733808516&width=3840"
4054      sizes="(min-width: 768px) calc(1300px / 5),
4055      
4056      (min-width: 768px) 100px"
4057      alt="Digital Gift Card - SendJoesKCBBQ"
4058      height="2048"
4059      width="2048"
4060      loading="lazy"
4061      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
4062      class="w-full h-full object-cover z-10 object-center image-hover absolute top-0 right-0 animate-Xpulse skeleton-image rounded-[10px]"
4063    >
4064    
4065  </a>
4066
4067                                      </div></li><li class="relative w-24 lg:w-48">
4068                                      <div class="">
4069                                        <a href="/pages/gift-card-balance-checker" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link 
4069inline-block">
4070                                          
4071                                          
4072                                          
4073                                            
4074                                            
4075                                              <span class="p-break-words">Gift Card Balance Checker</span>
4076                                            
4077                                          
4078                                          
4079                                        </a>
4080                                        
4081                                        
4082                                      </div></li></ul></div>
4083                            
4084                          </div>
4085                        </li>
4086                      
4087                        <li
4088                          class="sub-menu-item tabbed-animation-change"
4089                          
4090                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '5' && 'is-active'"
4091                          @mouseover-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');"
4092                          @mouseleave="$el.classList.remove('is-focus-child');"
4093                          @focusin-tabbedmenui3njmg-5.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '5'); $el.classList.add('is-focus-child');"
4094                          @focusout="$el.classList.remove('is-focus-child');"
4095                        >
4096                          
4097                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4098                            <div class="relative x-pgw page-width mr-auto ml-auto"></div>
4099                            
4100                          </div>
4101                        </li>
4102                      
4103                        <li
4104                          class="sub-menu-item has-dropdown tabbed-animation-change"
4105                          
4106                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '6' && 'is-active'"
4107                          @mouseover-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');"
4108                          @mouseleave="$el.classList.remove('is-focus-child');"
4109                          @focusin-tabbedmenui3njmg-6.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '6'); $el.classList.add('is-focus-child');"
4110                          @focusout="$el.classList.remove('is-focus-child');"
4111                        >
4112                          
4113                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4114                            <div class="relative x-pgw page-width mr-auto ml-auto"><ul class="sub-menu-container order-2 flex flex-wrap justify-left gap-y-7 gap-x-7 h-full"><li class="relative w-24 lg:w-48">
4115                                      <div class="">
4116                                        <a href="/pages/shipped-bbq-reheating-instructions" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4117                                          
4118                                          
4119                                          
4120                                            
4121                                            
4122                                              <span class="p-break-words">Reheating Instructions</span>
4123                                            
4124                                          
4125                                          
4126                                        </a>
4127                                        
4128                                        
4129                                      </div></li><li class="relative w-24 lg:w-48">
4130                                      <div class="">
4131                                        <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4132                                          
4133                                          
4134                                          
4135                                            
4136                                            
4137                                              <span class="p-break-words">Shipping Policies</span>
4138                                            
4139                                          
4140                                          
4141                                        </a>
4142                                        
4143                                        
4144                                      </div></li><li class="relative w-24 lg:w-48">
4145                                      <div class="">
4146                                        <a href="/pages/we-ship-bbq" class="flex flex-wrap gap-2 nav-link relative transition duration-200 mb-2 p-break-words hover-text-link inline-block">
4147                                          
4148                                          
4149                                          
4150                                            
4151                                            
4152                                              <span class="p-break-words">We Ship Bar-B-Que</span>
4153                                            
4154                                          
4155                                          
4156                                        </a>
4157                                        
4158                                        
4159                                      </div></li></ul></div>
4160                            
4161                          </div>
4162                        </li>
4163                      
4164                        <li
4165                          class="sub-menu-item tabbed-animation-change"
4166                          
4167                          :class="$store.xHeaderMenu.subShow.get('tabbedmenui3njmg') === '7' && 'is-active'"
4168                          @mouseover-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');"
4169                          @mouseleave="$el.classList.remove('is-focus-child');"
4170                          @focusin-tabbedmenui3njmg-7.window="$store.xHeaderMenu.openSubMenu('tabbedmenui3njmg', '7'); $el.classList.add('is-focus-child');"
4171                          @focusout="$el.classList.remove('is-focus-child');"
4172                        >
4173                          
4174                          <div class="toggle-menu-sub overflow-hidden relative h-auto ltr">   
4175                            <div class="relative x-pgw page-width mr-auto ml-auto"></div>
4176                            
4177                          </div>
4178                        </li>
4179                      
4180                  </ul>
4181                </div>
4182              
4183            </div></div>
4184        </div>
4185      </template></li>
4186<li
4187              id="tree_menu_eEMEYT"
4188              class="tree-menu pl-0 relative has-dropdown"
4189              
4190                
4191                  @mouseover="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true"
4192                  @focusin="$store.xHeaderMenu.openMenu(6, true); selectedMenu = true"
4193                
4194                :class="$store.xHeaderMenu.show === 6 && 'is-focus'"
4195              
4196            >
4197              <div class="flip-container relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
4198                
4199                  
4200                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, false, 6)"
4201                  
4202                
4203              >
4204                <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
4205                  <div class="relative x-anm">
4206                    <a
4207                      href="#"
4208                      class="front cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
4209                      
4210                    > 
4211                      
4212          
4213          
4214            
4215            
4216              
4217
4218
4219<span 
4220  class="highlight relative inline-block" 
4221  x-data="{ isIntersecting: false }" 
4222  x-intersect.once="isIntersecting = true"
4223  :class="isIntersecting && 'highlight-anm-start'"
4224>
4225  ORDER JOE'S
4226  
4227  
4228    <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
4229      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/>
4230    </svg>
4231  
4232
4233</span>
4234            
4235          
4236        
4237                    </a><a
4238                        href="#"
4239                        tabindex="-1"
4240                        class="back cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link 
4240is-focus:link-active" 
4241                        
4242                      > 
4243                        
4244          
4245          
4246            
4247            
4248              
4249
4250
4251<span 
4252  class="highlight relative inline-block" 
4253  x-data="{ isIntersecting: false }" 
4254  x-intersect.once="isIntersecting = true"
4255  :class="isIntersecting && 'highlight-anm-start'"
4256>
4257  ORDER JOE'S
4258  
4259  
4260    <svg class="svg-highlight svg-highlight-sections--19816061632579__header svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
4261      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight)" stroke-width="2.5px"/>
4262    </svg>
4263  
4264
4265</span>
4266            
4267          
4268        
4269                      </a></div>
4270                </div><span class="x-icon-caret w-5 pl-2"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4271    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4272  </svg>
4273</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 6, 'toggle-menu-show': $store.xHeaderMenu.show === 6, 'active': $store.xHeaderMenu.initIndex.has(6) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
4274                  <div class="tree-menu-nav" id="menu-6">
4275
4276<template x-if="!$store.xInit.runDispatch">
4277      <ul class="pt-5 pb-5">
4278        
4279<li  
4280            x-data="{ openSub: false }" 
4281            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4282            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4283            @mouseleave="$el.classList.remove('is-focus-child');"
4284            @mouseover.away="openSub = false"
4285            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4286            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4287          >
4288            <div class="flex tree-menu-item-container items-center">
4289              
4290              
4291              <span class="flex-1 menu-item-container rtl:text-end">
4292                <a href="https://order.joeskc.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
4293                  
4294                  
4295                    
4296                    
4297                      <span class="p-break-words">Restaurant Carryout</span>
4298                    
4299                  
4300</a>
4301              </span>
4302            </div></li><li  
4303            x-data="{ openSub: false }" 
4304            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4305            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4306            @mouseleave="$el.classList.remove('is-focus-child');"
4307            @mouseover.away="openSub = false"
4308            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4309            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4310          >
4311            <div class="flex tree-menu-item-container items-center pt-3">
4312              
4313              
4314              <span class="flex-1 menu-item-container rtl:text-end">
4315                <a href="https://catering.joeskc.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
4316                  
4317                  
4318                    
4319                    
4320                      <span class="p-break-words">Catering Carryout</span>
4321                    
4322                  
4323</a>
4324              </span>
4325            </div></li><li  
4326            x-data="{ openSub: false }" 
4327            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4328            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4329            @mouseleave="$el.classList.remove('is-focus-child');"
4330            @mouseover.away="openSub = false"
4331            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4332            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4333          >
4334            <div class="flex tree-menu-item-container items-center pt-3">
4335              
4336              
4337              <span class="flex-1 menu-item-container rtl:text-end">
4338                <a href="https://joeskansascitybarbecuestore.com/" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
4339                  
4340                  
4341                    
4342                    
4343                      <span class="p-break-words">Joe&#39;s Retail &amp; Merch</span>
4344                    
4345                  
4346</a>
4347              </span>
4348            </div></li><li  
4349            x-data="{ openSub: false }" 
4350            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
4351            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
4352            @mouseleave="$el.classList.remove('is-focus-child');"
4353            @mouseover.away="openSub = false"
4354            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
4355            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
4356          >
4357            <div class="flex tree-menu-item-container items-center pt-3">
4358              
4359              
4360              <span class="flex-1 menu-item-container rtl:text-end">
4361                <a href="/products/digital-gift-card" class="nav-link relative p-break-words flex items-center pr-5 rtl:justify-end duration-200 transition hover-text-link is-focus-child:effect-inline">
4362                  
4363                  
4364                    
4365                    
4366                      <span class="p-break-words">Digital Gift Card</span>
4367                    
4368                  
4369<span class="icon-child z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute -rotate-90 right-0">
4370                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4371    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4372  </svg>
4373
4374                    </span></a>
4375              </span>
4376            </div><div class="background-header child absolute -top-2 left-full w-full shadow-showdownInset" :class="openSub ? 'opacity-1 max-h-auto' : 'opacity-0 max-h-0 overflow-hidden' ">
4377                <ul class="pt-5 pb-5"><li class="relative pl-7 pr-6 rtl:pr-7 rtl:pl-6" 
4378                      x-data="{ openChild: false }" 
4379                      @mouseover="openChild = true; $el.classList.add('is-focus-subchild');" 
4380                      @mouseleave="$el.classList.remove('is-focus-subchild');"
4381                      @mouseover.away="openChild = false"
4382                      @focusin="openChild = true; $el.classList.add('is-focus-subchild');"
4383                      @focusout="openChild= false; $el.classList.remove('is-focus-subchild');"
4384                    >
4385                      <div class="flex tree-menu-item-container items-center">
4386                        
4387                        
4388                        <span class="flex-1 menu-item-container rtl:text-end">
4389                          <a href="/pages/gift-card-balance-checker" class="nav-link inline-block p-break-words relative duration-200 hover-text-link transition is-focus-subchild:effect-inline">
4390                            
4391                            
4392                              
4393                              
4394                                <span class="p-break-words">Gift Card Balance Checker</span>
4395                              
4396                            
4397</a>
4398                        </span>
4399                      </div></li></ul>
4400              </div></li></ul>
4401    </template> <div class="hidden 1" @init-run.window="$store.xHeaderMenu.setPosition($el,2); $store.xHeaderMenu.resizeWindow($el,2)"></div></div>
4402                </div></li>
4403<li x-data='{ active: false }' 
4404                class="flip-container tabbed_menu pl-0" 
4405                
4406                  
4407                  :class="$store.xHeaderMenu.show === 7 && 'is-focus'"
4408                
4409              >
4410                <div class="tabbed_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active"
4411                  
4412                >
4413                  <div class="overflow-hidden pb-[1px] mg-blink flex items-center">
4414                    <div class="relative x-anm">
4415                      <a href="https://joeskccares.com/"
4416                        class="front cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link 
4416is-focus:link-active" 
4417                        target="_blank"
4418                      >
4419                        
4420          
4421          
4422            
4423            
4424              JOE&#39;S KC CARES
4425            
4426          
4427        
4428                      </a>
4429                      
4430                        <a href="https://joeskccares.com/"
4431                          tabindex="-1"
4432                          class="back cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
4433                          target="_blank"
4434                        >
4435                          
4436          
4437          
4438            
4439            
4440              JOE&#39;S KC CARES
4441            
4442          
4443        
4444                        </a>
4445                      
4446                    </div>
4447                  </div></div>
4448                
4449              </li></ul>
4450</nav>
4451      
4452    </header>
4453    
4454</div>
4455</div>
4456
4457    <style data-shopify>
4458  @property --percentage {
4459    initial-value: 0%;
4460    inherits: false;
4461    syntax: '<percentage>';
4462  }
4463  .cart-noti.active {
4464    background: conic-gradient(rgb(var(--colors-line-and-border)) var(--percentage), rgb(var(--color-success)) 0);
4465    animation: timer 5s infinite linear;
4466  }
4467  @keyframes timer {
4468    to {
4469      --percentage: 100%;
4470    }
4471  }
4472  @media (min-width: 768px) {
4473    .section-header.is-sticky .cart-noti {
4474      top: 0;
4475    }
4476    .cart-noti-top {
4477      top: var(--announcement-height, 0);
4478    }
4479    .section-header.is-sticky #x-header-container:not(.on-scroll-up-animation) ~ .cart-noti {
4480      top: auto;
4481    }
4482  }
4483</style>
4484
4485<div
4486  x-init="$store.xCartNoti.enable = true"
4487  x-show="$store.xCartNoti.show"
4488  class="cart-noti fixed bottom-0 md:bottom-auto  md:absolute md:top-auto mt-1 mr-1 mb-1 ml-1 left-0 right-0 md:left-auto rtl:left-0 rtl:md:right-auto"
4489  x-transition:enter="transition-all ease-in-out duration-500"
4490  x-transition:enter-start="opacity-0 transform  translate-x-1/2"
4491  x-transition:enter-end="opacity-100 transform translate-x-0"
4492  x-transition:leave="transition ease-in-out duration-500"
4493  x-transition:leave-end="opacity-0 transform  translate-x-1/2"
4494  x-cloak
4495>
4496  <div class="relative md:w-[400px] text-[rgb(var(--colors-text))] pt-5 pb-5 pl-5 pr-5 md:pt-[30px] md:pb-[30px] md:pl-[30px] md:pr-[30px] bg-[rgba(var(--colors-background))] shadow-[4px_8px_16px_0px_rgba(0,0,0,0.2)] rounded-xl">
4497    <button
4498      @click="$store.xCartNoti.show = false"
4499      class="cursor-pointer rounded-full group-close-btn top-2 right-2 rtl:right-auto rtl:left-2 absolute w-fit z-10 icon-close-container"
4500    ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4501    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4502  </svg>
4503</button>
4504    <div class="x-cart-noti-container flex gap-2 items-center mb-1 md:mb-3">
4505      <div
4506        :class="$store.xCartNoti.show && 'active'"
4507        class="w-9 h-9 min-w-[36px] rounded-full cart-noti flex justify-center items-center bg-[rgba(var(--colors-line-and-border))]"
4508      >
4509        <div class="w-[34px] h-[34px] flex justify-center items-center rounded-full bg-[rgba(var(--colors-background))]">
4510          <span class="icon-tick w-5 h-5 text-[rgba(var(--color-success))]">
4511            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
4512              <path fill-rule="evenodd" clip-rule="evenodd" d="M17.178 4.70733C17.5279 5.01351 17.5597 5.54692 17.2484 5.89236L8.48684 15.6172C8.17397 15.9644 7.63679 15.9865 7.29648 15.6662L2.22645 10.8932C1.91027 10.5955 1.88 10.0995 2.15128 9.76044C2.45061 9.38627 3.00804 9.33477 3.36428 9.65519L7.29794 13.1934C7.63979 13.5009 8.1661 13.4734 8.47409 13.132L16.0103 4.77627C16.3153 4.43813 16.8353 4.40748 17.178 4.70733Z"/>
4513            </svg>
4514          </span>
4515        </div>
4516      </div>
4517      <p>Item added to cart</p>
4518    </div>
4519    <template x-for="(item,index) in Object.values(Alpine.store('xCartNoti').listItem || {})" :key="index">
4520      <div
4521        class="w-full flex bundler-product relative gap-4 pt-5"
4522        x-data="
4523          {
4524            item: JSON.parse(JSON.stringify(item))
4525          }
4526        "
4527      >
4528        <div class="bundler-product-image min-w-[72px] w-[72px] h-[72px] relative">
4529          <a x-bind:href="item.productUrl" class="block disable-effect w-full">
4530            <div class="relative w-full overflow-hidden float-left before:h-0 before:block before:pb-[100.0%] rounded-lg">
4531              
4532              <img
4533                x-show="item.featured_image.url"
4534                class="absolute top-0 right-0 left-0 bottom-0 object-cover h-full w-full image-hover"
4535                x-bind:src="`${ item.featured_image.url }`"
4536                
4537                  loading="lazy"
4538                
4539                width="150"
4540                alt=""
4541                height="150"
4542              >
4543              
4544              <div class="bg-[#c9c9c9] absolute top-0 left-0 w-full h-full" x-show="!item.featured_image.url"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4544ox="0 0 290 290" class="w-full h-full">
4545      <image id="icon" x="100" y="90" width="90" height="110" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABuCAYAAACnQwS5AAANLUlEQVR4nO1dC4wdVRn+9m63d9tlH33ZSitWFItPrCJURdT6IiZqlEgVUwnGYqTSKFqCqNH4ikYEpcEXPuMjFgsqEXyhFBQjogmGBqkPFLdpabvso9t2d9uya87y/5tvz/3n3rlnzt3HzH7JZufOzP1n5ptz/tf5z7lNO3bswDTg6QBeIH+nAlgBoAPAKIA+AI8A2A3grwDuBbC3jlt0ss8k2csN2Q+K7D/L54Zj3hRy3Ang7QA2ADi3ju8dAfA7AD8EcKMQZsneCOAtdcoeBLATwA9E9lgd360LU9WiPwJgC4BlxrH9APYA6AdQArAUwCoAi4xz/wngEwC+L59LInszgCckyO4GMACgWWSvTJDtetAnhfToaDTR5wD4GoBnevt/D+BmaU2uGw97x08C8HwA6wFcAOAZ3vEfAfgZgI8asu8E8BORvbuK7FdK71rjHb8NwKY61VVNNJLo9wG41tt3s+z7Q52y3gTgCgDrqpwTKvt8AFsBnE37egC8WRpEFJRiCfLwMY/kR+SBzg8gAtJCXwTgYgDHvGPdQlKo7JvkBW6lfU7F3AXgdQHyTDSC6MsBfJw+O0P2XGlxWTFo3HNLJM/hagBnAdhH+26t0YtSIzbRTu99gT7fIvsORpD9GgA7DE9phej5JRGuca/0jm7a95sYsmMS3SrdUOFu+o2RZC/wZP8cwFrxJvR4jB4DIfkl4lZCjOePswqNSfQXxZ+FdPHzIsq+Th7Y4RCACwHcB+ANdM654kfHQLcn+xViHIMRi+jVAN5Nn53R6o0k20V376LPF8mLhBis6+mYe9lNka7rbMtX6fOXsgiLRfQHaftPXjfPiitIgHO3fuoJvJxUyMkRW7XD+0mFrBI3MwgxiG6V8FdxZQSZirKoCcVVxjnHpCUrLol4/WFP9qWhgmIQ/SpJ2kAisTsjyFS8FkC7bD9YxU920edjsv3yhHA8FF+mHMj6hDRCTcQgej1txw4zX03b26uct49eQrOQHQt7xRZA+KonaTWBGESfSdt3RHxAhzNoe2eNc3+dcE8xwM+1NkReDKJXyf8xUR2x4FrmU0WW08O7asjl40+JeB8Of6dtP8GVClmJXkJRkwuDH80oj7GQdH9PCneRw/CTI96Hwz9oe2WIgKxEd0hUBhm9GMooj9EGYL58HkpI+DMGaLuzxrn14hCdPz9EQFaiSySjFhH1okXUB8ijqIYTEZ/LR+YgKOsNjZHrEysiC5XN58Qekpp2oucwR/TMwhzRU4Q5oqcIWYl+iAzPSORb3kOy/XHCpHtRxL6X/9C2P6qeCkkFNM5XfD2AxfIyLCs+LM67vqzlkjcejVCYMyKJIbX2LpFzmbh5zcb5xyRIGZPvuOGt98q9WOf70OtYzzlC0S/kOhvlOyq7JNfaJSNLlRdIKDfYkjXRXWA80RosTlIdzykoTzH871OtnUldvI22t0qa0O+CY/L2tksU9y/qUjFRSiFzVLr0jXKu09fvkGPVvjsq6nG75FZGpHqpx2iEY14QxTI+LaP9EHkVSCJ6IW3/skrmjOP+QRnGmi6UiVSXm7i7jvsYkmcuy1jh4Tqf4QEius06IUl18MknJZwDMRL6cEHJloh4Eomq515aKRnWFJgG5V6z0Dohiegu2j6ScE5eMOylYEM8pkHaNoe6LKKbKA983EsR5hVcSRUSWxygbTMXbgntIIU+IHnmvINTrCHGnOv1TGNoEd1OifO+Gi16fwMjw3rBvmuaSDIJpo6tAVY9pk2ziJ4v7hpSjJicTTIWexHUVOPF9NK7xPVMC27RSwPum+1YaqJbaTsprm+TOSW3k3+9WmovPhdwo1nQLn7wr6jbr5Zxvk+llMu9MWQYjN3BLusEy8Jy8cmAcRwy/P5CY3+blHB1ebV4jUJJysTOMOS7lvVhsTlbaly/n7Zbq5yXhAHpFfPk2Zv8wMZq0ctp26prfo9HsjWed4k3VaFR2OKRfMK4zmUJL4KR1b3rJadhidWqLaK56/QYxy+Q/y70/C6A/8rnO2QSj39eI7GB7uUGSa1CosJb6MJvrXETrDpCAq9B6hWdVMY2AYtojgot1aEGzwn+PBkdp8+30XlPDrjheqFq7oBkG0+Rz32Sf1A8rYZc7pWhpQpH5X8zORMTqEX0oHFc3b128TSukha0zZuKZn03NvThuuTvQ1KDdw2A59G1+mtcl41+tZRDNRylYx3+eRbRrF+s5IpOCXNv7TsypeEcuRDnsG8PvOF68Ec51xmwb4oqe6l0fy5Qv62GTO65C6qcVw2s5ytcS4tojmysYOVq2na51/8BuF+KENXZf8jT143CZ0juGqn83CUZRzVqu2X6XDUw0aHJsf20XZHvsIhmh92qpdsjNdH8Bp9N2y5l+LKU1UVZ8bDMBVQ15Z7nWSTzPq+sOAkcSYaOozJXFarDcmW4Re83jjv8VlrQxeLqLRKD5AYIviXJqKnCL+ReLpJy3Q65l51yL2lK1dgtDAnB4dmBipy0RXQtY6joEa9jJsAldT6b4T6494WE4KgVHVrdpCz/x6a4ZU4n2I82s28pcKiaDJ/oMvmRhz2XJc/g1rgwMFXKNqumMVxKa1n0Vsl15A2cc28JDMM5J12hfnyiO73C8ix53dmEXlKTzYGeBxvDiqDHF8gWtwhDWIojlHtPU95g4Rhl7CoygHNEP45RcgNbA1OlR0nXd/luoqU6FHkf/WaMkYvXlrDmUi30U9Cy2DeIPtF8gSK16ONkj5qsNGdKGUr0fD869Inm0ZVYqxPMBhz3enBovoO9tEnRoeXeKZLC77wiBtEcSU/yPHyi+aAOY70NwNel3jjP4OAsNN/BRE/S875jXqZtdeK30ezY7+U4iOF0g1momALsS6c2hqrY1afsa0BJ7kwC5ztCk/+sbnmQu4JofguqOlSd9KYYEprN4J5aDnwODsMnZfCqteh9ckE1DPXWDM82MNGhc3BYz08KephoriIdkS8x8UGzkWYRWEeHqg4mOrFFl8naautdQcenYlR7OsGjLCGRIbzYY9JyQ0z0QrK2mmDh0dyYa3HMRDDRZv1cCnDB0aTkPxPNKVJt0RzAsKLPI1g1hhLdS6F8J3tpTPQyOqDeBcfreQ/J2diH+tGDJKeNDSITzQud6lQBTq7k3RhmXmVGONJQvp0jbSbaCr9ZdeTdGMZw70aJpzLraSaa36K+FW7leZ/LwsFYlrnspufhG0OFvhV2c/Kuo9kHDvWjkTRxiInm2LzHP7Fg7l2WVca4Z0y8MCaaSVVjyHo77yMuHBmGpknhTbCakMNEs++orVfdkyJULXH2rmwVk6cEt2hTR7PPfNDbdzjy4oEzEey+ho6Ew5tFaxLNTrp6GOreDRSgaolXi2zLYBDNMDypRfeJw6152YMzYGZsozFCrbo1Q9DC3tkEp0r0PPKZT4ieWZzw5bximPIULRmI5lC+IjLsJGKVVA6/i1BVesSzQ2kWvbJgJqeU6DYiVvUz51OLULU0FKnkoJ+qnpZplKlE88q2w3SSoijFNNwaQ4OWA15p2HirVqLZQVc1UaQ8hyJGdHiE+GpXb06J5tbbZ+yL8VtXswE8l6ViZlUd4DWaWphoy8PoMvblHezChs6ghTVxSIm2snR8oaJMGoqVweME3LhToUSzK6dqgn80IO+jKwomOrSIBlZ0aBlD1S/8Vu7PcNHZBO7yWZL/zN24tuCARaF6aqPM9XZN/995ZNVAjDnhsCYO8ZLECvU61sjqiFP52+HTDR4XDan6V3CEOS5HSWRXThe8vlt86b2yGErDfpx8BoFtURb3jgdJJhlDVh0Py3/1ROYXaIn6GKW78OKO8bI6JZCF9ovF1WP7p2hJiJkAnsCaZTiLf7x9kjFUok+IfuGEUlHCb0QMWNiojr+wkpCsquOQ6OKizs5iIxZaFgbpGaoFJoheRIpf3wQnlPJeZsBILCSvE4NkEF0jbivJhuojJZrfZlGiQnhEZ/GjD5HKdbmOxSXPX1Q1wTV3RVmzA96zZokfHiOix9dAKXldREcYeLHpIuloHmHJojrgORHtJc+66hvlSn+uU8g7ONBoz+h5TNL387x5Khqj876irEIDw+torzIb7TwAp0uAZ62rx99bMi+huNEtt7ZOSP5LhAeYLeA0w4IEF89pgesAbKZ9btm3Td7Sb+ytrSx5SX9dvt1NSz5N3hj/IFfecYLILhlh+FmyaOFmb/87pUGebnDpsKzkhZqc3hssSCKJcdyLDpmbDwC4x/t5K/4Z67XyEjYYxzr8t1Ykn9nCiMfBA8LPrd6arKOyGLlbXfhS2l+WNVk3idqdWGOp5A3M5n2eSi0MkUF0rftKAH+T9U8V98iSyTfI56/IWqzddI5bduPbFIYv8nV0kQyfhaOU4myWtbFPk88HpRWvM4b27pJFwrfRQPYpFPSMex2cQLq+YGsp+RijYM3PwfeJ23tNgn/9KK3N5BexL3c/HDmY0TGfQ20cdy36GwAulGZu/V5fEaE//5qVi8frGYGb/g
4545+tiq/H/TgwOAAAAABJRU5ErkJggg=="/>
4546    </svg>
4547              </div>
4548            </div>
4549          </a>
4550        </div>
4551        <div>
4552          <a
4553            x-bind:href="item.url"
4554            class="mr-0 duration-200 transition disable-effect hover-text-link p-break-words"
4555            x-text="item.title"
4556          >
4557          </a>
4558          <p
4559            class="text-[rgba(var(--colors-price))] text-normal font-semibold mt-1"
4560            x-text="new Intl.NumberFormat('en', { style: 'currency', currency: 'USD' }).format(item.price / 100)"
4561          ></p>
4562        </div>
4563      </div>
4564    </template>
4565  </div>
4566</div>
4567
4568
4569<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div>
4569<script src="//www.joeskc.com/cdn/shop/t/80/assets/search-prompts.js?v=181440801706723618771785247873" defer></script>
4569                   
4570<script type="application/ld+json">
4571  {
4572    "@context": "http://schema.org",
4573    "@type": "Organization",
4574    "name": "SendJoesKCBBQ",
4575    
4576      "logo": "https:\/\/www.joeskc.com\/cdn\/shop\/files\/red_LOGO_2025_CUTOUT.png?v=1756928334\u0026width=816",
4577    
4578    "sameAs": [
4579      "https:\/\/x.com\/joeskc",
4580      "https:\/\/www.facebook.com\/joeskcbbq",
4581      "",
4582      "https:\/\/www.instagram.com\/joeskc\/",
4583      "",
4584      "",
4585      "",
4586      "",
4587      ""
4588    ],
4589    "url": "https:\/\/www.joeskc.com"
4590  }
4591</script>
4591<script src="//www.joeskc.com/cdn/shop/t/80/assets/store-selector.js?v=69199566774997787001785247873" defer="defer"></script>
4591
4592
4593<style> #shopify-section-sections--19816061632579__header header {font-size: clamp(10px, 1.2vw, 26px);} @media (min-width: 768px) {#shopify-section-sections--19816061632579__header .header {background: rgb(var(--background-color-header)) !important; align-items: flex-end; }} #shopify-section-sections--19816061632579__header #sticky-header-content {background: rgb(var(--background-color-header)) !important;} </style></div><div id="shopify-section-sections--19816061632579__mobile-navigation" class="shopify-section shopify-section-group-header-group-puff section-mobile-navigation"><style data-shopify>#mobile-navigation {
4594    contain: style layout;
4595  }
4596  #mobile-navigation * {border-color: #f2f2f2;}
4597  .dark #mobile-navigation * {border-color: #313131;}
4598  #mobile-navigation .text-color,
4599  #mobile-navigation .background-header {background: #ffffff;--colors-heading: 0, 0, 0;
4600      color: #000000;
4601      --colors-text: 0, 0, 0;
4602      --colors-text-header: 0, 0, 0;  
4603      --colors-text-link: 127, 38, 41;
4604    
4605  }
4606  .dark #mobile-navigation .text-color,
4607  .dark #mobile-navigation .background-header {background: #202020;--colors-heading: 255, 255, 255;
4608      color: #ffffff;
4609      --colors-text-header: 255, 255, 255;
4610      --colors-text: 255, 255, 255;  
4611      --colors-text-link: 127, 38, 41;
4612    
4613  }
4614  
4615    .svg-highlight-sections--19816061632579__mobile-navigation {
4616    
4617    }
4618    .dark .svg-highlight-sections--19816061632579__mobile-navigation {
4619      
4620        --color-highlight: rgb(127, 38, 41);
4621      
4622    }
4623  
4624  .block-mobile-navigation-after::after {
4625    content: var(--tw-content);
4626    position: absolute;
4627    width: 100%;
4628    left: 0;
4629    border-bottom-width: 1px;border-color: #f2f2f2;}
4630  .dark .block-mobile-navigation-after::after {border-color: #313131;}
4631  .font-menu-level-0 {
4632    font-size: 1.125rem;
4633  }
4634  .font-menu-level-1 {
4635    font-size: 1.0rem;
4636  }
4637  .font-menu-level-2 {
4638    font-size: 0.875rem;
4639  }
4640  
4641    .block-mobile-navigation-menu .font-menu-level-0, 
4642    .block-mobile-navigation-menu .font-menu-level-1, 
4643    .block-mobile-navigation-menu .font-menu-level-2,
4644    .block-mobile-navigation-carousel_menu .font-menu-level-0,
4645    .block-mobile-navigation-carousel_menu .font-menu-level-2,
4646    .block-mobile-navigation-account .font-menu-level-1,
4647    .block-mobile-navigation-cart .font-menu-level-1
4648    {
4649      font-size: 0.7875rem;
4650      font-weight: var(--font-body-weight);
4651    }
4652  
4653</style><div
4654  class="z-[9999] fixed top-0 h-full w-full opacity-60 bg-black"
4655  x-show="$store.xMobileNav.show"
4656  x-cloak
4657  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4658></div>
4659<template x-if="!$store.xInit.runDispatch">
4660  <div
4661    id="mobile-navigation"
4662    :class="{ 'menu-opening': $store.xMobileNav.show }" 
4663    class="menu-drawer fixed z-[9999] top-0 bottom-0 w-[90%] max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
4664  >
4665    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
4666      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
4667        aria-label="Close"
4668      >
4669        <span class="font-menu-level-2 uppercase">Menu</span>
4670        <span
4671          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
4672          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4673        ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4674    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4675  </svg>
4676</span>
4677      </div>
4678      <div
4679        id="menu-navigation"
4680        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
4681      >
4682        
4683        <ul 
4684          x-data="{ openCur: 0 }"
4685          id="menu-level-0"
4686          role="list" 
4687          class="menu-parent relative h-full w-full" 
4688        >
4689           <li class="block-mobile-navigation-menu">
4690                <span class="flex empty:hidden border-t ml-4 mr-4"></span>
4691
4692
4693
4694<div  
4695        class="flex items-center gap-4 pr-4 pl-4 border-b"
4696      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4697                background: #7f2629;
4698                color: #ffffff;
4699              }
4700              .color-label-sections--19816061632579__mobile-navigation:before{
4701                border-top-color: #7f2629; 
4702              }
4703              .dark .color-label-sections--19816061632579__mobile-navigation {
4704                background: rgba(0,0,0,0);
4705                color: #ffffff
4706              }
4707              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4708                border-top-color: rgba(0,0,0,0);
4709              }
4710            
4711
4712</style>
4713          <a href="https://order.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4714        
4715          
4716          
4717          <span class="flex flex-wrap gap-x-2">
4718            <span class="p-break-words font-medium font-menu-level-0">
4719              
4720              
4721                
4722                
4723                  <span>Order Restaurant Pick-Up</span>
4724                
4725              
4726            </span>
4727            
4728            
4729          </span>
4730        </a>
4731</div><div  
4732        class="flex items-center gap-4 pr-4 pl-4 border-b"
4733      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4734                background: #7f2629;
4735                color: #ffffff;
4736              }
4737              .color-label-sections--19816061632579__mobile-navigation:before{
4738                border-top-color: #7f2629; 
4739              }
4740              .dark .color-label-sections--19816061632579__mobile-navigation {
4741                background: rgba(0,0,0,0);
4742                color: #ffffff
4743              }
4744              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4745                border-top-color: rgba(0,0,0,0);
4746              }
4747            
4748
4749</style>
4750          <a href="https://catering.joeskc.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
4751        
4752          
4753          
4754          <span class="flex flex-wrap gap-x-2">
4755            <span class="p-break-words font-medium font-menu-level-0">
4756              
4757              
4758                
4759                
4760                  <span>Order Catering Carryout</span>
4761                
4762              
4763            </span>
4764            
4765            
4766          </span>
4767        </a>
4768</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-3')" 
4769        class="flex items-center gap-4 pr-4 pl-4 border-b"
4770      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4771                background: #7f2629;
4772                color: #ffffff;
4773              }
4774              .color-label-sections--19816061632579__mobile-navigation:before{
4775                border-top-color: #7f2629; 
4776              }
4777              .dark .color-label-sections--19816061632579__mobile-navigation {
4778                background: rgba(0,0,0,0);
4779                color: #ffffff
4780              }
4781              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4782                border-top-color: rgba(0,0,0,0);
4783              }
4784            
4785
4786</style>
4787          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
4788        
4789          
4790          
4791          <span class="flex flex-wrap gap-x-2">
4792            <span class="p-break-words font-medium font-menu-level-0">
4793              
4794              
4795                
4796                
4797                  <span>Locations</span>
4798                
4799              
4800            </span>
4801            
4802            
4803          </span>
4804        </span>
4805<span
4806            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
4807          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4808    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4809  </svg>
4810</span></div><div
4811          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
4812          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-3')}"
4813        >
4814          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
4815            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
4816          >
4817            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
4818              <div class="flex items-center">
4819                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
4820                  @click="$store.xMobileNav.removeActiveLink('-3'); "
4821                >
4822                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4823    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4824  </svg>
4825
4826                </span>
4827                <a href="/pages/locations" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
4828                  <span class="p-break-words font-menu-level-0">
4829                    
4830                    
4831                      
4832                      
4833                        <span>Locations</span>
4834                      
4835                    
4836                  </span>
4837                  
4838                  
4839                </a>
4840              </div>
4841              <span
4842                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
4843                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
4844              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
4845    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4846  </svg>
4847</span>
4848            </div>
4849            <ul 
4850              id="menu-level-1"
4851              class="background-header w-full" 
4852            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4853                  
4854                  <div
4855                    class="flex items-center justify-between h-full gap-"
4856                    
4857                  >
4858                    
4859                      <a href="/pages/the-original-gas-station-restaurant" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4860                    
4861                      
4862                      
4863                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4864                        <span class="flex flex-wrap gap-x-2">
4865                          
4866                          
4867                            
4868                            
4869                              <span>The Original Gas Station Restaurant</span>
4870                            
4871                          
4872                          
4873                          
4874                        </span>
4875                        
4876                      </span>
4877                    </a>
4878</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4879                  
4880                  <div
4881                    class="flex items-center justify-between h-full gap-"
4882                    
4883                  >
4884                    
4885                      <a href="/pages/joes-kansas-city-leawood" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4886                    
4887                      
4888                      
4889                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4890                        <span class="flex flex-wrap gap-x-2">
4891                          
4892                          
4893                            
4894                            
4895                              <span>Joe&#39;s Kansas City - Leawood</span>
4896                            
4897                          
4898                          
4899                          
4900                        </span>
4901                        
4902                      </span>
4903                    </a>
4904</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4905                  
4906                  <div
4907                    class="flex items-center justify-between h-full gap-"
4908                    
4909                  >
4910                    
4911                      <a href="/pages/joes-kansas-city-olathe" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4912                    
4913                      
4914                      
4915                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4916                        <span class="flex flex-wrap gap-x-2">
4917                          
4918                          
4919                            
4920                            
4921                              <span>Joe&#39;s Kansas City - Olathe</span>
4922                            
4923                          
4924                          
4925                          
4926                        </span>
4927                        
4928                      </span>
4929                    </a>
4930</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
4931                  
4932                  <div
4933                    class="flex items-center justify-between h-full gap-"
4934                    
4935                  >
4936                    
4937                      <a href="http://www.the180room.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
4938                    
4939                      
4940                      
4941                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
4942                        <span class="flex flex-wrap gap-x-2">
4943                          
4944                          
4945                            
4946                            
4947                              <span>The 180 Room</span>
4948                            
4949                          
4950                          
4951                          
4952                        </span>
4953                        
4954                      </span>
4955                    </a>
4956</div></li></ul>
4957          </div>
4958        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-4')" 
4959        class="flex items-center gap-4 pr-4 pl-4 border-b"
4960      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
4961                background: #7f2629;
4962                color: #ffffff;
4963              }
4964              .color-label-sections--19816061632579__mobile-navigation:before{
4965                border-top-color: #7f2629; 
4966              }
4967              .dark .color-label-sections--19816061632579__mobile-navigation {
4968                background: rgba(0,0,0,0);
4969                color: #ffffff
4970              }
4971              .dark .color-label-sections--19816061632579__mobile-navigation:before {
4972                border-top-color: rgba(0,0,0,0);
4973              }
4974            
4975
4976</style>
4977          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
4978        
4979          
4980          
4981          <span class="flex flex-wrap gap-x-2">
4982            <span class="p-break-words font-medium font-menu-level-0">
4983              
4984              
4985                
4986                
4987                  <span>Menus</span>
4988                
4989              
4990            </span>
4991            
4992            
4993          </span>
4994        </span>
4995<span
4996            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
4997          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4998    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
4999  </svg>
5000</span></div><div
5001          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
5002          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-4')}"
5003        >
5004          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5005            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5006          >
5007            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5008              <div class="flex items-center">
5009                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5010                  @click="$store.xMobileNav.removeActiveLink('-4'); "
5011                >
5012                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5013    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5014  </svg>
5015
5016                </span>
5017                <a href="/pages/restaurant-menu" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5018                  <span class="p-break-words font-menu-level-0">
5019                    
5020                    
5021                      
5022                      
5023                        <span>Menus</span>
5024                      
5025                    
5026                  </span>
5027                  
5028                  
5029                </a>
5030              </div>
5031              <span
5032                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5033                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5034              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5035    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5036  </svg>
5037</span>
5038            </div>
5039            <ul 
5040              id="menu-level-1"
5041              class="background-header w-full" 
5042            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5043                  
5044                  <div
5045                    class="flex items-center justify-between h-full gap-"
5046                    
5047                  >
5048                    
5049                      <a href="/pages/restaurant-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5050                    
5051                      
5052                      
5053                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5054                        <span class="flex flex-wrap gap-x-2">
5055                          
5056                          
5057                            
5058                            
5059                              <span>Restaurant Menu</span>
5060                            
5061                          
5062                          
5063                          
5064                        </span>
5065                        
5066                      </span>
5067                    </a>
5068</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5069                  
5070                  <div
5071                    class="flex items-center justify-between h-full gap-"
5072                    
5073                  >
5074                    
5075                      <a href="/pages/catering-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5076                    
5077                      
5078                      
5079                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5080                        <span class="flex flex-wrap gap-x-2">
5081                          
5082                          
5083                            
5084                            
5085                              <span>Catering Menu</span>
5086                            
5087                          
5088                          
5089                          
5090                        </span>
5091                        
5092                      </span>
5093                    </a>
5094</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5095                  
5096                  <div
5097                    class="flex items-center justify-between h-full gap-"
5098                    
5099                  >
5100                    
5101                      <a href="/pages/party-planner-menu" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5102                    
5103                      
5104                      
5105                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5106                        <span class="flex flex-wrap gap-x-2">
5107                          
5108                          
5109                            
5110                            
5111                              <span>Party Planner Menu</span>
5112                            
5113                          
5114                          
5115                          
5116                        </span>
5117                        
5118                      </span>
5119                    </a>
5120</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5121                  
5122                  <div
5123                    class="flex items-center justify-between h-full gap-"
5124                    
5125                  >
5126                    
5127                      <a href="/pages/joes-kc-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5128                    
5129                      
5130                      
5131                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5132                        <span class="flex flex-wrap gap-x-2">
5133                          
5134                          
5135                            
5136                            
5137                              <span>Reheating Instructions</span>
5138                            
5139                          
5140                          
5141                          
5142                        </span>
5143                        
5144                      </span>
5145                    </a>
5146</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5147                  
5148                  <div
5149                    class="flex items-center justify-between h-full gap-"
5150                    
5151                  >
5152                    
5153                      <a href="/pages/restaurant-allergen-information" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5154                    
5155                      
5156                      
5157                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5158                        <span class="flex flex-wrap gap-x-2">
5159                          
5160                          
5161                            
5162                            
5163                              <span>Restaurant Allergen Information</span>
5164                            
5165                          
5166                          
5167                          
5168                        </span>
5169                        
5170                      </span>
5171                    </a>
5172</div></li></ul>
5173          </div>
5174        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5')" 
5175        class="flex items-center gap-4 pr-4 pl-4 border-b"
5176      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5177                background: #7f2629;
5178                color: #ffffff;
5179              }
5180              .color-label-sections--19816061632579__mobile-navigation:before{
5181                border-top-color: #7f2629; 
5182              }
5183              .dark .color-label-sections--19816061632579__mobile-navigation {
5184                background: rgba(0,0,0,0);
5185                color: #ffffff
5186              }
5187              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5188                border-top-color: rgba(0,0,0,0);
5189              }
5190            
5191
5192</style>
5193          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5194        
5195          
5196          
5197          <span class="flex flex-wrap gap-x-2">
5198            <span class="p-break-words font-medium font-menu-level-0">
5199              
5200              
5201                
5202                
5203                  <span>Ship Joe&#39;s Frozen BBQ 📦</span>
5204                
5205              
5206            </span>
5207            
5208            
5209          </span>
5210        </span>
5211<span
5212            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5213          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5214    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5215  </svg>
5216</span></div><div
5217          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
5218          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5')}"
5219        >
5220          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5221            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5222          >
5223            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5224              <div class="flex items-center">
5225                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5226                  @click="$store.xMobileNav.removeActiveLink('-5'); "
5227                >
5228                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5229    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5230  </svg>
5231
5232                </span>
5233                <a href="/collections" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5234                  <span class="p-break-words font-menu-level-0">
5235                    
5236                    
5237                      
5238                      
5239                        <span>Ship Joe&#39;s Frozen BBQ 📦</span>
5240                      
5241                    
5242                  </span>
5243                  
5244                  
5245                </a>
5246              </div>
5247              <span
5248                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5249                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5250              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5251    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5252  </svg>
5253</span>
5254            </div>
5255            <ul 
5256              id="menu-level-1"
5257              class="background-header w-full" 
5258            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5259                  
5260                  <div
5261                    class="flex items-center justify-between h-full gap-"
5262                    
5263                  >
5264                    
5265                      <a href="/collections/best-sellers" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5266                    
5267                      
5268                      
5269                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5270                        <span class="flex flex-wrap gap-x-2">
5271                          
5272                          
5273                            
5274                            
5275                              <span>Shop Best Sellers</span>
5276                            
5277                          
5278                          
5279                          
5280                        </span>
5281                        
5282                      </span>
5283                    </a>
5284</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5285                  
5286                  <div
5287                    class="flex items-center justify-between h-full gap-"
5288                    @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-5-2');"
5289                  >
5290                    
5291                      <span class="p-break-words flex gap-3 h-full flex-1 disable-effect items-center">
5292                    
5293                      
5294                      
5295                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5296                        <span class="flex flex-wrap gap-x-2">
5297                          
5298                          
5299                            
5300                            
5301                              <span>Shop By Smoked Meats</span>
5302                            
5303                          
5304                          
5305                          
5306                        </span>
5307                        
5308                      </span>
5309                    </span>
5310 
5311                    <span class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90">
5312                      <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5313    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5314  </svg>
5315
5316                    </span>
5317                  
5318</div><div
5319                      class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full" 
5320                      :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-5-2')} "
5321                    >
5322                      <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5323                        :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
5324                      >
5325                        <div class="flex items-center sticky top-0 background-header z-30 justify-between pt-4 pb-4 pl-4 pr-4 gap-4">
5326                          <div class="flex items-center">
5327                            <span
5328                              class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90"
5329                              @click="$store.xMobileNav.removeActiveLink('-5-2')"
5330                            ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5331    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5332  </svg>
5333</span>
5334                            <a href="/collections/smoked-meats" class="p-break-words flex flex-wrap gap-x-2 flex-1 font-menu-level-0 font-medium disable-effect">
5335                              
5336                              
5337                                
5338                                
5339                                  <span>Shop By Smoked Meats</span>
5340                                
5341                              
5342                              
5343                              
5344                            </a>
5345                          </div>
5346                          <span
5347                            class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5348                            @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5349                          ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5350    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5351  </svg>
5352</span>
5353                        </div>
5354                        <ul
5355                          id="menu-level-2"
5356                          class="w-full background-header"
5357                        ><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5358                              <a
5359                                href="/collections/a-la-carte-meats"
5360                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5361                                
5362                              >
5363                                
5364                                
5365                                <span class="flex flex-wrap gap-x-2">
5366                                  <span class="font-menu-level-2 mt-auto mb-auto">
5367                                    
5368                                    
5369                                      
5370                                      
5371                                        <span>A La Carte Meats</span>
5372                                      
5373                                    
5374                                  </span>
5375                                  
5376                                  
5377                                </span>
5378                              </a>
5379                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5380                              <a
5381                                href="/collections/brisket"
5382                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5383                                
5384                              >
5385                                
5386                                
5387                                <span class="flex flex-wrap gap-x-2">
5388                                  <span class="font-menu-level-2 mt-auto mb-auto">
5389                                    
5390                                    
5391                                      
5392                                      
5393                                        <span>Brisket</span>
5394                                      
5395                                    
5396                                  </span>
5397                                  
5398                                  
5399                                </span>
5400                              </a>
5401                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5402                              <a
5403                                href="/collections/burnt-ends"
5404                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5405                                
5406                              >
5407                                
5408                                
5409                                <span class="flex flex-wrap gap-x-2">
5410                                  <span class="font-menu-level-2 mt-auto mb-auto">
5411                                    
5412                                    
5413                                      
5414                                      
5415                                        <span>Burnt Ends</span>
5416                                      
5417                                    
5418                                  </span>
5419                                  
5420                                  
5421                                </span>
5422                              </a>
5423                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5424                              <a
5425                                href="/collections/ribs"
5426                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5427                                
5428                              >
5429                                
5430                                
5431                                <span class="flex flex-wrap gap-x-2">
5432                                  <span class="font-menu-level-2 mt-auto mb-auto">
5433                                    
5434                                    
5435                                      
5436                                      
5437                                        <span>Ribs</span>
5438                                      
5439                                    
5440                                  </span>
5441                                  
5442                                  
5443                                </span>
5444                              </a>
5445                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5446                              <a
5447                                href="/collections/pork"
5448                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5449                                
5450                              >
5451                                
5452                                
5453                                <span class="flex flex-wrap gap-x-2">
5454                                  <span class="font-menu-level-2 mt-auto mb-auto">
5455                                    
5456                                    
5457                                      
5458                                      
5459                                        <span>Pork</span>
5460                                      
5461                                    
5462                                  </span>
5463                                  
5464                                  
5465                                </span>
5466                              </a>
5467                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5468                              <a
5469                                href="/collections/poultry"
5470                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5471                                
5472                              >
5473                                
5474                                
5475                                <span class="flex flex-wrap gap-x-2">
5476                                  <span class="font-menu-level-2 mt-auto mb-auto">
5477                                    
5478                                    
5479                                      
5480                                      
5481                                        <span>Poultry</span>
5482                                      
5483                                    
5484                                  </span>
5485                                  
5486                                  
5487                                </span>
5488                              </a>
5489                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5490                              <a
5491                                href="/collections/sausage"
5492                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5493                                
5494                              >
5495                                
5496                                
5497                                <span class="flex flex-wrap gap-x-2">
5498                                  <span class="font-menu-level-2 mt-auto mb-auto">
5499                                    
5500                                    
5501                                      
5502                                      
5503                                        <span>Sausage</span>
5504                                      
5505                                    
5506                                  </span>
5507                                  
5508                                  
5509                                </span>
5510                              </a>
5511                            </li><li  class="pb-3 border-b pl-4 pr-4 pt-3">
5512                              <a
5513                                href="/collections/smokie-joe"
5514                                class="p-break-words h-full disable-effect flex gap-3 items-center"
5515                                
5516                              >
5517                                
5518                                
5519                                <span class="flex flex-wrap gap-x-2">
5520                                  <span class="font-menu-level-2 mt-auto mb-auto">
5521                                    
5522                                    
5523                                      
5524                                      
5525                                        <span>Smokie Joe</span>
5526                                      
5527                                    
5528                                  </span>
5529                                  
5530                                  
5531                                </span>
5532                              </a>
5533                            </li></ul>
5534                      </div>
5535                    </div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5536                  
5537                  <div
5538                    class="flex items-center justify-between h-full gap-"
5539                    
5540                  >
5541                    
5542                      <a href="/collections/z-man-kits" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5543                    
5544                      
5545                      
5546                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5547                        <span class="flex flex-wrap gap-x-2">
5548                          
5549                          
5550                            
5551                            
5552                              <span>Shop The Z-Man</span>
5553                            
5554                          
5555                          
5556                          
5557                        </span>
5558                        
5559                      </span>
5560                    </a>
5561</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5562                  
5563                  <div
5564                    class="flex items-center justify-between h-full gap-"
5565                    
5566                  >
5567                    
5568                      <a href="/collections/sides-extras" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5569                    
5570                      
5571                      
5572                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5573                        <span class="flex flex-wrap gap-x-2">
5574                          
5575                          
5576                            
5577                            
5578                              <span>Shop Sauces and Sides</span>
5579                            
5580                          
5581                          
5582                          
5583                        </span>
5584                        
5585                      </span>
5586                    </a>
5587</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5588                  
5589                  <div
5590                    class="flex items-center justify-between h-full gap-"
5591                    
5592                  >
5593                    
5594                      <a href="/pages/shipped-bbq-reheating-instructions" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5595                    
5596                      
5597                      
5598                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5599                        <span class="flex flex-wrap gap-x-2">
5600                          
5601                          
5602                            
5603                            
5604                              <span>Reheating Instructions</span>
5605                            
5606                          
5607                          
5608                          
5609                        </span>
5610                        
5611                      </span>
5612                    </a>
5613</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5614                  
5615                  <div
5616                    class="flex items-center justify-between h-full gap-"
5617                    
5618                  >
5619                    
5620                      <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5621                    
5622                      
5623                      
5624                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5625                        <span class="flex flex-wrap gap-x-2">
5626                          
5627                          
5628                            
5629                            
5630                              <span>Shipping Policy</span>
5631                            
5632                          
5633                          
5634                          
5635                        </span>
5636                        
5637                      </span>
5638                    </a>
5639</div></li></ul>
5640          </div>
5641        </div><div  
5642        class="flex items-center gap-4 pr-4 pl-4 border-b"
5643      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5644                background: #7f2629;
5645                color: #ffffff;
5646              }
5647              .color-label-sections--19816061632579__mobile-navigation:before{
5648                border-top-color: #7f2629; 
5649              }
5650              .dark .color-label-sections--19816061632579__mobile-navigation {
5651                background: rgba(0,0,0,0);
5652                color: #ffffff
5653              }
5654              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5655                border-top-color: rgba(0,0,0,0);
5656              }
5657            
5658
5659</style>
5660          <a href="https://joeskansascitybarbecuestore.com/" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
5661        
5662          
5663          
5664          <span class="flex flex-wrap gap-x-2">
5665            <span class="p-break-words font-medium font-menu-level-0">
5666              
5667              
5668                
5669                
5670                  <span>Ship Sauces, Rubs &amp; Merch</span>
5671                
5672              
5673            </span>
5674            
5675            
5676          </span>
5677        </a>
5678</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-7')" 
5679        class="flex items-center gap-4 pr-4 pl-4 border-b"
5680      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5681                background: #7f2629;
5682                color: #ffffff;
5683              }
5684              .color-label-sections--19816061632579__mobile-navigation:before{
5685                border-top-color: #7f2629; 
5686              }
5687              .dark .color-label-sections--19816061632579__mobile-navigation {
5688                background: rgba(0,0,0,0);
5689                color: #ffffff
5690              }
5691              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5692                border-top-color: rgba(0,0,0,0);
5693              }
5694            
5695
5696</style>
5697          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5698        
5699          
5700          
5701          <span class="flex flex-wrap gap-x-2">
5702            <span class="p-break-words font-medium font-menu-level-0">
5703              
5704              
5705                
5706                
5707                  <span>Joe&#39;s Digital Gift Cards</span>
5708                
5709              
5710            </span>
5711            
5712            
5713          </span>
5714        </span>
5715<span
5716            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5717          >
5717<svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5718    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5719  </svg>
5720</span></div><div
5721          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
5722          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-7')}"
5723        >
5724          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5725            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5726          >
5727            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5728              <div class="flex items-center">
5729                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5730                  @click="$store.xMobileNav.removeActiveLink('-7'); "
5731                >
5732                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5733    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5734  </svg>
5735
5736                </span>
5737                <a href="/products/digital-gift-card" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5738                  <span class="p-break-words font-menu-level-0">
5739                    
5740                    
5741                      
5742                      
5743                        <span>Joe&#39;s Digital Gift Cards</span>
5744                      
5745                    
5746                  </span>
5747                  
5748                  
5749                </a>
5750              </div>
5751              <span
5752                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5753                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5754              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5755    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5756  </svg>
5757</span>
5758            </div>
5759            <ul 
5760              id="menu-level-1"
5761              class="background-header w-full" 
5762            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5763                  
5764                  <div
5765                    class="flex items-center justify-between h-full gap-"
5766                    
5767                  >
5768                    
5769                      <a href="/products/digital-gift-card" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5770                    
5771                      
5772                      
5773                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5774                        <span class="flex flex-wrap gap-x-2">
5775                          
5776                          
5777                            
5778                            
5779                              <span>Digital Gift Card</span>
5780                            
5781                          
5782                          
5783                          
5784                        </span>
5785                        
5786                      </span>
5787                    </a>
5788</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5789                  
5790                  <div
5791                    class="flex items-center justify-between h-full gap-"
5792                    
5793                  >
5794                    
5795                      <a href="/pages/gift-card-balance-checker" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5796                    
5797                      
5798                      
5799                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5800                        <span class="flex flex-wrap gap-x-2">
5801                          
5802                          
5803                            
5804                            
5805                              <span>Gift Card Balance Checker</span>
5806                            
5807                          
5808                          
5809                          
5810                        </span>
5811                        
5812                      </span>
5813                    </a>
5814</div></li></ul>
5815          </div>
5816        </div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('-8')" 
5817        class="flex items-center gap-4 pr-4 pl-4 border-b"
5818      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5819                background: #7f2629;
5820                color: #ffffff;
5821              }
5822              .color-label-sections--19816061632579__mobile-navigation:before{
5823                border-top-color: #7f2629; 
5824              }
5825              .dark .color-label-sections--19816061632579__mobile-navigation {
5826                background: rgba(0,0,0,0);
5827                color: #ffffff
5828              }
5829              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5830                border-top-color: rgba(0,0,0,0);
5831              }
5832            
5833
5834</style>
5835          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
5836        
5837          
5838          
5839          <span class="flex flex-wrap gap-x-2">
5840            <span class="p-break-words font-medium font-menu-level-0">
5841              
5842              
5843                
5844                
5845                  <span>Our Story</span>
5846                
5847              
5848            </span>
5849            
5850            
5851          </span>
5852        </span>
5853<span
5854            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
5855          ><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5856    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5857  </svg>
5858</span></div><div
5859          class="menu-drawer duration-300 ease-in-out top-0 left-0 fixed background-header w-full h-full z-30 invisible translate-x-full"
5860          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('-8')}"
5861        >
5862          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
5863            :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'overflow-hidden' : 'overflow-y-auto'"
5864          >
5865            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
5866              <div class="flex items-center">
5867                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
5868                  @click="$store.xMobileNav.removeActiveLink('-8'); "
5869                >
5870                  <svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
5871    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5872  </svg>
5873
5874                </span>
5875                <a href="/pages/our-story" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
5876                  <span class="p-break-words font-menu-level-0">
5877                    
5878                    
5879                      
5880                      
5881                        <span>Our Story</span>
5882                      
5883                    
5884                  </span>
5885                  
5886                  
5887                </a>
5888              </div>
5889              <span
5890                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
5891                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
5892              ><svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
5893    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
5894  </svg>
5895</span>
5896            </div>
5897            <ul 
5898              id="menu-level-1"
5899              class="background-header w-full" 
5900            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5901                  
5902                  <div
5903                    class="flex items-center justify-between h-full gap-"
5904                    
5905                  >
5906                    
5907                      <a href="/pages/our-story" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5908                    
5909                      
5910                      
5911                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5912                        <span class="flex flex-wrap gap-x-2">
5913                          
5914                          
5915                            
5916                            
5917                              <span>About Joe&#39;s KC</span>
5918                            
5919                          
5920                          
5921                          
5922                        </span>
5923                        
5924                      </span>
5925                    </a>
5926</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5927                  
5928                  <div
5929                    class="flex items-center justify-between h-full gap-"
5930                    
5931                  >
5932                    
5933                      <a href="/pages/we-ship-bbq" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5934                    
5935                      
5936                      
5937                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5938                        <span class="flex flex-wrap gap-x-2">
5939                          
5940                          
5941                            
5942                            
5943                              <span>We Ship BBQ</span>
5944                            
5945                          
5946                          
5947                          
5948                        </span>
5949                        
5950                      </span>
5951                    </a>
5952</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
5953                  
5954                  <div
5955                    class="flex items-center justify-between h-full gap-"
5956                    
5957                  >
5958                    
5959                      <a href="https://joeskccares.com/" class="p-break-words h-full flex gap-3 flex-1 disable-effect items-center">
5960                    
5961                      
5962                      
5963                      <span class="flex justify-between items-center font-medium font-menu-level-1 mt-auto mb-auto w-full gap-2">
5964                        <span class="flex flex-wrap gap-x-2">
5965                          
5966                          
5967                            
5968                            
5969                              <span>Joe&#39;s KC Cares</span>
5970                            
5971                          
5972                          
5973                          
5974                        </span>
5975                        
5976                      </span>
5977                    </a>
5978</div></li></ul>
5979          </div>
5980        </div><div  
5981        class="flex items-center gap-4 pr-4 pl-4 border-b"
5982      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
5983                background: #7f2629;
5984                color: #ffffff;
5985              }
5986              .color-label-sections--19816061632579__mobile-navigation:before{
5987                border-top-color: #7f2629; 
5988              }
5989              .dark .color-label-sections--19816061632579__mobile-navigation {
5990                background: rgba(0,0,0,0);
5991                color: #ffffff
5992              }
5993              .dark .color-label-sections--19816061632579__mobile-navigation:before {
5994                border-top-color: rgba(0,0,0,0);
5995              }
5996            
5997
5998</style>
5999          <a href="/pages/contact-us" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6000        
6001          
6002          
6003          <span class="flex flex-wrap gap-x-2">
6004            <span class="p-break-words font-medium font-menu-level-0">
6005              
6006              
6007                
6008                
6009                  <span>Contact Us</span>
6010                
6011              
6012            </span>
6013            
6014            
6015          </span>
6016        </a>
6017</div><div  
6018        class="flex items-center gap-4 pr-4 pl-4 border-b"
6019      ><style data-shopify>.color-label-sections--19816061632579__mobile-navigation {
6020                background: #7f2629;
6021                color: #ffffff;
6022              }
6023              .color-label-sections--19816061632579__mobile-navigation:before{
6024                border-top-color: #7f2629; 
6025              }
6026              .dark .color-label-sections--19816061632579__mobile-navigation {
6027                background: rgba(0,0,0,0);
6028                color: #ffffff
6029              }
6030              .dark .color-label-sections--19816061632579__mobile-navigation:before {
6031                border-top-color: rgba(0,0,0,0);
6032              }
6033            
6034
6035</style>
6036          <a href="/pages/corporate-gifting" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
6037        
6038          
6039          
6040          <span class="flex flex-wrap gap-x-2">
6041            <span class="p-break-words font-medium font-menu-level-0">
6042              
6043              
6044                
6045                
6046                  <span>Corporate Gifts 🎁</span>
6047                
6048              
6049            </span>
6050            
6051            
6052          </span>
6053        </a>
6054</div>
6055</li><li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
6056                      <style data-shopify>
6057                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
6058                          font-family: var(--font-body-family);
6059                          content: 'Log in';
6060                          font-weight: 500;
6061                          
6062                        }
6063                      </style>
6064                    
6065                    <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
6066                      <shopify-account menu="customer-account-main-menu">
6067                        <div slot="signed-out-avatar">
6068                          <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block">
6069                          <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
6070    <path fill="none" d="M10.6768 1.76956C10.0249 1.282 9.21778 1.00012 8.33305 1.00012C6.19106 1.00012 4.45264 2.70658 4.45264 4.80919C4.45264 6.91179 6.19106 8.61825 8.33305 8.61825C10.475 8.61825 12.2135 6.91179 12.2135 4.80919M15 16.9999C15 14.0516 12.0122 11.6672 8.33357 11.6672C4.6549 11.6672 1.66699 14.0516 1.66699 16.9999"/>
6071  </svg>
6072
6073                        </span>
6074                        </div>
6075                      </shopify-account>
6076                      
6077                    </div>
6078                  </li>
6079        </ul>
6080      </div>
6081      
6082      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
6083          .font-menu-level-2 button {
6084            font-size: 0.875rem;
6085          }
6086
6087          .x-container-mobile-nav-language .toolbar-button {
6088            padding-top: 0.25rem;
6089            padding-bottom: 0.25rem;
6090          }
6091        </style>
6092        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
6093</div></div>
6094  </div>
6095</template>
6096</div>
6097<!-- END sections: header-group-puff -->
6098          <!-- BEGIN sections: aside-group-puff -->
6099<div id="shopify-section-sections--19816060289091__quick-view" class="shopify-section shopify-section-group-aside-group-puff section-product-info section-quick-view"><style data-shopify>
6100  .button--quickview.button-solid, .button--quickview.button-disable-effect,
6101  .button--quickview.button-solid:before {--colors-line-and-border: 127, 38, 41;
6102      --colors-button: 127, 38, 41;--colors-button-text: 255, 255, 255;}
6103  .title-size--sections--19816060289091__quick-view {
6104    font-size: 1.35rem;
6105  }
6106  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
6107  .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
6108  @media (min-width: 768px) {
6109    .title-size--sections--19816060289091__quick-view {
6110      font-size: 2.25rem;
6111    }
6112  }
6113  
6114  
6115    #QuickView .media-thumbnail.quickview-border {
6116      border-width: 1px;
6117      
6118        border-radius: 10px;
6119      
6120    }
6121  
6122</style>
6123
6124<div 
6125  id="QuickView"
6126  x-show="$store.xQuickView.show" 
6127  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
6128  x-cloak 
6129  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border"
6130  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
6131  @init-run.window="$store.xQuickView.addListener()"
6132  @click="$store.xQuickView.clickInsideQuickView($event)"
6133  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
6134>
6135  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
6136  <div 
6137    role="dialog"
6138    aria-label="Quick view"
6139    aria-modal="true"
6140    x-show="$store.xQuickView.show"
6141    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
6142    
6143      x-transition:enter="transition-all ease-in-out duration-500"
6144      x-transition:enter-start="opacity-0 transform translate-y-1/3"
6145      x-transition:enter-end="opacity-100 transform translate-y-0"
6146      x-transition:leave="transition-all ease-in-out duration-500"
6147      x-transition:leave-end="opacity-0 transform translate-y-1/3"
6148    
6149  >
6150    <div class="x-container-quickview-body shadow-popup relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12 rounded-t-[10px] md:rounded-[10px]" 
6151      @click.away="$store.xQuickView.close()"
6152      @click="$store.xQuickView.clickInsideContentQuickView($event)"
6153      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
6154    >
6155      
6156        <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()">
6157          <svg class="icon-close-animation" width="100%" height="100%" viewB
6157ox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6158    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6159  </svg>
6160
6161        </button>
6162      
6163      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
6164        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
6165          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
6166          <div class="w-full md:w-[48%]">
6167            
6168            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div></div>
6169        </div>
6170        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
6171      </div>
6172    </div>
6173  </div>
6174</div>
6175
6176
6177<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
6178    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
6179    <div
6180      x-show="$store.xQuickView.openPopupMobile"
6181      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]"
6182      x-transition:enter="transition-all ease-in-out duration-500" 
6183      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
6184      x-transition:enter-end="opacity-100 transform translate-y-0" 
6185      x-transition:leave="transition ease-in-out duration-500" 
6186      x-transition:leave-end="opacity-0 transform translate-y-1/3"
6187    >
6188      <button 
6189        class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
6190        aria-label="Close quickview"
6191        @click="$store.xQuickView.closePopupMobile()" 
6192      >
6193        <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6194    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6195  </svg>
6196
6197      </button>
6198      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse flex-row-reverse">
6199        <div class="w-full pl-5 pr-5 pt-7 pb-5">
6200          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
6201          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
6202          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
6203          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
6204          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
6205          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
6206          <div class="flex gap-x-5">
6207            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
6208            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
6209          </div>
6210        </div>
6211      </div>
6212      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
6213    </div>
6214  </div>
6215<script>
6216window.xQuickView = {
6217  sectionId: 'sections--19816060289091__quick-view',
6218  enabled: false,
6219  show_atc_button: true,
6220  atc_btn_bottom: true,
6221  atc_btn_image_desktop: true,
6222  buttonLabel: 'Quick view'
6223}
6224</script>
vendor: 1 bytes, line 6224
6224
6225<script src="//www.joeskc.com/cdn/shop/t/80/assets/quick-view.js?v=147214496455540849331785482772" defer></script>
vendor: 1 bytes, line 6225
6225
6226<script src="//www.joeskc.com/cdn/shop/t/80/assets/payment-button.js?v=19694614378629863991785247873" defer></script>
vendor: 1 bytes, line 6226
6226
6227<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-media.js?v=178923250894042546431785247873" defer></script>
vendor: 1 bytes, line 6227
6227
6228<script src="//www.joeskc.com/cdn/shop/t/80/assets/recently-viewed.js?v=93421342682375135181785247873" defer></script>
vendor: 1 bytes, line 6228
6228
6229<script src="//www.joeskc.com/cdn/shop/t/80/assets/customize-picker.js?v=45277056500756448861785482772" defer></script>
vendor: 1 bytes, line 6229
6229
6230<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select.js?v=28920746821541902741785247873" defer></script>
6230
6231
6232</div><div id="shopify-section-sections--19816060289091__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group-puff section-product-labels-and-badges"><style data-shopify>.x-badge-new_label_q3Fex7 .x-badge-content.x-badge-text{
6233          background-color:#7f2629;
6234          color:#ffffff;
6235          
6236            border-width: 1px;
6237            border-style: solid;
6238            border-color: #000000;
6239          
6240        }
6241        .dark .x-badge-new_label_q3Fex7 .x-badge-content.x-badge-text{
6242          background-color:#058942;
6243          color:#ffffff;
6244          
6245            border-width: 0;
6246          
6247        }.x-badge-new_label_q3Fex7 {
6248        --font-size-scale: 0.9rem;
6249        
6250      }
6251      @media (min-width: 768px) {
6252        .x-badge-new_label_q3Fex7 {
6253          --font-size-scale: 0.9rem;
6254          
6255        }
6256      }.x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{
6257          background-color:#ffe600;
6258          color:#202020;
6259          
6260        }
6261        .dark .x-badge-sale_label_RBUaTX .x-badge-content.x-badge-text{
6262          background-color:#ce021e;
6263          color:#ffffff;
6264          
6265            border-width: 0;
6266          
6267        }.x-badge-sale_label_RBUaTX {
6268        --font-size-scale: 0.9rem;
6269        
6270      }
6271      @media (min-width: 768px) {
6272        .x-badge-sale_label_RBUaTX {
6273          --font-size-scale: 0.9rem;
6274          
6275        }
6276      }</style>
6277    <div class="x-badges-block-data" x-badges-block-data='{
6278      "id": "new_label_q3Fex7",
6279      "enable": true,
6280      "type": "new-label",
6281      "settings": {
6282        "show_on_product_card": true,
6283        "show_on_product_page": true,
6284        "applied_to": "",
6285        "applied_products": [],
6286        "applied_collections": [],
6287        "content": "New",
6288        
6289          
6290          "type": "rounded-full",
6291        
6292        "background_color": "#7f2629",
6293        "text_color": "#ffffff",
6294        "image": null,
6295        "image_alt": "",
6296        "image_aspect_ratio": 0,
6297        "size": 2,
6298        "size_mobile": 2,
6299        "opacity": 100,
6300        "position": "top-left",
6301        "horizontal_position": 5,
6302        "vertical_position": 5,
6303        "schedule_enabled": false,
6304        "reset": false,
6305        "duration": 0,
6306        "timezone": 0,
6307        "start_year": 0,
6308        "start_month": 0,
6309        "start_day": 0,
6310        "start_hour": 0,
6311        "start_minute": 0,
6312        "end_year": 0,
6313        "end_month": 0,
6314        "end_day": 0,
6315        "end_hour": 0,
6316        "end_minute": 0,
6317        "day_since": "activation_date",
6318        "number_show": 30
6319      }
6320    }' x-badges-icon=''></div>
6321    <div class="x-badges-block-data" x-badges-block-data='{
6322      "id": "sale_label_RBUaTX",
6323      "enable": true,
6324      "type": "sale-label",
6325      "settings": {
6326        "show_on_product_card": true,
6327        "show_on_product_page": true,
6328        "applied_to": "",
6329        "applied_products": [],
6330        "applied_collections": [],
6331        "content": "Save {sale}",
6332        
6333          
6334          "type": "rounded-full",
6335        
6336        "background_color": "#ffe600",
6337        "text_color": "#202020",
6338        "image": null,
6339        "image_alt": "",
6340        "image_aspect_ratio": 0,
6341        "size": 2,
6342        "size_mobile": 2,
6343        "opacity": 100,
6344        "position": "top-right",
6345        "horizontal_position": 95,
6346        "vertical_position": 5,
6347        "schedule_enabled": false,
6348        "reset": false,
6349        "duration": 0,
6350        "timezone": 0,
6351        "start_year": 0,
6352        "start_month": 0,
6353        "start_day": 0,
6354        "start_hour": 0,
6355        "start_minute": 0,
6356        "end_year": 0,
6357        "end_month": 0,
6358        "end_day": 0,
6359        "end_hour": 0,
6360        "end_minute": 0,
6361        "day_since": "none",
6362        "number_show": 30
6363      }
6364    }' x-badges-icon='   
6365      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
6366        <path transform="scale(4.16)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M7.422 12c0 1.053.853 1.906 1.906 1.906S11.234 13.053 11.234 12s-.853-1.906-1.906-1.906S7.422 10.947 7.422 12zm1.906.906A.906.906 0 1 1 9.328 11.094a.906.906 0 0 1 0 1.812 M13.047 17.625c0 1.053.853 1.906 1.906 1.906s1.906-.853 1.906-1.906-.853-1.906-1.906-1.906-1.906.853-1.906 1.906zm1.906.906a.906.906 0 1 1 0-1.812.906.906 0 0 1 0 1.812 M8.275 19.385l8.438-8.438-.707-.707-8.438 8.438.707.707 M1.797 13.875c0 5.451 4.418 9.922 9.875 9.922 3.298 0 5.633-1.034 7.266-2.557 1.622-1.514 2.51-3.473 2.995-5.268.82-3.036-.256-6.265-2.708-8.226-2.037-1.63-2.491-4.594-1.043-6.766l.518-.777h-2.34c-3.388 0-6.125 2.795-6.125 6.172a.906.906 0 1 1-1.812 0V3.969l-2.675 2.006c-2.487 1.865-3.95 4.792-3.95 7.9zm9.875 8.922c-4.898 0-8.875-4.017-8.875-8.922 0-2.793 1.315-5.424 3.55-7.1l1.075-.806v.406a1.906 1.906 0 1 0 3.812 0c0-2.836 2.3-5.172 5.125-5.172h.551c-1.173 2.494-.518 5.557 1.689 7.324 2.145 1.716 3.083 4.537 2.367 7.184-.455 1.686-1.272 3.454-2.712 4.798-1.429 1.334-3.513 2.288-6.582 2.288"/>
6367      </svg>
6368    
6369
6370'></div>
6370<script src="//www.joeskc.com/cdn/shop/t/80/assets/labels-and-badges.js?v=86550131407629248251785482772" defer></script>
6370
6371</div><section id="shopify-section-sections--19816060289091__popup_promotion_Yc99jk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
6372<style data-shopify>
6373
6374
6375
6376
6377/* CUSTOM START - mobile promotion popup close button */
6378#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn {
6379  background: #fff !important;
6380  color: #000 !important;
6381  width: 32px !important;
6382  height: 32px !important;
6383  padding: 0 !important;
6384  border-radius: 50% !important;
6385  display: flex !important;
6386  align-items: center !important;
6387  justify-content: center !important;
6388  box-shadow: none !important;
6389}
6390
6391#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn .icon-close-container {
6392  background: transparent !important;
6393  color: inherit !important;
6394  width: 14px !important;
6395  height: 14px !important;
6396  padding: 0 !important;
6397  border-radius: 0 !important;
6398  display: flex !important;
6399  align-items: center !important;
6400  justify-content: center !important;
6401}
6402
6403#PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk.group-close-btn svg {
6404  width: 14px !important;
6405  height: 14px !important;
6406  display: block !important;
6407}
6408/* CUSTOM END */
6409
6410  .background-sections--19816060289091__popup_promotion_Yc99jk {
6411    background: #fafafa;
6412   }
6413  .dark .background-sections--19816060289091__popup_promotion_Yc99jk {
6414    background: rgb(var(--colors-background-secondary));
6415   }
6416  .content-text-sections--19816060289091__popup_promotion_Yc99jk {
6417      color: rgb(var(--colors-text-secondary));
6418    }
6419    .border-text-sections--19816060289091__popup_promotion_Yc99jk {
6420      border-color: rgb(var(--colors-text));
6421    }
6422  .dark .content-text-sections--19816060289091__popup_promotion_Yc99jk, .dark .background-sections--19816060289091__popup_promotion_Yc99jk {
6423    color: rgb(var(--colors-text-secondary));
6424    }
6425  .dark .border-text-sections--19816060289091__popup_promotion_Yc99jk {
6426    border-color: rgb(var(--colors-text));
6427    }
6428</style>
6429
6430
6431  <div 
6432    x-data='xPopups({
6433      "sectionId": "sections--19816060289091__popup_promotion_Yc99jk",
6434      "name": "popup-promotion",
6435      "delays": 2,
6436      "delayDays": 1,
6437      "show_popup": true,
6438      "showOnMobile": true,
6439      "schedule_enabled": true,
6440      "showCountdown": true,
6441      "overlay": true,
6442      "showMinimal": true,
6443      "showMinimalMobile": true,
6444      "default_style": "full",
6445      "default_style_mobile": "full",
6446      "trigger_intent": "delay",
6447      "scroll_height": 0.25
6448    })'
6449  >
6450    <template x-teleport="#eurus-popup">
6451      
6452      <div @click.stop class="overflow-hidden pointer-events-auto">
6453        <div 
6454          id="x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk"
6455          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
6456           x-init="load()"
6457          x-cloak
6458          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk'); $store.xCartAnalytics.viewCart();"
6459        >
6460          <style data-shopify>
6461            #x-promo-popup-sections--19816060289091__popup_promotion_Yc99jk .background-sections--19816060289091__popup_promotion_Yc99jk{
6462              will-change: transform, opacity
6463            }
6464          </style>
6465          <div class="relative background-sections--19816060289091__popup_promotion_Yc99jk shadow-popup overflow-hidden rounded-[10px]"
6466             x-show="show && enable" 
6467            
6468  
6469    x-transition:enter="transition-all ease-in-out duration-500"
6470    x-transition:enter-start="opacity-0 transform translate-y-1/3"
6471    x-transition:enter-end="opacity-100 transform translate-y-0"
6472    x-transition:leave="transition-all ease-in-out duration-500"
6473    x-transition:leave-end="opacity-0 transform translate-y-1/3"
6474  
6475
6476          >
6477            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close"
6478              class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
6479              @click.prevent="$store.xModal.removeFocus(); close();"
6480            >
6481              <span class="block icon-close-container w-fit rounded-full">
6482                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6483    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6484  </svg>
6485
6486              </span>
6487            </button>
6488            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_Yc99jk" aria-label="Close"
6489              class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
6490              @click.prevent="$store.xModal.removeFocus(); close();"
6491            >
6492              <span class="block icon-close-container w-fit rounded-full">
6493                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6494    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6495  </svg>
6496
6497              </span>
6498            </button>
6499            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
6500            >
6501              <div class="content-text-sections--19816060289091__popup_promotion_Yc99jk flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center">
6502                <div id="x-promotion-sections--19816060289091__popup_promotion_Yc99jk" class="promotion"
6503                  
6504                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
6505                    x-countdown-data='{
6506            "blockId": "countdown_timer_dk6wCB",
6507            "schedule_enabled": true,
6508            "timezone": -4,
6509            "start_year": 2026,
6510            "start_month": 8,
6511            "start_day": 13,
6512            "start_hour": 0,
6513            "start_minute": 0,
6514            "end_year": 2026,
6515            "end_month": 8,
6516            "end_day": 17,
6517            "end_hour": 0,
6518            "end_minute": 0,
6519            "reset": false,
6520            "duration": 604800000
6521          }'
6522                    x-intersect='$nextTick(() => {
6523                    if (!true && window.xViewport.innerWidth < 768) return;
6524                      $store.xHelper.countdown({
6525            "blockId": "countdown_timer_dk6wCB",
6526            "schedule_enabled": true,
6527            "timezone": -4,
6528            "start_year": 2026,
6529            "start_month": 8,
6530            "start_day": 13,
6531            "start_hour": 0,
6532            "start_minute": 0,
6533            "end_year": 2026,
6534            "end_month": 8,
6535            "end_day": 17,
6536            "end_hour": 0,
6537            "end_minute": 0,
6538            "reset": false,
6539            "duration": 604800000
6540          }, (canShow, s, m, h, d) => {
6541                        days = d;
6542                        hours = h;
6543                        minutes = m;
6544                        seconds = s;
6545                        loading = false;
6546                      })
6547                    })' 
6548                  
6549                >
6550<div class="block-sections--19816060289091__popup_promotion_Yc99jk mt-6 md:mt-0" ><p class="mt-2 font-bold">Limited Time Only!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_Yc99jk {color: #000000;}
6551                                .dark .heading-sections--19816060289091__popup_promotion_Yc99jk {color: #ffffff;}
6552                                .heading-minimal-sections--19816060289091__popup_promotion_Yc99jk {
6553                                  font-weight: var(--font-heading-weight);color: #000000;}
6554                                .dark .heading-minimal-sections--19816060289091__popup_promotion_Yc99jk {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_Yc99jk text-xl md:text-2xl mt-2 md:mt-3 font-bold">
6555                                
6556
6557
6558<style data-shopify>
6559  
6560  .dark .heading-heading_DiR7gW {
6561    
6562      --color-highlight: rgb(127, 38, 41);
6563    
6564  }
6565</style>
6566
6567
6568
6569  
6570
6571  
6572    
6573      
6574        <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >$15 OFF Shipped Z-Man Kits
6575  
6576    <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
6577      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/>
6578    </svg>
6579  
6580</span>
6581      
6582    
6583  
6584
6585  
6586
6587                              </p></div>
6588
6589                          
6590                            
6591                          
6592                          
6593                          <div class="block-sections--19816060289091__popup_promotion_Yc99jk text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
6594                            <p>Get your game-day BBQ ready with $15 off shipped Z-Man Sandwich Kits <strong>August 13–16 </strong> 🏈</p><p>Whether you’re feeding the whole watch party or stocking up before kickoff, Joe’s Kansas City has game day covered.</p>
6595                          </div>
6596                        
6597
6598<style data-shopify>.background-countdown-countdown_timer_dk6wCB {
6599                            font-size: var(--font-size-normal);color: #999999;
6600                              border-color: #999999;}
6601                          .dark .background-countdown-countdown_timer_dk6wCB {background: transparent;color: #ffffff;
6602                              border-color: #ffffff;}
6603                          .timer-countdown-countdown_timer_dk6wCB {
6604                            font-size: var(--font-size-large);color: #7f2629
6605}
6606                          .dark .timer-countdown-countdown_timer_dk6wCB {color: #ffffff
6607}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_Yc99jk"
6608                          class="block-sections--19816060289091__popup_promotion_Yc99jk x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
6609                          
6610                        >
6611                          <div id="x-popup-countdown-countdown_timer_dk6wCB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
6612                            <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div>
6613                            <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div>
6614                            <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div>
6615                            <div class="flex flex-col items-center background-countdown-countdown_timer_dk6wCB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_dk6wCB font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div>
6616                          </div>
6617                        </div>
6618
6619                          
6620                            
6621                          
6622                          
6623                          <div class="block-sections--19816060289091__popup_promotion_Yc99jk text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
6624                            <p><em><strong>Discount automatically applied in cart, no code needed. </strong></em><em>Valid only for </em><em><strong>shipped frozen orders over $100 </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p>
6625                          </div>
6626                        
6627
6628<style data-shopify>.button.button--button_aDMKn9, .button.button--button_aDMKn9:before {
6629}
6630                          .dark .button.button--button_aDMKn9, .dark .button.button--button_aDMKn9:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style>
6631  <a
6632     href="/collections/all-items" 
6633    class="block-sections--19816060289091__popup_promotion_Yc99jk  mt-5 lg:mt-7  text-center w-full md:w-fit button button-solid border button--button_aDMKn9 inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal "
6634     
6635  >
6636    
6637<div class="flex justify-center ">
6638  
6639    
6640      
6641        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
6642      
6643    
6644  
6645  
6646</div>
6647  </a>
6648  
6649
6650</div>
6651              </div>
6652                <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=1500" alt="Person holding a z man sandwich" srcset="//www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=450 450w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=750 750w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=900 900w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=1100 1100w, //www.joeskc.com/cdn/shop/files/Eating-a-zman.jpg?v=1718126695&amp;width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0">
6653                </div></div>
6654          </div>
6655        </div>
6656      </div>
6657    </template>
6658    
6659      
6660      <template x-teleport="#popup-minimal-left">
6661        <div class="relative mb-2" x-show="showMinimal" x-cloak
6662          x-transition:enter="transition-all ease-in-out duration-500"
6663          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
6664          x-transition:enter-end="opacity-100 transform translate-x-0"
6665          x-transition:leave="transition-all ease-in-out duration-500"
6666          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
6667        >
6668          <div 
6669            class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_Yc99jk md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden"
6670            aria-label="Media gallery"
6671            @click.prevent="clickMinimal()"
6672          >
6673            <div class="content-text-sections--19816060289091__popup_promotion_Yc99jk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
6674              
6675              
6676              
6677                <p class="heading-minimal-sections--19816060289091__popup_promotion_Yc99jk">
6678                  
6679                    $15 OFF Shipped Z-Man Kits
6680                  
6681                </p>
6682              
6683            </div>
6684          </div>
6685          <button aria-label="Close"
6686            class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_Yc99jk md:block "
6687            @click.prevent="closeMinimal()"
6688          >
6689            <span class="block rounded-full h-3 w-3">
6690              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6691    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6692  </svg>
6693
6694            </span>
6695          </button>
6696        </div>
6697      </template>
6698    
6699  </div>
6700  
6700<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
6700
6701  
6701<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
6701
6702
6703
6704</section><section id="shopify-section-sections--19816060289091__popup_promotion_cDpj6A" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
6705<style data-shopify>
6706
6707
6708
6709
6710/* CUSTOM START - mobile promotion popup close button */
6711#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn {
6712  background: #fff !important;
6713  color: #000 !important;
6714  width: 32px !important;
6715  height: 32px !important;
6716  padding: 0 !important;
6717  border-radius: 50% !important;
6718  display: flex !important;
6719  align-items: center !important;
6720  justify-content: center !important;
6721  box-shadow: none !important;
6722}
6723
6724#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn .icon-close-container {
6725  background: transparent !important;
6726  color: inherit !important;
6727  width: 14px !important;
6728  height: 14px !important;
6729  padding: 0 !important;
6730  border-radius: 0 !important;
6731  display: flex !important;
6732  align-items: center !important;
6733  justify-content: center !important;
6734}
6735
6736#PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A.group-close-btn svg {
6737  width: 14px !important;
6738  height: 14px !important;
6739  display: block !important;
6740}
6741/* CUSTOM END */
6742
6743  .background-sections--19816060289091__popup_promotion_cDpj6A {
6744    background: #fafafa;
6745   }
6746  .dark .background-sections--19816060289091__popup_promotion_cDpj6A {
6747    background: rgb(var(--colors-background-secondary));
6748   }
6749  .content-text-sections--19816060289091__popup_promotion_cDpj6A {
6750      color: rgb(var(--colors-text-secondary));
6751    }
6752    .border-text-sections--19816060289091__popup_promotion_cDpj6A {
6753      border-color: rgb(var(--colors-text));
6754    }
6755  .dark .content-text-sections--19816060289091__popup_promotion_cDpj6A, .dark .background-sections--19816060289091__popup_promotion_cDpj6A {
6756    color: rgb(var(--colors-text-secondary));
6757    }
6758  .dark .border-text-sections--19816060289091__popup_promotion_cDpj6A {
6759    border-color: rgb(var(--colors-text));
6760    }
6761</style>
6762
6763
6764  <div 
6765    x-data='xPopups({
6766      "sectionId": "sections--19816060289091__popup_promotion_cDpj6A",
6767      "name": "popup-promotion",
6768      "delays": 2,
6769      "delayDays": 1,
6770      "show_popup": true,
6771      "showOnMobile": true,
6772      "schedule_enabled": true,
6773      "showCountdown": true,
6774      "overlay": true,
6775      "showMinimal": true,
6776      "showMinimalMobile": true,
6777      "default_style": "full",
6778      "default_style_mobile": "full",
6779      "trigger_intent": "delay",
6780      "scroll_height": 0.25
6781    })'
6782  >
6783    <template x-teleport="#eurus-popup">
6784      
6785      <div @click.stop class="overflow-hidden pointer-events-auto">
6786        <div 
6787          id="x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A"
6788          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
6789           x-init="load()"
6790          x-cloak
6791          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A'); $store.xCartAnalytics.viewCart();"
6792        >
6793          <style data-shopify>
6794            #x-promo-popup-sections--19816060289091__popup_promotion_cDpj6A .background-sections--19816060289091__popup_promotion_cDpj6A{
6795              will-change: transform, opacity
6796            }
6797          </style>
6798          <div class="relative background-sections--19816060289091__popup_promotion_cDpj6A shadow-popup overflow-hidden rounded-[10px]"
6799             x-show="show && enable" 
6800            
6801  
6802    x-transition:enter="transition-all ease-in-out duration-500"
6803    x-transition:enter-start="opacity-0 transform translate-y-1/3"
6804    x-transition:enter-end="opacity-100 transform translate-y-0"
6805    x-transition:leave="transition-all ease-in-out duration-500"
6806    x-transition:leave-end="opacity-0 transform translate-y-1/3"
6807  
6808
6809          >
6810            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close"
6811              class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
6812              @click.prevent="$store.xModal.removeFocus(); close();"
6813            >
6814              <span class="block icon-close-container w-fit rounded-full">
6815                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6816    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6817  </svg>
6818
6819              </span>
6820            </button>
6821            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cDpj6A" aria-label="Close"
6822              class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
6823              @click.prevent="$store.xModal.removeFocus(); close();"
6824            >
6825              <span class="block icon-close-container w-fit rounded-full">
6826                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
6827    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
6828  </svg>
6829
6830              </span>
6831            </button>
6832            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
6833            >
6834              <div class="content-text-sections--19816060289091__popup_promotion_cDpj6A flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center">
6835                <div id="x-promotion-sections--19816060289091__popup_promotion_cDpj6A" class="promotion"
6836                  
6837                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
6838                    x-countdown-data='{
6839            "blockId": "countdown_timer_fYDiyB",
6840            "schedule_enabled": true,
6841            "timezone": -4,
6842            "start_year": 2026,
6843            "start_month": 8,
6844            "start_day": 29,
6845            "start_hour": 0,
6846            "start_minute": 0,
6847            "end_year": 2026,
6848            "end_month": 9,
6849            "end_day": 3,
6850            "end_hour": 0,
6851            "end_minute": 0,
6852            "reset": false,
6853            "duration": 604800000
6854          }'
6855                    x-intersect='$nextTick(() => {
6856                    if (!true && window.xViewport.innerWidth < 768) return;
6857                      $store.xHelper.countdown({
6858            "blockId": "countdown_timer_fYDiyB",
6859            "schedule_enabled": true,
6860            "timezone": -4,
6861            "start_year": 2026,
6862            "start_month": 8,
6863            "start_day": 29,
6864            "start_hour": 0,
6865            "start_minute": 0,
6866            "end_year": 2026,
6867            "end_month": 9,
6868            "end_day": 3,
6869            "end_hour": 0,
6870            "end_minute": 0,
6871            "reset": false,
6872            "duration": 604800000
6873          }, (canShow, s, m, h, d) => {
6874                        days = d;
6875                        hours = h;
6876                        minutes = m;
6877                        seconds = s;
6878                        loading = false;
6879                      })
6880                    })' 
6881                  
6882                >
6883<div class="block-sections--19816060289091__popup_promotion_cDpj6A mt-6 md:mt-0" ><p class="mt-2 font-bold">Choice your free gift!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_cDpj6A {color: #000000;}
6884                                .dark .heading-sections--19816060289091__popup_promotion_cDpj6A {color: #ffffff;}
6885                                .heading-minimal-sections--19816060289091__popup_promotion_cDpj6A {
6886                                  font-weight: var(--font-heading-weight);color: #000000;}
6887                                .dark .heading-minimal-sections--19816060289091__popup_promotion_cDpj6A {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_cDpj6A text-xl md:text-2xl mt-2 md:mt-3 font-bold">
6888                                
6889
6890
6891<style data-shopify>
6892  
6893  .dark .heading-heading_wHnKqK {
6894    
6895      --color-highlight: rgb(127, 38, 41);
6896    
6897  }
6898</style>
6899
6900
6901
6902  
6903
6904  
6905    
6906      
6907        <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >FREE Gifts with Shipped BBQ
6908  
6909    <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
6910      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/>
6911    </svg>
6912  
6913</span>
6914      
6915    
6916  
6917
6918  
6919
6920                              </p></div>
6921
6922                          
6923                            
6924                          
6925                          
6926                          <div class="block-sections--19816060289091__popup_promotion_cDpj6A text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
6927                            <p><strong>🔥Get Labor Day Weekend ready with Joe's🔥</strong></p><p>Stock the freezer now and get ready for Labor Day weekend, game days, and everything in between.</p><p><strong>August 29–September 2</strong>, place a qualifying shipped order and <strong>choose one FREE BBQ favorite:</strong></p><p>🌭 <strong>Sausage — 1 lb.</strong><br/>🔥 <strong>Smokie Joe — 1.5 lbs.</strong><br/>🐷 <strong>Pulled Pork — 1 lb.</strong></p>
6928                          </div>
6929                        
6930
6931<style data-shopify>.background-countdown-countdown_timer_fYDiyB {
6932                            font-size: var(--font-size-normal);color: #999999;
6933                              border-color: #999999;}
6934                          .dark .background-countdown-countdown_timer_fYDiyB {background: transparent;color: #ffffff;
6935                              border-color: #ffffff;}
6936                          .timer-countdown-countdown_timer_fYDiyB {
6937                            font-size: var(--font-size-large);color: #7f2629
6938}
6939                          .dark .timer-countdown-countdown_timer_fYDiyB {color: #ffffff
6940}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cDpj6A"
6941                          class="block-sections--19816060289091__popup_promotion_cDpj6A x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
6942                          
6943                        >
6944                          <div id="x-popup-countdown-countdown_timer_fYDiyB" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
6945                            <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div>
6946                            <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div>
6947                            <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div>
6948                            <div class="flex flex-col items-center background-countdown-countdown_timer_fYDiyB border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_fYDiyB font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div>
6949                          </div>
6950                        </div>
6951
6952                          
6953                            
6954                          
6955                          
6956                          <div class="block-sections--19816060289091__popup_promotion_cDpj6A text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
6957                            <p><em><strong>Automatically ships with orders $100+, no code needed! </strong></em><em>Valid only for </em><em><strong>shipped frozen orders </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p>
6958                          </div>
6959                        
6960
6961<style data-shopify>.button.button--button_pwXrmt, .button.button--button_pwXrmt:before {
6962}
6963                          .dark .button.button--button_pwXrmt, .dark .button.button--button_pwXrmt:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style>
6964  <a
6965     href="/collections/all-items" 
6966    class="block-sections--19816060289091__popup_promotion_cDpj6A  mt-5 lg:mt-7  text-center w-full md:w-fit button button-solid border button--button_pwXrmt inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal "
6967     
6968  >
6969    
6970<div class="flex justify-center ">
6971  
6972    
6973      
6974        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
6975      
6976    
6977  
6978  
6979</div>
6980  </a>
6981  
6982
6983</div>
6984              </div>
6985                <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=1500" alt="" srcset="//www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=450 450w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=750 750w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=900 900w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=1100 1100w, //www.joeskc.com/cdn/shop/files/saus_pulledpork_smokiejoe_free_gift.gif?v=1787939949&amp;width=1500 1500w" width="1500" height="2250" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0">
6986                </div></div>
6987          </div>
6988        </div>
6989      </div>
6990    </template>
6991    
6992      
6993      <template x-teleport="#popup-minimal-left">
6994        <div class="relative mb-2" x-show="showMinimal" x-cloak
6995          x-transition:enter="transition-all ease-in-out duration-500"
6996          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
6997          x-transition:enter-end="opacity-100 transform translate-x-0"
6998          x-transition:leave="transition-all ease-in-out duration-500"
6999          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7000        >
7001          <div 
7002            class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_cDpj6A md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden"
7003            aria-label="Media gallery"
7004            @click.prevent="clickMinimal()"
7005          >
7006            <div class="content-text-sections--19816060289091__popup_promotion_cDpj6A mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7007              
7008              
7009              
7010                <p class="heading-minimal-sections--19816060289091__popup_promotion_cDpj6A">
7011                  
7012                    FREE Gifts with Shipped BBQ
7013                  
7014                </p>
7015              
7016            </div>
7017          </div>
7018          <button aria-label="Close"
7019            class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_cDpj6A md:block "
7020            @click.prevent="closeMinimal()"
7021          >
7022            <span class="block rounded-full h-3 w-3">
7023              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7024    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7025  </svg>
7026
7027            </span>
7028          </button>
7029        </div>
7030      </template>
7031    
7032  </div>
7033  
7033<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7033
7034  
7034<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7034
7035
7036
7037</section><section id="shopify-section-sections--19816060289091__popup_promotion_cXgLHk" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
7038<style data-shopify>
7039
7040
7041
7042
7043/* CUSTOM START - mobile promotion popup close button */
7044#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn {
7045  background: #fff !important;
7046  color: #000 !important;
7047  width: 32px !important;
7048  height: 32px !important;
7049  padding: 0 !important;
7050  border-radius: 50% !important;
7051  display: flex !important;
7052  align-items: center !important;
7053  justify-content: center !important;
7054  box-shadow: none !important;
7055}
7056
7057#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn .icon-close-container {
7058  background: transparent !important;
7059  color: inherit !important;
7060  width: 14px !important;
7061  height: 14px !important;
7062  padding: 0 !important;
7063  border-radius: 0 !important;
7064  display: flex !important;
7065  align-items: center !important;
7066  justify-content: center !important;
7067}
7068
7069#PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk.group-close-btn svg {
7070  width: 14px !important;
7071  height: 14px !important;
7072  display: block !important;
7073}
7074/* CUSTOM END */
7075
7076  .background-sections--19816060289091__popup_promotion_cXgLHk {
7077    background: #fafafa;
7078   }
7079  .dark .background-sections--19816060289091__popup_promotion_cXgLHk {
7080    background: rgb(var(--colors-background-secondary));
7081   }
7082  .content-text-sections--19816060289091__popup_promotion_cXgLHk {
7083      color: rgb(var(--colors-text-secondary));
7084    }
7085    .border-text-sections--19816060289091__popup_promotion_cXgLHk {
7086      border-color: rgb(var(--colors-text));
7087    }
7088  .dark .content-text-sections--19816060289091__popup_promotion_cXgLHk, .dark .background-sections--19816060289091__popup_promotion_cXgLHk {
7089    color: rgb(var(--colors-text-secondary));
7090    }
7091  .dark .border-text-sections--19816060289091__popup_promotion_cXgLHk {
7092    border-color: rgb(var(--colors-text));
7093    }
7094</style>
7095
7096
7097  <div 
7098    x-data='xPopups({
7099      "sectionId": "sections--19816060289091__popup_promotion_cXgLHk",
7100      "name": "popup-promotion",
7101      "delays": 2,
7102      "delayDays": 1,
7103      "show_popup": true,
7104      "showOnMobile": true,
7105      "schedule_enabled": true,
7106      "showCountdown": true,
7107      "overlay": true,
7108      "showMinimal": true,
7109      "showMinimalMobile": true,
7110      "default_style": "full",
7111      "default_style_mobile": "full",
7112      "trigger_intent": "delay",
7113      "scroll_height": 0.25
7114    })'
7115  >
7116    <template x-teleport="#eurus-popup">
7117      
7118      <div @click.stop class="overflow-hidden pointer-events-auto">
7119        <div 
7120          id="x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk"
7121          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
7122           x-init="load()"
7123          x-cloak
7124          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk', 'PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk'); $store.xCartAnalytics.viewCart();"
7125        >
7126          <style data-shopify>
7127            #x-promo-popup-sections--19816060289091__popup_promotion_cXgLHk .background-sections--19816060289091__popup_promotion_cXgLHk{
7128              will-change: transform, opacity
7129            }
7130          </style>
7131          <div class="relative background-sections--19816060289091__popup_promotion_cXgLHk shadow-popup overflow-hidden rounded-[10px]"
7132             x-show="show && enable" 
7133            
7134  
7135    x-transition:enter="transition-all ease-in-out duration-500"
7136    x-transition:enter-start="opacity-0 transform translate-y-1/3"
7137    x-transition:enter-end="opacity-100 transform translate-y-0"
7138    x-transition:leave="transition-all ease-in-out duration-500"
7139    x-transition:leave-end="opacity-0 transform translate-y-1/3"
7140  
7141
7142          >
7143            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close"
7144              class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
7145              @click.prevent="$store.xModal.removeFocus(); close();"
7146            >
7147              <span class="block icon-close-container w-fit rounded-full">
7148                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7149    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7150  </svg>
7151
7152              </span>
7153            </button>
7154            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_cXgLHk" aria-label="Close"
7155              class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
7156              @click.prevent="$store.xModal.removeFocus(); close();"
7157            >
7158              <span class="block icon-close-container w-fit rounded-full">
7159                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7160    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7161  </svg>
7162
7163              </span>
7164            </button>
7165            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
7166            >
7167              <div class="content-text-sections--19816060289091__popup_promotion_cXgLHk flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center">
7168                <div id="x-promotion-sections--19816060289091__popup_promotion_cXgLHk" class="promotion"
7169                  
7170                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
7171                    x-countdown-data='{
7172            "blockId": "countdown_timer_3naWnT",
7173            "schedule_enabled": true,
7174            "timezone": -4,
7175            "start_year": 2026,
7176            "start_month": 8,
7177            "start_day": 23,
7178            "start_hour": 23,
7179            "start_minute": 45,
7180            "end_year": 2026,
7181            "end_month": 8,
7182            "end_day": 29,
7183            "end_hour": 0,
7184            "end_minute": 0,
7185            "reset": false,
7186            "duration": 604800000
7187          }'
7188                    x-intersect='$nextTick(() => {
7189                    if (!true && window.xViewport.innerWidth < 768) return;
7190                      $store.xHelper.countdown({
7191            "blockId": "countdown_timer_3naWnT",
7192            "schedule_enabled": true,
7193            "timezone": -4,
7194            "start_year": 2026,
7195            "start_month": 8,
7196            "start_day": 23,
7197            "start_hour": 23,
7198            "start_minute": 45,
7199            "end_year": 2026,
7200            "end_month": 8,
7201            "end_day": 29,
7202            "end_hour": 0,
7203            "end_minute": 0,
7204            "reset": false,
7205            "duration": 604800000
7206          }, (canShow, s, m, h, d) => {
7207                        days = d;
7208                        hours = h;
7209                        minutes = m;
7210                        seconds = s;
7211                        loading = false;
7212                      })
7213                    })' 
7214                  
7215                >
7216<div class="block-sections--19816060289091__popup_promotion_cXgLHk mt-6 md:mt-0" ><p class="mt-2 font-bold">Your new favorite side dish is now shipped!</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_cXgLHk {color: #000000;}
7217                                .dark .heading-sections--19816060289091__popup_promotion_cXgLHk {color: #ffffff;}
7218                                .heading-minimal-sections--19816060289091__popup_promotion_cXgLHk {
7219                                  font-weight: var(--font-heading-weight);color: #000000;}
7220                                .dark .heading-minimal-sections--19816060289091__popup_promotion_cXgLHk {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_cXgLHk text-xl md:text-2xl mt-2 md:mt-3 font-bold">
7221                                
7222
7223
7224<style data-shopify>
7225  
7226  .dark .heading-heading_NJmriH {
7227    
7228      --color-highlight: rgb(127, 38, 41);
7229    
7230  }
7231</style>
7232
7233
7234
7235  
7236
7237  
7238    
7239      
7240        <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >🌽 NEW PRODUCT GIVEAWAY🌽
7241  
7242    <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
7243      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/>
7244    </svg>
7245  
7246</span>
7247      
7248    
7249  
7250
7251  
7252
7253                              </p></div>
7254
7255                          
7256                            
7257                          
7258                          
7259                          <div class="block-sections--19816060289091__popup_promotion_cXgLHk text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
7260                            <p>Meet our Shipped <strong>Smoked Poblano Cheesy Corn</strong> — the newest side joining the Joe’s Kansas City online lineup, delivered right to your door.. 🔥</p><p>To celebrate, we’re giving you a <strong>FREE 1 lb. Smoked Poblano Cheesy Corn with every shipped BBQ order</strong> placed<strong> August 26-28!</strong><br/><em><strong><br/>Automatically applied in cart on shipped orders $100+. No code needed!</strong></em></p>
7261                          </div>
7262                        
7263
7264<style data-shopify>.background-countdown-countdown_timer_3naWnT {
7265                            font-size: var(--font-size-normal);color: #999999;
7266                              border-color: #999999;}
7267                          .dark .background-countdown-countdown_timer_3naWnT {background: transparent;color: #ffffff;
7268                              border-color: #ffffff;}
7269                          .timer-countdown-countdown_timer_3naWnT {
7270                            font-size: var(--font-size-large);color: #7f2629
7271}
7272                          .dark .timer-countdown-countdown_timer_3naWnT {color: #ffffff
7273}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_cXgLHk"
7274                          class="block-sections--19816060289091__popup_promotion_cXgLHk x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
7275                          
7276                        >
7277                          <div id="x-popup-countdown-countdown_timer_3naWnT" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
7278                            <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div>
7279                            <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div>
7280                            <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div>
7281                            <div class="flex flex-col items-center background-countdown-countdown_timer_3naWnT border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_3naWnT font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div>
7282                          </div>
7283                        </div>
7284
7285                          
7286                            
7287                          
7288                          
7289                          <div class="block-sections--19816060289091__popup_promotion_cXgLHk text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
7290                            <p><em>Valid only for </em><em><strong>shipped frozen orders over $100 </strong></em><em>placed online at joeskc.com. Not valid in stores.</em></p>
7291                          </div>
7292                        
7293
7294<style data-shopify>.button.button--button_YFdTyD, .button.button--button_YFdTyD:before {
7295}
7296                          .dark .button.button--button_YFdTyD, .dark .button.button--button_YFdTyD:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style>
7297  <a
7298     href="/collections/all-items" 
7299    class="block-sections--19816060289091__popup_promotion_cXgLHk  mt-5 lg:mt-7  text-center w-full md:w-fit button button-solid border button--button_YFdTyD inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal "
7300     
7301  >
7302    
7303<div class="flex justify-center ">
7304  
7305    
7306      
7307        <span class="button-text  is-focus-button:opacity-0">Shop Shipped</span>
7308      
7309    
7310  
7311  
7312</div>
7313  </a>
7314  
7315
7316</div>
7317              </div>
7318                <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=1500" alt="" srcset="//www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=450 450w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=750 750w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=900 900w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=1100 1100w, //www.joeskc.com/cdn/shop/files/CheesyCorn11.jpg?v=1775485952&amp;width=1500 1500w" width="1500" height="1000" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0">
7319                </div></div>
7320          </div>
7321        </div>
7322      </div>
7323    </template>
7324    
7325      
7326      <template x-teleport="#popup-minimal-left">
7327        <div class="relative mb-2" x-show="showMinimal" x-cloak
7328          x-transition:enter="transition-all ease-in-out duration-500"
7329          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7330          x-transition:enter-end="opacity-100 transform translate-x-0"
7331          x-transition:leave="transition-all ease-in-out duration-500"
7332          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7333        >
7334          <div 
7335            class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_cXgLHk md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden"
7336            aria-label="Media gallery"
7337            @click.prevent="clickMinimal()"
7338          >
7339            <div class="content-text-sections--19816060289091__popup_promotion_cXgLHk mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7340              
7341              
7342              
7343                <p class="heading-minimal-sections--19816060289091__popup_promotion_cXgLHk">
7344                  
7345                    🌽 NEW PRODUCT GIVEAWAY🌽
7346                  
7347                </p>
7348              
7349            </div>
7350          </div>
7351          <button aria-label="Close"
7352            class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_cXgLHk md:block "
7353            @click.prevent="closeMinimal()"
7354          >
7355            <span class="block rounded-full h-3 w-3">
7356              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7357    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7358  </svg>
7359
7360            </span>
7361          </button>
7362        </div>
7363      </template>
7364    
7365  </div>
7366  
7366<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7366
7367  
7367<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7367
7368
7369
7370</section><section id="shopify-section-sections--19816060289091__popup_promotion_rerbMf" class="shopify-section shopify-section-group-aside-group-puff section-promotion-popup">
7371<style data-shopify>
7372
7373
7374
7375
7376/* CUSTOM START - mobile promotion popup close button */
7377#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn {
7378  background: #fff !important;
7379  color: #000 !important;
7380  width: 32px !important;
7381  height: 32px !important;
7382  padding: 0 !important;
7383  border-radius: 50% !important;
7384  display: flex !important;
7385  align-items: center !important;
7386  justify-content: center !important;
7387  box-shadow: none !important;
7388}
7389
7390#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn .icon-close-container {
7391  background: transparent !important;
7392  color: inherit !important;
7393  width: 14px !important;
7394  height: 14px !important;
7395  padding: 0 !important;
7396  border-radius: 0 !important;
7397  display: flex !important;
7398  align-items: center !important;
7399  justify-content: center !important;
7400}
7401
7402#PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf.group-close-btn svg {
7403  width: 14px !important;
7404  height: 14px !important;
7405  display: block !important;
7406}
7407/* CUSTOM END */
7408
7409  .background-sections--19816060289091__popup_promotion_rerbMf {
7410    background: #fafafa;
7411   }
7412  .dark .background-sections--19816060289091__popup_promotion_rerbMf {
7413    background: rgb(var(--colors-background-secondary));
7414   }
7415  .content-text-sections--19816060289091__popup_promotion_rerbMf {
7416      color: rgb(var(--colors-text-secondary));
7417    }
7418    .border-text-sections--19816060289091__popup_promotion_rerbMf {
7419      border-color: rgb(var(--colors-text));
7420    }
7421  .dark .content-text-sections--19816060289091__popup_promotion_rerbMf, .dark .background-sections--19816060289091__popup_promotion_rerbMf {
7422    color: rgb(var(--colors-text-secondary));
7423    }
7424  .dark .border-text-sections--19816060289091__popup_promotion_rerbMf {
7425    border-color: rgb(var(--colors-text));
7426    }
7427</style>
7428
7429
7430  <div 
7431    x-data='xPopups({
7432      "sectionId": "sections--19816060289091__popup_promotion_rerbMf",
7433      "name": "popup-promotion",
7434      "delays": 2,
7435      "delayDays": 1,
7436      "show_popup": true,
7437      "showOnMobile": true,
7438      "schedule_enabled": true,
7439      "showCountdown": true,
7440      "overlay": true,
7441      "showMinimal": true,
7442      "showMinimalMobile": true,
7443      "default_style": "full",
7444      "default_style_mobile": "full",
7445      "trigger_intent": "delay",
7446      "scroll_height": 0.25
7447    })'
7448  >
7449    <template x-teleport="#eurus-popup">
7450      
7451      <div @click.stop class="overflow-hidden pointer-events-auto">
7452        <div 
7453          id="x-promo-popup-sections--19816060289091__popup_promotion_rerbMf"
7454          class="promo-popup w-full relative z-[60] md:absolute md:promotion-alignment--center pointer-events-auto md:w-[700px] lg:w-[810px]"
7455           x-init="load()"
7456          x-cloak
7457          x-intersect.full="$store.xModal.focus('x-promo-popup-sections--19816060289091__popup_promotion_rerbMf', 'PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf'); $store.xCartAnalytics.viewCart();"
7458        >
7459          <style data-shopify>
7460            #x-promo-popup-sections--19816060289091__popup_promotion_rerbMf .background-sections--19816060289091__popup_promotion_rerbMf{
7461              will-change: transform, opacity
7462            }
7463          </style>
7464          <div class="relative background-sections--19816060289091__popup_promotion_rerbMf shadow-popup overflow-hidden rounded-[10px]"
7465             x-show="show && enable" 
7466            
7467  
7468    x-transition:enter="transition-all ease-in-out duration-500"
7469    x-transition:enter-start="opacity-0 transform translate-y-1/3"
7470    x-transition:enter-end="opacity-100 transform translate-y-0"
7471    x-transition:leave="transition-all ease-in-out duration-500"
7472    x-transition:leave-end="opacity-0 transform translate-y-1/3"
7473  
7474
7475          >
7476            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close"
7477              class="rounded-full hidden md:block group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
7478              @click.prevent="$store.xModal.removeFocus(); close();"
7479            >
7480              <span class="block icon-close-container w-fit rounded-full">
7481                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7482    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7483  </svg>
7484
7485              </span>
7486            </button>
7487            <button id="PromotionPopupClose-sections--19816060289091__popup_promotion_rerbMf" aria-label="Close"
7488              class="rounded-full block md:hidden group-close-btn absolute cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 z-10 focus-visible:outline-none"
7489              @click.prevent="$store.xModal.removeFocus(); close();"
7490            >
7491              <span class="block icon-close-container w-fit rounded-full">
7492                <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7493    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7494  </svg>
7495
7496              </span>
7497            </button>
7498            <div class="flex flex-col-reverse md:flex-row flex-col-reverse md:flex-row-reverse rtl:md:flex-row"
7499            >
7500              <div class="content-text-sections--19816060289091__popup_promotion_rerbMf flex-1 pb-6 pl-6 pr-6 md:pt-10 lg:pt-12 lg:pb-12 lg:pl-14 lg:pr-14 ltr promotion--has-image:w-[54%] overflow-y-auto scrollbar-body max-h-[calc(75vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh] text-center rtl:text-center">
7501                <div id="x-promotion-sections--19816060289091__popup_promotion_rerbMf" class="promotion"
7502                  
7503                    x-data="{ loading: true, textLoad: '-', days: 0, hours: 0, minutes: 0, seconds: 0 }"
7504                    x-countdown-data='{
7505            "blockId": "countdown_timer_QiaNtW",
7506            "schedule_enabled": true,
7507            "timezone": -4,
7508            "start_year": 2026,
7509            "start_month": 7,
7510            "start_day": 24,
7511            "start_hour": 0,
7512            "start_minute": 0,
7513            "end_year": 2026,
7514            "end_month": 9,
7515            "end_day": 29,
7516            "end_hour": 0,
7517            "end_minute": 0,
7518            "reset": false,
7519            "duration": 604800000
7520          }'
7521                    x-intersect='$nextTick(() => {
7522                    if (!true && window.xViewport.innerWidth < 768) return;
7523                      $store.xHelper.countdown({
7524            "blockId": "countdown_timer_QiaNtW",
7525            "schedule_enabled": true,
7526            "timezone": -4,
7527            "start_year": 2026,
7528            "start_month": 7,
7529            "start_day": 24,
7530            "start_hour": 0,
7531            "start_minute": 0,
7532            "end_year": 2026,
7533            "end_month": 9,
7534            "end_day": 29,
7535            "end_hour": 0,
7536            "end_minute": 0,
7537            "reset": false,
7538            "duration": 604800000
7539          }, (canShow, s, m, h, d) => {
7540                        days = d;
7541                        hours = h;
7542                        minutes = m;
7543                        seconds = s;
7544                        loading = false;
7545                      })
7546                    })' 
7547                  
7548                >
7549<div class="block-sections--19816060289091__popup_promotion_rerbMf mt-6 md:mt-0" ><p class="mt-2 font-bold">1 lb. Frozen Burnt Ends</p><style data-shopify>.heading-sections--19816060289091__popup_promotion_rerbMf {color: #000000;}
7550                                .dark .heading-sections--19816060289091__popup_promotion_rerbMf {color: #ffffff;}
7551                                .heading-minimal-sections--19816060289091__popup_promotion_rerbMf {
7552                                  font-weight: var(--font-heading-weight);color: #000000;}
7553                                .dark .heading-minimal-sections--19816060289091__popup_promotion_rerbMf {color: #ffffff;}</style><p class="heading-sections--19816060289091__popup_promotion_rerbMf text-xl md:text-2xl mt-2 md:mt-3 font-bold">
7554                                
7555
7556
7557<style data-shopify>
7558  
7559  .dark .heading-heading_JHKW6M {
7560    
7561      --color-highlight: rgb(127, 38, 41);
7562    
7563  }
7564</style>
7565
7566
7567
7568  
7569
7570  
7571    
7572      
7573        <span class="highlight relative inline-block hl-underline mb-2.5" x-data="{ isIntersecting: false }" x-intersect.once.margin.-25%.0px.-25%.0px="isIntersecting = true" :class="isIntersecting && `highlight-anm-start`" >FREE Gift with Shipped BBQ
7574  
7575    <svg class="svg-highlight svg-underline absolute left-0 top-auto w-full h-[30%] -bottom-[20%]" xmlns="http://www.w3.org/2000/svg" width="216" height="13" viewBox="0 0 216 13" fill="none" style="fill: none;" preserveAspectRatio="none">
7576      <path d="M0.406646 9.68922C49.5975 4.73865 161.298 -2.39378 214.572 8.68106" vector-effect="non-scaling-stroke" stroke="var(--color-highlight);" stroke-width="4px" style="stroke: var(--color-highlight);"/>
7577    </svg>
7578  
7579</span>
7580      
7581    
7582  
7583
7584  
7585
7586                              </p></div>
7587
7588                          
7589                            
7590                          
7591                          
7592                          <div class="block-sections--19816060289091__popup_promotion_rerbMf text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
7593                            <h3>🏈Tailgate with Burnt Ends 🏈</h3><p>Make your watch party a little more Kansas City. With your qualifying purchase, get <strong>1 lb. of Frozen Burnt Ends FREE</strong>.</p><p>Smoky, caramelized, bark-packed and made for game day—these Kansas City burnt ends are the perfect addition to your tailgate spread.</p><p><strong>Offer ends September 28!</strong></p>
7594                          </div>
7595                        
7596
7597<style data-shopify>.background-countdown-countdown_timer_QiaNtW {
7598                            font-size: var(--font-size-normal);color: #999999;
7599                              border-color: #999999;}
7600                          .dark .background-countdown-countdown_timer_QiaNtW {background: transparent;color: #ffffff;
7601                              border-color: #ffffff;}
7602                          .timer-countdown-countdown_timer_QiaNtW {
7603                            font-size: var(--font-size-large);color: #7f2629
7604}
7605                          .dark .timer-countdown-countdown_timer_QiaNtW {color: #ffffff
7606}</style><div id="x-countdown-popup-sections--19816060289091__popup_promotion_rerbMf"
7607                          class="block-sections--19816060289091__popup_promotion_rerbMf x-countdown w-full inline-block md:block  mt-5 lg:mt-7 "
7608                          
7609                        >
7610                          <div id="x-popup-countdown-countdown_timer_QiaNtW" class="x-content-popup-countdown grid grid-cols-4 justify-center gap-3 md:gap-3">
7611                            <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:days"></span><span class="p-break-words">Days</span></div>
7612                            <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:hours"></span><span class="p-break-words">Hours</span></div>
7613                            <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:minutes"></span><span class="p-break-words">Minutes</span></div>
7614                            <div class="flex flex-col items-center background-countdown-countdown_timer_QiaNtW border pl-1 pr-1 pt-2.5 pb-2.5 md:min-w-[70px] lg:min-w-[74px] rounded"><span class="timer-countdown-countdown_timer_QiaNtW font-bold h4" x-html="loading?textLoad:seconds"></span><span class="p-break-words">Seconds</span></div>
7615                          </div>
7616                        </div>
7617
7618                          
7619                            
7620                          
7621                          
7622                          <div class="block-sections--19816060289091__popup_promotion_rerbMf text-[rgb(var(--colors-text))] p-break-words rte  mt-5 lg:mt-7  leading-tight rte" >
7623                            <p><em><strong>Automatically applied at checkout on shipped frozen orders of $150</strong></em><em> or more placed online at joeskc.com. No code needed. Not valid in stores.</em></p>
7624                          </div>
7625                        
7626
7627<style data-shopify>.button.button--button_LTRzG7, .button.button--button_LTRzG7:before {
7628}
7629                          .dark .button.button--button_LTRzG7, .dark .button.button--button_LTRzG7:before {--colors-button-text: 255, 255, 255;--colors-button: 0, 0, 0;--colors-button-hover: rgb(255, 255, 255);--colors-button-text-hover: 36, 36, 36;}</style>
7630  <a
7631     href="/collections/all-items" 
7632    class="block-sections--19816060289091__popup_promotion_rerbMf  mt-5 lg:mt-7  text-center w-full md:w-fit button button-solid border button--button_LTRzG7 inline-block ml-0.5 mr-0.5 mb-0.5 empty:hidden pl-6 pr-6 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3 leading-normal "
7633     
7634  >
7635    
7636<div class="flex justify-center ">
7637  
7638    
7639      
7640        <span class="button-text  is-focus-button:opacity-0">SHOP SHIPPED NOW</span>
7641      
7642    
7643  
7644  
7645</div>
7646  </a>
7647  
7648
7649</div>
7650              </div>
7651                <div class="block w-full rounded-t-lg md:rounded-t-none h-52 md:h-auto md:w-[46%] relative overflow-hidden"><img src="//www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=1500" alt="Joe&#39;s KC Burnt ends" srcset="//www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=450 450w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=750 750w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=900 900w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=1100 1100w, //www.joeskc.com/cdn/shop/files/burnt_ends.png?v=1716229252&amp;width=1500 1500w" width="1500" height="1500" loading="lazy" sizes="(min-width: 1300px) calc((1000px) / 2) , (min-width: 768px) calc((100vw) / 2), 100vw" class="h-full w-full object-cover z-0 relative md:absolute inset-0">
7652                </div></div>
7653          </div>
7654        </div>
7655      </div>
7656    </template>
7657    
7658      
7659      <template x-teleport="#popup-minimal-left">
7660        <div class="relative mb-2" x-show="showMinimal" x-cloak
7661          x-transition:enter="transition-all ease-in-out duration-500"
7662          x-transition:enter-start="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7663          x-transition:enter-end="opacity-100 transform translate-x-0"
7664          x-transition:leave="transition-all ease-in-out duration-500"
7665          x-transition:leave-end="opacity-0 transform -translate-x-1/3 rtl:translate-x-1/3"
7666        >
7667          <div 
7668            class="w-full pb-3 pt-3.5 pl-4 pr-4 md:pt-5 md:pb-4 md:pl-5 md:pr-5 background-sections--19816060289091__popup_promotion_rerbMf md:block hover:cursor-pointer shadow-md rounded-[10px] overflow-hidden"
7669            aria-label="Media gallery"
7670            @click.prevent="clickMinimal()"
7671          >
7672            <div class="content-text-sections--19816060289091__popup_promotion_rerbMf mr-7 rtl:mr-0 rtl:ml-7 leading-5 min-h-[1.25rem]">
7673              
7674              
7675              
7676                <p class="heading-minimal-sections--19816060289091__popup_promotion_rerbMf">
7677                  
7678                    FREE Gift with Shipped BBQ
7679                  
7680                </p>
7681              
7682            </div>
7683          </div>
7684          <button aria-label="Close"
7685            class="cursor-pointer pt-2 pb-2 pl-2 pr-2 absolute right-2 rtl:right-auto rtl:left-2 top-[0.625rem] md:top-4 content-text-sections--19816060289091__popup_promotion_rerbMf md:block "
7686            @click.prevent="closeMinimal()"
7687          >
7688            <span class="block rounded-full h-3 w-3">
7689              <svg class="" width="100%" height="100%" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
7690    <path d="M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7691  </svg>
7692
7693            </span>
7694          </button>
7695        </div>
7696      </template>
7697    
7698  </div>
7699  
7699<script src="//www.joeskc.com/cdn/shop/t/80/assets/popup.js?v=100348350478779886561785247873" defer></script>
7699
7700  
7700<script src="//www.joeskc.com/cdn/shop/t/80/assets/coupon-code.js?v=75051507617727915801785482772" defer></script>
7700
7701
7702
7703</section>
7704<!-- END sections: aside-group-puff -->
7705        
7706
7707      
7708      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-search theme-template-suffix-none" role="main" tabindex="-1">
7709        <section id="shopify-section-template--19816073560131__main" class="shopify-section section x-section x-section-search-result"><link href="//www.joeskc.com/cdn/shop/t/80/assets/product-grid.css?v=120255293655171342021785247873" rel="stylesheet" type="text/css" media="all" />
7710<style data-shopify>.section-padding-template--19816073560131__main {
7711    padding-top: 28px;
7712    padding-bottom: 100px;
7713  }
7714  @media (min-width: 768px) { 
7715    .section-padding-template--19816073560131__main {
7716      padding-top: 28px;
7717      padding-bottom: 100px;
7718    }
7719  }
7720  
7721  .gap-template--19816073560131__main {
7722    column-gap: 16px;
7723    row-gap: 32px;
7724  }
7725  @media (min-width: 768px) {
7726    .gap-template--19816073560131__main {
7727      column-gap: 28px;
7728      row-gap: 28px;
7729    }
7730  }</style>
7731
7732<div  class="search-page section-padding-template--19816073560131__main">
7733  <div class="x-pgw page-width">
7734    <div class="mb-4">
7735      
7736        <h1 class="text-center h2 font-semibold">Search...</h1>
7737      
7738    </div>
7739    <div x-data="xModalSearch('product,page,collection,article','6',3)" 
7740      class="flex justify-center relative mb-14" tabindex="-1">
7741          <form action="/search" method="get" role="search" class="max-w-3xl w-full">
7742            <div id="form-1" class="relative field">
7743              <style data-shopify>
7744                .input-search::placeholder {
7745                  
7746                    font-family: var(--font-heading-family);
7747                  
7748                }
7749              </style>
7750              <input 
7751                x-data="xSearchPrompts($el, ['Search for products', 'Search for articles', 'Search for collections'], true)"
7752                x-intersect.once="initSearchPrompt()"
7753                aria-label="Search"
7754                class="input-search bg-[rgb(var(--colors-text),0.1)] focus-visible:outline-none pt-4 pb-4 pl-7 rtl:pl-20 pr-20 rtl:pr-7 text-left rtl:text-right text-sm w-full appearance-none relative outline-none placeholder:opacity-70 placeholder:text-[rgb(var(--colors-text))] rounded-md"
7755                type="search"
7756                name="q"
7757                value=""
7758                x-on:keyup="keyUp()"
7759                placeholder="Search..."
7760              >
7761              <input type="hidden" aria-hidden="true" name="type" value="product,page,article">
7762              <input type="hidden" aria-hidden="true" name="options[prefix]" value="none">
7763              <button class="btn-search absolute none_border bg-none w-5 h-5 right-7 rtl:right-auto rtl:left-7 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current" aria-label="Search..."><svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 19 18" fill="none" style="fill: none;">
7764    <path d="M9.2665 16.2001C13.4639 16.2001 16.8665 12.7975 16.8665 8.60009C16.8665 4.40272 13.4639 1.00009 9.2665 1.00009C5.06914 1.00009 1.6665 4.40272 1.6665 8.60009C1.6665 12.7975 5.06914 16.2001 9.2665 16.2001Z M17.6669 16.9999L16.0669 15.3999" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7765  </svg>
7766</button>
7767              
7768                <button class="search__speech cursor-pointer absolute none_border bg-none w-5 h-5 right-14 rtl:right-auto rtl:left-14 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current" x-data="xSpeechSearch($el)" x-init="initSpeechSearch()" aria-label="Speech Search" x-show="show" x-cloak>
7769                  <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
7770    <path d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.3
77701607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" fill="currentColor"></path>
7771 </svg>
7772
7773                </button>
7774              
7775            </div><div x-show="openResults" @click.away="openResults = false" class="md:max-h-96 md:absolute z-40 max-w-3xl top-full w-full" tabindex="-1" data-predictive-search x-html="result">
7776              </div></form>
7777      </div></div></div>
7778
7779<style> #shopify-section-template--19816073560131__main h1 {color: #ffffff;} #shopify-section-template--19816073560131__main {background-color: #fff;} </style></section>
7780      </main>
7781      
7782          <!-- BEGIN sections: footer-group-puff -->
7783<div id="shopify-section-sections--19816061403203__footer" class="shopify-section shopify-section-group-footer-group-puff section-footer">
7784<style data-shopify>
7785  #section-footer {
7786    contain: style layout;
7787  }
7788  .section-padding-sections--19816061403203__footer {
7789    padding-top: 0px;
7790    padding-bottom: 16px;
7791  }
7792  @media (min-width: 768px) { 
7793    .section-padding-sections--19816061403203__footer {
7794      padding-top: 0px;
7795      padding-bottom: 40px;
7796    }
7797  }
7798</style>
7799<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--19816061403203__footer"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
7800        <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
7801            <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
7802                        <p class="h6 text-[115%]">ABOUT JOE&#39;S KC</p>
7803                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7804    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7805  </svg>
7806</span>
7807                      </div>
7808                      <ul class="mt-6 hidden md:block">
7809                        
7810<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7811                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
7812                              Our Story
7813                            </a>
7814                          </li><li class="mb-1  first:pt-0 pt-2">
7815                            <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block">
7816                              Restaurant Locations
7817                            </a>
7818                          </li><li class="mb-1  first:pt-0 pt-2">
7819                            <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block">
7820                              The 180 Room, Private Dining & Event Space
7821                            </a>
7822                          </li><li class="mb-1  first:pt-0 pt-2">
7823                            <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block">
7824                              We Ship BBQ
7825                            </a>
7826                          </li>
7827                      </ul>
7828                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
7829                        
7830<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7831                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
7832                              Our Story
7833                            </a>
7834                          </li><li class="mb-1  first:pt-0 pt-2">
7835                            <a href="/pages/locations" class="hover-text-link nav-link relative block lg:inline-block">
7836                              Restaurant Locations
7837                            </a>
7838                          </li><li class="mb-1  first:pt-0 pt-2">
7839                            <a href="http://www.the180room.com/" class="hover-text-link nav-link relative block lg:inline-block">
7840                              The 180 Room, Private Dining & Event Space
7841                            </a>
7842                          </li><li class="mb-1  first:pt-0 pt-2">
7843                            <a href="/pages/we-ship-bbq" class="hover-text-link nav-link relative block lg:inline-block">
7844                              We Ship BBQ
7845                            </a>
7846                          </li>
7847                      </ul></div></div>
7848            <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
7848or-pointer md:cursor-default duration-200 transition">
7849                        <p class="h6 text-[115%]">SHOP</p>
7850                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7851    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7852  </svg>
7853</span>
7854                      </div>
7855                      <ul class="mt-6 hidden md:block">
7856                        
7857<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7858                            <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
7859                              Restaurant Pick-Up
7860                            </a>
7861                          </li><li class="mb-1  first:pt-0 pt-2">
7862                            <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
7863                              Catering Pick-Up
7864                            </a>
7865                          </li><li class="mb-1  first:pt-0 pt-2">
7866                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
7867                              Ship Joe's Nationwide
7868                            </a>
7869                          </li><li class="mb-1  first:pt-0 pt-2">
7870                            <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block">
7871                              Corporate Gifts
7872                            </a>
7873                          </li>
7874                      </ul>
7875                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
7876                        
7877<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7878                            <a href="https://order.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
7879                              Restaurant Pick-Up
7880                            </a>
7881                          </li><li class="mb-1  first:pt-0 pt-2">
7882                            <a href="https://catering.joeskc.com/" class="hover-text-link nav-link relative block lg:inline-block">
7883                              Catering Pick-Up
7884                            </a>
7885                          </li><li class="mb-1  first:pt-0 pt-2">
7886                            <a href="/collections" class="hover-text-link nav-link relative block lg:inline-block">
7887                              Ship Joe's Nationwide
7888                            </a>
7889                          </li><li class="mb-1  first:pt-0 pt-2">
7890                            <a href="/pages/corporate-gifting" class="hover-text-link nav-link relative block lg:inline-block">
7891                              Corporate Gifts
7892                            </a>
7893                          </li>
7894                      </ul></div></div>
7895            <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
7896                        <p class="h6 text-[115%]">INFO</p>
7897                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7898    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7899  </svg>
7900</span>
7901                      </div>
7902                      <ul class="mt-6 hidden md:block">
7903                        
7904<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7905                            <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block">
7906                              Restaurant Allergen Information
7907                            </a>
7908                          </li><li class="mb-1  first:pt-0 pt-2">
7909                            <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block">
7910                              How we Ship Our BBQ
7911                            </a>
7912                          </li><li class="mb-1  first:pt-0 pt-2">
7913                            <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block">
7914                              Gift Card Balance Checker
7915                            </a>
7916                          </li><li class="mb-1  first:pt-0 pt-2">
7917                            <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block">
7918                              Reheat Instructions
7919                            </a>
7920                          </li>
7921                      </ul>
7922                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
7923                        
7924<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7925                            <a href="/pages/restaurant-allergen-information" class="hover-text-link nav-link relative block lg:inline-block">
7926                              Restaurant Allergen Information
7927                            </a>
7928                          </li><li class="mb-1  first:pt-0 pt-2">
7929                            <a href="/pages/how-we-ship-joe-s-kc-bar-b-que" class="hover-text-link nav-link relative block lg:inline-block">
7930                              How we Ship Our BBQ
7931                            </a>
7932                          </li><li class="mb-1  first:pt-0 pt-2">
7933                            <a href="/pages/gift-card-balance-checker" class="hover-text-link nav-link relative block lg:inline-block">
7934                              Gift Card Balance Checker
7935                            </a>
7936                          </li><li class="mb-1  first:pt-0 pt-2">
7937                            <a href="/pages/joes-kc-bbq-reheating-instructions" class="hover-text-link nav-link relative block lg:inline-block">
7938                              Reheat Instructions
7939                            </a>
7940                          </li>
7941                      </ul></div></div>
7942            <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 curs
7942or-pointer md:cursor-default duration-200 transition">
7943                        <p class="h6 text-[115%]">RESOURCES</p>
7944                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7945    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7946  </svg>
7947</span>
7948                      </div>
7949                      <ul class="mt-6 hidden md:block">
7950                        
7951<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7952                            <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block">
7953                              Employment Opportunities
7954                            </a>
7955                          </li><li class="mb-1  first:pt-0 pt-2">
7956                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
7957                              Privacy Policy
7958                            </a>
7959                          </li><li class="mb-1  first:pt-0 pt-2">
7960                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
7961                              Shipping Refund & Returns Policy
7962                            </a>
7963                          </li><li class="mb-1  first:pt-0 pt-2">
7964                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
7965                              Terms of Service
7966                            </a>
7967                          </li>
7968                      </ul>
7969                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
7970                        
7971<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7972                            <a href="/pages/apply-online" class="hover-text-link nav-link relative block lg:inline-block">
7973                              Employment Opportunities
7974                            </a>
7975                          </li><li class="mb-1  first:pt-0 pt-2">
7976                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
7977                              Privacy Policy
7978                            </a>
7979                          </li><li class="mb-1  first:pt-0 pt-2">
7980                            <a href="/policies/refund-policy" class="hover-text-link nav-link relative block lg:inline-block">
7981                              Shipping Refund & Returns Policy
7982                            </a>
7983                          </li><li class="mb-1  first:pt-0 pt-2">
7984                            <a href="/policies/terms-of-service" class="hover-text-link nav-link relative block lg:inline-block">
7985                              Terms of Service
7986                            </a>
7987                          </li>
7988                      </ul></div></div>
7989            <div class="footer-col--5 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/5 ltr" ><div x-data="{ open: false }" class="x-block-link-list pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
7990                        <p class="h6 text-[115%]">LET&#39;S CONNECT</p>
7991                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''"><svg width="100%" height="100%" viewBox="0 0 9 7" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7992    <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentcolor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7993  </svg>
7994</span>
7995                      </div>
7996                      <ul class="mt-6 hidden md:block">
7997                        
7998<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
7999                            <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
8000                              Account Login
8001                            </a>
8002                          </li><li class="mb-1  first:pt-0 pt-2">
8003                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
8004                              Contact Us
8005                            </a>
8006                          </li><li class="mb-1  first:pt-0 pt-2">
8007                            <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block">
8008                              Newsletter
8009                            </a>
8010                          </li><li class="mb-1  first:pt-0 pt-2">
8011                            <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block">
8012                              Write a Review
8013                            </a>
8014                          </li><li class="mt-2">
8015                            
8016<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
8017    
8018      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
8019<li>
8020      <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24">
8021      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
8022    </svg>
8023</a>
8024    </li><li>
8025      <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
8026      <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
8027    </svg>
8028</a>
8029    </li><li>
8030      <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
8031      <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
8032    </svg>
8033</a>
8034    </li></ul>
8035     </div>
8036                          </li>
8037                      </ul>
8038                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
8039                        
8040<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
8041                            <a href="https://www.joeskc.com/account/login" class="hover-text-link nav-link relative block lg:inline-block">
8042                              Account Login
8043                            </a>
8044                          </li><li class="mb-1  first:pt-0 pt-2">
8045                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
8046                              Contact Us
8047                            </a>
8048                          </li><li class="mb-1  first:pt-0 pt-2">
8049                            <a href="/pages/newsletter" class="hover-text-link nav-link relative block lg:inline-block">
8050                              Newsletter
8051                            </a>
8052                          </li><li class="mb-1  first:pt-0 pt-2">
8053                            <a href="/pages/write-a-review" class="hover-text-link nav-link relative block lg:inline-block">
8054                              Write a Review
8055                            </a>
8056                          </li><li class="mt-2">
8057                            
8058<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
8059    
8060      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
8061<li>
8062      <a href="https://x.com/joeskc" target="blank" aria-label="Twitter" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg class="icon-animation w-full h-full" viewBox="0 0 24 24">
8063      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
8064    </svg>
8065</a>
8066    </li><li>
8067      <a href="https://www.facebook.com/joeskcbbq" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24">
8068      <path fill="currentColor" d="M15.12,5.32H17V2.14A26.11,26.11,0,0,0,14.26,2C11.54,2,9.68,3.66,9.68,6.7V9.32H6.61v3.56H9.68V22h3.68V12.88h3.06l.46-3.56H13.36V7.05C13.36,6,13.64,5.32,15.12,5.32Z"/>
8069    </svg>
8070</a>
8071    </li><li>
8072      <a href="https://www.instagram.com/joeskc/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="presentation" class="icon-animation w-full h-full" viewBox="0 0 24 24" xml:space="preserve">
8073      <path fill="currentColor" d="M12,9.8c-1.2,0-2.2,1-2.2,2.2s1,2.2,2.2,2.2s2.2-1,2.2-2.2c0,0,0,0,0,0C14.2,10.8,13.2,9.8,12,9.8z M20.8,7.6 c0-0.7-0.1-1.4-0.4-2c-0.4-1-1.1-1.7-2.1-2.1c-0.6-0.2-1.3-0.4-2-0.4c-1.1-0.1-1.5-0.1-4.4-0.1s-3.2,0-4.4,0.1c-0.7,0-1.4,0.1-2,0.4 c-1,0.4-1.7,1.1-2.1,2.1c-0.2,0.6-0.4,1.3-0.4,2C3.1,8.8,3.1,9.1,3.1,12s0,3.2,0.1,4.4c0,0.7,0.1,1.4,0.4,2c0.2,0.5,0.5,0.9,0.8,1.2 c0.4,0.4,0.8,0.6,1.3,0.8c0.6,0.2,1.3,0.4,2,0.4c1.1,0.1,1.5,0.1,4.4,0.1s3.2,0,4.4-0.1c0.7,0,1.4-0.1,2-0.4 c0.5-0.2,0.9-0.5,1.3-0.8c0.4-0.4,0.6-0.8,0.8-1.2c0.2-0.6,0.4-1.3,0.4-2c0.1-1.1,0.1-1.5,0.1-4.4S20.9,8.8,20.8,7.6z M18.6,14.7 c0,0.5-0.1,1.1-0.3,1.6c-0.3,0.9-1,1.5-1.9,1.9c-0.5,0.2-1.1,0.3-1.6,0.3c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.5,0-1.1-0.1-1.6-0.3 c-0.4-0.2-0.8-0.4-1.2-0.8c-0.3-0.3-0.6-0.7-0.7-1.1c-0.2-0.5-0.3-1.1-0.3-1.6c0-0.7,0-0.9,0-2.7s0-2,0-2.7c0-0.5,0.1-1.1,0.3-1.6 c0.2-0.4,0.4-0.8,0.8-1.2c0.3-0.3,0.7-0.6,1.1-0.7c0.5-0.2,1.1-0.3,1.6-0.3l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.5,0,1.1,0.1,1.6,0.3 c0.4,0.2,0.8,0.4,1.2,0.8c0.3,0.3,0.6,0.7,0.7,1.1c0.2,0.5,0.3,1.1,0.3,1.6c0,0.7,0,0.9,0,2.7S18.6,14,18.6,14.7L18.6,14.7z M17.1,8.1c-0.2-0.6-0.7-1-1.3-1.3c-0.4-0.1-0.8-0.2-1.2-0.2c-0.7,0-0.9,0-2.7,0s-2,0-2.7,0c-0.4,0-0.8,0.1-1.2,0.2 c-0.6,0.2-1,0.6-1.3,1.2C6.7,8.5,6.7,8.9,6.7,9.3c0,0.7,0,0.9,0,2.7s0,2,0,2.7c0,0.4,0.1,0.8,0.2,1.2c0.2,0.6,0.7,1,1.3,1.3 c0.4,0.1,0.8,0.2,1.2,0.2l0,0c0.7,0,0.9,0,2.7,0s2,0,2.7,0c0.4,0,0.8-0.1,1.2-0.2c0.6-0.2,1-0.7,1.3-1.3c0.1-0.4,0.2-0.8,0.2-1.2 c0-0.7,0-0.9,0-2.7s0-2,0-2.7C17.4,8.9,17.3,8.5,17.1,8.1L17.1,8.1z M12,15.4c-1.9,0-3.4-1.5-3.4-3.4c0,0,0,0,0,0l0,0 c0-1.9,1.5-3.4,3.4-3.4s3.4,1.5,3.4,3.4C15.4,13.9,13.9,15.4,12,15.4C12,15.4,12,15.4,12,15.4z M15.6,9.3c-0.4,0-0.8-0.4-0.7-0.9 c0-0.4,0.3-0.7,0.7-0.7l0,0c0.4,0,0.8,0.4,0.7,0.9C16.2,8.9,15.9,9.2,15.6,9.3z"/>
8074    </svg>
8075</a>
8076    </li></ul>
8077     </div>
8078                          </li>
8079                      </ul></div></div></div></div><div class="additional-footer ltr mr-5 ml-5"
8080  >
8081    <div class="flex flex-col"><div class="mb-3 md:mb-2 lg:mb-2">
8082        
8083
8084        </div><div class="flex flex-col items-center lg:mt-2 order-last">
8085        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
8086            <a href="/" title="">SendJoesKCBBQ</a>.<div class="ml-1 inline-block">
8087                <p>All Rights Reserved.<br/></p>
8088              </div>
8089        </div>
8090      </div></div>
8091  </div>
8092</div>
8093<style> #shopify-section-sections--19816061403203__footer a:hover, #shopify-section-sections--19816061403203__footer a:focus-visible {color: #7f2629;} #shopify-section-sections--19816061403203__footer a {font-size: 16px;} </style></div>
8094<!-- END sections: footer-group-puff -->
8095        
8096      
8097<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>
8098
8099<div id="popup-minimal-left"
8100  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
8101></div>
8102
8103      
8104        <div class="scroll-to-top">
8105  <style data-shopify>
8106    .scroll_top {
8107      bottom: 40px;
8108    }
8109    @media(min-width: 768px) {
8110      .scroll_top {
8111        bottom: 40px;
8112      }
8113    }
8114  </style>
8115  <div
8116    x-data="xScrollTop"
8117    @init-run.window="scrollFunction()"
8118    @scroll.window="scrollFunction()"
8119    class="hidden md:block"
8120  >
8121    <button 
8122      x-show="show" x-cloak 
8123      @click="scrollTop()" 
8124      class="scroll_top fixed z-50 pl-3 pr-3 pb-3 pt-3 w-11 h-11 md:w-14 md:h-14 md:pl-4 md:pt-4 md:pr-4 md:pb-4 border-0 rounded-full right-5 rtl:right-auto rtl:left-5 -rotate-90 button button-action"
8125      x-transition:enter="transition-all ease-in-out duration-500"
8126      x-transition:enter-start="opacity-0 transform translate-y-1/3"
8127      x-transition:enter-end="opacity-100 translate-y-0"
8128      x-transition:leave="transition-all ease-in-out duration-500"
8129      x-transition:leave-end="opacity-0 transform translate-y-1/3"
8130      aria-label="scroll top"
8131    >
8132      
8133        <svg class=" w-full h-full" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
8134    <path d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"  />
8135  </svg>
8136
8137      
8138    </button>
8139  </div>
8140  
8140<script>
8141    requestAnimationFrame(() => {
8142      document.addEventListener('alpine:init', () => {
8143        Alpine.data('xScrollTop', () => ({
8144          show: false,
8145          scrollTop() {
8146            window.scrollTo({top: 0, behavior: 'smooth'});
8147          },
8148          scrollFunction() {
8149            const position = window.xViewport.innerWidth < 1025 ? 300 : 900;
8150            this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
8151              ? true : false;
8152          }
8153        }));
8154      });
8155    });
8156  </script>
8156
8157</div>
8158      
8159      
8160    </div>
8161    <div><ul hidden>
8162        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
8163        </li>
8164        <li id="a11y-new-window-message">Opens in a new window.
8165        </li>
8166      </ul>
8167      
8167<script>
8168        window.Eurus = {
8169          cart_error: `There was an error while updating your cart. Please try again.`,
8170          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
8171          cart_addon_sync_error: `Quantity could not be updated`,
8172          loadedScript: new Set(),
8173          cart_add_url: '/cart/add'
8174        };
8175      </script>
8175
8176      
8177      
8177<script src="//www.joeskc.com/cdn/shop/t/80/assets/splide4.1.3.js?v=75458750262329959491785247873" defer></script>
8177
8178      
8179      
8180        
8180<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-noti.js?v=68127480464519787801785247873" defer></script>
8180
8181      
8182
8183
8184
8185        
8185<script src="//www.joeskc.com/cdn/shop/t/80/assets/preview-color-swatches.js?v=76489450639821414821785482772" defer></script>
8185
8186        
8186<script src="//www.joeskc.com/cdn/shop/t/80/assets/speech-search.js?v=80603510328065116571785247873" defer></script>
8186
8187        
8187<script src="//www.joeskc.com/cdn/shop/t/80/assets/double-touch.js?v=64605958049830659291785247873" defer></script>
8187<script src="//www.joeskc.com/cdn/shop/t/80/assets/cart-countdown-timer.js?v=143864077785370808651785247873" defer></script>
8187
8188      
8189      
8189<script src="//www.joeskc.com/cdn/shop/t/80/assets/theme.js?v=35276034566610601951785407864" defer></script>
8189
8190      
8190<script src="//www.joeskc.com/cdn/shop/t/80/assets/header.js?v=53661949296896879111785247873" defer></script>
8190
8191      
8191<script src="//www.joeskc.com/cdn/shop/t/80/assets/truncate-text.js?v=48087358240679057471785247873" defer></script>
8191
8192      
8192<script src="//www.joeskc.com/cdn/shop/t/80/assets/variant-select-card.js?v=131603089912524905791785247873" defer></script>
8192
8193      
8194        
8194<script src="//www.joeskc.com/cdn/shop/t/80/assets/product-cart.js?v=118920320792046611671785482772" defer></script>
8194
8195        
8195<script src="//www.joeskc.com/cdn/shop/t/80/assets/quantity-selector.js?v=56005620581758573381785247873" defer></script>
8195
8196      
8197      
8197<script src="//www.joeskc.com/cdn/shop/t/80/assets/video.js?v=57078603138906415871785482771" defer></script>
8197
8198      
8198<script src="//www.joeskc.com/cdn/shop/t/80/assets/vendors.js?v=21726020999429958561785247873" defer></script>
8198
8199      
8199<script>
8200        window.addEventListener("load", (event) => {
8201          deferScriptLoad('instant.page', '//www.joeskc.com/cdn/shop/t/80/assets/instant.page.v5.1.1.js?v=43232110432331176871785247873', () => {}, true);
8202        });
8203      </script>
8203
8204    </div>
8205  <style> /* Mobile (default) */body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-mobile-2.0.png?v=1770307366"); background-size: 130% auto; /* zoom in */ background-repeat: repeat; background-position: top center; background-attachment: scroll;}  /* Desktop */@media (min-width: 769px) {body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-3_desktop-2.0.png?v=1770307179"); background-size: 90% auto; }}  /* Desktop */@media (min-width: 769px) {body {background-image: url("https://cdn.shopify.com/s/files/1/0818/5843/files/Website_Background-3_desktop-2.0.png?v=1770307179"); }} @media (min-width: 768px) {#sticky-header.background-header, #sticky-header-content.background-header {background: none; box-shadow: none; }} label.flex.items-center {border: 1px solid #000000; border-radius: 6px;} h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} .button.button-solid,button.button-solid,.button.button-solid:hover,button.button-solid:hover,.button.button-solid:focus,button.button-solid:focus {border: 1px solid rgba(35, 31, 32, 0.2) !important; box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.2) !important;} h1 {text-align: center; background-color: rgba(35, 31, 32, 0.75); color: #ffffff; padding: 12px 16px; border-radius: 4px;} </style>
8206<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
8206<script>
8207  window['ShopifyForms'] = {
8208    ...window['ShopifyForms'],
8209    currentPageType: "search"
8210  };
8211</script>
8211
8212
8213
8214</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
8214<script>
8215  (function () {
8216    const cartAttributes = {};
8217
8218    // Helper function to retrieve the UTM from Url
8219    function getUTMFromUrl() {
8220      const url_string = window.location.href;
8221      const url = new URL(url_string);
8222
8223      const utm_id = url.searchParams.get("utm_id");
8224      const utm_source = url.searchParams.get("utm_source");
8225      const utm_medium = url.searchParams.get("utm_medium");
8226      const utm_campaign = url.searchParams.get("utm_campaign");
8227      const utm_term = url.searchParams.get("utm_term");
8228      const ref = url.searchParams.get("ref");
8229
8230      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
8231        return null;
8232      }
8233
8234      let utmParameters = {};
8235      
8236        if (utm_id) {
8237          utmParameters.utm_id = utm_id;
8238        }
8239        if (utm_source) {
8240          utmParameters.utm_source = utm_source;
8241        }
8242        if (utm_medium) {
8243          utmParameters.utm_medium = utm_medium;
8244        }
8245        if (utm_campaign) {
8246          utmParameters.utm_campaign = utm_campaign;
8247        }
8248        if (utm_term) {
8249          utmParameters.utm_term = utm_term;
8250        }
8251        if (ref) {
8252          utmParameters.ref = ref;
8253        }
8254      
8255
8256      return Object.keys(utmParameters).length === 0
8257        ? null
8258        : utmParameters;
8259    }
8260
8261    // Helper function to retrieve the UTM from Cookie
8262    function getUTMAttributes() {
8263      const urlUtmParams = getUTMFromUrl();
8264
8265      if (urlUtmParams) {
8266          return urlUtmParams;
8267      }
8268
8269      // No longer reading from deprecated Shopify cookies
8270      return undefined;
8271    }
8272
8273    function saveUtmParameters() {
8274      const utmParams = getUTMAttributes();
8275      if (utmParams) {
8276        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
8277        if (cartHasUtmAttributes) {
8278          // Don't call API if it already contains our UTM parameters
8279          return;
8280        }
8281
8282        // Handle both Shopify.routes.root and routes.root_url for better compatibility
8283        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
8284          || (window.routes && window.routes.root_url) 
8285          || '/';
8286        
8287        var updateCart = fetch(rootUrl + 'cart/update.js',
8288        {
8289          headers: {
8290            'Content-Type': 'application/json',
8291          },
8292          method: "POST",
8293          body: JSON.stringify({
8294            attributes: {
8295              ...utmParams
8296            },
8297          })
8298        })
8299        .then(response => response.json())
8300        .then(data => {
8301          return data
8302        });
8303      }
8304    }
8305
8306    saveUtmParameters();
8307  })();
8308</script>
8308
8309
8310
8311
8312
8313</div><div id="shopify-block-AdEg4TnpCWURjL090R__13375078075628245689" class="shopify-block shopify-app-block">
8314
8315
8316
8317
8318
8319
8320
8321
8322
8323
8324
8325
8326
8327
8328
8329
8330
8331
8332  
8333    
8334  
8335
8336
8337
8338</div><div id="shopify-block-AS1NsNlV0dXFVeUZXd__9498845458295061716" class="shopify-block shopify-app-block">
8339
8340 <style type="text/css">
8341    .gs_banner-timer-wrapper {
8342      background-color: #f5f5f5;
8343      display: flex;
8344      flex-wrap: wrap;
8345      position: relative;
8346      align-items: center;
8347      justify-content: center;
8348      padding-top: 0px;
8349      padding-bottom: 0px;
8350      width: 100%;
8351      gap: 2%;
8352    }
8353    .gs_banner-timer-container {
8354      display: grid;
8355      grid-template-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
8356      column-gap: 3px;
8357      text-align: center;
8358      justify-content: center;
8359      row-gap: 0px;
8360      direction: ltr;
8361    }
8362    .gs_banner-timer-title {
8363      color: #333;
8364      font-size: 20px;
8365      font-style: normal;
8366      font-weight: bold;
8367      text-align: center;
8368      line-height: 1.2;
8369      letter-spacing: 0px;
8370    }
8371    .gs_banner-timer-numbers, .gs_banner-timer-divider {
8372      color: #333;
8373      font-size: 25px;
8374      font-weight: bold;
8375      line-height: 1;
8376    }
8377    .gs_banner-timer-label {
8378      color: #333;
8379      font-size: 10px;
8380      grid-column-start: span 2;
8381      grid-column-end: auto;
8382      padding-right: 10px;
8383    }
8384    .gs_banner-timer-label.gs_banner-timer-label-seconds {
8385      grid-column-start: auto;
8386      grid-column-end: auto;
8387    }
8388    .gs_banner-cta-button {
8389      display: inline-block;
8390      cursor: pointer;
8391      text-align: center;
8392      border: none;
8393      padding: 7px 16px;
8394      min-height: 36px;
8395      min-width: 36px;
8396      color: #333;
8397      background: #333;
8398      border-radius: 4px;
8399      font-weight: 500;
8400      font-size: 10px;
8401      flex-shrink: 0;
8402    }
8403    .gs_banner-cta-link {
8404      textDecoration: none;
8405      color: inherit;
8406    }
8407  </style>
8408
8409
8410<script type="text/javascript">
8411  window.gs_banner = window.gs_banner || {};
8412  window.gs_banner.timer = window.gs_banner.timer || {};
8413  window.gs_banner.timer.activeBanner = null || {};
8414</script>
8414
8415
8416
8417</div><div id="shopify-block-ANXhSaDM1QVJrdUdnS__7913310566140222867" class="shopify-block shopify-app-block">
8418
8419<script type="text/javascript">
8420  window.DISCOUNT_MANAGER = window.DISCOUNT_MANAGER || {};
8421  window.DISCOUNT_MANAGER.cartSavings = null || null;
8422  if (window.DISCOUNT_MANAGER.cartSavings) {
8423    window.DISCOUNT_MANAGER.cartSavings.compareAtPrices = {
8424      
8425    };
8426  }
8427</script>
8427
8428
8429
8430</div>
8430<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8430
8431</body>
8432</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.